@charset "utf-8";
/*!----------------
共有スタイル
-----------------*/

/*!Style
-------------------------------------*/
*{box-sizing:border-box}
html{font-size: 16px;overflow-y: scroll;height: 100%;}
body{margin: 0;padding:0;font-size: 16px;color:#003655;font-family: 'Noto Sans JP', sans-serif;font-weight: 300;height: 100%;}
img{vertical-align:bottom;}
a{text-decoration: none;color:#000;}
a:hover{text-decoration:underline;}
a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}
ul,li{margin:0;padding:0;list-style: none;}
figure,figcaption{margin: 0;padding:0;}

.pc{display: block !important}
.sp{display: none !important}

@media screen and (max-width: 1119px) {
.pc{display: none !important}
.sp{display: block !important}
}

/*!大枠
-------------------------------------*/
#stage{margin:10px;padding:0;text-align:center;}

/*!ヘッダー
-------------------------------------*/
header{position: relative;min-height: 800px;z-index: 5;height: 100%;margin: 10px;}
header h1{position: relative;margin: 0;height: 100%;z-index: 1;overflow: hidden;}
header h1 img{position: relative;z-index: 1;display: block;height: 100%;width: 100%;object-fit: cover;object-position: 41% 100%;font-family: 'object-fit: cover;';}
header h2{margin: 0;position: absolute;bottom:-3em;right: 5em;z-index: 2;width: 1250px;text-align: right;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}

header h1 img.img_fade{animation: 8s linear alternate forwards;animation-name: top_fade;transform: scale(1.05,1.05);}
@keyframes top_fade {100% {transform: scale(1,1);}}

@media (max-width:1249px){
header{min-height: 500px; height: 70%;}
header h2{width:80%;bottom:-2em;left: unset;right: 0;transform: none;}
header h2 img{width:100%;}
}

/*スクロールダウン*/
.scrolldown{position:absolute;bottom:1em;right:2em;animation: arrowmove 1s ease-in-out infinite;z-index: 3;}
@keyframes arrowmove{0%{bottom:1%;}50%{bottom:3%;}100%{bottom:1%;}}
.scrolldown span{position: absolute;left:-20px;bottom:10px;color: #eee;font-size: 0.7rem;letter-spacing: 0.05em;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.scrolldown:before {content: "";position: absolute;bottom: 0;right: -6px;width: 1px;height: 20px;background: #eee;transform: skewX(-31deg);}
.scrolldown:after{content:"";position: absolute;bottom:0;right:0;width:1px;height: 50px;background:#eee;}

@media (max-width:1249px){
.scrolldown{left:2em;}
.scrolldown:before {left: 6px;}
.scrolldown:after{left:0;}
}

/*!main
-------------------------------------*/
main{height:100%;}

/*!main-chain of happiness
-------------------------------------*/
.parts{margin: 0 auto;padding:0;width:1250px;display: flex;justify-content: space-between; margin-bottom: 60px;}
.parts .text{display: flex;align-items: center;text-align: left; width: 535px;}
.parts .text h4{font-size: 24px;font-family: "Hiragino Mincho ProN", "serif";font-weight: 400;}
.parts .text p{line-height: 2em;}
.parts .text p.big{font-size: 24px;font-family: "Hiragino Mincho ProN", "serif";}

section#chain{margin:12em 0;padding:0;}
#chain .img img{width: 585px;}


@media (max-width:1249px){
.parts{width:100%;flex-flow: row wrap;}
.parts .text{width:100%;}
.parts .text h4{font-size: 23px;}
section#chain{margin:8em 1em 0;padding:0;}
#chain .img img{width:100%}
#chain h3 img{width:80%}
}

/*!main-happyplace
-------------------------------------*/
section#happyplace{margin:18em 0 0;padding:0;position: relative;}
section#happyplace .img{position: relative;margin: 0;height: 100%;z-index: -1;overflow: hidden;}
section#happyplace .img img{position: relative;z-index: -1;display: block;height: 100%;width: 100%;object-fit: cover;object-position: 50% 100%;font-family: 'object-fit: cover;';}
section#happyplace .text{margin: 0 auto;padding:0;text-align: right;width:1250px;position: absolute;left:0;right:0;top:-5em;}
section#happyplace .text h3{margin: 0 auto;padding:0.5em 0 0.5em 0.2em;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;float: right;font-size: 35px;font-family: "Hiragino Mincho ProN", "serif";background: #95e5dc;color:#fff;font-weight: 300;transform: rotate(180deg);}

@media (max-width:1249px){
section#happyplace{margin:6em 0 0;height: 380px;}
section#happyplace .text{width: 85%;top:-3em;}
section#happyplace .text h3{font-size: 25px;}
}

/*!main-happyplace2
-------------------------------------*/
section#happyplace2{margin:8em 0 0;padding:0;}
section#happyplace2 ul{margin: 0 auto;padding:0;text-align: left;width:1250px;display: flex;justify-content: space-between;}
section#happyplace2 ul li{width:297px;}
section#happyplace2 ul li:nth-child(2){margin: 5em 0 0;}
section#happyplace2 ul li:nth-child(3){margin: 10em 0 0;}
section#happyplace2 ul li:nth-child(4){margin: 15em 0 0;}
section#happyplace2 h4{margin:0.5em 0;font-size: 25px;font-family: "Hiragino Mincho ProN", "serif";font-weight: 400;}

@media (max-width:1249px){
section#happyplace2{margin:8em 1em 0;}
section#happyplace2 ul{width:100%;flex-flow: row wrap;width: 80%;}
section#happyplace2 ul li{margin: 0 0 2em !important;width:100%;}
section#happyplace2 ul li img{width:100%;}
section#happyplace2 h4{font-size: 22px;}
}

/*!main-manyreasons
-------------------------------------*/
section#manyreasons{margin:5em auto 0;padding:0;position: relative;width:100%;max-width: 1250px;}
section#manyreasons img{width:100%;max-width: 1250px;}
section#manyreasons .text{position: absolute;top:-8em;left:0;font-size: 22px;font-family: "Hiragino Mincho ProN", "serif";font-weight: 400;text-align: left;}

@media (max-width:1249px){
section#manyreasons{margin:5em 1em 0;width: auto;}
section#manyreasons .text{position:static;}
}

/*!main-ourstrengths
-------------------------------------*/
section#ourstrengths{margin:12em auto 0;padding:0;font-family: "Hiragino Mincho ProN", "serif";}
section#ourstrengths .title{width:50%;text-align: left;font-size: 25px;}
section#ourstrengths .title h3,section#ourstrengths .title p{margin: 0;}
section#ourstrengths .text{width:50%;text-align: left;line-height: 1.8em;}

@media (max-width:1249px){
section#ourstrengths{margin:8em 1em 0;}
section#ourstrengths .title h3 img{width: 100%;}
section#ourstrengths .title{width:100%;margin: 0 0 2em;}
section#ourstrengths .text{width:100%;}
}

/*!main-happyplace3
-------------------------------------*/
section#happyplace3{margin:12em 0 0;padding:0;position: relative;}
section#happyplace3 .img{position: relative;margin: 0;height: 100%;z-index: -1;overflow: hidden;}
section#happyplace3 .img img{position: relative;z-index: -1;display: block;height: 100%;width: 100%;object-fit: cover;object-position: 50% 100%;font-family: 'object-fit: cover;';}
section#happyplace3 .text{margin: 0 auto;padding:0;text-align: right;width:1250px;position: absolute;left:0;right:0;top:-5em;}
section#happyplace3 .text h3{margin: 0 auto;padding:0.5em 0 0.5em 0.2em;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;float: left;font-size: 35px;font-family: "Hiragino Mincho ProN", "serif";background: #95e5dc;color:#fff;font-weight: 300;transform: rotate(180deg);}

@media (max-width:1249px){
section#happyplace3{margin:6em 0 0;height: 380px;}
section#happyplace3 .text{width: 85%;top:-3em;}
section#happyplace3 .text h3{font-size: 25px;}
}

/*!main-staffvoice
-------------------------------------*/
section#staffvoice{margin:8em 0;padding:0;}
section#staffvoice h3{margin: 0 auto 4em;max-width: 1250px;width:100%;text-align: left;}
section#staffvoice h3 span{display: block;font-weight: 300;font-family: "Hiragino Mincho ProN", "serif";font-size: 24px;}
section#staffvoice h3 img{width:80%;max-width:380px;}

@media (max-width:1249px){
section#staffvoice .img img{width: 100%;}
section#staffvoice{margin:8em 1em 4em;padding:0;}
section#staffvoice h3{margin: 0 auto 1em;}
}

/*!main-entry
-------------------------------------*/
section.entry{margin:2em auto 0;padding: 0;background: #f9f8f4;max-width: 1250px;width:100%;display: flex;justify-content: space-between;text-align: left;    border-radius: 20px;}
section.entry .left{margin:0;padding:3em 0 3em 3em;width: 60%;}
section.entry .right{margin:0;padding:4em 3em 4em 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: end;}
section.entry h3{margin: 0 0 1em;font-size: 32px;font-weight: 400;}
section.entry a{display: block;border: 1px solid #003655;color: #003655;background: #fff;padding: 1em 0;width: 356px;text-align: center;border-radius: 100px;font-size: 22px;}
section.entry a.mb{margin-bottom: 1em;}
section.entry a:hover{background:#003655;text-decoration: none;color:#fff;}
section.entry a.anim{transition: 1s;}

@media (max-width:1249px){
section.entry{margin: 1em;padding: 2em;display: block;width: auto;}
section.entry .left{margin:0;padding:0;width: 100%;}
section.entry .right{margin:3em 0 0;padding:0;width: 100%;}
section.entry a{min-width: auto;font-size: 20px;width:100%;}
}


/*!footer
-------------------------------------*/
footer{margin: 5em 0 0;padding:2em 2em 1em;width:100%;border-top:1px solid #707070;display: flex;}
footer h2{margin: 0 0 1em;font-family: "Hiragino Mincho ProN", "serif";}
footer .footer_shop{width:25%;}
footer #copy{width:50%;font-size: 0.8em;text-align: right;}

@media (max-width:1249px){
footer{flex-flow: row wrap;}
footer .footer_shop{width:100%;}
footer #copy{margin: 2em 0 0;width:100%;text-align: center;}
}