@charset "utf-8";
/* CSS Document */
/*
Theme Name:AMATERASU
Description:Easy,SimpleDesign
Version:simple 1.1
Base Color:red
Author:AMATERASU
Author URI:http://www.seo-amaterasu.com/
*/
.home #content h3{
  padding:0;
  border:unset;
  font-weight:600;
  background-color:unset;
}
#top_page .wrap{
  max-width:1200px;
  margin:0 auto;
}
#top_page .top_h2{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  margin-top:100px;
  margin-bottom:60px;
}
#top_page .top_h2 h2{
  background-color:unset;
  color:#27B0CB;
  font-size:80px;
  line-height:1em;
  margin-bottom:0;
  padding:10px 10px 0 10px;
  border:none;
}
#top_page .top_h2 p{
  background-color:unset;
  color:#404040;
  line-height:1em;
  font-size:28px;
  margin:12px auto 0;
  font-weight:500;
}
/*****768以下*****/
@media screen and (max-width:768px){
  .home #content h2,
  .home #content h3{
    padding:0;
    border:unset;
    font-weight:600;
    background-color:unset;
  }
  #top_page .top_h2 h2{
    width:100%;
    padding-left:0;
    text-align:center;
    font-size:13vw;
  }
  #top_page .top_h2 p{
    font-size:6vw;
  }
}
/**********************************************************/
/********コロナ対策******************************************/
/**********************************************************/
.cov_news{
  background:#ECECEC;
  text-align:center;
  margin-bottom:0;
  padding:25px 0.5em 25px;
}
.cov_in{
  max-width:660px;
  width:100%;
  margin:0 auto;
  position:relative;
  text-align:center;
  padding:00px 0;
  border-radius:0px;
}
.cov_news .cov_in a{
  position:relative;
  background:#575757;
  text-align:center;
  text-decoration:none;
  padding:30px 0;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
}
.cov_news .cov_in:hover{
  opacity:0.7;
}
.cov_news a::before{
  content:'';
  background-image:url('images/corona_attention.png');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  width:59px;
  height:47px;
  margin:0;
}
.cov_news a::after{
  content:"";
  border:#ffffff solid;
  border-width:4px 0 0 4px;
  height:15px;
  width:15px;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
}
.cov_news a b{
  font-family:"Noto Sans JP", sans-serif;
  font-size:1.2em;
  font-weight:600;
  color:#ffffff;
  padding:0;
  margin:0 30px 0 30px;
}
.cov_news a b span{
  color:#ffff;
}
/*****768以下*****/
@media screen and (max-width:768px){
  .cov_news{
    padding:0;
  }
  .cov_news .cov_in a b{
    font-size:4vw;
    margin:0 6%;
    font-weight:600;
  }
  .cov_news a::before{
    background-image:url('images/corona_attention_sp.png');
    width:14vw;
    height:11vw;
  }
  .cov_news a::after{
    border-width:3px 0 0 3px;
    height:10px;
    width:10px;
  }
}
/**********************************************************/
/*****メインイメージ下のSPメニュー(768以下)*************************/
/**********************************************************/
@media screen and (max-width:768px){
  #top_page .t_sp_menu ul {
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:center;
    justify-content:space-evenly;
    align-items:center;
    margin-top:4%;
  }
  #top_page .t_sp_menu ul li {
    width:46%;
    font-size:4vw;
    margin-bottom:3%;
  }
  #top_page .t_sp_menu ul li a {
    background:#11C5D9;
    display:block;
    padding:10% 5%;
    display:flex;
    text-decoration:none;
    flex-direction:row;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:flex-start;
    align-items:center;
    position:relative;
  }
  #top_page .t_sp_menu ul li a span.sp_memu_text{
    color:white;
    text-decoration:none;
    font-weight:600;
    letter-spacing:1px;
  }
  #top_page .t_sp_menu ul li a span.sp_memu_icon{
    width:1.5em;
    margin-right:0.5em;
  }
  #top_page .t_sp_menu ul li a span.sp_memu_icon img{
    //image-rendering: pixelated;
    //image-rendering: -moz-crisp-edges;
    //image-rendering: crisp-edges;
    //-ms-interpolation-mode: nearest-neighbor;
  }　
  #top_page .t_sp_menu ul li a::before{
    border-left:2px solid;
    border-top:2px solid;
    border-color:#ffffff;
    content:"";
    height:5px;
    position:absolute;
    right:15px;
    top:42%;
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
    width:5px;
  }
}
/**********************************************************/
/********コンセプト*******************************************/
/**********************************************************/
#top_content_01{
  margin:60px 0 140px;
}
.top_content_01_wrap{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:flex-end;
  align-content:center;
  width:100%;
  position:relative;
  overflow:hidden;
}
.top_content_01_wrap figure{
  width:52.6666666666666vw;
  height:650px;
  overflow:hidden;
  display:flex;
  position:absolute;
  flex-direction:row;
  left:0;
  z-index:9;
  top:0;
  align-content:center;
  justify-content:center;
  align-items:center;
}
.top_content_01_wrap figure img{
  height:auto;
  width:100%;
  max-height:inherit;
}
.top_content_01_wrap .top_content_01_text{
  width:62.666666666666666666666666666666vw;
  padding:100px 6vw 120px  21vw;
  margin-top:150px;
  background:#EBFCFF;
  position:relative;
  z-index:0;
}
#top_page .top_content_01_wrap .top_content_01_text h3{
  margin-bottom:0.75em;
  font-size:25px;
}
.top_content_01_wrap .top_content_01_text p{
  max-width:500px;
  margin-bottom:1em;
}
#top_page .top_content_01_wrap .top_h2{
  position:absolute;
  top:70px;
  left:170px;
  z-index:59999;
  width:100%;
  margin:0;
}
#top_page .top_content_01_wrap .top_h2 h2{
  padding-left:4%;
  /* padding-top: 52%; */
  text-align:left;
}
#top_content_01 .btn{
  margin:36px 0 0;
  display:block;
  text-align:center;
  max-width:270px;
}
#top_content_01 .btn a{
  letter-spacing:1.5px;
  width:270px;
  height:70px;
  font-weight:500;
  font-size:20px;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  color:#fff;
  position:relative;
  background-color:#27b0cb;
  background-image:-moz-linear-gradient(-30deg,  #27b0cb 0%, #0793af 100%);
  background-image:-webkit-linear-gradient(-30deg,  #27b0cb 0%,#0793af 100%);
  background-image:linear-gradient(150deg,  #27b0cb 0%,#0793af 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b0cb', endColorstr='#0793af',GradientType=1 );
}
#top_content_01 .btn a::before{
  border-left:3px solid;
  border-top:3px solid;
  border-color:#ffffff;
  content:"";
  height:9px;
  position:absolute;
  right:15px;
  top:42%;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:9px;
}
#top_content_01 .btn a:hover{
  opacity:0.7;
}
/*****768以下*****/
@media screen and (max-width:768px){
  #top_content_01{
    margin:0 0 55px;
  }
  .top_content_01_wrap{
      flex-direction:column;
  }
  .top_content_01_wrap .top_content_01_text{
    width:100%;
    padding: 8% 4% 12% 4%;
    margin:0;
  }
  .top_content_01_wrap figure{
    position:relative;
    height:auto;
    width:94%;
    left:0;
    top:35vw;
  }
  .top_content_01_wrap figure img{
    width:100%;
    height:auto;
  }
  #top_page .top_content_01_wrap .top_h2{
    width:100vw;
    left:0;
    top: 1.2em;
    position: relative;
    text-align:center;
    padding-top: 37%;
  }
  #top_page .top_content_01_wrap .top_content_01_text h3{
    font-size: 5.25vw;
  }
  #top_content_01 .btn{
    margin:7% auto 0;
    width:250px;
  }
  #top_content_01 .btn a{
    width:250px;
    font-size:18px;
    height:60px;
  }
}
/*****769以上＆1199以下*****/
@media screen and (min-width: 769px) and (max-width: 1249px){
  #top_content_01{
    margin:0 0 55px;
  }
  #top_page .top_content_01_wrap .top_h2{
    top:-30px;
  }
  .top_content_01_wrap .top_content_01_text{
    width: 760px;
    padding: 70px 40px 60px 220px;
    margin-top: 60px;
  }
  .top_content_01_wrap figure{
    width: 620px;
    height: 510px;
  }
}

/*****1250以上＆1400以下*****/
@media screen and (min-width: 1250px) and (max-width: 1400px){
  #top_page .top_content_01_wrap .top_h2{
    top: -10px;
  }
  .top_content_01_wrap .top_content_01_text{
    padding: 60px 40px 60px 14%;
    margin-top: 70px;
  }
  .top_content_01_wrap figure{
    width: 48%;
    height: 510px;
  }
}

/**********************************************************/
/********選ばれる理由****************************************/
/**********************************************************/
#top_content_02>figure{
  max-height:400px;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}
#top_content_02>figure picture,
#top_content_02>figure picture img{
  width: 100%;
}
#top_content_02 ul.wrap li.top_content_02_box{
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-end;
  align-items:center;
  position:relative;
  padding-top:60px;
  margin-bottom:90px;
}
#top_content_02 ul.wrap li.top_content_02_box .top_content_02_text{
  width:870px;
  background-color:#80f4c3; /* Old browsers */
  background-image:-moz-linear-gradient(-30deg, #80f4c3 0%, #0cb6e3 100%); /* FF3.6-15 */
  background-image:-webkit-linear-gradient(-30deg, #80f4c3 0%,#0cb6e3 100%); /* Chrome10-25,Safari5.1-6 */
  background-image:linear-gradient(150deg, #80f4c3 0%,#0cb6e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f4c3', endColorstr='#0cb6e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding:75px 50px 75px 225px;
}
#top_content_02 ul.wrap li.top_content_02_box:nth-child(2){
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  align-items:center;
  position:relative;
}
#top_content_02 ul.wrap li.top_content_02_box:nth-child(2) .top_content_02_text{
  padding:75px 225px 75px 50px;
  background-color:#e8f57c; /* Old browsers */
  background-image:-moz-linear-gradient(-30deg, #e8f57c 0%, #0ed2c7 99%); /* FF3.6-15 */
  background-image:-webkit-linear-gradient(-30deg, #e8f57c 0%,#0ed2c7 99%); /* Chrome10-25,Safari5.1-6 */
  background-image:linear-gradient(150deg, #e8f57c 0%,#0ed2c7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f57c', endColorstr='#0ed2c7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#top_content_02 ul.wrap li.top_content_02_box figure.top_content_02_img{
  position:absolute;
  top:0;
  z-index:999999;
}
#top_content_02 ul.wrap li.top_content_02_box:nth-child(2n+1) figure.top_content_02_img{
  left:0;
}
#top_content_02 ul.wrap li.top_content_02_box:nth-child(2n) figure.top_content_02_img{
  right:0;
}
#top_content_02 ul.wrap li.top_content_02_box .top_content_02_text h3{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  align-items:flex-end;
  background-color:unset;
}
#top_content_02 ul.wrap li.top_content_02_box .top_content_02_text h3 b{
  font-size:4.1em;
  line-height:1em;
  letter-spacing:3px;
  color:#fff;
}
#top_content_02 ul.wrap li.top_content_02_box .top_content_02_text h3 span{
  font-size:22px;
  color:#fff;
  margin-left:7px;
}
#top_content_02 ul.wrap li.top_content_02_box .top_content_02_text p{
  color:#fff;
  margin-bottom:15px;
}
#top_content_02 ul.wrap li.top_content_02_box .top_content_02_text p:last-child{
  margin-bottom:0;
}
/*****769以上*****/
@media screen and (min-width:769px){
  #top_content_02{
    background-image:url(images/reason_bg.webp);
    background-position:center;
  }
}
/*****768以下*****/
@media screen and (max-width:768px){
  #top_page #top_content_02 .top_h2{
    margin:10% 0 -23.5vw ;
  }
  #top_content_02 ul.wrap li.top_content_02_box .top_content_02_text,
  #top_content_02 ul.wrap li.top_content_02_box:nth-child(2) .top_content_02_text{
    width:100%;
    padding:35% 5% 5% 5%;
  }
  #top_content_02 ul.wrap li.top_content_02_box,#top_content_02 ul.wrap li.top_content_02_box:nth-child(2){
    flex-direction:column;
    margin:-16.5vw 0 0 0;
    padding-top:0;
  }
  #top_content_02 ul.wrap li.top_content_02_box:nth-child(2n+1) figure.top_content_02_img,
  #top_content_02 ul.wrap li.top_content_02_box:nth-child(2n) figure.top_content_02_img{
    left:0;
    position:relative;
    top:30vw;
    width:90%;
  }
  #top_content_02 ul.wrap li.top_content_02_box .top_content_02_text h3{
    align-items:flex-end;
  }
  #top_content_02 ul.wrap li.top_content_02_box .top_content_02_text h3 b{
    width:23%;
    letter-spacing:0;
    font-size:14.5vw;
  }
  #top_content_02 ul.wrap li.top_content_02_box .top_content_02_text h3 span{
    font-size:4.45vw;
    margin-left:0;
    line-height:1.55em;
    width:77%;
  }
  #top_content_02 ul.wrap li.top_content_02_box .top_content_02_text p{
    margin-bottom:0.75em;
  }
}
/******************************************************************************/
/********症例メニュー*************************************************************/
/******************************************************************************/
#top_content_03 #top_cases_tit{
  max-width:1200px;
  margin:120px auto 50px;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  align-items:center;
  width:96%;
}
#top_content_03 .top_h2{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:flex-start;
  padding:5px 50px 5px  0px;
  margin:0 50px 0 0;
  border-right:1px solid #c5c5c5;
}
#top_content_03 .top_h2 h2{
  background-color:unset;
  color:#27B0CB;
  font-size:80px;
  line-height:1em;
  margin:0;
  padding:0px 0px;
}
#top_content_03 .top_h2 p{
  background-color:unset;
  color:#404040;
  line-height:1em;
  font-size:28px;
  margin:10px 0 0px 0;
  padding-left:5px;
  font-weight:500;
}
#top_content_03 #top_cases_tit>p{
  font-size:18px;
  letter-spacing:1.25px;
  font-weight:400;
}
#top_content_03 .wrap{
  width:96%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:center;
  justify-content:flex-start;
  align-items:center;
}
#top_content_03 .wrap li{
  width:265px;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  background:#E9FFFE;
  align-items:center;
  margin:0 30px 30px 0;
  border-radius:8px;
  overflow:hidden;
  position:relative;
}
#top_content_03 .wrap li:hover{
  background-color:#27b0cb;
  background-image:-moz-linear-gradient(-30deg, #eafbff 0%,#d0f6fe 100%);
  background-image:-webkit-linear-gradient(-30deg, #eafbff 0%,#d0f6fe 100%);
  background-image:linear-gradient(150deg, #eafbff 0%,#d0f6fe 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eafbff', endColorstr='#d0f6fe',GradientType=1 );
}
#top_content_03 .wrap li:hover h3,
#top_content_03 .wrap li:hover h3:before{
  border-color:color;
  color:#fff;
}
#top_content_03 .wrap li:nth-child(4n){
   margin-right:0;
}
#top_content_03 .wrap li a{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}
#top_content_03 .wrap li figure{
  width:100%;
  text-align:center;
  padding:45px 0 90px;
}
#top_content_03 .wrap li figure img{
  margin:0 auto;
}
#top_content_03 .wrap li:hover img{
  //filter:invert(200%) sepia(1%) saturate(100%) hue-rotate(192deg) brightness(185%) contrast(100%);
  filter: opacity(0.4) drop-shadow(0 0 0 #fff);
}
#top_content_03 .wrap li h3{
  position:absolute;
  bottom:20px;
  width:100%;
  text-align:center;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
}
#top_content_03 .wrap li h3::before{
  border-left:3px solid;
  border-top:3px solid;
  border-color:#58c7ce;
  content:"";
  height:9px;
  width:9px;
  position:absolute;
  left:auto;
  top:auto;
  right:20px;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  background-color:unset;
}
#top_content_03 .wrap li h3 span{
  font-size:20px;
  line-height:50px;
  display:block;
  width:100%;
  text-align:center;
  position:relative;
  letter-spacing:1px;
  font-weight:600;
}
#top_content_03 .wrap li h3.lh2em span{
  line-height:1.35em;
  font-size:19px;
}
#top_content_03 .cases_btn{
  margin:0 auto;
  display:block;
  text-align:center;
  max-width:270px;
}
#top_content_03 .cases_btn a{
  width:270px;
  height:70px;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  font-size:17px;
  font-weight:500;
  letter-spacing:1.5px;
  color:#fff;
  position:relative;
  background-color:#27b0cb;
  background-image:-moz-linear-gradient(-30deg,  #27b0cb 0%, #0793af 100%);
  background-image:-webkit-linear-gradient(-30deg,  #27b0cb 0%,#0793af 100%);
  background-image:linear-gradient(150deg,  #27b0cb 0%,#0793af 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b0cb', endColorstr='#0793af',GradientType=1 );
}
#top_content_03 .cases_btn a:hover{
  opacity:0.7;
}
#top_content_03 .cases_btn a::before{
  border-left:2px solid;
  border-top:2px solid;
  border-color:#ffffff;
  content:"";
  height:6px;
  position:absolute;
  right:15px;
  top:45%;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:6px;
}
/*****768以下*****/
@media screen and (max-width:768px){
  #top_content_03{
    width:96%;
    margin:0 auto;
  }
  #top_content_03 #top_cases_tit{
    flex-direction:column;
    padding:0 2%;
    margin:12% 0 5%;
    width:100%;
  }
  #top_content_03 #top_cases_tit .top_h2{
    padding:2% 2% 0% 2%;
    margin:2% auto 0%;
    border-right:unset;
    width:100%;
  }
  #top_content_03 #top_cases_tit .top_h2 h2{
    font-size:13vw;
  }
  #top_content_03 #top_cases_tit .top_h2 p{
    font-size:6vw;
    margin:10px auto 0;
  }
  #top_content_03 #top_cases_tit>p{
    font-size:16px;
    padding:5% 0 0;
    letter-spacing:0.75px;
    font-weight:400;
  }
  #top_content_03 .wrap li{
    width:48%;
    margin:0 4% 4% 0;
  }
  #top_content_03 .wrap li:nth-child(2n){
    margin:0 0% 4% 0;
  }
  #top_content_03 .wrap li figure{
    width:100%;
    text-align:center;
    padding:0% 0 15vw;
    min-height:43.5vw;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:center;
    align-items:center;
  }
  #top_content_03 .wrap li figure img{
    max-width:60%;
  }
  #top_content_03 .wrap li h3{
    bottom:5vw;
    height:5vw;
    margin-bottom:0;
  }
  #top_content_03 .wrap li h3 span{
    font-size:4vw;
    height:5vw;
    letter-spacing:0.3vw;
    display:flex;
    line-height:5vw;
    flex-direction:row;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:center;
    align-items:center;
  }
  #top_content_03 .wrap li h3 span::before{
    border-width:2px;
    height:6px;
    width:6px;
  }
  #top_content_03 .wrap li h3.lh2em span{
    font-size:4vw;
    height:2.3em;
    letter-spacing:0.3vw;
    line-height:1.3em;
  }
  #top_content_03 .cases_btn,
  #top_content_03 .cases_btn a{
    width:250px;
    height:60px;
  }
}
/******************************************************************************/
/********サイトメニュー*************************************************************/
/******************************************************************************/
#top_content_04{
  background:#EDFBFE;
  margin-top:90px;
  padding-top:30px;
}
div#top_content_04 .top_h2{
    margin-top:0;
}
div#top_content_04 ul.wrap{
  width:96%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin-top:60px;
  align-content:center;
  justify-content:space-around;
  align-items:center;
}
div#top_content_04 ul.wrap li{
  width:30%;
  padding:0%;
  position:relative;
  border-radius:12px;
  margin:0 5% 5% 0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
}
div#top_content_04 ul.wrap li:hover{
  opacity:0.7;
}
div#top_content_04 ul.wrap li a{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}
div#top_content_04 ul.wrap li:nth-child(3n){
  margin-right:0;
}
div#top_content_04 ul.wrap li:nth-child(n+4){
  margin-bottom:120px;
}
div#top_content_04 ul.wrap li h3{
  position:absolute;
  width:100%;
  left:0;
  top:0;
  text-align:center;
  padding:21px;
  background:#27b0cb;
  color:#fff;
  letter-spacing:2px;
  font-size:21px;
  border:none;
  z-index:101;
}
div#top_content_04 ul.wrap li figure,
div#top_content_04 ul.wrap li figure img{
  width:100%;
}
div#top_content_04 ul.wrap li p.btn{
  position:absolute;
  display: flex;
  width:200px;
  z-index:99;
  bottom:20px;
  text-align:center;
  padding:15px 5px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  background-color:#27b0cb;
  background-image:-moz-linear-gradient(-30deg,  #27b0cb 0%, #0793af 100%);
  background-image:-webkit-linear-gradient(-30deg,  #27b0cb 0%,#0793af 100%);
  background-image:linear-gradient(150deg,  #27b0cb 0%,#0793af 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b0cb', endColorstr='#0793af',GradientType=1 );
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
div#top_content_04 ul.wrap li p.btn::before{
  border-left:2px solid;
  border-top:2px solid;
  border-color:#ffffff;
  content:"";
  height:6px;
  position:absolute;
  right:15px;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:6px;
}
/*****768以下*****/
@media screen and (max-width:768px){
  #top_content_04{
    margin-top:12%;
    padding-top:10%;
    padding-bottom:7%;
  }
  div#top_content_04 .top_h2{
    margin-bottom:8%;
  }
  div#top_content_04 ul.wrap{
    margin:6% auto 6%;
    /* justify-content: space-between; */
  }
  div#top_content_04 ul.wrap li{
    width: 45%;
    margin: 0 0% 6% 0;
    height: 44vw;
    overflow: hidden;
  }
  div#top_content_04 ul.wrap li:nth-child(3n),
  div#top_content_04 ul.wrap li:nth-child(n+4){
    margin: 0 0% 6% 0;
  }
  div#top_page .wrap{
    width:94%;
  }
  div#top_content_04 ul.wrap li figure{
    position: absolute;
    top: 1.5%;
  }
  div#top_content_04 ul.wrap li figure img{
    margin-top: 6%;
  }
  div#top_content_04 ul.wrap li p.btn{
    width: 85%;
    padding: 4% 1% 4.65%;
    font-size: 3.15vw;
    bottom:5.5%;
  }
  div#top_content_04 ul.wrap li h3{
    padding:5% 2%;
    font-size:4.2vw;
    font-size:3.85vw;
  }
}
/******************************************************************************/
/********アクセスエリア************************************************************/
/******************************************************************************/
#top_content_05{
  padding:100px 0 90px;
}
#top_content_05 .wrap{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:space-evenly
}
#top_content_05 .top_content_05_text{
  width:50%;
}
#top_content_05 .top_gmap{
  width:45%;
}
#top_content_05 .top_content_05_text .logo{
  width:100%;
  text-align:center;
}
#top_content_05 .top_content_05_text p{
  text-align:center;
  font-size:14px;
  color:#545454;
  letter-spacing: 0.6px;
  line-height: 1.5em;
}
#top_content_05 .top_content_05_text .logo a{
  display:inline-block;
  margin:0 auto 0.5em;
}
#top_content_05 .top_content_05_text{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
}
#top_content_05 .top_content_05_text ul{
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:space-between;
  align-items:center;
  margin:0.685em 0 0.485em;
}
.top_content_05_text ul li{
  width:49%;
}
div#top_content_05 div.top_gmap{
  width:45%;
}
#top_content_05 .top_content_05_text .time_table{
  width:100%;
}
#top_content_05 .top_content_05_text .time_table ul{
  display:flex;
  width:100%;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  margin:0;
  align-items:center;
  border-bottom:solid 1px #E5E5E5;
  padding:12px 0;
}
#top_content_05 .top_content_05_text .time_table ul li{
  width:11%;
  text-align:center;
  padding:5px;
}
#top_content_05 .top_content_05_text .time_table ul li:nth-child(1){
  text-align:left;
  min-width:7.6em;
  letter-spacing: 1.95px;
}
#top_content_05 .top_content_05_text .time_table ul li:nth-child(1) span.kara{
  margin: 0;
  letter-spacing: 2.5px;
}
#top_content_05 .top_content_05_text .time_table ul li.maru{
  color:#0CB6C2;
}
#top_content_05 .top_content_05_text .time_table ul li.sankaku{
  color:#E84C90;
}
#top_content_05 .top_content_05_text .time_table ul li br{
  display:none;
}
#top_content_05 .top_content_05_text .time_table p{
  text-align:left;
  margin-top:13px;
  font-size:16px;
  color:#545454;
  letter-spacing: 1.65px;
}
#top_content_05 .top_content_05_text .time_table p span{
  color:#E84C90;
  margin-right:5px;
}
#top_content_05 .top_content_05_text .time_table p span.kara{
  color: #333;
  margin: 0;
  letter-spacing: 2.5px;
}
/*****768以下*****/
@media screen and (max-width:768px){
  #top_content_05{
    padding:10% 2% 8%;
  }
  #top_content_05 .wrap{
    flex-direction:column;
  }
  #top_content_05 .wrap .top_content_05_text,
  #top_content_05 .wrap .top_gmap{
    width:100%;
  }
  #top_content_05 .top_content_05_text ul{
    flex-direction:column;
  }
  #top_content_05 .top_content_05_text ul li{
    width:100%;
  }
  #top_content_05 .top_content_05_text ul li:nth-child(3){
    margin-bottom:4%;
    margin-top: 4%;
  }
  #top_content_05 .top_content_05_text .time_table{
    margin-bottom:3%;
  }
  #top_content_05 .top_content_05_text .time_table ul{
    padding:1.2% 2%;
  }
  #top_content_05 .top_content_05_text .time_table ul li{
    padding:1%;
  }
  #top_content_05 .wrap .top_gmap{
    margin-top:8%;
    margin-bottom:5%;
    min-height:0;
    height:90vw;
    max-height:450px;
    position:relative;
  }
  #top_content_05 .wrap .top_gmap iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
  }
}
/*****370以下*****/
@media screen and (max-width:370px){
  #top_content_05 .top_content_05_text .time_table ul li:nth-child(1) {
    min-width: 29%;
    width: 29%;
  }
  #top_content_05 .top_content_05_text .time_table ul li {
    width: 8.85%;
  }
  #top_content_05 .top_content_05_text .time_table ul li {
    font-size: 5.2vw;
  }
  #top_content_05 .top_content_05_text .time_table ul li br{
    display:inline;
  }
}
/******************************************************************************/
/********お問い合わせ************************************************************/
/******************************************************************************/
#top_contact_area{
  display:flex;
  padding:70px 0;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  background-image:url(images/contact_bg.jpg);
}
#content #top_contact_area h2{
  color:#fff;
  background:none;
  font-size:30px;
  letter-spacing:3px;
  margin: 0px 0 3px;
}
#content #top_contact_area h3{
  color:#fff;
  background:none;
  font-size:18px;
  text-align:center;
  margin-bottom:24px;
  line-height:1.55em;
  letter-spacing:1px;
}
#content #top_contact_area ul{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:space-between;
  align-items:center;
  width:100%;
  max-width:834px;
}
#content #top_contact_area ul li{
  width:48%;
}
#content #top_contact_area ul li ul {
  flex-direction: column;
  width: 100%;
  padding:0;
}
#content #top_contact_area ul li ul li {
  width: 100%;
}
#content #top_contact_area ul li ul li:nth-child(2) {
  margin-top: 3%;
}

/*****768以下*****/
@media screen and (max-width:768px){
  #content #top_contact_area h2{
    font-size: 5.9vw;
    margin-bottom: 2%;
    margin-top: 1.5%;
    letter-spacing: 0.75vw;
  }
  #content #top_contact_area h3{
    font-size:3.85vw;
  }

  #content #top_contact_area ul{
    flex-direction:column;
    padding: 0 3%;
  }
  #content #top_contact_area ul li{
    width:100%;
  }
  #content #top_contact_area ul li:nth-child(3),
  #content #top_contact_area ul li ul li:nth-child(2){
    margin-top:5%;
  }
  #top_contact_area.main_sita{
    margin-bottom:-20vw;
  }
}
/**********************************************************/
/********バナーエリア******************************************/
/**********************************************************/
#top_content_06 .wrap{
  display:flex;
  margin:50px  auto;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:space-between;
  align-items:center;
  width:100%;
  max-width:1100px;
}
/*****768以下*****/
@media screen and (max-width:768px){
  div#top_content_06 .wrap{
    flex-direction:column;
    max-width:96%;
    margin:5% auto 0;
  }
  div#top_content_06 .wrap li{
    margin-bottom:5%;
  }
}


#main_visual_in {display: flex;position: relative;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: stretch;}

#main_visual_in div.main_text {position: absolute;top: 0;left: 0;width: 100%;display: flex;height: 100%;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;align-content: center;}

#main_visual_in div.main_text img {max-width: 881px;margin: 0;width: 50%;}

#main_visual_in div.main_text span {display: block;margin: 0 auto 1vw;max-width: 1480px;width: 90%;}

/*--------------------------------------
2025.11.12 TOPリニューアル
--------------------------------------*/

/*メインビジュアル*/

.main-visual {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.main-swiper,
.main-swiper .swiper-wrapper,
.main-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.main-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.75);
}

/* 光るアニメーション */
@keyframes flash {
  0% { filter: brightness(0.75); }
  50% { filter: brightness(1.4); }
  100% { filter: brightness(0.75); }
}

/* 徐々にズーム（寄っていく） */
@keyframes zoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.15); }
}

/* テキスト固定表示 */
.slide-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  text-shadow: 0 0 15px rgba(0,0,0,0.7);
  pointer-events: none;
  z-index: 10;
  max-width: 90%;
}

.slide-text h2 {
  font-size: clamp(1.2rem, 4vw, 2.4rem);
  margin: 0 0 10px;
  text-align: center !important;
  color:#FFF !important;
}

.slide-text p {
  font-size: clamp(0.9rem, 3vw, 1.4rem);
  margin: 0;
  text-align: center !important;
  color:#FFF !important;
}

/* ページネーション */
.main-visual .swiper-pagination { bottom: 30px !important; }
.swiper-pagination-bullet { background: rgba(255,255,255,0.5); width: 10px; height: 10px; opacity: 1; }
.swiper-pagination-bullet-active { background: #fff !important; }

/* ナビボタン */
.swiper-button-prev, .swiper-button-next { color: #fff !important; width: 50px; height: 50px; }
.swiper-button-prev::after, .swiper-button-next::after { font-size: 30px; }

/* スマホは正方形っぽく */
@media (max-width: 768px) {
  .main-visual { height: 80vw;margin-top:70px; }
}

/*初めての方*/

/* 共通リセット */
.top-beginner * {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.top-beginner ul,
.top-beginner li {
  list-style: none;
}

.top-beginner img {
  display: block;
  height: auto;
  border: none;
  max-width:none !important;
}

.top-beginner a {
  color: #505050;
  text-decoration: none;
  display: block;
  transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
}

.top-beginner a:hover {
  opacity: 0.6;
}
/* コンセプトは逆表示 */


  .top-beginner.reverse .top-beginner-image {
    width: 40%;
    display: block;
  }
}


/* セクション */
.top-beginner {
  padding-top: 16vw;
  background: url(********) no-repeat top -4vw right;
  background-size: 48vw;
}

/* PC時のみ幅100%でoverflow:hidden */
@media screen and (min-width: 736px) {
  .top-beginner-inner {
    width: 100%;
    overflow: hidden;
  }
}

/* コンテンツ */
.top-beginner .top-beginner-content {
  width: 90vw;
  margin: 0 auto 10vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* テキスト */
.top-beginner .top-beginner-text {
  width: 100%;
  margin-bottom: 6vw;
}

.top-beginner .top-beginner-title {
        width: auto;
        font-size: 18px;
        font-weight: normal !important;
        margin-top: 0 !important;
        padding: 0 !important;
        clear:none !important;
        color: #333333 !important;
        background-color:transparent !important;
        border-radius: 0 !important;

  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 5vw !important;
}

.top-beginner .top-beginner-title .en {
  padding-right: 10vw;
  color: #7CD3E4;
  font-size: 10.53vw;
  font-family: aw-conqueror-didot;
  font-weight: 300;
  letter-spacing: 0.4vw;
  position: relative;
}

.top-beginner .top-beginner-title .en:after {
  content: '';
  width: 6vw;
  height: 1px;
  background: #7CD3E4;
  position: absolute;
  right: 2vw;
  bottom: 2.5vw;
}

.top-beginner .top-beginner-title .jp {
  font-size: 3.6vw;
  font-family: var(--mincho);
}

.top-beginner .top-beginner-subtitle {
  margin-bottom: 2.5vw !important;
  color: #27B0CB;
  font-size: 4.5vw !important;
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--mincho);
}

.top-beginner .top-beginner-comment p {
  font-size: 3.3vw;
  text-align: justify;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 2.5vw !important;
}

/* ボタン */
.top-beginner .top-beginner-more-items {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  width: 70vw;
}

.top-beginner .top-beginner-more-items .more01 {
  width: 100%;
  padding: 3vw 0 2.5vw;
  color: #fff;
  text-align: center;
  background: #27B0CB;
  border-radius: 8px;
  position: relative;
}

/* 画像 */
.top-beginner .top-beginner-image {
  width: 100%;
  position: relative;
	display:none;
}

.top-beginner .top-beginner-image .image {
  z-index: 2;
  position: relative;
}

.top-beginner .top-beginner-image .deco01 {
  width: 46vw;
  position: absolute;
  bottom: -12vw;
  left: 0;
  z-index: 3;
}

.top-beginner .top-beginner-image .deco02 {
  width: 42vw;
  position: absolute;
  bottom: -20vw;
  left: 36vw;
  z-index: 1;
}

/* PC対応 */
@media screen and (min-width: 736px) {
  .top-beginner {
    padding: 100px 0;
    background: url(********) no-repeat top 220px center;
    background-size: 420px;
  }

  .top-beginner .top-beginner-content {
    width: 90%;
    max-width: 960px;
    margin: auto;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .top-beginner .top-beginner-text {
    width: 58%;
    margin: 0;
    padding-top: 20px;
  }

  .top-beginner .top-beginner-title {
    display: block;
    position: relative;
    margin-bottom: 40px;
  }

  .top-beginner .top-beginner-title .en {
    font-size: 80px;
    position: absolute;
    top: -35px;
    right: 100%;
    padding-right: 5%;
    letter-spacing: 2px;
    width: 440px;
  }

  .top-beginner .top-beginner-title .en:after {
    width: 50px;
    right: 25px;
    bottom: 18px;
  }

  .top-beginner .top-beginner-title .jp {
    font-size: 30px;
  }

  .top-beginner .top-beginner-subtitle {
    font-size: 26px !important;
    margin-bottom: 20px !important;
  }

  .top-beginner .top-beginner-comment p {
    font-size: 15px;
        margin-bottom: 20px !important;
  }

  /* ボタン横並び */
  .top-beginner .top-beginner-more-items {
    flex-direction: row;
    justify-content: flex-start;
    gap: 2vw;
    width: auto;
  }

  .top-beginner .top-beginner-more-items .more01 {
    min-width: 200px;
    padding: 15px 0;
    font-size: 16px;
  }

  /* 画像 */
  .top-beginner .top-beginner-image {
	  display:block;
    width: 38%;
    margin: 0;
  }

  .top-beginner .top-beginner-image .deco01 {
    width: 46%;
    bottom: -12%;
    left: 0;
  }

  .top-beginner .top-beginner-image .deco02 {
    width: 42%;
    bottom: -20%;
    left: 36%;
  }
}

/* Retina対応 */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-width: 736px) and (min-resolution: 2dppx) {
  .top-beginner {
    background-image: url(********);
  }
}

/*コンセプト*/
.top-concept * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top-concept div,
.top-concept p,
.top-concept img,
section.top-concept {
    margin: 0;
    padding: 0;
    font: inherit;
    word-wrap: break-word;
    border: 0;
    vertical-align: baseline;
    outline: none;
}

section.top-concept {
    display: block;
    width:90%;
    max-width:900px;
    margin:0 auto;
}

.top-concept img {
    height: auto;
    border: none;
    display: block;
    max-width: 100%;
    height: auto;
}

.top-concept *:before,
.top-concept *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);
    -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);
    -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);
    transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);
}

.top-concept .second-text p {
    margin-bottom: 4vw;
    font-size: 3.4vw;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: .02em;
    text-align: justify;
    text-justify: auto;
}

@media screen and (min-width: 736px) {
    .top-concept .second-text p {
        margin-bottom: 30px;
        font-size: 14px;
    }
}

.top-concept {
    margin-bottom: 30%;
}

.top-concept img {
    width: 100%;
    margin: 0 auto 4%;
}

.top-concept .text p.read {
    font-size: 4.2vw;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    text-align: center;
}

@media screen and (min-width: 736px) {
    .top-concept {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 900px;
        margin: 0 auto 170px;
    }

    .top-concept img {
        width: 480px;
        margin: 0;
        height: 100%;
    }

    .top-concept .text {
        margin-top: 140px;
        width: 380px;
    }

    .top-concept .text p {
        margin-bottom: 16px;
    }

    .top-concept .text p.read {
        font-size: 20px;
        text-align: justify;
        margin-bottom: 30px;
    }
}

/*ご挨拶*/
.top-greeting *,
.top-greeting *::before,
.top-greeting *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.top-greeting img {
  max-width: 100%;
  height: auto;
  display: block;
  border: none;
}

.top-greeting a {
  color: var(--base);
  text-decoration: none;
  display: block;
  transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
}
.top-greeting a:hover {
  opacity: 0.6;
}

.top-greeting .pc { display: none; }
.top-greeting .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/* =========================================================
   見出し
========================================================= */
.top-greeting .midashi02 {
  margin: 0;
  padding:0 !important;
  background-color:transparent !important;
}
.top-greeting .midashi02 .en {
  font-family: paganini, serif;
  font-size: 10.6vw;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.top-greeting .midashi02 .jp {
  display: block;
  font-size: 3.3vw;
  line-height: 1.2;
  letter-spacing: 0.06em;
}

/* =========================================================
   MOREリンク
========================================================= */
.top-greeting .more01 {
  width: 36vw;
  font-size: 4vw;
  padding: 0 1.4vw 1vw;
  border-bottom: 1px solid #acacac;
  background: url("********") no-repeat right 7px top 12px;
  background-size: 2vw;
  letter-spacing: 0.1em;
}

/* =========================================================
   ブロック構造
========================================================= */
.top-greeting {
  margin-top: 10vw;
  padding-bottom: 16vw;
  overflow: hidden;
}

.top-greeting .top-greeting-wrap {
  width: 94vw;
  margin: 0 auto;
}

.top-greeting .top-greeting-img {
  width: 100%;
  margin-bottom: 11.5vw;
}

.top-greeting .top-greeting-head {
  font-family: var(--mincho);
  font-size: 6vw;
  margin: 5vw 0 4vw;
  line-height: 1.6;
  color: var(--blue);
  font-weight: 600;
}

.top-greeting .top-greeting-txt {
  font-size: 3.5vw;
  margin-bottom: 6.5vw;
  text-align: justify;
}

.top-greeting .top-greeting-txt:last-of-type {
  margin-bottom: 0;
}

.top-greeting .top-greeting-link {
  margin-top: 27px;
}

/* =========================================================
   PCスタイル
========================================================= */
@media screen and (min-width: 736px) {

  .top-greeting .pc { display: block; }
  .top-greeting .inner { width: 960px; z-index:20; }

  .top-greeting .more01 {
    width: 178px;
    font-size: 18px;
    padding: 0 14px 5px;
    background-size: 11px;
  }

  .top-greeting .midashi02 .en { font-size: 50px; }
  .top-greeting .midashi02 .jp { font-size: 15px; }

  .top-greeting {
    margin-top: 108px;
    padding-bottom: 133px;
  }

  .top-greeting .top-greeting-img {
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-26px);
    width: 1027px;
    max-width: none;
    z-index: -1;
    margin-bottom: 0;
  }

  .top-greeting .top-greeting-wrap {
    width: auto;
  }

  .top-greeting .top-greeting-head {
    font-size: 30px;
    margin: 30px 0 33px;
  }

  .top-greeting .top-greeting-txt {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .top-greeting .top-greeting-txt:last-of-type {
    margin-bottom: 0;
  }
}

/* top-sitemenu */

.top-sitemenu-area {
  width:94vw;
  margin:0 auto;
/*   margin-top: 108px; */
  padding-bottom: 133px;
}

.top-sitemenu-title {
  font-size: 4.5vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 2.5vw;
  padding:5px 10px !important;
  background:#f6f6f6 !important;
}

.top-sitemenu-text {
  font-size: 3.3vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 2.5vw;
}

.top-sitemenu-list {
  display:flex;
  flex-wrap: wrap;
  gap:8px;
}

.top-sitemenu-list li {
  width: calc(50% - 4px);
  text-align: center !important;
}

.top-sitemenu-list li a {
  font-size: 3.3vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 2.5vw;
  text-align: center !important;
  text-decoration: none;
  color:#333333;
}

@media screen and (min-width: 736px) {

.top-sitemenu-area {
  width:90%;
  max-width:1200px;
  margin-top: none;
  padding-bottom: none;
}

.top-sitemenu-title {
  font-size: 26px !important;
  margin-bottom: 40px !important;
  padding:10px 20px !important;
  background:#f6f6f6 !important;
}

.top-sitemenu-text {
  font-size: 15px;
  margin-bottom: 40px !important;
}

.top-sitemenu-list {
  gap:20px;
}

.top-sitemenu-list li {
  width: calc(25% - 15px);
}

.top-sitemenu-list li a {
  font-size: 15px;
  margin-bottom: none;
}

}




/* 共通リセット */
.top-concept1 * {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.top-concept1 ul,
.top-concept1 li {
  list-style: none;
}

.top-concept1 img {
  display: block;
  height: auto;
  border: none;
  max-width:none !important;
}

.top-concept1 a {
  color: #505050;
  text-decoration: none;
  display: block;
  transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
}

.top-concept1 a:hover {
  opacity: 0.6;
}

/* セクション */
.top-concept1 {
  padding-top: 16vw;
  background: url(********) no-repeat top -4vw right;
  background-size: 48vw;
}

/* PC時のみ幅100%でoverflow:hidden */
@media screen and (min-width: 736px) {
  .top-concept1-inner {
    width: 100%;
    overflow: hidden;
  }
}

/* コンテンツ */
.top-concept1 .top-concept1-content {
  width: 90vw;
  margin: 0 auto 10vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* テキスト */
.top-concept1 .top-concept1-text {
  width: 100%;
  margin-bottom: 6vw;
}

.top-concept1 .top-concept1-title {
  width: auto;
  font-size: 18px;
  font-weight: normal !important;
  margin-top: 0 !important;
  padding: 0 !important;
  clear:none !important;
  color: #333333 !important;
  background-color:transparent !important;
  border-radius: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 5vw !important;
}

.top-concept1 .top-concept1-title .en {
  padding-right: 10vw;
  color: #7CD3E4;
  font-size: 10.53vw;
  font-family: aw-conqueror-didot;
  font-weight: 300;
  letter-spacing: 0.4vw;
  position: relative;
}

.top-concept1 .top-concept1-title .en:after {
  content: '';
  width: 6vw;
  height: 1px;
  background: #7CD3E4;
  position: absolute;
  right: 2vw;
  bottom: 2.5vw;
}

.top-concept1 .top-concept1-title .jp {
  font-size: 3.6vw;
  font-family: var(--mincho);
}

.top-concept1 .top-concept1-subtitle {
  margin-bottom: 2.5vw !important;
  color: #27B0CB;
  font-size: 4.5vw !important;
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--mincho);
}

.top-concept1 .top-concept1-comment p {
  font-size: 3.3vw;
  text-align: justify;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 2.5vw !important;
}

/* ボタン */
.top-concept1 .top-concept1-more-items {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  width: 70vw;
}

.top-concept1 .top-concept1-more-items .more01 {
  width: 100%;
  padding: 3vw 0 2.5vw;
  color: #fff;
  text-align: center;
  background: #27B0CB;
  border-radius: 8px;
  position: relative;
}

/* 画像 */
.top-concept1 .top-concept1-image {
  width: 100%;
  position: relative;
	display:none;
}

.top-concept1 .top-concept1-image .image {
  z-index: 2;
  position: relative;
}

.top-concept1 .top-concept1-image .deco01 {
  width: 46vw;
  position: absolute;
  bottom: -12vw;
  left: 0;
  z-index: 3;
}

.top-concept1 .top-concept1-image .deco02 {
  width: 42vw;
  position: absolute;
  bottom: -20vw;
  left: 36vw;
  z-index: 1;
}
.top-concept1 .top-concept1-title .en.en-greeting {
    font-size: 8.53vw;
}
/* PC対応 */
@media screen and (min-width: 736px) {
  .top-concept1 {
    padding: 100px 0;
    background: url(********) no-repeat top 220px center;
    background-size: 420px;
  }

  .top-concept1 .top-concept1-content {
    width: 90%;
    max-width: 960px;
    margin: auto;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .top-concept1 .top-concept1-text {
    width: 58%;
    margin: 0;
    padding-top: 20px;
    order:2;
  }

  .top-concept1 .top-concept1-title {
    display: block;
    position: relative;
    margin-bottom: 40px;
  }

  .top-concept1 .top-concept1-title .en {
    font-size: 80px;
    position: absolute;
    top: -35px;
    left: 50%;
    padding-right: 5%;
    letter-spacing: 2px;
    width: 440px;
  }

  .top-concept1 .top-concept1-title .en:after {
    width: 50px;
    left: -75px;
    bottom: 18px;
  }

  .top-concept1 .top-concept1-title .jp {
    font-size: 30px;
  }

  .top-concept1 .top-concept1-subtitle {
    font-size: 26px !important;
    margin-bottom: 20px !important;
  }

  .top-concept1 .top-concept1-comment p {
    font-size: 15px;
        margin-bottom: 20px !important;
  }

  /* ボタン横並び */
  .top-concept1 .top-concept1-more-items {
    flex-direction: row;
    justify-content: flex-start;
    gap: 2vw;
    width: auto;
  }

  .top-concept1 .top-concept1-more-items .more01 {
    min-width: 200px;
    padding: 15px 0;
    font-size: 16px;
  }

  /* 画像 */
  .top-concept1 .top-concept1-image {
	  display:block;
    width: 38%;
    margin: 0;
    order:1;
  }

  .top-concept1-image img {
    position:absolute;
    right:0;
  }

  .top-concept1 .top-concept1-image .deco01 {
    width: 46%;
    bottom: -12%;
    left: 0;
  }

  .top-concept1 .top-concept1-image .deco02 {
    width: 42%;
    bottom: -20%;
    left: 36%;
  }
  .top-concept1 .top-concept1-text.wide {
  width: 80%;
}
.top-concept1 .top-concept1-title .en.en-greeting {
  font-size: 74px;
}

}