@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap');
/*
16px基準文字サイズ
8px	  0.5rem
10px	0.625rem
11px	0.6875rem
12px	0.750rem
13px	0.8125rem
14px  0.875rem
15px	0.9375rem
16px	1rem
18px	1.125rem
20px	1.25rem
21px  1.3125rem
22px	1.375rem
24px	1.5rem
28px  1.75rem
30px  
32px	2rem
36px	2.25rem 
38px	2.375rem 
39px	 2.4375rem
40px	 2.5rem
*/
/*
Layout（ページを構成する要素に対して使用するクラス）・・・「l-」
Component（複数のページで再利用できる要素に対して使用するクラス）・・・「c-」
Project（ページ単位で使用するクラス）・・・「p-」
Utility（強制的にスタイルを当てたりする調整用のクラス）・・・「u-」
*/

/* ================================================
   RESET
================================================ */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img, abbr, acronym, fieldset {
border: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
a {
display: block; 
text-decoration: none;
color: inherit;
outline: none;
}

/* ================================================
   BASIC
================================================ */
html {
  font-size: 16px;
}
@media (max-width: 1200px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

body {
font-size: 1rem;
line-height: 1.5;
font-family: 'Inter', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
color: #000;
padding: 0px;
margin: 0px;
-webkit-text-size-adjust:100%;
letter-spacing:0.05em;
overflow:hidden;
overflow-y:scroll;
overflow-x:hidden;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
background: #fff;
}
body.is-fixed {
height: 100%;
overflow: hidden;
 }

a {
color:#000;
-webkit-transition: all .4s;
transition: all .4s;
text-decoration:none;
}
a:hover {
opacity: 0.7;
-webkit-transition: all .4s;
transition: all .4s;
text-decoration:none;
}

/* WRAPPER
------------------------------------------------ */
#wrapper {}
#wrapper img {
max-width:100%;
height:auto;
}

/* HEADER
------------------------------------------------ */
div#header {
  width: 100%;
  height: calc(202 / 2880 * 100vw);
  max-height: calc(202px / 2);
  background-color: #0d2052;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.l-header-inr {
  height: 100%;
  padding: 0 calc(76 / 2880 * 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.l-logo {
  width: calc(290 / 2800 * 100vw);
  max-width: calc(290px / 2);
  min-width: 80px;
}
.l-logo a {

}
.l-header-button a {
display: block;
padding: 1.9rem 1rem;
font-size: 1.2rem;
text-align: center;
border-radius: 100px;
border: 1px solid rgba(0,0,0,1);
}
.l-header_sns {
  display: flex;
}
.l-header_sns a {
  margin: 0 0.7rem;
  width:25px;
}
.l-header_sns img {
width:25px;
}

.l-header_sns_sp {
display: none;
}
.l-header_sns_sp li {
width: 31px;
margin: 0 0.4rem;
}


@media screen and (max-width: 1023px) {
  div#header {
  height: 60px;
  }
  .l-logo {
    width: 80px;
  }
  .l-header-inr {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header_sns_sp {
    display: flex;
    margin-right: 65px;
  }

}

/* NAVI
------------------------------------------------ */
#l-gnav {
margin:2em auto;
display: flex;
justify-content: space-between;
align-items: center;
}
#l-gnav .l-gnav__nav {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
}
#l-gnav .l-gnav__nav li {
  margin: 0 0.4em;
}
#l-gnav .l-gnav__nav li a {
  color: #fff;
display: block;
white-space: nowrap;
padding:0.4em;
font-size:0.9375rem;
font-weight: 500;
position: relative;
}
#l-gnav .l-gnav__nav li a:hover {
  opacity:1;
  color: #00a0e9;
}
.l-gnav__nav li a.current {
  opacity:1;
  color: #00a0e9 !important;
}
@media screen and (max-width: 900px) {
  #l-gnav .l-gnav__nav li {
    margin: 0 0.2em;
  }
}
@media screen and (max-width: 768px) {

  #l-gnav {
    display: none;
  }

}

/* CONTENTS HEADER
------------------------------------------------ */
#l-chead {
width: 100%;
margin: 0 auto;
}
.l-chead-cover {
height: 400px;
margin: 0 auto;
max-width: 1300px;
margin: 3em auto;
background:#efefef;
color:#fff;
}
.l-chead-cover.__index {
background:url(../images/chead_1.jpg) no-repeat center center;
background-size:cover;
}
.l-chead-cover.__movie {
background:url(../images/ch_movie.jpg) no-repeat center center;
background-size:cover;
}
.l-chead.__bg_profile {
background:url(../images/ch_profile.jpg) no-repeat center center;
background-size:cover;
}

/* CONTENTS
------------------------------------------------ */
#l-contents {
margin: 0 auto;
}

#l-main {
min-height: 600px;
}

/* SIDE COLUMN
------------------------------------------------ */
.l-side-column {
width:25%;
background:#efefef;
}

/* FOOTER
------------------------------------------------ */
#l-footer {
width: 100%;
}
#l-footer a {
}
.l-footer-inr {
margin:0 auto;
padding: 4rem 30px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.l-footer-inr_l {
width: 50%;
display: flex;
align-items: center;
}
.l-footer-inr_r {
  width: 50%;
  text-align: right;
}
.l-footer_logo {
  max-width: 150px;
}
.l-footer_mes {
  font-size: 1rem;
  font-weight: bold;
  margin-left: 2rem;
}

.l-footer_copy {
  margin-top: 2rem;
  font-size: 0.875rem;
}
.l-footer_privacy a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .l-footer-inr {
  margin: 0 auto;
  padding: 5rem 2rem;
  display: block;
  }
  .l-footer-inr_l {
  width: auto;
  justify-content: center;
  margin-bottom: 3rem;
  }
  .l-footer-inr_r {
    width: auto;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .l-footer_logo {
    margin: 0 auto 2rem;
    max-width: 150px;
  }
  .l-footer-inr_l {
    display: block;
    text-align: center;
  }
  .l-footer_mes {
    margin-left: 0;
  }
  .l-footer-inr {
    padding: 4rem 1.5rem;
    }
  .l-footer_mes span {
  display: block;
  }
}

/* BLOG
------------------------------------------------ */
#l-aside {
margin:3em;
background:#ccc;
}

/* PAGETOP */


/* ================================================
   コンテンツページ
================================================ */

/*共通*/
.c-heading {
position:relative;
}
.c-ttl {
font-size: 3rem;
font-weight: 600;
}
.c-ttl-en {
font-size: 1.15rem;
font-weight: 600;
color:#ea7a31;
}

.container {
margin: 0 auto;
max-width: 1300px;
padding-left: 30px;
padding-right: 30px;
position: relative;
}
.container_wide {
margin: 0 auto;
max-width: 100%;
position: relative;
}
.container_row {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: space-between;
}

.c-btn a {
  font-size: 1rem;
  font-weight: 600;
  color: #0d2052;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  transition: all .5s;
}
.c-btn._color_wht a {
  color: #fff;
}
.c-btn a:hover{
  opacity: 1;
  transform: translateX(8px);
  transition: all .5s;
}
.c-btn ._ico {
position: relative;
width: 32px;
height: 32px;
border:3px solid #0d2052;
border-radius: 50% 50%;
margin-left: 0.5rem;
transition: all .5s;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: all .5s;
}
.c-btn._color_wht ._ico {
  border:3px solid #fff;
}
.c-btn._color_wht ._ico_arw::before {
  background: #fff;
}
.c-btn._color_wht ._ico_arw::after {
  border-right-color: #fff;
  border-top-color: #fff;
}
.c-btn ._ico_arw {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 15px;
height: 10px;
transition: all .5s;
}
.c-btn ._ico_arw::before {
  content: "";
  width: 12px;
  height: 2px;
  background: #0d2052;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
}
.c-btn ._ico_arw::after {
  content: "";
  width: 6px;
  height: 6px;
  border: solid 2px transparent;
  border-right-color: #0d2052;
  border-top-color: #0d2052;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 3px;
  transform: rotate(45deg);
}

.c-btn a:hover ._ico_arw {
  left: 0.7rem;
  transition: all .5s;
}


.c-btn._color_wht a:hover ._ico_arw::before  {
  background: #0d2052;
}
.c-btn._color_wht a:hover ._ico_arw::after {
  border-right-color: #0d2052;
  border-top-color: #0d2052;
}

.c-btn a:hover ._ico {
  background: #fff;
}


@media screen and (max-width: 768px) {
  .container_row {
  display: block;
  }
  .c-ttl {
    font-size: 2rem;
  }
}

/* TOP
------------------------------------------------ */
/*共通*/
.p-top-ttl {
  font-size:3rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 2rem;
}
.p-top-ttl_en {
  font-size:1.6rem;
  font-weight: 600;
  margin-bottom: 1em !important;
  color: #00a0e9;
}

.p-top-ttl._top_mes {
  font-size:4.3rem;
  color: #0d2052;
}


/*mv*/
.p-top_hero {
  padding-top: calc(202 / 2880 * 100vw);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  overflow: hidden;
  margin-bottom: calc(136 / 2880 * 100vw);
  background: #ecf8fe;
}
.p-top_heroinr {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.p-top_hero_txt {
  /*padding-left: calc(300 / 2880 * 100vw);*/
  padding-right: 4vw;
  line-height: 0;
  position: absolute;
  left: 56%;
  top: 4%;
  box-sizing: border-box;
  max-width: calc(1300px / 2);
  z-index: 10;
}
.p-top_hero_visual {
  /*background: url(../images/mv_1.jpg) no-repeat center center;
  background-size: cover;*/
  overflow: hidden;
}
.p-top_hero_visual img {
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  max-width: 1440px;
  width: 100%;
}
.p-top_hero_disp {
  display:inline;
}
.mv_pc {
  display: ;
}
.mv_sp {
  display: none;
}

.load.p-top_hero_visual img {
 transform: scale(1) !important;
 transition: transform;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0s !important;
  opacity: 1;
}

.unload.p-top_hero_visual img {
  transform: scale(1.1) !important;
  transition-delay: .85s !important;
  opacity: 0;
}

.load.p-top_hero_txt img {
  transform: scale(1) !important;
  transition: transform;
   transition-duration: 1.5s;
   transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
   transition-delay: 0s !important;
   opacity: 1;
 }
 
 .unload.p-top_hero_txt img {
   transform: scale(1.1) !important;
   transition-delay: .85s !important;
   opacity: 0;
 }

@media screen and (min-width: 1400px) {
  .p-top_hero {
    padding-top: calc(202px / 2);
    margin-bottom: calc(136px/2);
  }
  .p-top_hero_visual {
  background-position: center top;
  }
}

@media screen and (max-width: 768px) {
  .p-top_hero_mes {
    padding: 0 20px;
    height: 70vh;
    margin-bottom: 30px
  }
  .p-top_hero_visual {
    /*padding: 0 ;
    margin-bottom: 0;
    background: url(../images/mv_kaihara_sp.png) no-repeat -110px center;
    background-size: contain;*/
  }
  .p-top_hero_info {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto 20px;
    background: #f9f9f9;
    min-width: auto;
    padding: 12px;
  }
  .p-top_hero_txt {
    left: 48%;
    top: calc(600 / 2880 * 100vw);
  }
  .p-top_hero {
    overflow: hidden;
    margin-bottom: calc(136 / 2880 * 100vw);
    position: relative;
    margin-top: 60px;
  }
  .mv_pc {
    display:none;
  }
  .mv_sp {
    display: block;

  }
  .p-top_hero_visual img {
    width: 85%;
    margin-left: -4rem;
  }
}

@media screen and (max-width: 640px) {
  .p-top_hero_mes {
    height: 45vh;
  }
  .__top_hero_big {
    font-size: 7.8vw;
  }
  .p-top_hero_visual img {
    width: 85%;
  }
  .p-top_hero_txt {
    left: 46%;
    top: calc(600 / 2880 * 100vw);
    width: 56%;
  }
}

.swiper-wrap {
  position: relative;
  overflow: hidden;
}

@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom-in 10s linear 0s 1 normal both;  
}

.slide-text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3vw;
  font-family: serif;
  font-weight: bold;
  text-shadow: 2px 2px 8px #000;
  color: #fff;
  transform: translate(-50%,-50%);
}
.slide-img img{
  object-fit: cover;
  height: 80vh;
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .slide-img img{
    height:80vh;
  }
}
@media screen and (max-width: 600px) {
  .slide-img img{
    height:62vh;
  }
}


.p-top_hero_link {
  display: none;
}
.p-top_hero_link_list {
  background: #0d2052;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.p-top_hero_link_list li a {
  display: block;
  padding: 1rem;
  color: #fff;
  font-size:0.9375rem;
  text-align: center;
}
.p-top_hero_link_list li a:hover {
  background: #0066c0;
  opacity:1;
}
@media screen and (max-width: 768px) {
  .p-top_hero_link {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .p-top_hero_link_list li a {
  padding: 1rem 0.5rem;
  font-size: 3vw;
  font-weight: bold;
  }
}

/*Message*/
.p-top-mes {
padding: 6em 0 8em 0 ;
position: relative;
}
.p-top-mes_inr {
max-width: 1300px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.p-top-mes_photo {
  margin: 8em auto 0;
  background: url(images/top_message_bg.png) no-repeat left center #fff;
  width: 780px;
}
.p-top-mes_bg {
  background: url(images/top_message_bg.png) no-repeat center center;
  background-size: contain;
  width: 500px;
  padding-top: 35%;
  position: absolute;
  left: -7em;
  top: 0;
  bottom: 12em;
  margin: auto;
  z-index: -1;
}

.p-top-mes_content {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.p-top-mes_txt {
  width: 60%;
}
.p-top-mes_pic {
  width: 32%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: end;
}
.p-top-mes_pic::before {
content: "";
width: 100%;
background: #ecf8fe;
padding: 100% 0;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.p-top-mes_pic img {
width: 300px;
display: flex;
align-items: center;
margin: 0 auto;
}
.p-top-mes_txt p {
margin-bottom: 1.5em;
line-height: 1.8;
text-align: justify;
}
@media screen and (max-width: 1023px) {
  .p-top-mes_pic {
  width: 30%
  }
  .p-top-ttl._top_mes {
  font-size: 4rem;
  }
  .p-top-mes_pic img {
  width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mes_content {
    display: block;
  }
  .p-top-mes_txt {
    width: auto;
    margin-bottom: 3em
  }
  .p-top-mes_pic {
    max-width: auto;
    width: auto;
  }
  .p-top-mes_pic img {
    max-width: 250px;
  }
  .p-top-mes_pic::before {
  padding: 0;
  height: 100%;
  }
  .p-top-mes {
    padding: 3em 0 5em 0;
  }
  .p-top-mes_mes br {
    display: none;
  }
  .p-top-mes_mes {
    font-size: 2rem;
  }
  .p-top-about_photo {
  margin: 3em auto 0;
  width: auto;
  }
  .p-top-ttl._top_mes {
    font-size: 8vw;
  }
  .p-top-ttl._top_mes br {

  }
}

@media screen and (max-width: 640px) {
  .p-top-mes_pic img {
  max-width: 180px;
  }

}

/*vision*/
.p-top-vision_headimg {
  background: url(../images/top_vision_bg.jpg) no-repeat center -20rem;
  background-size: cover;
  padding-top: 35%;
  width: 100%;
  position: relative;
  margin-bottom: 5rem;
}

.p-top-blue_ttlbox {
  background: #0d2052;
  padding:1.5rem 12vw;
}
.p-top-blue_ttlbox._top_vision {
position: absolute;
left:0;
bottom: -3rem;
}
.p-top-blue_ttl {
  color: #fff;
  font-size:2.5rem;
  font-weight: bold;
}
.p-top-blue_ttlen {
  color: #00a0e9;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-top-vision {
  margin: 0 auto;
}
.p-top-vision_content {
padding: 20% 5em;
position: relative;
z-index: 2;
margin: 0 auto;
}
.p-top-vision_content a {
  width: 100%;
height: 100%;
}
.p-top-vision_content::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.4;
  z-index: -1;
}
.p-top-vision_main {
width: 48%;
color: #fff;
font-size: 1.125rem;
}
.p-top-arw {
border: 1px solid #fff;
border-radius: 50% 50%;
position: absolute;
top: 0;
bottom: 0;
right: 5em;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
}
.p-top-arw a {
  width: 100px;
  height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.p-top-arw img {
width: 30px;
height:fit-content;
}
.p-top_vision_project {
  margin: 5em 0 8em;
}
#swiper {
overflow: unset !important;
}
.swiper-container {
  padding: 0 40px;
}
.swiper-container .swiper-wrapper {
  padding: 30px 0 70px;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 35%;
  border-radius: 10px;
}
.p-top-vision_project_pic {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
.p-top-vision_project_ttl {
  font-size:1.3rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 1em 0 0.5em;
  color: #0d2052;
  text-align: center;
  height: 65px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.p-top-vision_head p {
font-size: 1rem;
margin-bottom: 1em;
text-align: justify;
}

.swiper-scrollbar {
  margin-top: 2em;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0 !important;
    left: auto !important;
    top: 35% !important;
}
.swiper-button-next {
  right: 0 !important;
    left: auto !important;
    top: 35% !important;
}
.swiper-button-prev {
  right: 4em !important;
  left: 0 !important;
  top: 35% !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons !important;
    font-size: 40px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-variant: initial;
    line-height: 1;
    color: #0066c0;
}
.__btn_right_future {
display: flex;
justify-content: end;
margin-top: 4em;
}
@media screen and (max-width: 768px) {
  .p-top-blue_ttl {
    font-size: 2rem;
  }
  .p-top-blue_ttlbox {
    background: #0d2052;
    padding: 1.5rem 2rem;
  }
  ._top_future_project {
    margin: 4em 0 ;
  }
  .p-top-vision_main {
  width: auto;
  font-size: 1.125rem;
  }
  .p-top-vision_content_ttl {
    font-size: 2rem;
  }
  .p-top-vision_content {
    padding: 20% 2.5em;
  }
  .p-top-vision_ttlen {
    font-size: 1.5rem;
    margin-bottom: 0.5em;
  }
  .p-top-vision_ttl {
    font-size: 2.25rem;
  }
  .p-top-vision_inr {
    overflow: hidden;
  }

  .p-top-vision_headimg {
    padding-top: 50%;
    background: url(../images/top_vision_bg.jpg) no-repeat center center;
    background-size: cover;
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
      top: 25% !important;
  }
  .swiper-button-next {
      top: 25% !important;
  }
  .swiper-button-prev {
    top: 25% !important;
  }

}
@media screen and (max-width: 480px) {
  .p-vision_ttl {
    font-size: 1.215rem;
  }
  .p-top-vision_ttl {
    font-size: 2rem;
  }
  .p-top-vision_ttlen {
    font-size: 1.215rem;
    margin-bottom: 1em;
  }
  .p-top-vision_content_ttl {
    font-size: 1.5rem;
  }
  .p-top-vision_content_ttlen {
    font-size: 1.215rem;
  }
  .p-top-vision_main {
    font-size: 0.935rem;
  }
  .p-top-vision_content {
    padding: 5em 1.5em;
  }  
}

/*Activity*/
.p-top-activity {
  margin: 10em 0;
  background: url(../images/top_activity_bg.png) no-repeat center -10em #0b60af;
  position: relative;
  background-size:contain;
}
._top_activity {
  position: absolute;
  left:0;
  top:-60px;
}
.p-top-activity_wrap {
  color: #fff;
}
.p-top-activity_lead {
  text-align: center;
  margin: 0 auto 3em;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-top-activity_list_ttl {
  font-size:1.215em;
  font-weight: bold;
  margin: 1.5em auto;
  text-align: center;
}
.p-top-activity_list_txt {
  font-size:1rem;
}
.p-top-activity_wrap {
  padding: 15em 0 8em 0;
}
.p-top-activity_list {
  display: grid;
  gap: 60px 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 768px) {
  .p-top-activity_list {
    gap: 60px 40px;
    grid-template-columns: 1fr 1fr ;
  }
  .p-top-activity_wrap {
    padding: 8em 0 5em 0;
  }
  .p-top-activity {
    margin: 8rem 0 5em 0;
    background: url(../images/top_activity_bg.png) no-repeat center 4rem #0B60B2;
    background-size: contain;
  }
  .p-top-activity_lead {
    margin: 0 auto 1.5em;
  }
}
@media screen and (max-width: 640px) {
  .p-top-activity_list {
    gap: 60px 40px;
    grid-template-columns: 1fr ;
  }

}

/*Info*/
.p-top-navy_ttl {
  color: #0d2052;
  font-size: 2.5rem;
  font-weight: bold;
}
.p-top-info_head {
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-info_list {
display: grid;
gap: 40px 10px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 8em;
}
.p-info_list_ttl {
font-size:1.125em;
font-weight: bold;
margin: 1rem auto;
padding: 0 1.5rem;
}
.p-info_list_data {
font-size: 1rem;
font-weight: bold;
color: #00a0e9;
margin-bottom: 0.5rem;
}
.p-info_list_pic {
overflow: hidden;
position: relative;
}
.p-info_list li a {
overflow: hidden;
}
.p-info_list li a:hover .p-info_list_pic {
opacity:1;
transition: all .5s;
}
.p-info_list li a:hover img {
scale: 1.05;
}
.p-info_list li img {
transition: all .5s;
aspect-ratio: 4/3;
object-fit: cover;
}
.p-info_list_cat {
position: absolute;
left:0;
bottom: 0;
z-index: 10;
}
.p-info_list_cat ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-info_list_cat ul li{
font-size: 0.75rem;
padding: 0.3rem ;
font-weight: bold;
background: #0d2052;
color: #fefb47;
}
.p-info_list_cat ul li:first-child,
.p-info_list_cat ul li:last-child 
{
  padding: 0.3rem 0.5rem;
}

@media screen and (max-width: 768px) {
  .p-info_list {
    grid-template-columns: 1fr 1fr;
  }
  .p-top-navy_ttl {
    font-size: 2rem;
  }
  .p-top-info_head {
    margin-bottom: 3rem;
  }
  .p-info_list_data {
    font-size: 1.215rem;
  }
  .p-info_list_cat ul li{
    font-size: 0.5rem;
    }
}
@media screen and (max-width: 640px) {
  .p-info_list {
    grid-template-columns: 1fr;
    margin-bottom: 4em;
    gap: 20px 0;
  }
  .p-info_list_cat ul li{
    font-size: 0.8rem;
    padding: 0.3rem ;
    font-weight: bold;
    }
}

/*メディア・動画*/
.p-top-update {
  border-top: 1px solid #ccc;
  padding: 8rem 0;
}
.p-top-update_ttl {
  font-size:1.715rem;
  font-weight: bold;
  margin:0 auto  1rem auto;
  color: #fff;
}
.p-top-update_list {
  background: #0d2052;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.p-top-update_list:nth-child(1) {
margin-bottom: 2rem;
}
.p-top-update_list_txt {
  padding: 3rem;
}

.p-top-update_txt {
margin-bottom: 2rem;
}
.p-top-update_btn {
  display: flex;
  justify-content: end;
}
._update_reverse .p-top-update_list_pic {
  order:1;
}
._update_reverse .p-top-update_list_txt {
  order:2;
}

@media screen and (max-width: 768px) {
  .p-top-update_list {
    display: grid;
    grid-template-columns: 1fr;
  }
  .p-top-update_list_pic {
  padding: 0 2rem 2rem 2rem;
  }
  .p-top-update_list_txt {
    padding:2rem;
  }
  ._update_reverse .p-top-update_list_pic {
    order: unset;
  }
  ._update_reverse .p-top-update_list_txt {
    order:unset;
    padding: 2rem 2rem 2rem 2rem;
  }
  .p-top-update {
  padding: 5rem 0;
  }
}

/*Voice*/
.p-top-voice {
background:#ecf8fe;
padding: 10rem 0;
}
.p-top-voice_ttl {
  color: #fff;
  background:#0d2052;
  font-size: 3rem;
  font-weight: bold;
  margin:0 auto 3rem;
  text-align: center;
  position: relative;
  max-width: 50rem;
  padding: 1rem;
  border-radius: 10px 10px;
}
.p-top-voice_ttl:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 15px solid transparent;
  border-top: 22px solid #0d2052;
  width: 0;
  height: 0;
}
.p-top-voice_ttl_sub {
  color: #0066c0;
  font-size: 2rem;
  font-weight: bold;
  margin:0 auto 2rem;
  text-align: center;
  position: relative;
  text-decoration: underline;
  text-underline-offset: -0.1em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 228, 0, 0.6);
  text-decoration-skip-ink: none;
}

.p-top-voice_ttl_sub_lead {
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
  margin:0 auto 2rem;
}
.p-top-voice_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem 2rem;
  margin-bottom: 4rem
}
.p-top-voice_list li {

}
.p-top-voice_list_pic {
  width: 110px;
}
.p-top-voice_list_pic img {
border-radius: 50% 50%;
width: 110px;
height: 110px;
object-fit: cover;
}
.p-top-voice_list_name {
font-size: 1.1rem;
font-weight: bold;
margin-bottom: 0.5rem;
}
.p-top-voice_list_name span {
display: block;
font-size: 0.750rem !important;
}
.p-top-voice_list_name_area {
  display: inline-block !important;
  margin-left:0;
  font-size: 0.9375rem;
}
.p-top-voice_list_comment {
  font-size: 0.875rem;
}
.p-top-voice_list_txt {
}
.p-top-voice_more {
margin: 4rem auto 0;
text-align: center;
}
.p-top-voice_more {
  padding: 1rem 2rem;
  border-radius: 30px 30px;
  border: 2px solid #0d2052;
  display: flex;
  max-width: 220px;
  align-items: center;
  margin: 0 auto;
  transition: all .5s;
  background: #fefb47;
  color: #0d2052;
  font-weight: bold;
  cursor: pointer;
}
.p-top-voice_more:hover {
background: #0d2052;
color: #fff;
opacity:1;
transition: all .5s;
}
.p-top-voice_more ._more_arw {
  display: inline-block;
  vertical-align: middle;
  color: #0d2052;
  line-height: 1;
  position: relative;
  width: 0.1em;
  height: 1em;
  background: currentColor;
  margin-left: 1rem;
  transition: all .5s;
}
.p-top-voice_more ._more_arw::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.05em;
  box-sizing: border-box;
}
.p-top-voice_more:hover ._more_arw {
  background:#fff !important;
  color:#fff !important;
}
.p-top-voice_more.js-btn-close {
  display: flex;
  justify-content: center;
}
.p-top-voice_more.js-btn-close ._more_arw::before {
  transform: rotate(135deg);
  left: 1px;
  bottom: 0;
  top: -11px;
}
.js-accordion_national {
  margin-top: 6rem;
}
.p-voicelist_wrap {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 5rem 2rem;
}
.p-voicelist_more {
  display: flex;
  justify-content: end;
  width: 80px;
  position: relative;
  margin: 1rem 0 0 auto;
  text-align: right;
  transition: all .5s;
  color: #0066c0;
}
.p-voicelist_more::before {
content: "";
width: 30px;
height: 1px;
background: #ccc;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}

.c-top-voice_btn {
  margin: 2rem auto 0;
  display: flex;
  justify-content: center;
}
.c-top-voice_btn_margin {
  padding: 1rem 0;
  border-bottom: #0d2052 solid 3px;
}

.p-top-voice_list li a:hover .p-voicelist_more {
  opacity: 1;
  transform: translateX(8px);
  transition: all .5s;
}

@media screen and (max-width: 900px) {
  .p-top-voice_list {
    grid-template-columns: 1fr;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .p-top-voice {
    padding: 5rem 0;
  }
  .p-top-voice_ttl {
    font-size: 1.75rem;
    margin: 0 auto 3rem;
  }
  .p-top-voice_list_pic {
    width: 110px;
  }
  .p-top-voice_list_pic img {
    width: 110px;
    height: 110px;
    max-width: 110px;
    max-height: 110px;
  }
  .p-top-voice_list_comment {
    font-size: 0.875rem;
  }
  .p-top-voice_list_txt {
    margin-left:1rem;
  }
  .p-top-voice_list li {
    grid-template-columns: 80px 1fr;
    gap: 1rem;
  }
  .p-top-voice_ttl {
    font-size: 1.8rem;
  }
  .p-top-voice_ttl_sub {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 500px) {
  .p-voicelist_wrap {
  display: block;
  grid-template-columns: 1fr;
  gap: 5rem 2rem;
  margin: 0 auto;
  }
  .p-top-voice_list_pic {
    margin: 0 auto;
    text-align: center;
  }
  .p-top-voice_list_pic img {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px;
  }
  .p-top-voice_list_txt {
    margin-left:0;
  }
  .p-top-voice_ttl {
    font-size: 1.6rem;
  }
  .p-top-voice_ttl_sub {
    font-size: 1.58rem;
  }
}
/*Profile*/
.p-top-profile {
  border-bottom: 1px solid #ccc;
}
.p-top-profile_head {
  background: #0d2052;
  color: #fff;
}
.p-top-profile_headinr {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}
.p-top-profile_head_pic {
width: 60%;
margin: 0 auto;
display: flex;
    align-items: end;
}
.p-top-profile_head_pic img {
  max-width: 36rem;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.p-top-profile_head_main {
  width: 40%;
  padding: 4rem 0;
}
.p-top-profile_head_ttl {
color: #fff;
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 0.5rem;
}
.p-top-profile_head_ttl span{
  color: #00a0e9;
  font-size: 1rem;
  display: block;
}
.p-top-profile_head_name {
  margin: 2rem 0 1rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-top-profile_head_name span {
  font-size: 1rem !important;
}
.p-top-profile_head_job {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fefb47;
  margin-bottom: 0.5rem;
}
.p-top-profile_head_joblist {
  font-size: 0.935rem;
  line-height: 1.8;
}
.p-top-profile_lead {
  font-size: 2.75rem;
  font-weight: bold;
  color: #0d2052;
  margin: 2rem 0;
  line-height: 1.3;
}
.p-top-profile_lead span {
  display: block;
}
.p-top-profile_main {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.p-top-profile_history {
  margin: 5rem auto 8rem;
    max-width: 1100px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    line-height: 1.8;
}
.p-top-profile_challenge {
width: 65%;
text-align: justify;
}
.p-top-profile_manga {
  width: 26%;
}
.p-top-profile_manga img {
max-width: 210px;
margin: 0 auto;
display: block;
}
.p-top-profile_history_txt {
  text-align: justify;
  margin-bottom: 1rem;
  font-size: 0.935rem;
}
.p-top-profile_manga_name {
  font-size:1.215rem;
  font-weight: bold;
  color: #0d2052;
  text-align: center;
  margin: 0 auto 0.5rem;
}
.p-top-profile_manga_profile {
  font-size:0.875rem;
}
.p-top-prof_btn {
  margin-top: 3rem;
  display: flex;
  justify-content: end;
}

.p-top-voice_list_pic_sp_head {
  display: flex;
  justify-content: start;
  align-items: center;
  display: none;
  margin: 0 0 1em
}


@media screen and (max-width: 900px) {
  .p-top-profile_head_pic img {
    max-width: 45vw;
    }
}
@media screen and (max-width: 768px) {
  .p-top-profile_main {

  }
  .p-top-profile_challenge {
  width: auto;
  }
  .p-top-profile_manga {
  width: auto;
  margin-top: 2rem;
  }
  .p-top-profile_manga_profile {
  text-align: center;
  }
  .p-top-profile_head_main {
    width: 45%;
    padding: 0 30px;
  }
  .p-top-profile_head_pic {
    width: 50%;
  }
  .p-top-profile_main {
    display: block;
  }
  .p-top-profile_headinr {
    padding: 4rem 25px;
  }
  .p-top-profile_history {
    margin: 5rem auto;
  }
  .p-top-profile_lead {
    font-size: 2rem;
  }
  .p-top-profile_head_ttl {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .p-top-profile_head_name {
    margin: 1.5rem 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .p-top-profile_head_pic {
    width: auto;
  }
  .p-top-profile_head_main {
    justify-content: center;
    display: grid;
    width: auto;
    margin-top: 2rem;
  }
  .p-top-profile_headinr {
    display: block;
    padding: 4rem 0;
  }
  .p-top-profile_head_pic img {
    max-width: 70vw;
  }
  .p-top-voice_list_pic_sp_head {
    display: flex;
  }
  .p-top-voice_list_pic {
    display: none;
  }
  .p-top-voice_list_pic.__top_voice_sp {
    display: block;
    margin: 0 1rem 0 0;
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
  }

  .p-top-voice_list_name {
    display: none;
  }
  .p-top-voice_list_name.__top_voice_sp {
    display: block;
  }
  .p-voicelist_wrap {
   grid-template-columns: 1fr;
    gap: 1rem 2rem;
  }
  .p-top-voice_list_pic img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
  }
  .p-top-voice_list_txt {
    margin-left: 0;
  }
}


/*応援*/
.p-cheer {
  padding: 8rem 0;
}
.p-cheer_ttl {
  font-size:2.25rem;
  color: #0d2052;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 2rem;
}
.p-cheer_sns {
  max-width: 400px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-cheer_sns img {
  max-width: 60px;
  min-width: 35px;
}
.p-cheer_link {
  display: flex;
  justify-content: space-between;
}
.p-cheer_linklist {
  width: 45%;
}
.p-cheer_linklist_ttl {
  font-size:2rem;
  color: #00a0e9;
  font-weight: bold;
  text-align: baseline;
  margin: 0 auto 1rem;
  text-align: center;
}
.p-link_btn {
  text-align: center;
  margin: 2rem auto 0;
  border-bottom: 2px solid #2e8ce3;
}
.p-link_btn.--short {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
._link_btn_arw {
}
.p-link_btn a {
text-align: center;
font-size: 1.215rem;
font-weight: bold;
display: inline-block;
padding: 1rem 0;
}
.p-link_btn a div {
}
.p-link_btn a:hover {
opacity: 1;
transform: translateX(8px);
transition: all .5s;
}
.p-link_btn a div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-link_btn ._link_btn_icn {
position: relative;
width: 32px;
height: 32px;
border:3px solid #0d2052;
border-radius: 50% 50%;
margin-left: 1rem;
transition: all .5s;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: all .5s;
}
@media screen and (max-width: 768px) {
	.p-link_btn ._link_btn_icn {
		border:2px solid #0d2052;
		width: 24px;
		height: 24px;
	}
}
._link_btn_icn ._link_btn_icn_arw {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 15px;
height: 10px;
transition: all .5s;
}
._link_btn_icn ._link_btn_icn_arw::before {
content: "";
width: 12px;
height: 2px;
background: #0d2052;
display: inline-block;
position: absolute;
top: 4px;
left: 0;
}
._link_btn_icn ._link_btn_icn_arw::after {
content: "";
width: 6px;
height: 6px;
border: solid 2px transparent;
border-right-color: #0d2052;
border-top-color: #0d2052;
display: inline-block;
position: absolute;
top: 0;
left: 3px;
transform: rotate(45deg);
}
.p-link_btn a:hover ._link_btn_icn_arw {
left: 0.7rem;
transition: all .5s;
}

@media screen and (max-width: 1023px) {
  .p-top-profile_manga img {
  max-width: 180px;
  }
}

@media screen and (max-width: 768px) {
  .p-cheer_link {
    display: block;
  }
  .p-cheer_linklist {
    width: auto;
  }
  .p-cheer_linklist:nth-child(1) {
    margin-bottom: 4rem;
  }
  .p-cheer {
    padding: 6rem 0;
  }
  .p-cheer_linklist_ttl {
    font-size: 1.5rem;
  }
  .p-link_btn a {
    font-size: 0.935rem;
  }
}



/*下部お問い合わせ*/
.p-bottom-contact{
background-color: #0d2052;
color: #fff;
padding: 7rem 0;
}
.p-bottom-contact_inr {
  margin: 0 auto;
  max-width: 1300px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-bottom-contact_information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 67%;
  line-height: 1.8;
}
.p-bottom-contact_ttl {
font-size: 2.5rem;
font-weight: bold;
}
.p-bottom-contact_information_add ._add_name {
font-weight: bold;
font-size: 1.215rem;
margin-bottom: 0.3rem;
}
.p-bottom-contact_information_add ._add_txt a {
display: inline;
}

@media screen and (max-width: 768px) {
  .p-bottom-contact_inr {
    display: block;
  }
  .p-bottom-contact_information {
    width: auto;
    display: block;
  }
  .p-bottom-contact_information_add {
    margin-bottom: 2rem;
    text-align: center;
  }
  .p-bottom-contact_ttl {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
  .p-bottom-contact {
    padding: 5rem 0;
    justify-content: center;
    display: flex;
  }
  .p-bottom-contact_head {
    text-align: center;
  }
  .p-bottom-contact_information .c-btn {
    display: flex;
    justify-content: center;
  }
  .p-bottom-contact {
    padding: 4rem 0;
  }
}


/*マーカー*/
.p-underline {
text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 228, 0, 0.4);
  text-decoration-skip-ink: none;
}

/* PAGE
------------------------------------------------ */

.l-page-container {
margin-top: 5rem;
}
.p-page-container-inr {
  max-width: 1300px;
  margin: 0 auto 5rem;
  padding: 0 calc(202 / 2880 * 100vw);
}
.p-page-container_main {
  padding: 0;
  min-height: 200px;
}
.p-page_mainttl {
  font-size: 2.5rem;
  font-weight: bold;
  color: #0d2052;
  margin-bottom: 0.3rem;
}

@media screen and (max-width: 768px) {
  .l-page-container {
    margin-top: 4rem;
    }
}

/* ARCHIVE
------------------------------------------------ */
.p-archive {
  background-color: #f6f6f6;
  padding-top: rem(120);
  padding-bottom: rem(120);
}

.p-archive__inner.l-inner {
  max-width: 1200px;
}
.p-archive__title {
  line-height: 1;
}
.p-archive__title h2 {
  font-size: rem(36);
  font-weight: 500;
  letter-spacing: 0.075em;
}
.p-card__thumbnail {
  margin-bottom: 1rem;
  display: block;
}
.p-card__thumbnail img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.p-card__data {
  font-weight: bold;
  letter-spacing: 0.075em;
  color:#0066c0;
}
.p-archive__wrap {
  display: grid;
  grid-template-columns: rem(245) 1fr;
  gap: 40px;
  margin-top: rem(80);

  @include mq(md) {
      grid-template-columns: 1fr;
      margin-top: rem(40);
  }
}
.p-archive__nav {
}
.p-archive__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
.p-archive__card {
}
.p-archive__pageNav {
  margin-top: 5rem;
}

.p-archive-container.p-archive-container_flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-archive-container.p-archive-container_flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.p-archive-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-archive-container {
    display: block;
  }
  .p-archive__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 640px) {
  .p-archive__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.p-archive-side {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .p-archive-side {
    width: auto;
  }
}
.p-archive-side_ttl {
  font-size: 21px;
  font-weight: 500;
  margin: 16px 0;
  margin: 1rem 0;
  border-bottom: solid 1px #ccc;
  padding: 16px 0;
  padding: 1rem 0;
}

.p-archive-side__margintop {
  margin-top: 32px;
  margin-top: 2rem;
}

.p-archive-side-list li a {
  display: block;
  padding: 9.6px 0;
  padding: 0.6rem 0;
  font-size: 16px;
}

.p-archive-main {
  width: 75%;
}

@media screen and (max-width: 768px) {
  .p-archive-main {
    width: auto;
  }
}
.p-archive-list li {
  border-bottom: 1px solid #ccc;
}

.p-archive-list li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
  padding: 2.5rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

@media screen and (max-width: 768px) {
  .p-archive-list li a {
    padding: 1.5rem 0;
  }
}
.p-archive-list_pic {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .p-archive-list_pic {
    width: 27%;
  }
}
.p-archive-list_detail {
  width: 75%;
}

@media screen and (max-width: 768px) {
  .p-archive-list_detail {
    width: 60%;
    margin-right: 1.5rem;
  }
}
.p-archive-list_data {
  margin-right: 16px;
  margin-right: 1rem;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .p-archive-list_data {
    font-size: 15px;
  }
}
.p-archive-list_cat {
  padding: 3.2px 16px;
  padding: 0.2rem 1rem;
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 20px 20px;
}

.p-archive-list_ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 16px 0;
  margin: 1rem 0;
}

@media screen and (max-width: 768px) {
  .p-archive-list_ttl {
    font-size: 15px;
    margin: 0.5rem 0 1rem 0;
  }
}
.p-archive-side_archive {
  position: relative;
}

.p-archive-side_archive::before,
.p-archive-side_archive::after {
  position: absolute;
  right: 15px;
  width: 9px;
  height: 6px;
  background-color: #535353;
  content: "";
  pointer-events: none;
}

.p-archive-side_archive::before {
  top: calc(50% - 9px);
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.p-archive-side_archive::after {
  bottom: calc(50% - 9px);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.p-archive-side_archive select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 2.8em;
  padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}

/*矢印*/
.p-archive-list_arw {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: absolute;
  right: 10px;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

.p-archive-list_arw::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-archive-list li a:hover .p-archive-list_arw {
  right: 0;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

.p-archive_head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.p-archive_head_lead {
  font-size: 2rem;
  font-weight: bold;
}
.p-archive_head_lead span {
  display: block;
}

.p-archive_head_lead_sub {
  font-size: 1.125rem !important;
  font-weight: normal !important;
  margin-top: 1rem;
  display: block !important;
}

.p-archive_head_link {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.p-archive_head_link_one {
  display: grid;
  grid-template-columns: 1fr;
}
.p-archive_category {
  margin-right: 1rem;
}
.p-archive_head_ttl_sub {
  font-size: 1.215rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #0066c0;
}
.p-archive__ttl {
  margin-bottom: 3rem;
  padding: 0 0 1rem 0;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-archive_head {
    display: block;
    margin: 4rem 0;
  }
  .p-archive_head_lead {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
  }
  .p-archive_head_lead span {
    display: inline;
  }
  .p-archive__ttl {
    font-size: 2rem;
  }
  .p-voice-archive .p-archive_head_link {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 500px) {
  .p-archive__ttl {
  font-size: 1.5rem;
  }
  .p-archive_head_ttl_sub {
  font-size: 1rem;
  }
}
/* セレクトボックス */
.p-archive_select {
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  height: 50px;
  /*width: 250px;*/
  width: 16rem;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.p-archive_select::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #00a0e9;
  border-right: 2px solid #00a0e9;
  z-index: -1;
}
select.p-archive_select_list {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-family: 'Inter', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
form.p-archive_select_list {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  font-family: 'Inter', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .p-archive_select {
    width: 100%;
    max-width: auto;
  }

}

/* pagenavi
------------------------------------------------ */
.wp-pagenavi a {
display: inline-block;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: none;
  background:#bebebe;
  color: #fff;
  padding: 5px 10px;
  margin: 2px;
}
.wp-pagenavi a:hover {
  color: #fff;
  background:#0066c0;
  opacity: 1;
}
.wp-pagenavi span.current {
  border:none;
  color: #fff;
  background:#0066c0;
  padding: 8px 10px;
}
.wp-pagenavi {
  text-align: center;
}

/* SINGLE
------------------------------------------------ */
.p-single__info_design_plan {
  font-weight: bold;
}

.p-single-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-single-container {
    display: block;
  }
}
.p-single-main {
  width: 67%;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .p-single-main {
    width: auto;
  }
}
.p-single-head_data {
  margin-right: 16px;
  margin-right: 1rem;
  font-size: 18px;
  font-weight: 500;
}


.p-single_ttl {
  font-size: 30px;
  font-weight: 500;
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  .p-single_ttl {
    font-size: 24px;
  }
}
.p-single-content {
  padding-bottom: 135px;
  padding-bottom: 5rem;
  border-bottom: 1px solid #cfcfcf;
}

.p-single-content h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 16px 0;
  margin: 1rem 0;
}

@media screen and (max-width: 768px) {
  .p-single-content h2 {
    font-size: 18px;
  }
}
.p-single-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 16px 0;
  margin: 1rem 0;
}

@media screen and (max-width: 768px) {
  .p-single-content h3 {
    font-size: 16px;
  }
}
.p-single-content img {

}
.p-single-content div {
  margin-bottom: 1rem;
}
.p-single-content p {
  margin-bottom: 1rem;
}

.p-single-content p a {
  color: #0066c0;
  text-decoration: underline;
  padding: 5px 0;
  display: block;
}

.p-single_share {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid #cfcfcf;
}
.p-single_share li {
  width: 31px;
  margin: 1rem;
}
.p-single_share li:first-child {
  width: auto !important;
  margin-right: 2rem;
}

/*戻る次へ*/
.p-single-bottom-btn {
  margin-top: 80px;
  margin-top: 5rem;
  padding-top: 48px;
  padding-top: 3rem;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-single-bottom-btn a {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-single-bottom-btn {
    margin: 5rem 0;
  }
}
.p-single-bottom-btn div a {
  padding: 10px 50px;
  text-align: center;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

@media screen and (max-width: 768px) {
  .p-single-bottom-btn div a {
    padding: 10px 27px;
  }
}
.p-single-bottom-btn_arw {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: absolute;
  margin: auto;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

.p-single-bottom-btn_prev {
  position: relative;
}

.p-single-bottom-btn_arw.p-single-arw_prev {
  left: 10px;
  bottom: 0;
  top: 0;
}

.p-single-bottom-btn_next {
  position: relative;
}

.p-single-bottom-btn_arw.p-single-arw_next {
  right: 10px;
  bottom: 0;
  top: 0;
}

.p-single-arw_prev::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  position: absolute;
  top: 50%;
  right: 1.1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-single-arw_next::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-single-bottom-btn div a:hover .p-single-arw_prev {
  left: 0;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

.p-single-bottom-btn div a:hover .p-single-arw_next {
  right: 0;
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

/*紹介文 single*
------------------------------------------------ */
.p-single-voice-head {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin: 0 auto;
}
.p-single-voice_pic img {
  max-width: 200px;
  border-radius: 50% 50%;
}
.p-single-voice_name {
margin-left:2rem;
}
.p-single-voice_ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-single-voice_mes {
  margin-top: 2rem;
  ;line-height: 2;
}

.p-single-voice_area {

}
.p-single-voice_profile {
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 1rem;
}
.p-single-voice_pic img {
max-width: 180px;
border-radius: 50% 50%;
aspect-ratio: 4/4;
object-fit: cover;
}
.p-single-voice_pic {
  text-align: center;
}


@media screen and (max-width: 768px) {
  .p-single-voice-head {
  display: block;
  }
  .p-single-voice_name {
    margin-left: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
  }
  .p-single-voice_ttl {
    font-size: 1.5rem;
  }
  .p-single-voice_profile {
    font-size: 1rem;
  }
}


/*パンくず*
------------------------------------------------ */
.l-subMv {
  font-size: 0.8125rem;
}
.p-subMv {
  background: #e7f7ff;
  padding: 1.5rem 0;
}
.p-subMv ol li a {
  color: #333;
  font-size: 0.8125rem;
}
.p-subMv ol li a:hover {
  color: #0066c0;
}
.p-subMv__breadcrumb {
  display: flex;
}
.p-subMv__breadcrumb ol li {
  margin-right: 1rem;
}
.p-subMv__breadcrumb ol {
  display: flex;
}
.post-categories {
  display: flex;
}
.p-subMv__inner {
max-width: 1300px;
margin: 0 auto;
padding: 0 calc(202 / 2880 * 100vw);
}
.post-categories li::after {
  display: none;
}
.post-categories li {
  margin: 0 !important;
}
.post-categories li:last-child {
  padding-right: 0 !important;
}
/* CSS */  
.c-breadcrumb ol li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
  padding-right: 1rem;
}

.c-breadcrumb ol li::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  color: #0066c0;
  vertical-align: middle;
  width: 0.4em;   /* arrow size */
  height: 0.4em;  /* arrow size */
  border-top: 1px solid #0066c0;  /* thickness, color */
  border-right: 1px solid #0066c0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-breadcrumb ol li:last-child::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-subMv__breadcrumb ol {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .p-subMv {
  padding: 1rem 0;
  }
  .p-subMv__inner {
padding: 0 1rem;
  }
}
/*SPMENU*
------------------------------------------------ */
.sp_sns_icn{
width:30px;
}

.c-hamburger {
  width: 50px;
  height: 50px;
  z-index: 110;
  padding: 0 0;
  position: absolute;
  right: 15px;
  top: 5px;
  border: none;
  background:none;
  cursor: pointer;
  display: none;
}

.c-hamburger span {
  position: relative;
  display: block;
  height: 1px;
  background-color:#fff;
  transition: 0.3s ease-in-out;
  margin-left: auto;
  margin-right: auto;
}

.c-hamburger.open {
  background-color: ;
}

.c-hamburger.open span {
background-color:#2e8ce3;
}

.c-hamburger span:nth-child(1) {
  width: 3.125rem;
}

.c-hamburger span:nth-child(2) {
  width: 3.125rem;
  margin-top: 8px;
  margin-bottom: 8px;
}

.c-hamburger span:nth-child(3) {
  width: 3.125rem;
  top: 0;
}

.c-hamburger.open span {
}

.c-hamburger.open span:nth-child(1) {
  top: 9px;
  transform: rotate(45deg);
}

.c-hamburger.open span:nth-child(2) {
  background-color: transparent;
  box-shadow: none;
}

.c-hamburger.open span:nth-child(3) {
  width: 3.125rem;
  top: -10px;
  transform: rotate(-45deg);

}
/*ドロワー*/
.p-drawer__logo {
max-width:140px;
}
.p-drawer {
  display: grid;
  place-items: center;
  position: fixed;    
  bottom: -100%;
  width: 100%;
  height: 100%;
  z-index: 15;
  transition: all 0.8s;
  background-color: #0d2052;
  padding-top: 0;
  padding-bottom: 0;
}

.p-drawer.open {
  bottom: 0;
}
.p-drawer__wrap {
  height: 100vh;
  width: 100%;  
}
.p-drawer__logo {
  width: 100%;
  height: auto;
  max-width: 180px;
  position: absolute;
  left: 1em;
  top: 1em;
}
.p-drawer__navigation {
max-width: 1000px;
width: 100%;
}
.p-drawer__navigation a {
color: #fff;
}
.p-drawer__navigation-wrap {
  height: calc(100vh - 11rem);
  overflow-y: scroll;
  padding: 5rem 2em;
}
.p-drawer__navigation-wrap_main {
  display: flex;
  justify-content: space-between;
}
.p-drawer__navigation-wrap_main .p-drawer__navigation-items  {
  width: 48%;}

.p-drawer__navigation-wrap::-webkit-scrollbar {
  width: 1px;
}
.p-drawer__navigation-wrap::-webkit-scrollbar-track {
  background-color: ;
}
.p-drawer__navigation-wrap::-webkit-scrollbar-thumb {
  background-color: ;
}
.p-drawer__navigation-subItems {}
.p-drawer__navigation-items {
}
.p-drawer__navigation-item {
  letter-spacing: 0.075em;
  line-height: 1.6;
  color: #fff;
  font-size: 1.215rem;
}
.p-drawer__navigation-item_sub {
  display: flex;
}
.p-drawer__navigation-item_sub li {
}
.p-drawer__navigation-item_sub li a {
  font-size:0.935rem;
  padding: 0 0.5em 1.5em;
  font-weight: normal !important;
  color: #fff;
}
.p-drawer__navigation-items--bottom {
    display: flex;
    justify-content: space-between;
    margin-top:2em;
}
.p-drawer__navigation-item--bottom {
  font-size: 1rem;
  letter-spacing: 0.075em;
  line-height: 1.6;
  color: white;
}
.p-drawer__navigation-item--sns {
  display: flex;
  justify-content: space-between;
  margin-top:3em;
  width: 190px;
}
.p-drawer__navigation-item--sns li {
 width: 35px;
 margin-right: 1rem;
}

.p-drawer__navigation-item {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.p-drawer__navigation-item:last-child {
  border-bottom:none;
}
.p-drawer__navigation-item a {
padding:1.5em 0 ;
color:#fff;
font-weight: 500;
position: relative;
padding-left:1.5em;
}
.p-drawer__navigation-item:after {
position: absolute;
bottom: -1px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #2e8ce3;
transform: scale(0, 1);
transform-origin: right top;
transition: transform .3s;
z-index: 2;
}
.p-drawer__navigation-item a:hover + .p-drawer__navigation-item:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.p-drawer__navigation-item a::before {
content: ""; 
display: block;
width: 5px !important;
height: 5px !important;
background: #2e8ce3;
border-radius: 50% 50%;
position: absolute;
left: 0.5em;
top: 0;
bottom: 0;
margin: auto;
}
.p-drawer__navigation-item a:hover {
color:#2e8ce3;
opacity: 1;
}
.p-drawer__navigation-subItem {}
.p-drawer__navigation-subItem + .p-drawer__navigation-subItem {
}
.p-drawer__navigation-item + .p-drawer__navigation-item {
}
.p-drawer__navigation-item_company {
  padding: 2em 1em ;
}
.p-drawer__navigation-item_company_name {
  font-size:1rem;
  font-weight: 600;
}
.p-drawer__navigation-item_company_tel {
  font-size:1rem;
  font-weight: 600;
  letter-spacing: 0;
  margin: 1em 0;
}
.p-drawer__navigation-item_company_tel a {
  display: inline;
  }
.p-drawer__navigation-item_company_add {
font-size:0.935rem;
}
.p-drawer__navigation-wrap_sub {
border-top: 1px solid #ccc;
}
.p-drawer__navigation-item_sub li a::before {
  display: none !important;
}

@media screen and (max-width: 1023px) {

}
@media screen and (max-width: 768px) {
  .c-hamburger {
    display: block;
  }
  .p-drawer__navigation-wrap_main {
    display: block;
  }
  .p-drawer__navigation-wrap_main .p-drawer__navigation-items  {
    width: auto;
  }
  .p-drawer__navigation-item a {
  padding-top:1em;
  padding-bottom:1em;
  }
  .p-drawer__navigation-item:last-child {
    border-bottom: 1px solid #ccc;
  }
  .p-drawer__navigation-wrap_sub {
    border-top: none;
  }
  .p-drawer__navigation-item {
    font-size: 1rem;
  }
}
@media screen and (max-width: 500px) {
  .p-drawer__navigation-wrap {
  height: 70vh;
  padding: 5em 2em;
  }
  .p-drawer__navigation-wrap {
    height: 76vh;
  }
}

/* コンテンツヘッダー
------------------------------------------------ */
.l-chead {
  width: 100%;
  background: #0b60af;
  max-height: calc(800px / 2);
  height: calc(800 / 2880 * 100vw);
  position: relative;
  padding-top: calc(202 / 2880 * 100vw);
  color: #fff;  
}
.l-chead_inr {
  position: absolute;
  left: calc(202 / 2880 * 100vw);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.l-chead.__single {
  max-height: calc(680px / 2);
}

@media screen and (max-width: 1023px) {
  .l-chead.__single {
    max-height: calc(300px / 2);
  }
  .l-chead {
    padding-top:0;
  }
}

.p-chead_ttl {
color: #fff;
font-size: 3rem;
font-weight: bold;
}
.p-chead_ttl_sub {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: 'Inter', 'Noto Sans JP', sans-serif !important;
  text-transform:capitalize; 
}

.l-chead.__single .l-chead_inr {
  position: relative;
  width: 100%;
  height: 100%;
  left: unset;
}
.l-chead_head {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  width: fit-content;
  text-align: center;
  text-shadow: 0 0 10px #0d2052;
}

.__bg_info {
background: url(../images/ch_info.jpg) no-repeat center center;
background-size: cover;
}
.__bg_movie {
  background: url(../images/ch_movie.jpg) no-repeat center center;
  background-size: cover;
}
.__bg_media {
  background: url(../images/ch_media.jpg) no-repeat center center;
  background-size: cover;
}
.__bg_review {
  background: url(../images/ch_review.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 1023px) {
  .l-chead {
  margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .l-chead {
    margin-top: 60px;
    height:calc(1440 / 2880 * 100vw);
  }
  .p-chead_ttl {
    font-size: 1.7rem;
    }
    .p-chead_ttl_sub {
      font-size: 1.125rem;
  }
}

/* プライバシーポリシー
------------------------------------------------ */
.wrapHINAGATA h3 {
margin:2em 0 1em;
font-size:20px;
font-weight: 500;
}
div.wrapHINAGATA p{
  margin:0 0 20px 0;
  line-height:1.6;
}
div.wrapHINAGATA ul{
  margin:20px 0 0 30px;
}
div.wrapHINAGATA ul li{
  list-style:outside decimal;
  line-height:140%;
  margin:10px 0 0 0;
}
div.wrapHINAGATA ul li ul{
  margin:15px 0 10px 10px;
}
div.wrapHINAGATA ul li ul li{
  list-style:outside none;
  margin-left:20px;
  text-indent:-1.5em;
}
div.wrapHINAGATA ul.child{
  margin:15px 0 0 10px;
}
div.wrapHINAGATA ul.child li{
  list-style:outside none;
  margin-left:45px;
  text-indent:-1.7em;
}
div.wrapHINAGATA p.tR{
  margin:30px 0 0 0;
  font-size:0.95em;
  line-height:140%;
  text-align:right;
}
div.wrapHINAGATA ul li ul li ol li{
  list-style:outside lower-roman;
  margin-left:20px;
  text-indent:-0.2em;
}
div.wrapHINAGATA ol{
margin:20px 0 0 40px;
}
div.wrapHINAGATA ol li{
list-style:outside decimal;
line-height:140%;
margin:10px 0 0 0;
}
div.wrapHINAGATA ol li ol{
margin-bottom: 20px;
}
div.wrapHINAGATA ol li ol li{
font-size: 100%;
}

/* サイドバー
------------------------------------------------ */
.p-sidebar {
  width: 25%;
  position: relative;
}
.p-sidebar::before {
content: '';
    display: block;
    width: 9999px;
    height: 6rem;
    position: absolute;
    top: -11.5rem;
    left: 0;
    background-color: #0b60af !important;
}

.p-single_anime {
  position: absolute;
  width: 11rem;
  top: -18rem;
  left: 0;
  right: 0;
  margin: auto;
}
.p-sidebar_wrap {
  position: sticky;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-sidebar {
    width: auto;
  }
  .p-sidebar::before {
  display: none;
  }
  .p-single_anime {
  display: none;
  }
}
.p-sidebar_ttl {
  font-size: 1.215rem;
  font-weight: 700;
  margin: 0;
  padding: 0.8rem;
  background: #0d2052;
  border-radius: 6px 6px;
  color: #fff;
}
.p-sidebar__margintop {
  margin-top: 2rem;
}
.p-sidebar-list li a {
padding: 0.6rem 0.5rem;
font-size: 16px;
border-bottom: 1px dotted #ccc;
}
.article_latest_list li {
  padding: 0.8rem 0.5rem;
  border-bottom: 1px dotted #ccc;
}

.latest_meta {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #0066c0;
}
.p-side-latest_main {
  display: flex;
  justify-content: space-between;
}
.p-side-latest_image {
  width: 30%;
  overflow: hidden;
  border-radius: 5px 5px;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.p-side-latest_image img {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 5px 5px;
}
.p-side-latest_title {
  width: 65%;
  font-size:0.9375rem;
}
.p-side-latest_cat {
  margin-bottom: 0.5rem;
}
.p-side-latest_cat div span {
  background: #0d2052;
  color: #fefb47;
  font-size: 0.7125rem;
  padding: 0.2rem 0.5rem;
  margin-right: 0.3rem;
  border-radius: 3px 3px;
}
.p-side-subarea {
  padding: 2rem 0;
}
.p-side-subarea .p-archive_select {
  width: 100%;
}
.p-side-subarea .p-archive_archive {
  margin-top: 2rem;
}



/* アーカイブ
------------------------------------------------ */
.p-archive-container.p-archive-container_flex {
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-archive-container.p-archive-container_flex {
    flex-direction:row;
  }
}
.p-archive-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-archive-container {
    display: block;
  }
}



.p-archive-main {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .p-archive-main {
    width: auto;
  }
}
.p-archive-list li {
border-bottom: 1px solid #ccc;
}
.p-archive-list li a {
  display: flex;
  justify-content: space-between;
  padding: 2.5rem 0;
  align-items: center;
  position: relative;
  transition: all 0.3s 0s;
}
@media screen and (max-width: 768px) {
  .p-archive-list li a {
    padding: 1.5rem 0;
  }
}
.p-archive-list_pic{
  width: 20%;
}
@media screen and (max-width: 768px) {
  .p-archive-list_pic{
    width: 27%;
  }
}
.p-archive-list_detail {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .p-archive-list_detail {
    width: 60%;
    margin-right: 1.5rem;
  }
}
.p-archive-list_data {
margin-right: 1rem;
font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-archive-list_data {
    font-size: 15px;
    }
}
.p-archive-list_cat {
padding: 0.2rem 1rem;
font-size: 13px;
border: 1px solid #ccc;
border-radius: 20px 20px;
}
.p-archive-list_ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 1rem 0;
}
@media screen and (max-width: 768px) {
  .p-archive-list_ttl {
    font-size: 15px;
    margin: 0.5rem 0 1rem 0;
  }
}
.p-archive-side_archive {
  position: relative;
}
.p-archive-side_archive::before,
.p-archive-side_archive::after {
  position: absolute;
  right: 15px;
  width: 9px;
  height: 6px;
  background-color: #535353;
  content: '';
  pointer-events: none;
}
.p-sidebar_archive::before {
  top: calc(50% - 9px);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.p-sidebar_archive::after {
  bottom: calc(50% - 9px);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.p-sidebar_archive select {
  appearance: none;
  width: 100%;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}

/*矢印*/
.p-sidebar-list_arw {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: absolute;
  right: 10px;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  transition: all 0.3s 0s;
}
.p-sidebar-list_arw::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}
.p-sidebar-list li a:hover .p-sidebar-list_arw {
  right: 0;
  transition: all 0.3s 0s;
}

/*記事P*/
.p-single-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-single-container {
    display: block;
  }
}

.p-single-container.___single {
  padding-top: calc(110px / 2);
}
@media screen and (max-width: 768px) {
  .p-single-container.___single {
  padding-top: calc(70px / 2);
  }
}
.p-single-head_detail {
  display: flex;
  align-items: center;
}
.p-single-head_data {
  margin-right: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #0066c0;
}
.p-single-head_cat {
  display: block;
}
.p-single-head_cat ul li {
  padding: 0.2rem 1rem;
  font-size: 0.875rem;
  border-radius: 3px 3px;
  background: #0d2052;
  color:#fefb47 ;
}
.p-single-head_cat ul {
  display: flex;
  gap: 5px;
}
.p-single_ttl {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.3;
  padding: 2rem 0;
}
@media screen and (max-width: 768px) {
  .p-single_ttl {
    font-size:2rem;
    padding: 1.5rem 0 2rem 0;
  }
  .p-single-head_data {
    font-size: 1.215rem;
  }

}
@media screen and (max-width: 600px) {
  .p-single-head_detail {
    display: block;
  }
  .p-single-head_cat {
    display: block;
    margin-top: 1rem;
  }
}
.p-single-content h2 {
  font-size:2.5rem;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-single-content h2 {
    font-size:18px;
  }
}
.p-single-content h3 {
  font-size:18px;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-single-content h3 {
    font-size:16px;
  }
}
.p-single-content p {
margin-bottom: 1.2rem;
}
.p-single-content div {
  margin-bottom: 1.2rem;
}
.p-single-content a {
color: #0066c0;
text-decoration: underline;
padding: 5px 0;
}

/*戻る次へ*/
.p-single__nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 60px 0 60px;
}

.p-single__prev {
  width: fit-content;
}

.p-single__prev a {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: calc(25/15);
  letter-spacing: 0.05em;
}

.p-single__prev img {
  width: 1.5rem;
}

.p-single__all {
  width: fit-content;
  margin: 0 auto;
}

.p-single__all a {
  font-size: 1rem;
  font-weight: 500;
  line-height: calc(25/15);
  letter-spacing: 0.05em;
  color: #0066c0;
  text-decoration: underline;
}

.p-single__next {
  width: fit-content;
  margin-left: auto;
}

.p-single__next a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: calc(25/15);
  letter-spacing: 0.05em;
}

.p-single__next img {
  width: 1.5rem;
}

/* 挙動用
------------------------------------------------ */
.js-fade {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 1s,visibility 1s, transform 1s;
}
.scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/* 紹介フォーム
------------------------------------------------ */
.p-form__mes {
  max-width: 1000px;
  margin: 0 auto 3rem;
}
.p-form__main {
  margin-top: 4rem;
  border-top: 1px solid #eae9e0;
  max-width: 1000px;
  margin: 0 auto;
}

.p-form__row {
  min-height: 4rem;
  display: grid;
  grid-template-columns: 20rem 1fr;
  border-bottom: 1px solid #eae9e0;
}

.p-form__row dt {
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  padding-inline: 0.875rem;
  padding: 1rem 0.8rem;
}

.p-form__row dt span.hissu {
  display: grid;
  place-items: center;
  width: 3rem;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  color: #fff;
  background-color: #c00000;
  border-radius: 6px 6px;
}

.p-form__row dd {
  padding: 0.875rem 1.5rem;
}
.p-form__row dd input[type="text"],
.p-form__row dd input[type="tel"],
.p-form__row dd input[type="email"] {
  display: inline-block;
  width: 95%;
  border-radius:0.1875rem;
  border: 1px solid #e3e3e3;
  font-size: 1rem;
  padding: 0.5rem;
}
.p-form__row dd textarea {
  height: 6.5rem;
  border-radius: 6px 6px;
  border: 1px solid #e3e3e3;
  width: 100%;
  height: 100px;
  overflow: auto;
  padding: 0.5rem;
}

.p-form__row .wpcf7-list-item-label {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 0;
  padding-left: rem(32);
}
span.wpcf7-list-item {
  margin-top:5px;
  display: block;
}
.p-form__txt {
  font-size:0.875rem ;
}
.wpcf7-response-output {
  text-align: center;
  font-size: 1.125rem;
}

.p-form__row .wpcf7-list-item {
  margin: 0;
}
.p-form__row .wpcf7-list-item + .wpcf7-list-item {
  margin-left: rem(24);
}

.p-form__row input[type=checkbox] + span::before {
  width: rem(24);
  height: rem(24);
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.p-form__row input[type=checkbox]:checked + span::after {
  left: 0;
}

.p-form__row input[type=checkbox] + span:hover::after {
  left: 0;
}

.p-form__agree a {
  text-decoration: underline;
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #00a0e9;
}

.p-form__agreeText::after {
  position: absolute;
  content: "";
  top: 50%;
  left: rem(8);
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #3498db;
  display: none;
}

.p-form__agreeText.show-after::after {
  display: block;
}

.p-form__agreeText {
  position: relative;
  padding-left: rem(35);
}

.p-form__agreeText::before {
  position: absolute;
  content: "";
  width: rem(24);
  height: rem(24);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
  border: 0.0625rem solid #e3e3e3;
  border-radius: rem(3);
}

.p-form__submit {
  margin-top: 3rem;
}

.p-form__submit-btn {
  max-width: 15.9375rem;
  height: 3.5rem;
  margin-inline: auto;
  text-align: center;
}

.p-form__submit-btn input {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px 40px;
  color: black;
  border: none;
  background-color: #ecd900;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1rem 2rem;
  cursor: pointer;
}
.p-form__submit-btn input:hover {
  border-color: #3498db;
    background: #3498db;
    color: #fff;
}


@media screen and (max-width: 768px) {
  .p-form__row {
    grid-template-columns:  1fr;
  }

  .p-form__row dd {
    padding: 0.875rem 0.75rem;
  }

}

/*TOPお知らせ*/
.p-top_event_margin {
  margin: 0 1rem;
}
.p-top_event {
margin:5rem auto 2rem;
max-width: 700px;
padding: 3rem;
border: 1px solid #0b60af;
}
.p-top_event h2 {
text-align:center;
font-size:1.5rem;
font-weight:bold;
margin:0 0 1rem;
color: #0b60af;
}
.p-top_event h2 br {
display: none;
}
.p-top_event h3 {
text-align:center;
font-size:1.3rem;
font-weight:bold;
margin:2rem 0 1rem 0;
color: #0b60af;
}
.p-top_event p {
  margin: 0.6rem 0;
}
.p-top_event table {
  width: 100%;
  border-top: 1px solid #efefef;
}
.p-top_event table tr {
  border-bottom: 1px solid #efefef;
}
.p-top_event table tr:last-child {
  border-bottom: none;
}
.p-top_event table tr th {
  padding: 0.8rem;
  width: 12%;
}
.p-top_event table tr td {
  padding: 0.8rem;
}
.ggmap {
position: relative;
padding-bottom: 45%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 768px) {
  .p-top_event h2 br {
    display: block;
    }
  .p-top_event {
    margin:5rem 1rem;
    padding: 2rem 1.5rem;
  }
  .p-top_event table tr th {
    width: 50px;
  }
  .p-top_event h2 {
    font-size:1.215rem;
  }
  .p-top_event h3 {
    font-size:1.125rem;
  }
  .p-top_event table tr th {
      width: auto;
      display: block;
      background: #ecf8fe;
      padding: 0.5rem;
  }
  .p-top_event table tr td {
    padding: 0.5rem;
    display: block;
  }

}

@media screen and (max-width: 600px) {
  .p-top_event {
  margin: 2.5rem 1rem 1rem;
  }
}

/*PROFILE*/
.p-profile {
  max-width: 900px;
  margin: 0 auto;
}
.p-profile_mes {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem;
}
.p-profile_mes_pic {
  width: 45%;
}
.p-profile_mes_txt {
  width: 48%;
}
.p-profile_mes_txt p {
margin-bottom: 1.5rem;
line-height: 1.8;
font-size: 1rem;
}
.p-profile_mes_txt_name {
  font-weight: bold;
  text-align: right;
  font-size: 1.6rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.p-profile_wrap_ble {
  padding: 3rem;
  background: #e7f5fb;
}
.p-profile_ttl_navy {
  font-size: 2rem;
  font-weight: bold;
  color: #0d2052;
  margin-bottom: 1rem;
}
.p-profile_data_list li {
  padding: 0.2rem 0;
}
.p-profile_data_pic {
  margin-top: 2rem;
}
.p-profile_wrap {
  margin: 6rem 0;
}
.p-profile_ttl {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 3rem;
}

.p-profile_data_list tr {
border-bottom: 1px solid #c8ddec;
}
.p-profile_data_list tr th {
padding:0.8rem 0;
width: 9rem;
font-weight: bold;
}
.p-profile_data_list tr td {
  padding:0.8rem 0;
}
.p-profile_data_list tr td a {
  color: #0066c0;
}
.p-profile_position {
  display: flex;
  justify-content: space-between;
}
.p-profile_position_list {
width: 45%;
word-wrap: break-word;
}
.p-profile_position_pic {
width: 47%;
}

.p-profile_position_list dl {
  margin-bottom: 1.2rem;
}
.p-profile_position_list dt {
  font-weight: bold;
  font-size: 1.125rem;
}
.p-profile_position_list a {
  color: #0066c0;
  text-decoration: underline;
  padding: 0.2rem 0;
  font-size: 0.875rem;
}
.p-profile_history {
  padding-left: 2rem;
}
.p-profile_history_list {
  margin-bottom: 2rem; 
}
.p-profile_history_list dt {
  color: #0066c0; 
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.125rem;
}
.p-profile_history_list {
  margin-bottom: 0;
  position: relative;
}
.p-profile_history_list dt::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50% 50%;
  background: #0d2052;
  position: absolute;
  left:-2rem;
  top:5px;
}

.p-profile_history_list {
  position: relative;
  padding: 0 0 3rem 0;
}
.p-profile_history_list::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  left: -1.52rem;
  top: 16px;
}
.p-profile_history_list:last-child::before {
  display: none;
}
.p-profile_history_list_pic {
  margin-top: 2rem;
}

.p-cheer_profile {
  max-width: 650px;
  width: 100%;
  margin: -2rem auto 7rem;
}

@media screen and (max-width: 768px) {
  .p-profile_wrap {
    margin: 6rem 0;
  }
  .p-profile_mes {
    display: block;
  }
  .p-profile_mes_pic {
    width: auto;
  }
  .p-profile_mes_txt {
    width:auto;
    margin-top: 2rem;
  }
  .p-profile_wrap_ble {
  padding: 3rem 2rem;
  }
  .p-profile_position {
    display: block;
  }
  .p-profile_position_list {
    width: auto;
  }
  .p-profile_position_pic {
  width: auto;
  margin-top: 2rem;
  }
  .p-profile_data_list tr th {
  width: auto;
  display: block;
  padding:0.8rem 0 0.5rem 0;
  }
  .p-profile_data_list tr td {
  padding:0 0 0.8rem 0;
  display: block;
  }
  .p-profile_position {
  display: block;
  }
  .p-profile_ttl {
    font-size: 1.7rem;
  }
  .p-profile_position_list dt {
    font-weight: bold;
    font-size: 1rem;
  }
  .p-profile_history_list dt {
    font-size: 1rem;
  }
  .p-profile_history_list dd {
    font-size:0.875rem;
  }
}

/*スパムメール用*/
.grecaptcha-badge { bottom: 80px!important; }
.grecaptcha-badge { visibility: hidden; }

/*youtube*/
.p-youtube_wrap {
  padding: 0 1.5rem 8rem;
  max-width: 1000px;
  margin: 0 auto ;
}

.p-youtube {
  position: relative;
  width: 70%;
  padding-top: 40.25%;
}
.p-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 768px) {
	.p-youtube {
		position: relative;
		width: 100%;
		padding-top: 55.25%;
	}	
}

.c-telCaption {
	font-size: 12px;
}



/* 追加 */
.c-top-voice_btnwrap {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 30px;
	max-width: 700px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (max-width: 768px) {
	.c-top-voice_btnwrap {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		column-gap: 0;
	}
}

.l-footer_navigation-items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 5px;
	text-align: start;
}

@media screen and (max-width: 768px) {
	.l-footer_navigation-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));		gap: 18px 5px;
		font-size: 14px;
	}
}

.p-faq_ttl {
	color: #0066c0;
  font-size: 2rem;
  font-weight: bold;
  margin:0 auto 2rem;
  text-align: center;
  position: relative;
  text-decoration: underline;
  text-underline-offset: -0.1em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 228, 0, 0.6);
  text-decoration-skip-ink: none;	
}

.p-faq_ttl.--mgt {
	margin-top: 8rem;
}
	
.p-faq__container {
	border: 1px solid #0066c0;
}

.p-faq__container + .p-faq__container {
	margin-top: 1.6rem;
}

.p-faq__container + .p-faq__container {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-faq__q-title {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  background-color: #e7f5fb;
	font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .p-faq__q-title {
    padding: 1.25rem 2.5rem 1.25rem 0.625rem;
    font-size: 1rem;
  }
}

.p-faq__q-title span:not(.accordion-icon) {
  display: inline-block;
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  margin-right: 20px;
  margin-right: 1.25rem;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-faq__q-title span:not(.accordion-icon) {
    margin-right: 0.625rem;
    max-width: 1.875rem;
    width: 100%;
		font-size: 20px;
  	font-size: 1.25rem;
  }
}

.accordion-icon {
  position: absolute;
  right: 30px;
  right: 1.875rem;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .accordion-icon {
    width: 15px;
    height: 15px;
    right: 0.9375rem;
  }
}

.accordion-icon::before,
.accordion-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #18499d;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.accordion-icon::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  /* 横棒 */
}

.accordion-icon::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  /* 縦棒 */
}

.p-faq__q-title.open .accordion-icon::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  opacity: 0;
  /* 縦棒を非表示にする */
}

.p-faq__q-title.open .accordion-icon::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  /* 横棒（変わらない） */
}

.p-faq__answer {
  display: none;
  position: relative;
  padding: 30px 80px 40px;
  padding: 1.875rem 5rem 2.5rem;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .p-faq__answer {
    padding: 1.575rem 1.25rem 2.5rem 3.4375rem;
    font-size: 1rem;
    line-height: 1.8;
  }
}

.p-faq__answer a {
  color: #44a3cb;
	word-wrap: break-word;
}

.p-faq__answer span {
  position: absolute;
  top: 20px;
  top: 1.25rem;
  left: 30px;
  left: 1.875rem;
  font-size: 30px;
  font-size: 1.875rem;
  color: #ddb903;
}
@media screen and (max-width: 767px) {
  .p-faq__answer span {
		left: 20px;
    font-size: 20px;
  	font-size: 1.25rem;
  }
}

.p-info_wrap {
	display: flex;
	column-gap: 6rem;
}

.p-tabContents__panelWrap {
	width: 100%;
}

.p-tabContents__panel {
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}

.p-tabContents__panel[aria-hidden=true] {
	display: none;
}

.p-tabContents__panel[aria-hidden=false] {
	display: block;
}


.p-top-info_tabs {
	width: 10%;
	min-width: 65px;
}

.p-tabContents__tabs {
	margin-top: 1rem;
}

.p-tabContents__tabButton {
  display: block;
  border: 1px solid #18499d;
  border-radius: 1rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 10px;
  /* padding: 1.25rem; */
	-webkit-transition: all 0.3s;
  transition: all 0.3s;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-tabContents__tabButton {
    padding: 0.325rem 0.625rem;
  }
	.p-info_wrap {
		flex-direction: column;
		row-gap: 4rem;
	}
	.p-top-info_tabs {
		width: 100%;
	}
	.p-tabContents__tabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 10px;
		width: fit-content;
	}
}

.p-tabContents__tab + .p-tabContents__tab {
	margin-top: 1rem;
}

@media screen and (max-width: 768px) {
	.p-tabContents__tab + .p-tabContents__tab {
		margin-top: 0;
	}
}

.p-tabContents__tabButton[aria-selected=true] {
  position: relative;
  color: #fff;
  background-color: #18499d;
}

.p-top-info_tabs_ttlen {
	color: #00a0e9;
  display: block;
  font-size: 1rem;
  font-weight: bold;
}

/*メディア装飾*/
.su-spoiler-icon {
    padding: 25px 0px 0px 0px !important
}
.su-spoiler-title {
    font-size: 24px !important;
    margin: 20px 0 0 0 !important;
}

.su-accordion iframe.youtube {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
.youtube_wrap{
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
 
.youtube_wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}