@charset "utf-8";

/* ------------------------------------------------------------ */
/* #block-mv */
/* ------------------------------------------------------------ */
#block-mv{background:url(../img/mv_back.jpg) no-repeat center top;background-size:100% auto;position:relative;height:680px;margin-top:0;padding-top:70px;}
#block-mv .container{padding-top:0;padding-bottom:0;height:100%;}
#block-mv .site_message{text-align:center;color: #333;font-size:1.1em;margin: -3em auto 1em;}
#block-mv .site_message .green{color: #2fb2b9;}
#block-mv .site_message .pink{color: #ea648a;}
#block-mv::before{content:"";display:block;width:100%;height:150px;background:url(../img/mv_back02.png) repeat-x;background-size:auto 100%;position:absolute;left:0;bottom:0;z-index:10;}
#block-mv .box{position:relative;height:100%;}
#block-mv .box i{position: absolute;bottom: 5%;right: 0;width: 40%;;z-index: 100;}
#block-mv .ttl-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-bottom:60px;z-index:5;}
#block-mv .ttl{text-align:center;color:#fff;text-shadow:0 0 6px rgba(0,0,0,0.6);}
#block-mv .ttl::before{content:"";display:block;margin:0 auto 30px;width:107px;height:65px;background:url(../img/top/mv_txt.png) no-repeat;background-size:100% auto;}
#block-mv .ttl .txt{font-size:5.6rem;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;letter-spacing:0.08em;vertical-align:middle;display:block;margin:auto;width:1.8em;white-space:nowrap;}
#block-mv .ttl .en{font-size:5.2rem;display:block;letter-spacing:0.02em;line-height:1;margin-top:10px;}
#block-mv .img{overflow-x:hidden;background:url(../img/top/mv_frame_back.png) no-repeat;background-size:100% 100%;}
#block-mv .img img{width:100%;}
#block-mv .img::before{content:"";display:block;width:100%;height:100%;background:url(../img/top/mv_frame.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;z-index:4;}
#block-mv .img .slider > div{visibility:hidden;}
#block-mv .img .slider.slick-initialized > div{visibility:visible;}

/* ------------------------------------------------------------ */
/* #block-lead */
/* ------------------------------------------------------------ */
#block-lead{background:#ea6188;color:#fff;font-size:2rem;}
#block-lead .container{padding-top:25px;padding-bottom:25px;;text-align:center;}
#block-lead p{display:inline-block;text-align:left;}

/* ------------------------------------------------------------ */
/* #block-section01 */
/* ------------------------------------------------------------ */
#block-section01{padding-bottom:60px;position:relative;background:url(../img/back02.svg) repeat-x center 100.1%;background-size:800px auto;}
#block-section01::before{content:"";display:block;width:22%;height:100%;background:url(../img/back.png) repeat-y right top;background-size:100% auto;position:absolute;left:0;top:0;z-index:-1;}
#block-section01::after{content:"";display:block;width:22%;height:100%;background:url(../img/back.png) repeat-y right top;background-size:100% auto;position:absolute;right:0;top:0;z-index:-1;transform:scale(-1,1);}
#block-section01 .list-service{display:flex;justify-content:center;}
#block-section01 .list-service > li{background:#f47745;border-radius:100%;position:relative;flex:1;height:0;padding-bottom:15.4%;}
#block-section01 .list-service > li + li{margin-left:1.5%;}
#block-section01 .list-service > li div{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;line-height:1.3;font-size:2rem;}

/* ------------------------------------------------------------ */
/* #block-section02 */
/* ------------------------------------------------------------ */
#block-section02 .list{display:flex;justify-content:center;max-width:400px;margin:auto;}
#block-section02 .list > li{background:#ff9b64;border-radius:100%;position:relative;flex:1;height:0;padding-bottom:30%;}
#block-section02 .list > li + li{margin-left:5%;}
#block-section02 .list > li div{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;line-height:1.3;font-size:2rem;}
#block-section02 .list > li.item02{background:url(../img/top/section02_item02.png) no-repeat center center;background-size:100% auto;border-radius:0;}
#block-section02 .list > li.item02 span{padding-top:20%;}
#block-section02 .list > li.item03{background:#73b7ba;border-radius:12%;}

/* ------------------------------------------------------------ */
/* #block-section03 */
/* ------------------------------------------------------------ */
#block-section03{padding-bottom:60px;margin-bottom:-30px;background-image:url(../img/top/section03_back.svg),url(../img/top/section03_back02.png);background-repeat:repeat-x,no-repeat;background-position:center 100.1%,center top;background-size:800px auto,100% auto;background-color:#fff5eb;}

/* ------------------------------------------------------------ */
/* #block-link */
/* ------------------------------------------------------------ */
#block-link .list-link{display:flex;}
#block-link .list-link > li{flex:1;background:#ffceb6;text-align:center;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
#block-link .list-link > li + li{margin-left:8%;}
#block-link .list-link > li.enter{background:#afefe8;}
#block-link .list-link > li .inner{padding:30px 20px;}
#block-link .list-link > li .btn{margin-top:20px;}
#block-link .list-link > li .ttl{font-weight:bold;line-height:1.5;font-size:3rem;margin-bottom:10px;}
#block-link .list-link > li .ttl img{display:block;margin:0 auto 5px;}
#block-link .list-link > li .common-btn01{font-size:1.6rem;}
#block-link .list-link > li .txt{line-height:1.7;}

/* ------------------------------------------------------------ */
/* #block-news */
/* ------------------------------------------------------------ */
#block-news{margin-bottom:60px;}
#block-news .box{border:4px solid #ffde1a;border-radius:15px;display:flex;}
#block-news .left{background:#ffde1a;display:flex;align-items:center;justify-content:center;padding:30px;width:25%;}
#block-news .ttl{text-align:center;font-size:3rem;font-weight:bold;line-height:1.5;white-space:nowrap;}
#block-news .ttl span{display:block;margin:5px auto 0;font-size:1.6rem;}
#block-news .right{padding:30px 35px;flex:1;background:#fff;}
#block-news .list-news > li{line-height:1.5;}
#block-news .list-news > li .date{display:block;color:#ea6188;font-weight:bold;}
#block-news .list-news > li + li{margin-top:15px;}
#block-news .list-news > li a{display:block;}
#block-news .list-news > li a:hover .txt{text-decoration:underline;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1119px){
  /* ------------------------------------------------------------ */
  /* #block-mv */
  /* ------------------------------------------------------------ */
  #block-mv{height:auto;background-size:150% auto;}
  #block-mv::before{height:0;padding-bottom:8%;}
  #block-mv .container{padding-left:0;padding-right:0;}
  #block-mv .box{padding-bottom:20px;}
  #block-mv .box .img{text-align:center;}
  #block-mv .box i{width:70%;right:0.5em}
  #block-mv .ttl::before{max-width:10vw;height:0;padding-bottom:26%;margin-bottom:10%;}
  #block-mv .ttl .txt{font-size:5.6vw;}
  #block-mv .ttl .en{font-size:5.2vw;}

  /* ------------------------------------------------------------ */
  /* #block-section01 */
  /* ------------------------------------------------------------ */
  #block-section01 .list-service > li div{font-size:1.75vw;}
}
@media screen and (min-width:1px) and (max-width:799px){
  /* ------------------------------------------------------------ */
  /* #block-link */
  /* ------------------------------------------------------------ */
  #block-link .list-link{display:block;}
  #block-link .list-link > li{max-width:400px;margin:auto;}
  #block-link .list-link > li + li{margin-left:auto;margin-top:30px;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:599px){
  /* ------------------------------------------------------------ */
  /* #block-mv */
  /* ------------------------------------------------------------ */
  #block-mv{background-size:120% auto;margin-top:3em;padding-top:50px;}
  #block-mv::before{padding-bottom:26%;bottom:-1px;}
  #block-mv .site_message{margin: -5.5em auto 1em;}
  #block-mv .box{padding-bottom:10%;}
  #block-mv .box img{width:100%;}
  #block-mv .ttl::before{margin-bottom:0;max-width:18vw;padding-bottom:30%;margin-top:2%;}
  #block-mv .ttl .txt{font-size:9vw;}
  #block-mv .ttl .en{font-size:8vw;}
  #block-mv .img{background-image:url(../img/top/mv_frame_back_sp.png);}
  #block-mv .img::before{background-image:url(../img/top/mv_frame_sp.png);}

  /* ------------------------------------------------------------ */
  /* #block-lead */
  /* ------------------------------------------------------------ */
  #block-lead{font-size:1.6rem;line-height:1.7;}
  #block-lead .container{padding-top:15px;padding-bottom:15px;}

  /* ------------------------------------------------------------ */
  /* #block-section01 */
  /* ------------------------------------------------------------ */
  #block-section01{padding-bottom:50px;background-size:550px auto;}
  #block-section01::before{background:none;width:10%;background-size:100% auto;}
  #block-section01::after{background:none;width:10%;background-size:100% auto;}
  #block-section01 .list-service{flex-wrap:wrap;max-width:350px;margin:auto;}
  #block-section01 .list-service > li{width:32%;flex:auto;margin-right:2%;margin-bottom:2%;padding-bottom:32%;}
  #block-section01 .list-service > li + li{margin-left:0;}
  #block-section01 .list-service > li:nth-child(3n){margin-right:0;}
  #block-section01 .list-service > li div{font-size:1.6rem;}

  /* ------------------------------------------------------------ */
  /* #block-section02 */
  /* ------------------------------------------------------------ */
  #block-section02 .list{max-width:300px;margin:auto;}
  #block-section02 .list > li div{font-size:1.7rem;line-height:1.5;}

  /* ------------------------------------------------------------ */
  /* #block-section03 */
  /* ------------------------------------------------------------ */
  #block-section03{background-size:550px auto;}

  /* ------------------------------------------------------------ */
  /* #block-link */
  /* ------------------------------------------------------------ */
  #block-link .list-link > li{max-width:100%;margin-bottom:5px;}
  #block-link .list-link > li + li{margin-top:20px;}
  #block-link .list-link > li .ttl{font-size:2.4rem;}
  #block-link .list-link > li .ttl img{width:50px;}
  #block-link .list-link > li .inner{padding:20px 15px;}

  /* ------------------------------------------------------------ */
  /* #block-news */
  /* ------------------------------------------------------------ */
  #block-news{margin-bottom:30px;}
  #block-news .box{display:block;}
  #block-news .left{width:100%;padding:15px;}
  #block-news .ttl{font-size:2.4rem;}
  #block-news .ttl span{font-size:1.4rem;margin:0 auto;}
  #block-news .right{padding:15px 20px 20px;}
  #block-news .list-news > li + li{margin-top:10px;}

}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {
}