@charset "utf-8";
/* CSS Document */

html {
    font-size: 62.5%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

body{
	padding: 0px;
	background: #F0F9FF;
	box-sizing:border-box;
	line-height:1.7em;
	font-size:2em;
	font-family:'Noto Sans JP', serif;
	font-weight:400;
	color: #323232;
    position: relative;
}
body::before{content:"";background:url(../img/deco1.png)no-repeat center center;background-size:cover;position:absolute;top:0;left:0;width:523px;height:245px;}
body::after{content:"";background:url(../img/deco2.png)no-repeat center center;background-size:cover;position:absolute;top:0;right:0;width:245px;height:293px;z-index: -1;}

main {width:100%;overflow:hidden;margin:auto;}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 0.75rem;
    display:block;
}

section{position:relative;}
a, button{transition:all .3s ease-out;cursor:pointer;}
.container{max-width:1080px;width:92%;margin:auto;}
.s-txt{font-size:1.6rem;font-weight:300;}
small{color:#9e9e9e;font-weight:600;font-size:1.2rem;}

header{position:fixed;width:100%;top:0;left:50%;transform: translateX(-50%);z-index:99;display:flex;justify-content:space-between;align-items:center;
max-width:1120px;height:112px;padding:0 2%;}
header .logo{border-radius:48px;height:64px;line-height:56px;display:inline-block;padding:0 25px;border:2px solid #fff;box-sizing:border-box;background:rgba(255,255,255,.9);}
header .logo img{max-width:134px;transition:all .3s ease-out;display:inline;}
header .logo:hover img{transform: scale(0.9);}
header .nav-list li a{font-size:1.6rem;font-weight:600;letter-spacing:0.02em;}

footer{background:#005DCF;color:#fff;padding:70px 0 35px;}
footer .logo{display:inline-block;}
footer .logo:hover{opacity:.7;}
footer .logo img{max-width:162px;}
footer nav ul li{margin-bottom:25px;font-weight:600;line-height:1;}
footer nav ul li p{font-size:2.4rem;letter-spacing:0.06em;line-height: 1.4em;}
footer nav ul li a{font-size:1.2rem;letter-spacing:0.03em;display:inline-block;}
footer nav ul li a:hover{color:#C8E6EE;}
footer .copyright{width:100%;font-weight:300;font-size:1.2rem;margin-top:50px;letter-spacing:0.05em;}

.mainV{padding-bottom:20px;}
.mainV::before{content:"";background:url(../img/deco3.png)no-repeat center center;background-size:cover;position:absolute;bottom:0;left:0;width:886px;height:362px;z-index:-1;}
.mainV .container{max-width:1032px;}
.mainV h1{font-size:3.4rem;font-weight:600;color:#124B91;text-align: right;line-height:1.5em;}
.store_link{display:flex;margin-top:40px;justify-content: flex-end;align-items: flex-start;}
.store_link li:first-child{margin-right:30px;}
.store_link li:first-child a img{max-width:153px;}
.store_link li:last-child a img{max-width:188px;}
.store_link li a{display:block;}
.store_link li a:hover{opacity:.6;}

h1.midashi{margin-bottom:50px;}
h1.midashi span{font-size:1.8rem;font-weight:600;color:#1C73DE;border:2px solid #1C73DE;border-radius:32px;padding:12px 30px;position:relative;display:inline-block;letter-spacing:0.05em;}
h1.midashi span::before{content:"";width:2px;height:23px;left:50%;bottom:-23px;transform: translateX(-50%);background:#1C73DE;position: absolute;}
h2{font-size:3.2rem;font-weight:600;line-height:1.4em;letter-spacing:0.03em;}
h3{font-size:2.4rem;font-weight:600;}

.about{background: linear-gradient(120deg, rgba(135,235,255,1) 0%, rgba(51,129,245,1) 100%);color:#fff;padding:120px 0;position: relative;}
.about::before{content:"";background:url(../img/deco4.png)no-repeat center center;background-size:cover;position:absolute;top:-145px;right:0;width:302px;height:434px;
mix-blend-mode: overlay;}
.about h2.ta-c{margin:40px 0 120px;}
.about h1{margin-bottom:80px;}
.about h1.midashi span{color:#fff;border-color:#fff;}
.about h1.midashi span::before{background:#fff;}
.about .pc-flex img{filter: drop-shadow(1px 1px 6px rgba(114,199,199,0.8));}
.about .pc-flex .text h2{margin-bottom:40px;}
.about .pc-flex .text .s-txt{margin-top:30px;}
.about .deco_about{margin-top:40px;text-align:right;margin-right:-70px;}
.about .deco_about img{max-width:623px;display:inline-block;}

.wrapper{background:#fff;border-radius:40px;padding:60px 70px;margin:auto;}
#top .wrapper, .contact .wrapper{filter: drop-shadow(0px 0px 12px rgba(114,179,199,0.5));}

.andmore{display:inline-block;color:#1C73DE;font-weight:600;position:relative;padding-right:50px;margin-top:10px;}
.andmore::before{width:32px;height:32px;content:"";position: absolute;border-radius:50%;border:2px solid #1C73DE;right:0;top:50%;transform: translateY(-50%);transition:all .3s ease-out;}
.andmore::after{content: "";position: absolute;right:7.5px;top:50%;transform: translateY(-50%);width:16px;height:16px;
-webkit-mask: url("../img/small_arrow.svg");mask: url("../img/small_arrow.svg");-webkit-mask-size: cover;mask-size: cover;background:#1C73DE;transition:all .3s ease-out;}
.andmore:hover{opacity:.7;}
.andmore.back{margin-top:80px;}
.andmore.back::after{transform: translateY(-50%) rotate(180deg);}

#top .news{padding:80px 0 120px;}
#top .news::before{content:"";background:url(../img/deco5.png)no-repeat center center;background-size:cover;position:absolute;top:0;right:0;width:374px;height:282px;}
#top .news::after{content:"";background:url(../img/deco6.png)no-repeat center center;background-size:cover;position:absolute;bottom:0;left:0;width:273px;height:483px;z-index:-1;}
.news h1, .contact h1{margin-bottom:60px;}
.news h2{margin-bottom:25px;}
.news ul li{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee;}
.news ul li a{display:block;padding-right:20%;position: relative;}
.news ul li a::after{content: "";position: absolute;right:-10px;top:50%;transform: translateY(-50%);width:24px;height:24px;
-webkit-mask: url("../img/arrow_right.svg");mask: url("../img/arrow_right.svg");-webkit-mask-size: cover;mask-size: cover;background:#757575;transition:all .3s ease-out;}
.news ul li a:hover::after{background:#005DCF;}
.news ul li .title{font-weight:600;}
.news ul li .s-txt{overflow: hidden;font-size:1.5rem;}

.icon_home::before{background:url(../img/icon_home.svg)no-repeat center center;background-size:cover;}
.icon_search::before{background:url(../img/icon_search.svg)no-repeat center center;background-size:cover;}
.icon_map::before{background:url(../img/icon_map.svg)no-repeat center center;background-size:cover;}
.icon_pickup::before{background:url(../img/icon_pickup.svg)no-repeat center center;background-size:cover;}
.icon_emergency::before{background:url(../img/icon_emergency.svg)no-repeat center center;background-size:cover;}

.function{padding-bottom:40px;}
.function::after{content:"";background:url(../img/deco10.png)no-repeat center center;background-size:cover;position:absolute;bottom:0;left:0;width:726px;height:383px;z-index:-1;}
.function .wrapper{filter:none;max-width:1280px;padding:80px 0;}
.function .jumplist{display:flex;justify-content: space-between;align-items:flex-start;flex-wrap:wrap;}
.function .jumplist li{width:16.5%;line-height: 1.2em;margin-top:50px;}
.function .jumplist li a{display:flex;flex-wrap:wrap;justify-content: center;}
.function .jumplist li a img{margin-top:20px;}
.function .jumplist li a p{position:relative;padding-left:25px;font-size:1.6rem;}
.function .jumplist li a p::before{content:"";position: absolute;left:0;top:50%;transform: translateY(-50%);width:22px;height:22px;}
.function .jumplist li a p span{font-weight:600;position:relative;padding-right:35px;}
.function .jumplist li a p span::before{width:24px;height:24px;content:"";position: absolute;border-radius:50%;border:2px solid #1C73DE;right:0;top:50%;transform: translateY(-50%);transition:all .3s ease-out;}
.function .jumplist li a p span::after{content: "";position: absolute;right:5px;top:50%;transform: translateY(-50%) rotate(90deg);width:14px;height:14px;
-webkit-mask: url("../img/arrow_right.svg");mask: url("../img/arrow_right.svg");-webkit-mask-size: cover;mask-size: cover;background:#1C73DE;transition:all .3s ease-out;}
.function .jumplist li a:hover p span::before{background:#5290DD;border-color:#5290DD;}
.function .jumplist li a:hover p span::after{background:#fff;}
.function .c-box{padding:50px 0;position: relative;}
.function .c-box#home::before{content:"";background:url(../img/deco7.png)no-repeat center center;background-size:cover;position:absolute;top:-50px;left:0;width: 419px;height: 299px;z-index: -1;}
.function .c-box#home::after{content:"";background:url(../img/deco8.png)no-repeat center center;background-size:cover;position:absolute;bottom:-135px;right:-10px;width:327px;height:446px;z-index:-1;}
.function .c-box#map::before{content:"";background:url(../img/deco6.png)no-repeat center center;background-size:cover;position:absolute;bottom:-40px;left:0;width:273px;height:483px;z-index:-1;}
.function .c-box#map::after{content:"";background:url(../img/deco9.png)no-repeat center center;background-size:cover;position:absolute;bottom:-60px;right:0;width:515px;height:339px;z-index:-1;}
.function .c-box .pc-flex img{filter: drop-shadow(0px 0px 8px rgba(114,179,199,0.35));}
.function .c-box .pc-flex .gif_wrap {position: relative;}
.function .c-box .pc-flex .gif_wrap .naruhodo{position: absolute;width:70px;right:2.7%;bottom: 15px;}
.function .c-box h2{position: relative;padding-left:50px;margin-bottom:10px;}
.function .c-box h2::before{content:"";position: absolute;left:0;top:50%;transform: translateY(-50%);width:40px;height:40px;}
.function .c-box p{margin-top:25px;}
.function .c-box .sub{color:#9E9E9E;font-weight:600;letter-spacing:0.03em;margin:0;}
.function .c-box .pc-flex .text{border-radius:40px;padding:60px 40px;background:#fff;position: relative;z-index:1;}

#top .faq{border-radius:40px 40px 0 0;background:#fff;padding:100px 0;}
.faq h2{margin-bottom:15px;}
.faq .andmore{margin-top:35px;}
.ac-box{border-bottom:2px solid #eee;padding:25px 0;}
.ac-box .ac-q{position: relative;display:flex;align-items: center;cursor:pointer;}
.ac-box .ac-q::before, .ac-box .ac-q::after {content: "";position: absolute;top: 50%;right: 0;
width: 15px;height: 2px;background: #9e9e9e; transition: all .3s ease-in-out;}
.ac-box .ac-q::before{transform: rotate(90deg);}
.ac-box .ac-q.active::before {transform: rotate(180deg);}
.ac-box .ac-q h3{font-size:1.3rem;color:#1C73DE;border:2px solid #1C73DE;border-radius:50%;font-weight:600;width:32px;height:32px;line-height:2em;margin-right:15px;text-align:center;}
.ac-box .ac-q p{width:84%;font-weight:500;line-height: 1.4em;}
.ac-box .ac-open {display: none;margin-top: 15px;}
.ac-box .ac-open p{line-height:1.4em;width:86%;font-size:1.5rem;}

.area{border-radius:0 0 40px 40px;background:#fff;padding:80px 0;z-index:1;}
.area h2{margin-bottom:20px;}
.area small{line-height: 1.3em;display:block;}
.area ul{margin-top:50px;}
.area ul li{line-height:1.4em;}
.area ul li small{line-height:1;display:inline;}
.area ul li p{margin-top:15px;}

.contact{padding:80px 0 180px;}
.contact::before{content:"";background:url(../img/deco11.png)no-repeat center center;position:absolute;background-size:cover;left:0;top:-5px;width:340px;height:488px;}
.contact::after{content:"";background:url(../img/deco14.png)no-repeat center center;position:absolute;background-size:cover;right:0;z-index:-1;top: -50px;width: 502px;height: 340px;}
.contact .wrapper{max-width:928px;padding: 50px 70px;}
.contact h3{margin-bottom:30px;}
.contact .btn{font-size:2.6rem;font-weight:600;color:#fff;border-radius:32px;background:#1C73DE;display:block;text-align:center;max-width:350px;margin:35px auto 0;padding:10px 20px;
line-height:1.7em;}
.contact .btn:hover{background:#C8E6EE;color:#1C73DE;}

.start{padding-bottom:90px;}
.start h2{margin-bottom:25px;}
.start .scroll_wrap{margin-top:35px;}
.start ul{display:flex;justify-content: space-between;}
.start ul li{width:24%;}
.start ul li .text{display:flex;align-items:center;margin-top:30px;}
.start ul li .s-txt{font-size:1.4rem;font-weight:300;line-height: 1.5em;width: calc(100% - 75px);}
.start ul li .num{background:#fff;width:40px;border-radius:24px;text-align:center;filter: drop-shadow(0px 0px 10px rgba(114,179,199,.3));font-weight:600;line-height:1;
padding:10px 0;margin:0 15px 0 10px;}
.start ul li .num span{display:block;font-size:1.2rem;color:#9f9f9f;margin-top:.4em;font-weight:400;}

.bottom_app{background: linear-gradient(212deg, rgba(51,129,245,1) 0%, rgba(51,191,219,1) 97%);padding-top:90px;position: relative;}
.bottom_app .container{max-width:862px;color:#fff;display:flex;justify-content:space-between;align-items:center;}
.bottom_app p{font-size:1.8rem;letter-spacing:.03em;}
.bottom_app h1{font-size:4rem;font-weight:600;margin-top:25px;}
.bottom_app .store_link{justify-content: flex-start;margin:50px 0 40px;}
.bottom_app small{color:#fff;line-height:1.4em;font-size:1.05rem;font-weight:300;display:block;}

.anime {opacity: 0;}
.slidetop.anime.show{animation: slideTop 1.4s ease .2s forwards;}
@keyframes slideTop{
0% {transform: translate(0,-60px); opacity:0;}
100% {transform: translate(0,0); opacity:1;}
}
.fadein.anime.show {animation: fadeIn 1.5s ease .5s forwards;}
 @keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

.otherpage{padding-top:200px;}
.otherpage h1.midashi{margin-bottom:70px!important;}
.otherpage h2{margin-bottom:40px!important;}
.otherpage .wrapper{position: relative;z-index:1;}
.news.detail .date{color:#9E9E9E;font-weight:600;margin-bottom:25px;}
.wrapper.d_page{padding:80px 0;}
.wrapper.d_page h2{font-size:2.4rem;margin:0 0 25px!important;}
.wrapper.d_page p{font-size:1.6rem;}
.otherpage .form{padding-bottom:100px;}

.Policy .kiyaku h3{font-size:2rem;margin:40px 0 10px;}
.Policy .kiyaku a{text-decoration: underline;color: #1C73DE;}
.Policy .kiyaku a:hover{text-decoration: none;}

/*PC======================================================*/
@media only screen and (min-width:835px) {

.pc{display:block;}
.sp{display:none;}
/*  padding:0 50px　→　10*/
header .nav-wrapper{border-radius:48px;height:64px;line-height:56px;padding:0 50px;border:2px solid #fff;box-sizing:border-box;background:rgba(255,255,255,.9);}
/* header .nav-wrapper{border-radius:48px;height:64px;line-height:56px;padding:0 10px;border:2px solid #fff;box-sizing:border-box;background:rgba(255,255,255,.9);} */
header .nav-list{display:flex;align-items:center;}
/* 中日新聞社修正　50→15 */
header .nav-list li{margin-right:15px;}
header .nav-list li:last-child{margin:0;}
header .nav-list li a:hover{color:#1C73DE;}
footer .container{max-width:1120px;display:flex;justify-content:space-between;align-items: flex-start;flex-wrap:wrap;}
footer .logo{width:12%;}
footer nav{display:flex;justify-content:space-between;width:54%;}
.pc-flex{display:flex;justify-content:space-between;align-items:center;}
.mainV .topimg, .mainV .contents{width:44%;}
.about .pc-flex img{width:14%;}
.about .pc-flex .text{width:66%;}
.news ul li .s-txt{white-space: nowrap;text-overflow: ellipsis;}
.news ul li .title{margin-bottom:10px;}
.news ul li a:hover::after{right:5px;}
.function .c-box .pc-flex img{width:42%;}
.function .c-box .pc-flex .text{width:48%;}
/* .function .c-box:nth-of-type(odd) .pc-flex {flex-direction: row-reverse;} */
.function .c-box .pc-flex .gif_wrap{width:48%;}
.function .c-box .pc-flex .gif_wrap img{width:100%;}
.area ul{align-items:flex-start;}
.area ul li{width:25.5%;}
.bottom_app .container .pic{width:47%;}
.bottom_app .container .text{width:47%;}
.about .fadein.anime.show {animation: fadeIn 2.2s ease 1s 1 forwards;}
}

@media only screen and (max-width:1280px) {
footer nav{width:64%;}
.about .deco_about{margin-right:0;}
.mainV .topimg, .mainV .contents{width:47%;}
.function .container{width:90%;}
.function .c-box .pc-flex .gif_wrap .naruhodo{right:2.3%;}
}

@media only screen and (max-width:1120px) {
header{max-width:1440px;}
/* white-space: nowrap; を追加 */
/* 中日新聞社修正　40→15 */
header .nav-list li {margin-right: 15px;white-space: nowrap;}
.mainV .topimg, .mainV .contents{width:48%;}
.about .pc-flex .text{width:78%;}
.function .c-box#search .pc-flex .text p br.pc{display:none;}
.function .c-box .pc-flex .gif_wrap .naruhodo{right:1.6%;bottom:11px;}
.ac-box .ac-q p{width:90%;}
}

@media only screen and (max-width:1066px) {
/* 中日新聞社修正　35→15 ;white-space: nowrap */
header .nav-list li{margin-right:15px;white-space: nowrap}
.mainV .topimg{width:48%;}
.mainV .contents{width:52%;}
.function .jumplist{justify-content: flex-start;}
.function .jumplist li{width:22%;margin-right:4%;}
.function .jumplist li:nth-child(4n){margin-right:0;}
.area ul li {width: 28%;}
.start ul li .num{width:35px;padding: 8px 0;margin: 0 10px;}
.start ul li .num span{margin-top:.2em;font-size:1rem;}
.start ul li .s-txt{width:calc(100% - 55px);font-size: 1.2rem;}
}


@media screen and (min-width:835px) and (max-width:1024px) {
/* 中日新聞社修正　40→10 */
header .nav-wrapper{padding:0 30px;}
/* 中日新聞社修正　25→20 */
header .nav-list li{margin-right:20px;}
footer nav{width:72%;}
.mainV .container{max-width: 914px;}
.about .deco_about{margin-right:-25px;}
.news ul li a{padding-right:5%;}
.function .container{max-width: 882px;}
.function .c-box .pc-flex img{width:52%;}
.function .c-box .pc-flex .text{width:40%;}
.function .c-box .pc-flex .gif_wrap{width:58%;}
.function .c-box .pc-flex .gif_wrap .naruhodo{right:2.6%;bottom:15px;width:7vw;}
#top .faq .container, .area .container{max-width: 860px;}
}

@media only screen and (max-width:966px) {
body::before{left: -100px;width: 400px;height: 193px;}
body::after{width: 143px;height: 170px;}
header .logo img{max-width:12vw;}
header .logo{padding:0 20px}
/* 中日新聞社修正　30→10 */
header .nav-wrapper{padding:0 10px;}
/* 中日新聞社修正　設定なしだったので追加 */
/*header .nav-list li{margin-right:10px;}*/
header .nav-list li a{font-size:1.5rem;}
.mainV .topimg{width:45%;}
.mainV .contents{width:54%;}
.mainV h1{font-size:3.2rem;}
.about .pc-flex .text p br.pc{display:none;}
.news ul li a{padding-right:3%;}
}

@media screen and (min-width:835px) and (max-width:865px) {
/* 中日新聞社修正　25→10 */
header .nav-wrapper{padding:0 10px;}
/* 中日新聞社修正　20→10 */
header .nav-list li{margin-right:10px;}
.mainV::before{bottom:-60px;left:-40px;}
.mainV .topimg{width:43%;}
.mainV .contents{width:56%;}
.bottom_app p{font-size:1.6rem;}
.bottom_app h1{font-size:3.8rem;}
}


/*sp_tab======================================================*/
@media only screen and (max-width:834px) {

.sp{display:block;}
.pc{display:none;}

body{font-size:1.6rem;}
body::before{background: url(../img/deco1_sp.png) no-repeat center center;background-size: cover;width: 297px;height: 195px;left:0;}
header{height:100px;}
header .logo{height: 48px;line-height:40px;padding:0 15px;}
header .logo img{max-width:100px;}
header .nav-wrapper {
    visibility: hidden;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .5s;
    z-index: 99;
    background: #005DCF;
    padding:90px 0 0;
}
header .nav-wrapper::before{content:"";background:url(../img/deco13.png)no-repeat center center;position:absolute;background-size:cover;right:0;bottom:0;width:248px;height:277px;}
header .nav-wrapper.fade {opacity: 1;visibility: visible;}
header .nav-wrapper.fade .header-nav{opacity:1;}
header .burger-btn {
    position: relative;
    z-index: 100;
    border:2px solid #fff;
    box-sizing:border-box;
    background:rgba(255,255,255,.9);
    width:48px;
    height: 48px;
    border-radius: 50%;
    padding: 10px;
}
header .bar {
    background: #1C1D22;
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50%;
    border-radius: 3px;
    transition: transform .3s;
}
header .bar_top {top: 18px;}
header .bar_bottom {bottom: 17px;}
header .burger-btn.close{background:rgba(255, 255, 255, 0.8);}
header .burger-btn.close .bar{background:#1C73DE;height:3px;}
header .burger-btn.close .bar_top {transform: translateX(-50%) rotate(45deg);top: 21px;}
header .burger-btn.close .bar_bottom {transform: translateX(-50%) rotate(-45deg);bottom: 20px;}
header .header-nav {width:100%;height:100%;color: #fff;opacity:0;transition: opacity 0s;}
header .nav-list {width:85%;margin:auto;}
header .nav-list li {margin:0 0 10px;width:40%;}
header .nav-list li:first-child {margin-bottom:25px;}
header .nav-list li:first-child img{max-width:125px;}
header .nav-list li a{font-size:1.6rem;}
header .nav-sub{width:85%;margin:auto;padding-top:40px;position: relative;font-size:1.2rem;}
header .nav-sub::before{position: absolute;content:"";width:40%;height:2px;background:rgba(255, 255, 255, 0.4);top:35px;left:0;}
header .nav-sub ul{margin-top:30px;}
header .nav-sub li p{font-size:1.6rem;font-weight:600;margin-bottom:.5em;}
footer{padding-top:50px;}
footer .logo {margin-bottom:-10px;}
footer .logo img{max-width:150px;}
footer nav{width:100%;}
footer nav ul{margin-top:40px;}
footer nav ul li{margin-bottom:20px;}
footer nav ul li p{font-size:2rem;}
footer .copyright{margin-top:60px;}

h1.midashi span{padding:8px 25px;font-size:1.6rem;}
h2{font-size:2.1rem;}
h3, .wrapper.d_page h2{font-size:2rem;}
.s-txt, .wrapper.d_page p{font-size:1.4rem;}
.wrapper{padding:40px 35px;}
.wrapper.d_page{padding:45px 0 70px!important;margin-top:30px;border-radius: 40px 40px 0 0;}
.mainV{padding-bottom:150px;}
.mainV::before{background: url(../img/deco3_sp.png) no-repeat center center;background-size: cover;width: 399px;height: 455px;}
.mainV .conatiner{margin-top:0;}
.mainV .topimg, .mainV .contents{width:75%;margin:auto;}
.mainV .contents{display: flex;flex-direction: column;align-items: center;}
.mainV .contents h1{text-align: left;margin-top:40px;font-size:3.8rem;}
.store_link{justify-content: center;margin-top:30px;}
.about{padding:90px 0 60px;}
.about::before{width: 202px;height: 334px;}
.about h2.ta-c{margin:0 0 40px;}
.about .sp-flex{display:flex;flex-direction: column-reverse;width:80%;margin:0 auto 40px;}
.about h1{margin-bottom:60px;}
.about .pc-flex .text{width:80%;margin:0 auto 50px;}
.about .pc-flex .text h2{margin-bottom:30px;}
.about .pc-flex .text p{font-size:1.4rem;line-height:1.9em;}
.about .pc-flex .text .s-txt{font-size:1.2rem;}
.about .pc-flex img{max-width:90px;margin:auto;}
.about .deco_about{margin-top:20px;}
.about .deco_about img{max-width:270px;}
#top .news{padding:60px 0 50px;}
#top .news::before{width: 254px;height: 176px;right:-30px;}
#top .news::after{width: 170px;height: 300px;}
.news h1.midashi span{padding:5px 25px;}
.news h1, .contact h1{margin-bottom:50px;}
.news h2{margin-bottom:15px;}
.news ul li{margin-bottom:10px;}
.news ul li a::after{top:36%;}
.news ul li .title{line-height: 1.3em;margin-bottom: 5px;}
.news ul li .s-txt{font-size:1.4rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.function h1.midashi{text-align:center;}
.function .wrapper{padding:30px 0;}
.function .wrapper h2{text-align:center;}
.function .jumplist li{margin-top:35px;}
.function .jumplist li a p{font-size:1.5rem;}
.function .jumplist li a p span{padding-right:30px;}
.function .c-box{padding-bottom:0;}
.function .c-box .container{width:100%;}
.function .c-box#map::before, .function .c-box#map::after, .function::after, .contact::after{display:none;}
.function .c-box#home::before{background: url(../img/deco7_sp.png) no-repeat center center;background-size: cover;width:276px;height:104px;top:0;}
.function .c-box#home::after{background: url(../img/deco5.png) no-repeat center center;background-size: cover;bottom: -166px;width: 226px;height: 176px;}
.function .c-box#pickup::before{content:"";position:absolute;background: url(../img/deco6.png) no-repeat center center;background-size: cover;
bottom: 176px;width: 160px;height: 220px;left: -20px;}
.function .c-box#pickup::after{content:"";background:url(../img/deco12.png)no-repeat center center;position:absolute;background-size:cover;
right: -20px;bottom:auto;width: 244px;height: 146px;}
.function .c-box .pc-flex .text{margin:15px 0 0 10%;border-radius:32px 0 0 32px;padding:30px 30px 25px;}
.function .c-box:nth-of-type(odd) .pc-flex .text{margin:15px 10% 0 0;border-radius:0 32px 32px 0;}
.function .c-box .pc-flex img{width:73%;margin:auto;}
.function .c-box .pc-flex .gif_wrap{width:80%;margin:auto;}
.function .c-box .pc-flex .gif_wrap img{width:100%;}
.function .c-box .pc-flex .gif_wrap .naruhodo {right: 2.2%;bottom: 2.5vw;width: 11vw;}
.function .c-box h2{display:inline-block;}
.function .c-box .sub{margin-left:10px;display: inline-block;line-height: 2em;vertical-align: top;}
.function .c-box p{margin-top:10px;font-size:1.4rem;}
.function .c-box .s-txt{font-size:1.2rem;}
#top .faq{padding:10px 0;}
.ac-box{padding:15px 0 10px;}
.ac-box .ac-q p{width:87%;}
.ac-box .ac-open p{width:100%;}
.faq .andmore{margin-top:20px;}
.area{padding:40px 0 50px;}
.area h1.midashi{margin:0 auto 40px;text-align:center;}
.area ul{margin:0;}
.area ul li{width:100%;margin-top:10px;padding-top:25px;border-top:2px solid #eee;}
.area ul li:first-child{border:none;}
.area ul li .s-txt{font-size:1.5rem;}
.contact{padding:65px 0 55px;}
.contact::before{top: -90px;width: 240px;height: 288px;margin-left:-30px;}
.contact .wrapper{padding:40px 30px;}
.contact .btn{font-size:2rem;max-width:260px;}
.contact p, .start p.ta-c{font-size:1.4rem;}
.start{padding-bottom:100px;}
.start::after{content:"";background:url(../img/deco9.png)no-repeat center center;position:absolute;background-size:cover;
right: -50px;bottom: -50px;width: 244px;height: 166px;opacity: .6;}
.start .container{width:100%;}
.start .container p.ta-c{width:88%;margin:auto;}
.start .scroll_wrap{margin-top:30px;overflow-x: scroll;padding:0 20px 20px;}
.start .scroll_wrap::-webkit-scrollbar{overflow:hidden;width:1px;background:#F0F9FF;}
.start .scroll_wrap::-webkit-scrollbar:horizontal{height:3px;}
.start .scroll_wrap::-webkit-scrollbar-button{display:none;}
.start .scroll_wrap::-webkit-scrollbar-piece{background:#F0F9FF;}
.start .scroll_wrap::-webkit-scrollbar-piece:start{background:#F0F9FF;}
.start .scroll_wrap::-webkit-scrollbar-thumb{background:#F0F9FF;}
.start .scroll_wrap::-webkit-scrollbar-corner{background:#F0F9FF;}
.start .scroll_wrap ul{width:862px;}
.start ul li:last-child{margin-right:20px;}
.start ul li .text{margin-top:15px;}
.start .scroll_txt{margin-right:6%;}
.start .scroll_txt span{font-size:1.2rem;font-weight:600;color:#1C73DE;position:relative;padding-right:25px;}
.start .scroll_txt span::after{content: "";position: absolute;right:0;top:50%;transform: translateY(-50%);width:16px;height:16px;
background: url("../img/small_arrow.svg")no-repeat center center;background-size: cover;}
.bottom_app{padding-top:60px;}
.bottom_app .container{max-width:338px;flex-direction: column-reverse;}
.bottom_app h1{font-size:3rem;text-align: center;margin-top:20px;}
.bottom_app p{font-size:1.6rem;text-align: center;}
.bottom_app .store_link{margin: 40px 0 25px;}
.bottom_app .text{margin-bottom:50px;}
.fadein.anime.show {animation: fadeIn 1.3s ease .3s forwards;}
.about .fadein.anime.show {animation: fadeIn 1.5s ease .5s forwards;}

.otherpage .wrapper{padding:20px;}
.otherpage h1.midashi {margin-bottom: 40px!important;}
.otherpage h2{margin-bottom: 30px!important;}
.andmore.back{margin-top:40px;}
.otherpage .wrapper.d_page h2{font-size:1.8rem;}
#agreement .otherpage .wrapper.d_page p{font-size:1.3rem;}
.otherpage .form{padding-bottom:70px;}
.Policy .kiyaku h3{font-size:1.6rem;line-height: 1.4em;}
}


@media screen and (max-width:768px) {
.mainV .topimg, .mainV .contents{width:85%;}
.mainV .contents h1{font-size:3.4rem;}
.contact::before{width: 44.271vw;height: 63.542vw;}
.contact h3{text-wrap: balance;}
.iframe_wrap iframe {height: 1300px;}
.function .jumplist li{width:31%;margin-right:3.5%;}
.function .jumplist li:nth-child(3n){margin-right:0;}
.function .jumplist li:nth-child(4n){margin-right:3.5%;}
.function .c-box .pc-flex .gif_wrap .naruhodo{right:2.4%;}
@keyframes slideTop{
    0% {transform: translate(0,-30px); opacity:0;}
    100% {transform: translate(0,0); opacity:1;}
  }
}

@media screen and (max-width:574px) {
h3{font-size:1.8rem;}
.mainV .topimg, .mainV .contents{width:90%;}
.mainV .contents h1{font-size:3rem;}
header .nav-list li, header .nav-sub::before{width:100%;}
.function .jumplist li{width:46.5%;margin-right:7%;}
.function .jumplist li:nth-child(2n){margin-right:0;}
.function .jumplist li:nth-child(3n){margin-right:7%;}
.function .c-box .pc-flex .gif_wrap .naruhodo {right: 2.3%;}
}

@media screen and (max-width:420px) {
body::before{width: 196px;height: 128px;z-index:-1;}
body::after {width: 123px;height: 147px;}
header{padding:24px 5%;height:90px;}
header .nav-wrapper{padding-top:14vw;}
header .nav-list, header .nav-sub{width:80%;}
header .header-nav{overflow-y: scroll;}
header .nav-sub{padding-top:4vw;}
header .nav-sub::before{top:5vw;}
header .nav-sub ul li{margin-bottom:2vw;}
header .nav-list li:first-child{margin-bottom:4vw;}
.container{width:88%;}
.otherpage{padding-top:100px;}
.mainV{padding-bottom:26vw;}
.mainV .container{margin-top:0;}
.mainV .topimg{width:94%;}
.mainV .contents{width:100%;}
.mainV .contents h1{font-size:2.5rem;margin-top:8vw;}
.s-txt{line-height:1.45em;}
.store_link li:first-child {margin-right: 7vw;}
.ac-box .ac-q h3 {font-size: 1.2rem;width: 26px;height: 26px;line-height: 1.6em;margin-right: 10px;}
.ac-box .ac-q p{width:82%;line-height: 1.6em;}
.about .sp-flex{width:95%;}
.about::before {top:-22vw;width: 39.323vw;height: 56.51vw;}
.about .pc-flex .text{width:95%;margin-bottom:40px;}
.about .deco_about{margin-right:3.5%;}
.wrapper{padding:30px;}
#top .news::after {width: 35.547vw;height: 62.891vw;}
.function .c-box{padding:40px 0 0;}
.function .c-box .pc-flex img{width:82%;}
.function .c-box .pc-flex .gif_wrap{width:85%;}
.function .c-box .pc-flex .gif_wrap .naruhodo {right: 2.2%;bottom: 2.5vw;width: 12vw;}
.function .c-box#home::after{width: 42vw;height: 33vw;bottom: -120px;}
.function .c-box#pickup::before{ bottom: 260px;width: 38vw;height: 67.5vw;}
.function .c-box#pickup::after{width: 58.095vw;height: 34.762vw;}
.function .c-box .pc-flex .text{padding:30px 35px 25px;}
.area .container{width:86%;}
.contact h3{font-size:2rem;margin-bottom:20px;}
.contact .wrapper {padding: 30px 25px;}
.contact .btn{margin-top:25px;}
.bottom_app small{font-size:1.2rem;}
.bottom_app .store_link{justify-content: center;}
#contact .form .wrapper{padding:0;}
.iframe_wrap iframe {height: 1400px;}
}


@media screen and (max-width:360px) {
.mainV .contents h1{font-size:2.3rem;}
.bottom_app p{font-size:1.5rem;}
}

@media screen and (max-width:320px) {
.mainV::before{width: 280px;height: 405px;}
.mainV .contents h1{font-size:2.2rem;}
.mainV .contents h1 br{display:none;}
.function .jumplist li{width:80%;margin-right:20%!important;}
}



/* コンテナ全体のスタイル */
.responsive-container {
  display: flex;
  flex-wrap: wrap; /* レスポンシブ対応で要素を折り返し */
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px; /* コンテンツの幅を制限 */
  padding: 10px;
}

/* 左側の画像部分 */
.responsive-container .image {
  flex: 1 1 50%; /* フレックスボックスで幅を調整 */
  max-width: 80%;
  margin: 10px;
}

.responsive-container .image img {
  width: 100%;
  height: auto;
  display: block;
}

/* 右側のテキスト部分 */
.responsive-container .text {
  flex: 1 1 45%;
  max-width: 80%;
  margin: 10px;
  font-size: 16px;
  line-height: 1.5;
}

/* スマートフォンサイズでのスタイル */
@media screen and (max-width: 768px) {
  .responsive-container {
    flex-direction: column; /* 縦並びに変更 */
  }

  .responsive-container .image,
  .responsive-container .text {
    max-width: 100%; /* 幅を100%に */
    flex: 1 1 100%;
  }

  .responsive-container .text {
    margin-top: 20px; /* テキストと画像の間に余白を追加 */
  }
}

/* 親要素： kairan_wrap */
.kairan_wrap {
  position: relative; /* ★最重要★ これが基準点になります */
  
  /* 親要素の幅と高さをベース画像に合わせる場合 */
  display: inline-block; 
}

/* 1枚目： ベース画像 */
.base-image {
  display: block; /* 画像下の余白消し */
  /* z-index: 1; */ /* （必要に応じて） */
}

/* 2枚目： 重ねる画像 */
.overlay-image {
  position: absolute; /* ★最重要★ これで重ね合わせが有効になります */
  
  /* --- ↓位置を調整してください --- */
  
  /* 例: 左上から配置 */
  top: 200px;  /* 上から10px */
  left: 220px; /* 左から10px */
  
  /* 例: 右下に配置 */
  /* bottom: 10px; */ /* 下から10px */
  /* right: 10px; */  /* 右から10px */

  /* z-index: 10; */ /* （必要に応じて） */
}