@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
    line-height:1.8;
    font-size: 16px;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
img{
    max-width:100%;
}
label{
    -webkit-tap-highlight-color: transparent;
}
.pc{
    display: block;
}
.sp{
    display: none;
}
.wrap{
    width: 1000px;
    margin: 0 auto;
}
.wrap800
{
    width:800px;
    margin:0 auto;
}
a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.color_blue{color:#00a0e9;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mb30{margin-bottom:30px;}

.indent10{
    padding-left:1em;
    text-indent: -1em;
}
.indent20{
    padding-left:2em;
    text-indent: -2em;
}
.indent15{
    padding-left:2em;
    text-indent: -1em;
}

img {
    line-height: 0;
}


/********************************* header **********************************/

/* css animation (prefixes are cut) */
.appear {
	transform-origin:center top;
	animation:show 1s both;
}
span.appear {display:inline-block;}
.d1 {animation-delay:1s;}
.d05 {animation-delay:0.5s;}
.d08 {animation-delay:0.8s;}
.d2 {animation-delay:2s;}
.d3 {animation-delay:3s;}
.d4 {animation-delay:4s;}
.d6 {animation-delay:6s;}
.d7 {animation-delay:7s;}
.d8 {animation-delay:8s;}
.d9 {animation-delay:9s;}
.d10 {animation-delay:10s;}
.d11 {animation-delay:11s;}
.d13 {animation-delay:13s;}
.d14 {animation-delay:14s;}
.d15 {animation-delay:15s;}
.d16 {animation-delay:16s;}
.d17 {animation-delay:17s;}
.d18 {animation-delay:18s;}
.d19 {animation-delay:19s;}
.d20 {animation-delay:20s;}
.d21 {animation-delay:21s;}
.d22 {animation-delay:22s;}
@keyframes show {
	0% {
		transform:translate(0,2em);
		opacity:0;
		text-shadow:0 0 0 #0f0;
	}
	50% {
		text-shadow:0 0 0.5em #0f0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
		text-shadow:none;
	}
}

.header_logo{
    text-align: center;
    z-index: 3;
    padding: 23px 0 27px 0;
}

.hd01{
    width:100%;
    height: 100%;
    position:absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd01 img {
    /* width: 100%;
    max-width: 256px; */
    height: 71vh;
    margin: -2vw -100px 0 0;
}

.hd02{width:100%; height: 100%; position:absolute; z-index: 2; display: flex;align-items: center;justify-content: center; box-sizing: border-box;padding: 0 30px;}
.hd02 img {
    /* width: 100%;
    max-width: 847px; */
    height: 25vh;
    margin: -4.5vw 0 0;
}

.hd03 {
    position: absolute;
    right: 15vw;
    bottom: 5vw;
    width: 13vw;
    z-index: 2;
}
.hd04 {
    max-width: 850px;
    width: 60.71%;
    margin: 0 auto;
    line-height: 0;
}
.bluebar {
    background:#fff;
    /* position:absolute; */
    bottom:0;
    width:100%;
    z-index: 2;
    padding: 20px 0;
}
.header_inner_cont img{line-height:0;}
.btnright {
	position:fixed;
	right:0;
	top:70px;
  display: none; /*非表示にしておく*/
  width:105px;
}

.header_inner_cont{
	position:relative;
    height: calc(100vh - 194px);
    background: url(../images/head01_bgleft.png),url(../images/head01_bgright.png),#f4b4c9;
    background-repeat: no-repeat;
    background-position: left top,right bottom;
    background-size: 570px auto,570px auto;
}

/********************************* main **********************************/

.content-inner{
    /* margin-top: 94px; */
    z-index: 0;position: relative;}
main{width:100%;margin:auto;background:#fff;z-index: -1;position: relative;}
/* .sec01_01_txt,.sec02_01_txt {position: absolute;bottom:0;text-align: left; max-width: 500px; width: 58.8235294117%;padding-bottom: 4.28vw;}
.sec01_01_txt {left:0;}
.sec02_01_txt {right:0;} */
.sec01{ width: 100%; background-color: #ee86ae; padding-bottom: 9vw;}
header{overflow:hidden; line-height: 0;}
.sec01_wrap { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 75px;}
.sec02_wrap { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 75px;}
.sec01_01,.sec02_01 { position: relative; z-index: 1;}
.sec01_01_img,.sec02_01_img { display: flex;align-items: flex-start;justify-content: space-between; }
.sec01_01_img { padding-top: 57px;}
.sec01_01_img img.pc:nth-child(2) { width: 35.88%;}
.sec01_01_ttl p,.sec02_01_ttl p { text-align: left; margin-top: 3.125vw;}
.sec01_01_ttl { max-width: 500px; width: 58.8235294117%; color: #fff; margin-top: 4.6875vw;}
.sec02_01_ttl { max-width: 482px; width: 56.70%;}
.sec01_02,.sec02_02 {display: flex;align-items: center; justify-content: space-between; flex-direction: row-reverse; position: relative; z-index: 1;}
.sec01_02 { margin: -4.78vw 0 0;}
.sec02_02 { margin: -11vw 0 0;}
.sec01_02 img,.sec02_02 img {max-width: 400px;width: 47.0588235294%;}
/* .sec02_01_img01 {margin: -4vw 0 0 -75px;} */
.sec02_01_img { flex-direction: row-reverse; }
.sec02_01_img img.pc:nth-child(2) { width: 49.76%; margin: -4vw 0 0 -75px;}
.sec02{ background-color: #fff; position: relative; z-index: 0; margin-bottom: 7vw;}
.sec02::after {content: ""; position: absolute;left: 0; top: 0; transform: skewY(-5deg); transform-origin: bottom left; z-index: -1; width:100%; height:100%; background:#fff;}
.smaller{ font-size: 80%; }
.sec03::after {content: ""; position: absolute;left: 0; top: -50px; transform: skewY(9deg); transform-origin: bottom left; z-index: -1; width:100%; height:100%; background:#ee86ae; padding-bottom: 30vw;}
.sec03 { width: 100%; position: relative; z-index: 1; padding: 0 20px;}
.sec03_box { 
    /* width: 71.43%; */
     max-width: 1000px; margin: 0 auto; padding: 63px 75px 70px; background-color: #fadce9; }
.sec03_01 { width: 74.12%; margin: 0 auto 60px; display: flex;align-items: center; justify-content: flex-start;}
.sec03_01 img:first-child { width: 12.38%; max-width: 78px; margin-right: 18px;}
.sec03_01 img:last-child { width: 76.5%;}
.sec03_02 { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 60px;}
.sec03_02_txt { max-width: 510px; width: 60%;}
.sec03_02_txt img { margin-bottom: 22px;}
.sec03_02_txt p { max-width: 450px; width: 88.24%; margin: 0 auto; text-align: left; font-size: 106.25%; line-height: 1.5;}
.sec03_02 .sec03_02_txt_img { max-width: 300px; width: 35.3%;}
.pink {color: #ee86ae;}
.sec04 { width: 100%; background:url(../images/sec04_bg.jpg) no-repeat center top; background-size: cover; position: relative; z-index: 1; margin: 9vw 0 0;}
.sec04_box { 
    /* width: 71.43%; */
    max-width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start;}
.sec04_01 { width: 62%; max-width: 620px; background-color: rgba(250, 220, 233, 0.7); padding: 4.2vw; text-align: center;}
.sec04_01 p { text-align: left; line-height: 1.75; margin-bottom: 30px; font-size: 100%; font-weight: 700;}
.sec04_01_ttl { margin-bottom: 4vw;}
.sec04_01_ttl img { width: 100%; max-width: 440px;}

.sec05 { width:100%; background-color: #ee86ae;}
.sec05_box { 
    /* width: 71.43%; */
    max-width: 1000px;  margin: 0 auto; padding: 8vw 20px 5vw;}
.sec05_ttl01 {text-align: right; margin-bottom: 54px;}
.sec05_txt { width: 94%; margin: 0 auto 70px; color: #fff; font-size: 112.5%; text-align: left;}
.sec05_ttl02 { text-align: center; margin: 0 auto 60px; width: 70.59%; max-width: 600px;}
.sec06{ width: 100%; background-color: #fff8bf; }
.sec06_inner{ 
    /* width: 60.71%; */
     max-width: 1000px; margin: 0 auto; padding: 7.8vw 75px;}
.sec06lead{font-size:200%;font-weight:bold;margin:40px auto;}
.sec06note{width:100%; margin:22px auto;text-align:left; font-size:112.5%; line-height: 1.5;}
.sec06_tok_pc {position: relative; line-height: 0; }
.sec06_tok_123 { display: flex; align-items: flex-start; justify-content: flex-start; position: absolute; top:0; }
.sec06_tok01,.sec06_tok02 { max-width: 294px; width: 34.5882352941%;}
.sec06_tok03 { max-width: 262px; width: 30.8235294117%;}


@media screen and (min-width: 1400px){
main{width:100%;margin:auto;background:#fff;z-index: -1;position: relative;}
.l01{top:-60px;}
.l02{top:388px;}
.l03{top:751px;}
.r01{top:-60px;}
.r02{top:464px;}
.r03{top:751px;}
.sec02bg01{max-width:1400px;}
.sec02logo {
    width: 53%;
	left: 15vw;
}
 .sec04_inner{
	background-size:auto;
	}
}
    
    
/********************************* footer **********************************/
footer{
    background: #1e4294;
    text-align: center;
    color:#fff;
}
.footer_wrap{
    width: 100%;
    padding: 40px 0;
    position: relative;
}
.footer_nav a{
    color: #000;
    text-decoration: none;
}
.footer_nav a:hover{
    opacity: .5;
}
.scroll_top{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 50px;
}
.copy{line-height:1;padding: 10px;}
.sec03_top img,.sec03_bot img,.sec04_inner img{margin-left:auto; margin-right:auto;}

.video{
 position:relative;
 width:70%;
 padding-top:39.4%;
 margin:auto;
 margin-bottom:40px;
}
.video iframe{
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%;
}
.footer_link{margin:0 auto 30px;}

@media screen and (max-width: 768px){
	a:hover{
        opacity: 1 !important;
    }
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    .wrap{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    p { font-size: 75%; line-height: 1.5; }

    
    .header_inner { height: calc(100vh - 66px);}
    .header_inner_cont { 
        height: calc(100vh - 66px);
         background-image: none;
          /* background-color: #f4b4c9; */
        }
    .hd01 {
        height: 100%;
        background-color: #f4b4c9;
        padding-top: 66px;
        justify-content: flex-start;
    }
    .hd01 img { height: 73vh; margin: 0 0 0 8.5%; }
    .hd02 {padding: 0; justify-content: flex-end; }
    .hd02 img { height: 42.95vh; margin: 0 4.6% 0 0; }
    .hd04 { width: 125px; left: calc(50vw - 62px);}
    /* .bluebar {padding: 0; width: auto; height: auto; position: absolute; background: none; left: calc(50vw - 62px); bottom: 3vw;} */
    .sec01_wrap,.sec02_wrap,.sec03,.sec05_box,.sec06_inner { max-width: 100%; width: 100%;padding: 0 25px;}
.sec01 {
    position: relative;
    /* font-size: 137.5%; */
    padding-top: 80px;
}
.sec01_01_img,.sec02_01_img { display: flex;align-items: flex-start;justify-content: space-between; }
.sec01_01_img { padding-top: 0;}
.sec01_01_img img.sp:nth-child(3) { 
    /* max-width: 150px; */
     width: 44.12%; margin: 20px 0 0 6.4%;}
.sec01_01_img img.sp:last-child {
     /* max-width: 128px; */
      width: 38%; margin-bottom: 25px;}

.sec01_01_txt,.sec02_01_txt {position: relative;bottom:0; text-align: left; max-width: 100%; width: 100%;padding-bottom: 4.28vw; font-size: 75%; line-height: 1.5;}
.sec01_01_txt { color: #fff;}

.sec01_02,.sec02_02 { flex-direction: column; margin-top: 0;}
.sec01_02 img,.sec02_02 img { width: 100%; max-width: 100%; margin-bottom: 2.67vw;}

.sec02 {background: none; margin-bottom: 12vw;}

.sec02_01_img img.sp:nth-child(3) { 
    /* max-width: 153px;  */
    width: 45%; margin: 20px 5% 0 0;}
.sec02_01_img img.sp:last-child { 
    /* max-width: 172px; */
     width: 50.44%; margin: -20px 0 25px;}

.sec03 {padding-bottom: 12vw;}
.sec03_box { max-width: 100%; width: 100%; padding: 7.3%;}
.sec03_01 { width: 88.28%; max-width: 88.28%; margin-bottom: 25px;}
.sec03_01 img:first-child { width: 11.71875%; margin-right: 25px;}
.sec03_01 img:last-child { width: 84.5703125%;}
.sec03_02 {margin-bottom: 35px;}
.sec03_02:last-child {margin-bottom: 0;}
.sec03_02_txt { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center;}
.sec03_02_txt p { width: 100%; max-width: 100%; font-size: 75%;}

.sec04 { margin-top: 0; padding-top: 0; background: none;}
.sec04_box { width: 100%;max-width: 100%; background: none;}
.sec04_01 { width: 100%; max-width: 100%; background-color: #ee86ae; padding: 0;}
.sec04_01_ttl { background: url(../images/sec04_bg_sp.jpg) no-repeat center top #ee86ae; background-size: 100% auto; padding: 0 18px;}
.sec04_01_ttl_bg { width: 62.5%; background-color: rgba(250, 220, 233, 0.7);display: flex; align-items: center; justify-content: center; padding: 14vw 0;}
.sec04_01_ttl_bg img { width: 82.35%; max-width: 350px;}
.sec04_01_txt { margin: 0 0 30px; padding: 0 18px;}
.sec04_01 p { text-align: center; line-height: 1.5; margin-bottom: 20px; font-size: 75%; color: #fff;}

.sec05_ttl01,.sec05_ttl02 { text-align: center;}
.sec05_ttl01 {margin-bottom: 30px; line-height: 0;}
.sec05_box { display: flex;flex-direction: column; align-items: center; padding-bottom: 13.3vw;}
.sec05_txt { margin-bottom: 45px; color: #fff; text-align: center; font-size: 75%;}
.sec05_ttl02 { width: 100%;max-width: 604px;margin-bottom: 0;}
.video { width: 100%; margin-bottom: auto; padding-top: 56.25%;}

.sec06 {padding: 45px 0;}
.sec06_inner {
    background: none;
}

	.sec06lead {
    font-size: 100%;
	margin: 10px auto;
	}
.sec06tok { width: 3.9%;}
.sec06_inner h2,.tok_cont{width:80%; margin:auto;}
.tok_date {
    width: 82%;
    margin: auto;
}
.sec06note {
    width: 80%;
    font-size: 75%;
}

    /********************************* footer **********************************/
    .scroll_top{
        width: 50px;
        bottom: 2%;
        right: 2%;
    }
	.btn_nyukai {
    width: 250px;
    margin-right: 20px;
    line-height: 0;
	}
    header {
        height: calc(100vh - 66px);
        position: relative;
        z-index: 2;
    }
    header::before{
        display: none;
    }
	.header_logo {
		margin-top: 0;
        width:250px;
    }
	.spheader{
		background:#fff;
		
	}
    .spheader_inner {
    display: flex;
    justify-content: space-between;
    height: 66px;
    padding: 0 0 0 25px;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background:#fff;
    width: 100%;
	z-index:4;
}
    .header_logo {
        padding: 0;
        line-height: 0;
        text-align: left;
    }
	h1 {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: 29vw;
    width: 50%;
	}
	h1 img{
    width: 100%;
    margin-top: 0;
	}
	.btnright{display:none!important;}
	
.footer_link img{margin:auto;width:90%;}
.hd02right{width:38%;}
.hd02left{width:40%;}
main {
    width: auto;
    z-index: 1;
}
.content-inner {
    background: none;
z-index: 1;
margin-top: -66px;
/* padding-top: 60px; */
}
.sec01_bg{
    margin-top: -60px;
    padding-top: 60px;
}
.sec01_01_txt, .sec02_01_txt,.sec03_02_txt p,.sec04_01 p,.sec05_txt,.sec06note {font-size: 100%;}
.sec06note {width: 80%;}
}
/* @media screen and (max-width: 640px){
} */
@media screen and (max-width: 550px){
/* .sec01 {
    font-size: 112.5%;
} */
	.sec04lead {
    font-size: 112.5%;
	margin: 20px auto;
	}
	.tok_arrow{
	width:160px;
	}

    /* h1 {
		bottom:20vw;
    width: 70%;
	}

.hd04 {
    position: absolute;
    bottom: -50px;
    left: calc(50vw - 62px);
    width: 125px;
} */
/* .sec01 h2{width: 90%;margin: 0 auto;
}
.sec01_02{margin-top:20px;}
	.sec04lead {
    font-size: 100%;
	margin: 10px auto;
	} */
.sec04_inner h2, .tok_cont {
    width: 90%;
}
.tok_date {
    width: 92%;
    margin: auto;
}
.sec01_01_txt, .sec02_01_txt,.sec03_02_txt p,.sec04_01 p,.sec05_txt,.sec06note {font-size: 75%;}

}
/* @media screen and (max-width: 480px){
    
} */
@media screen and (max-width: 375px){

	/* h1 {
		bottom:20vw;
    width: 70%;
	}
 */
.sec06note { width: 100%;}
.sec06tok { width: 9%;}
.sec06_inner h2,.tok_cont{width:100%; margin:auto;}
.footer_link img {width: 100%;}

}
/********************************* animation **********************************/
.sec01_01,.sec01_02,.sec02_01,.sec02_02,.sec03_01 img,.sec03_02,.sec04_01,.sec04_01_ttl,.sec04_01_txt,.sec05_ttl01,.sec05_txt,.sec05_ttl02,.sec06_inner h2,.sec06lead,.sec06_tok_waku,.sec06_tok01,.sec06_tok02,.sec06_tok03,.sec06tok.tok_cont,.sec06tok,.sec06note,.footer_link
{
    opacity: 0;
}
.fadeIn,.zoomIn,.img.fadeIn,.img.zoomIn{
    opacity: 0;
    transition: 1.2s ease-out;
}
.zoomIn,.img.zoomIn{
    opacity: 0;
    transition: 0.8s ease-out;
}
/* .fadeIn.anim{
    opacity: 1;
} */
.fadeInUp{
    opacity: 0;
    transform: translateY(10px);
    transition: 1s ease-out;
}
/* .fadeInUp.anim{
    opacity: 1;
    transform: translateY(0);
} */