@charset "UTF-8";
#baby_trial {
    max-width: 750px;
    background: #fff;
    box-shadow: 0px 0px 54px 0px rgb(0 0 0 / 30%);
    overflow-x: hidden;
    margin: auto;
}

main {
    margin: auto;
}

/* SP */

@media screen and (max-width: 750px) {
    .inner {
        width: auto;
    }
    main {
        padding-top: 0;
    }
    footer {
        padding-bottom: 5vw;
    }
    .cv_footer {
        width: 100%;
        margin: auto;
        padding: 10vw 0 4vw;
    }
    .cv_footer .inner {
        padding: 4vw 3vw;
        margin: auto 6vw;
        background-size: 5px auto;
        border-radius: 2vw;
        display: block;
    }
    .cv_footer_block01 {
        width: 100%;
        display: block;
        margin-bottom: 3vw;
    }
    .cv_footer_block01:last-child {
        margin-bottom: 0;
    }
    .cv_footer_block01::before {
        display: none;
    }
    .cv_footer_block01 h3 {
        text-align: center;
        margin-bottom: 3vw;
        line-height: 0;
    }
    .cv_footer_block01 .box {
        padding: 0 4vw;
    }
    .cv_footer_block01 .box .txt {
        font-size: 3vw;
        margin-top: 0;
    }
    .cv_footer_block01 .links {
        font-size: 3.6vw;
    }
    .cv_footer_block01 .links a {
        font-size: 3.6vw;
    }
    .cv_footer .cv_footer_tokuten {
        text-align: center;
        margin-bottom: 8vw;
    }
    .cv_footer .cv_footer_img01 {
        margin-bottom: 2vw;
    }
    .cv_footer_block01 .tel {
        margin-top: 5vw;
        padding: 0 3vw;
    }
    .cv_footer_block01 .sns {
        padding-top: 2rem;
    }
    .cv_footer_block01 .sns div a {
        display: block;
    }
    .cv_footer_block01 .sns div:nth-child(1) a {
        width: 31.5vw;
    }
    .cv_footer_block01 .sns div:nth-child(2) {
        margin-top: 1rem;
    }
    .cv_footer_block01 .sns div:nth-child(2) a {
        margin: 0 3vw;
    }
    .cv_footer_block01 .sns div:nth-child(2) a:nth-child(1) {
        max-width: 14vw;
    }
    .cv_footer_block01 .sns div:nth-child(2) a:nth-child(2) {
        max-width: 14vw;
    }
    .cv_footer_block01 .sns div:nth-child(2) a:nth-child(3) {
        max-width: 14vw;
    }
	.pr01{
    margin-left: 6.2%;
    font-size: 64%;
    margin-top: 1%;
	}
	
}

.fv01 {
    background-color: #fff;
    background-image: url(../img/fv_bg01_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 70px;
    text-align: center;
}

.fv01 .fv_btn {
    margin-top: -240px;
    padding: 0 50px;
}

.fv02 {
    background-color: #fff;
    background-image: url(../img/fv_bg02_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.fv_tested01 {
    margin-top: 30px;
}

.fv_tested02 {
    margin-top: 20px;
}

.fv02 .caution {
    max-width: 968px;
    margin: 20px auto 0;
    padding: 0 50px;
    font-size: 12px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .fv01 {
        padding-top: 10vw;
    }

    .fv01 .fv_btn {
        margin-top: -33vw;
        padding: 0 8vw;
    }

    .fv02 {
        padding: 10vw 0;
        background-image: url(../img/fv_bg02_sp.png);
    }

    .fv02 .caution {
        padding: 0 8%;
    }

    .fv_tested01 {
        margin-top: 0;
    }

    .fv_tested02 {
        margin-top: 0;
    }

}

/*damage*/

.damage01 {
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 80px 0;
    text-align: center;
}

.lazyloaded.damage01 {
    background-image: url(../img/damage_bg01_sp.png);
}

.damage01_arrow {
    width: 200px;
    margin: 50px auto 0;
}

.damage02 {
    background-color: #fff;
    background-repeat: repeat;
    background-position: top center;
    background-size: 2%;
    text-align: center;
}

.lazyloaded.damage02 {
    background-image: url(../img/damage_bg02.png);
}

.damage02::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 23%;
    background-repeat: no-repeat;
    background-size: cover;
}

.lazyloaded.damage02::after {
    background-image: url(../img/damage_bg02_arrow_sp.png);
}

@media screen and (max-width: 750px) {
    .damage01 {
        background-size: cover;
        padding: 10vw 0;
    }

    .damage01_arrow {
        margin: 8vw auto 0;
        width: 30%;
    }

    .damage02 {
        background-size: 4%;
    }

    .damage02_inner {
        padding-bottom: 10vw;
    }
}

/*development*/

.development01 {
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 100px;
    text-align: center;
}

.development02 {
    margin: 40px auto 0;
    padding-bottom: 40px;
    position: relative;

    background-size: cover;
    text-align: center;
}

.lazyloaded.development02 {
    background-image: url(../img/development_bg02_sp.png);
}

.development02 .box {
    max-width: 1000px;
    margin: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
}

.development02 .text1 {
    margin: 40px auto 60px;
}

.development02 .bg {
    padding-top: 440px;
}

.development02 .dev02_title{
    width: 72%;
    margin: auto;
}

@media screen and (max-width: 750px) {
    .development01 {
        padding-top: 10vw;
        max-width: 100%;
    }

    .development02 {
        margin: 0 auto;
        padding-bottom: 0;
    }

    .development02 .box {
        left: 0;
        right: 0;
        top: 8vw;
    }

    .development02 .text1 {
        margin: 6vw auto 8vw;
    }

    .development02 .bg {
        padding-top: 67vw;
    }
}


#fv .figure01 {
    max-width: 1024px;
    margin: auto;
    text-align: center;
    padding: 0;
}

#fv .figure01 h3 {
    margin-bottom: 10px;
}

#fv .figure01 .caution {
    font-size: 12px;
    text-align: left;
    margin: auto;
    padding: 0 12px;
    max-width: 1024px;
}

/*figure*/

.figure03 {
    max-width: 1000px;
    margin: auto;
    padding-top: 80px;
}

.figure03 .image {
    width: 68%;
    margin: auto;
}

.figure03 .caution {
    margin-top: 20px;
    font-size: 12px;
    text-align: left;
}

.figure04 {
    width: 1000px;
    margin: auto;
    padding: 210px 0 30px;
    position: relative;
}

.figure04 h3 {
    position: absolute;
    z-index: 1;
    width: 64%;
    top: 13%;
    left: 18%;
}

.figure04 .text1 {
    position: absolute;
    z-index: 1;
    width: 39%;
    top: 54%;
    right: 6%;
}

.figure04 .caution {
    display: block;
    color: #756c67;
    font-size: 12px;
    margin-top: 1em;
    margin-left: 1em;
}

/*@media screen and (max-width: 767px) {*/
    .figure01 {
        max-width: 100%;
    }
    .figure01 h3 {
        margin-bottom: 2vw;
    }
    .figure01 .caution {
        font-size: 2.6vw;
        margin: auto 6vw;
    }
    .figure02 {
        max-width: 100%;
        margin: auto auto 3vw;
        padding-top: 68vw;
    }
    .figure02 .box {
        left: 0;
        right: 0;
        top: 8vw;
    }
    .figure02 .text1 {
        margin: 5vw auto 13vw;
    }
    .figure03 {
        max-width: 100%;
        padding: 10% 0 5%;
    }
    .figure03 .image {
        width: 100%;
    }
    .figure03 .caution {
        font-size: clamp(10px, 2.6vw, 18px);
        margin: 5% 10% auto;
    }
    .figure04 {
        width: 100%;
        max-width: 100%;
        padding: 37% 0 7%;
    }
    .figure04 h3 {
        width: 100%;
        top: 6%;
        left: 0%;
    }
    .figure04 .text1 {
        width: 100%;
        top: 46%;
        right: 0%;
    }
    .figure04 .caution {
        font-size: clamp(10px, 2.6vw, 19px);
        padding-left: 48%;
        padding-right: 4%;
    }
/*}*/

/*verification*/
.verification {
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.lazyloaded.verification {
    background-image: url(../img/verification_bg01_sp.jpg);
}

.verification_img02 {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .verification {
        padding: 10vw 0;
    }

    .verification_img02 {
        margin-top: 10%;
    }
}

/*point*/

.point01 {
    text-align: center;
}

.point02 {
    background-size: auto, 100% calc(100% - 120px);
    background-repeat: no-repeat, no-repeat;
    background-position: top 380px center, top 120px center;
    padding-bottom: 340px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.lazyloaded.point02 {
    background-image: url(../img/test.png), url(../img/sec13_bg01_sp.png);
}

.point03 {
    background-size: auto, 100% calc(100% - 120px);
    background-repeat: no-repeat, no-repeat;
    background-position:top 40px right, top 40px center;
    padding-bottom: 230px;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: -340px;
}

.lazyloaded.point03 {
    background-image: url(../img/point_bg03_sp.png), url(../img/point_bg04_sp.png);
}

.point04 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position:top 40px left;
    padding-bottom: 230px;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: -230px;
}

.lazyloaded.point04 {
    background-image: url(../img/point_bg05_sp.png);
}

.point05 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position:top 40px left;
    padding-bottom: 230px;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: -230px;
}

.lazyloaded.point05 {
    background-image: url(../img/point_bg06_sp.png);
}

.point06 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position:top 40px left;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: -230px;
}

.lazyloaded.point06 {
    background-image: url(../img/point_bg07_sp.png);
}

.point07 {
    background-color: #f8fdff;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
    padding: 60px 0 80px;
}

.lazyloaded.point07 {
    background-image: url(../img/point_bg08_sp.png);
}

.point07 .inner {
    max-width: 1000px;
    margin: auto;
}

@media screen and (max-width: 750px) {
    .point02 {
        background: none;
        margin: 0;
        padding: 0;
    }

    .point03 {
        background: none;
        margin: 0;
        padding: 0;
    }

    .point04 {
        background: none;
        margin: 0;
        padding: 0;
    }

    .point05 {
        background: none;
        margin: 0;
        padding: 0;
    }

    .point06 {
        background: none;
        margin: 0;
        padding: 0;
    }

    .point07 {
        background-size: cover;
        background-position: 70%;
        padding: 10vw 0;
    }

    .lazyloaded.point07 {
        background-image: url(../img/point_bg08_sp.png);
    }

    .point07 .inner {
        margin: auto;
    }
}


/*future*/

.future {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0;
    text-align: center;
}

.lazyloaded.future {
    background-image: url(../img/future_bg_sp.png);
}

@media screen and (max-width: 750px) {
    .future {
        padding: 10vw 0;
    }
}


/*スライド*/

.slide ul {
    width: 100%;
    margin: auto;
    max-width: 1000px;
}

.slide ul .slick-slide {
    margin: 0 15px;
}

.slide ul .slick-slide img {
    max-width: 700px !important;
}

.slide .slick-prev {
    width: 86px;
    height: 86px;
    background: center center / 100% no-repeat;
    left: 2%;
    top: 50%;
}

.lazyloaded.slide .slick-prev {
    background-image: url(../img/arw_L.png);
}

.slide .slick-next {
    width: 86px;
    height: 86px;
    background: center center / 100% no-repeat;
    right: 2%;
    top: 50%;
}

.lazyloaded.slide .slick-next {
    background-image: url(../img/arw_R.png);
}

.slick-prev:before,
.slick-next:before {
    content: "";
}

.slide .slick-prev.slick-disabled,
.slide .slick-next.slick-disabled {
    display: none !important;
}

.slide .slick-dots {
    bottom: -40px;
}

.slide .slide .slick-dots li {
    margin: 0 5px;
}

.slide .slick-dots li button:before {
    opacity: 1;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #fb8302;
}

.slide .slick-dots li.slick-active button:before {
    opacity: 1;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fb8302;
    border: 1px solid #fb8302;
}

@media screen and (max-width: 750px) {
    .slide ul li {
        margin: 0 1vw;
    }
    .slide ul .slick-slide img {
        max-width: 72vw !important;
    }
    .slide .slick-prev {
        left: calc(50% - 46vw);
        width: 10vw;
        height: 10vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slide .slick-next {
        right: calc(50% - 46vw);
        width: 10vw;
        height: 10vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
}


/* コンテンツ */

#sec07 {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 60px 0 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#sec07.lazyloaded {
    background-image: url(../img/sec07_bg01_sp.png);
}

#sec07 h2 {
    margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
    #sec07 {
        padding: 10vw 0;
    }
    #sec07 h2 {
        margin-bottom: 4vw;
    }
}

#sec08 {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 10% 0;
}

#sec08.lazyloaded {
    background-image: url(../img/sec08_bg_sp.png);
}

#sec08 h2 {
    margin-bottom: 8%;
}


#sec09 {
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: top center, top center;
    padding: 300px 0 60px;
    margin-bottom: -50px;
    position: relative;
    z-index: 2;
}

#sec09.lazyloaded {
    background-image: url(../img/sec09_bg01_sp.png), url(../img/sec09_bg02_sp.png);
}

#sec09 .inner {
    max-width: 650px;
    margin: auto;
}

#sec09 .inner h2 {
    margin-bottom: 30px;
}

#sec09 .inner .img01 {
    margin-bottom: 20px;
}

#sec09 .inner .img02 {
    margin-top: 70px;
}

#sec09 .inner .img03 {
    margin-bottom: 50px;
}

#sec09 .btn {
    text-align: center;
}

#sec09 .mv {
    max-width: 740px;
    margin: auto auto 50px;
}

#sec09 .mv .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#sec09 .mv .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    #sec09 {
        padding: 38vw 0 10vw;
        margin-bottom: 0;
    }
    #sec09 .inner h2 {
        margin-bottom: 6vw;
    }
    #sec09 .inner .img01 {
        margin-bottom: 0;
    }
    #sec09 .inner .img02 {
        margin-top: 10vw;
    }
    #sec09 .inner .img03 {
        margin-bottom: 3vw;
    }
    #sec09 .btn {
        max-width: 78vw;
        margin: auto;
        text-align: center;
    }
    #sec09 .mv {
        max-width: 78vw;
        margin: auto auto 6vw;
    }
}

#sec10 {
    background-color: #fcfcfa;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 60px 0 80px;
}

#sec10.lazyloaded {
    background-image: url(../img/sec10_bg_sp.png);
}

#sec10 .inner {
    max-width: 650px;
    margin: auto;
}

#sec10 .inner h2 {
    margin-bottom: 72%;
}

#sec10 .inner .img01 {
    text-align: center;
}

#sec10 .slide.lazyloaded .slick-prev {
    background-image: url(../img/arw_L2.png);
}

#sec10 .slide.lazyloaded .slick-next {
    background-image: url(../img/arw_R2.png);
}

@media screen and (max-width: 750px) {
    #sec10 {
        padding: 10vw 0;
    }

    #sec10 .inner h2 {
        margin-bottom: 56vw;
    }

}

#sec13 h2 {
    margin-bottom: 20px;
    text-align: center;
}

#sec13 .mv {
    margin: auto;
}

#sec13 .mv .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#sec13 .mv .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sec13 .mv iframe {
    width: 100%;
}

#sec13 .bg05 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
    padding: 60px 0 80px;
}


#sec13 .bg05.lazyloaded {
    background-image: url(../img/sec13_bg05_sp.png);
}

#sec13 .bg05 .inner {
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

#sec13 .bg06 {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
    padding: 80px 0;
}

#sec13 .bg06.lazyloaded {
    background-image: url(../img/sec13_bg06_sp.png);
}

#sec13 .bg06 .inner {
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

#sec13 .bg06 .img09 {
    margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
    #sec13 h2 {
        margin-bottom: 4vw;
    }

    #sec13 .mv {
        max-width: none;
        margin: auto 6vw;
    }
    #sec13 .bg04 {
        background-color: transparent;
        background-image: url(../img/sec13_bg04_sp.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding: 6vw 0 10vw;
    }
    #sec13 .bg04 .inner {
        max-width: 100%;
        margin-top: -10vw;
    }
    #sec13 .bg05 {
        padding: 10vw 0;
    }
    #sec13 .bg05 .inner {
        max-width: 100%;
    }
    #sec13 .bg06 {
        padding: 8vw 0 10vw;
    }
    #sec13 .bg06.lazyloaded {
        padding: 8vw 0 10vw;
    }
    #sec13 .bg06 .inner {
        max-width: 100%;
    }
    #sec13 .bg06 .img09 {
        margin-bottom: 2vw;
    }
	
}



/* --------------------------------------
	global
-------------------------------------- */

	/* hacks */

	@media only screen and (min-width:768px) { .sp { display:none !important; } }
	@media only screen and (max-width:767px) { .pc { display:none !important; } }

	#baby_trial	img		{ width:100%; display:block; vertical-align:bottom; }
	#baby_trial a img	{ transition:opacity ease 0.3s;			}
	#baby_trial .ma		{ margin-left:auto; margin-right:auto;	}
	#baby_trial .pr		{ position:relative;					}
	#baby_trial .pa		{ position:absolute;					}
	#baby_trial .pf		{ position:fixed;						}
	#baby_trial .db		{ display:block;						}
	#baby_trial .di		{ display:inline;						}
	#baby_trial .dib	{ display:inline-block;					}
	#baby_trial .dn		{ display:none;							}
	#baby_trial .df		{ display:flex;							}
	#baby_trial .fww	{ flex-wrap:wrap;						}
	#baby_trial .fwnw	{ flex-wrap:nowrap;						}
	#baby_trial .jcc	{ justify-content:center;				}
	#baby_trial .jcsb	{ justify-content:space-between;		}
	#baby_trial .jcfs	{ justify-content:flex-start;			}
	#baby_trial .jcfe	{ justify-content:flex-end;				}
	#baby_trial .aic	{ align-items:center;					}
	#baby_trial .aifs	{ align-items:flex-start;				}
	#baby_trial .aife	{ align-items:flex-end;					}
	#baby_trial .oxh	{ overflow-x:hidden;					}
	#baby_trial .tl		{ text-align:left;						}
	#baby_trial .tc		{ text-align:center;					}
	#baby_trial .tr		{ text-align:right;						}
	#baby_trial .tj		{ text-align:justify;					}
	#baby_trial .hac	{ left:50%; transform:translateX(-50%); }
	#baby_trial .vam	{ top :50%; transform:translateY(-50%); }

	.marugo { font-family:dnp-shuei-mgothic-std, 'Shuei MaruGo', sans-serif !important; font-weight:400; }
	.bold,
	.bold * { font-weight:600 !important; }
	.orange { color:#ff8701; }

	/*
	#anchor-a	{ padding-top:70px; margin-top:-70px; }
	*/


/* ----------------------------------
	layout
---------------------------------- */

body
	{
		scrollbar-width		:none; /*Firefox対応のスクロールバー非表示コード*/
		-ms-overflow-style	:none; /*Internet Explore対応のスクロールバー非表示コード*/
	}
	body::-webkit-scrollbar			{ display:none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/ }
	body							{ background:#fffcf4; }

	header							{ background:rgba(255,255,255,0.75); max-width:750px; width:100%; height:70px; position:fixed; left:calc(50% - 375px); top:0; padding:0 0 0 25px; z-index:999; }
	header h1						{ width:220px; }
	header nav .menu				{ background:#fffdeb; }
	header nav .menu__inner ul li a	{ color:#333; font-size:1.8rem; }
	header nav .menu .closeBtn span	{ color:#333; }
	main							{ margin:0; }
	#baby_trial						{ max-width:750px; background:#fff; box-shadow:0px 0px 54px 0px rgb(0 0 0 / 30%); overflow-x:hidden; margin:auto; }
	/* footer							{ height:unset; margin:0 0 225px; } */
	footer							{height:unset;margin:0 0 50px;}

@media screen and (max-width:750px)
{
    header						{ width:100vw; height:9.333vw; left:calc(50% - 50vw); padding:0 0 0 3.333vw; }
    header h1					{ width:29.333vw; }
    #mata_s01					{ box-shadow:none; max-width:100%; position:relative; overflow:hidden; }
    footer						{ height:unset; margin:0 0 0vw; }
}


/* ----------------------------------
	slide, slick
---------------------------------- */

.slide ul								{ width:100%; left:0%; }
.slide ul li							{ margin:0 15px; }
.slide .slick-prev,
.slide .slick-next						{ z-index:10; border-radius:50%; font-size:0; opacity:0.8; }
.slide .slick-prev::before,
.slide .slick-next::before				{ display:none; }
.slide .slick-slide img					{ display:block; margin:auto; }
.slide .slick-dots						{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; list-style:none; }
.slide .slick-dots li					{ background:#ffffff; width:20px; height:20px; border:solid 2px #ff9a37; border-radius:50%; }
.slide .slick-dots li.slick-active		{ background:#ff9a37; }
.slide .slick-dots li button			{ display:none; }

@media screen and (max-width:750px)
{
    .slide ul li							{ margin:0 2.333vw; }
    .slide .slick-dots li					{ width:2.667vw; height:2.667vw; border:solid 0.267vw #ff9a37; }
}


/* ----------------------------------
decorations
---------------------------------- */

/* bttns */
#baby_trial .bttn						{ width:79.734%; cursor:pointer; }
#baby_trial .bttn01						{ bottom: 5%; }
#baby_trial .bttn02						{ bottom: 3%; }
#baby_trial .bttn03						{ bottom: 2%; }
#baby_trial .bttn04						{ bottom: 2%; }

/* video_area */
#baby_trial .video						{ width:86.667%; top:0; padding-top:48.8%; }
#baby_trial .video iframe				{ left:0; top:0; width:100%; height:100%; }

/* accordion */
#baby_trial .acc .trg::before,
#baby_trial .acc .trg::after			{ transition:transform 0.5s; content:''; display:block; background:#756c67; width:2%; height:4%; position:absolute; right:14%; top:50%; }
#baby_trial .acc .trg::after			{ transition:transform 0.5s; transform:rotate(90deg); }
#baby_trial .acc .trg.active::after		{ transition:transform 0.5s; transform:rotate( 0deg); }

/* coupons */
#baby_trial .coupon						{ width:97%; cursor:pointer; }
#baby_trial .coupon01						{ top: 7%; }
#baby_trial .coupon02           {top: 13.3vw;}
@media screen and (min-width: 750px) {
    #baby_trial .coupon02           {top: 100px;}
	.pr01{
		font-size: 128%;
    margin-top: 1%;
    margin-left: 6%;
	}
}


/* ----------------------------------
links
---------------------------------- */

#baby_trial .links div								{ background:url('../img/links/bg.png') center top / 100% repeat-y; }
#baby_trial .links div.branches						{ padding:0 0 75px; }
#baby_trial .links div.branches ul					{ width:56.533%; margin:30px auto 0;}
#baby_trial .links div.branches ul li				{ margin:0 0 30px; }
#baby_trial .links div.branches ul li:nth-child(1)	{ width: 96.698%; }
#baby_trial .links div.branches ul li:nth-child(2)	{ width: 34.434%; }
#baby_trial .links div.branches ul li:nth-child(3)	{ width: 27.830%; }
#baby_trial .links div.branches ul li:nth-child(4)	{ width:100%; margin-bottom:0; }
#baby_trial .links div.branches ul li a				{ font-size:32px; color:#649ed5; text-decoration:underline; margin:0 0 30px; }
#baby_trial .links div.tel							{ 					padding:0 0 75px; }
#baby_trial .links div.tel .number					{ width:65.334%;						margin:40px auto 30px; }
#baby_trial .links div.tel .txt						{ font-size:24px; }
#baby_trial .links div.sns ul:nth-of-type(1)		{ width:69.6%;		padding:40px 0;		margin:0 auto; }
#baby_trial .links div.sns ul:nth-of-type(2)		{ width:50.0%;							margin:0 auto; }
#baby_trial .links div.sns ul:nth-of-type(1) li		{ width:47.893%; }
#baby_trial .links div.sns ul:nth-of-type(2) li		{ width:24.268%; }
#baby_trial footer .logo							{ width:46.668%;	padding:50px 0;		margin:0 26.5%; }
#baby_trial footer small							{ font-size:20px; }

@media screen and (max-width:750px)
{
    #baby_trial .links div.branches					{ padding:0 0 10vw; }
    #baby_trial .links div.branches ul				{ margin:4vw auto 0;}
    #baby_trial .links div.branches ul li			{ margin:0 0 4vw; }
    #baby_trial .links div.branches ul li a			{ font-size:4.267vw; margin:0 0 4vw; }
    #baby_trial .links div.tel						{ padding:0 0 10vw; }
    #baby_trial .links div.tel .number				{ margin:5.333vw auto 4vw; }
    #baby_trial .links div.tel .txt					{ font-size:3.2vw; }
    #baby_trial .links div.sns ul:nth-of-type(1)	{ padding:5.333vw 0; }
    #baby_trial footer .logo						{ padding:6.667vw 0; }
    #baby_trial footer small						{ font-size:2.667vw; }
}


/* -----------------------------------------------------------------
fllw
----------------------------------------------------------------- */

aside.fllw											{ width:714px; left:50%; right:unset; transform:translateX(-50%); bottom:0; animation-name:unset; display:none; }
aside.fllw .fixBnr__close							{ width:56px; height:56px; right:-2%; top:-20%; }
aside.dnx											{ display:none!important; }

@media screen and (max-width:750px)
{
    aside.fllw										{ width:95.2%;  }
    aside.fllw .fixBnr__close						{ width:7.467vw; height:7.467vw; right:-2%; top:-20%; }
}


/* -----------------------------------------------------------------
safariのみの対応
----------------------------------------------------------------- */

_::-webkit-full-page-media,
_:future,
:root #sec03		{ min-height:18vw; }
#sec03-insrt1		{ margin-top:-9%; }

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    ::i-block-chrome,
    #sec03			{ min-height:18vw; }
    #sec03-insrt1	{ margin-top:-9% }
}