@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*-----------------*/
/* 
--------------------------------------------------------- */
/* VWはSPのみ利用
--------------------------------------------------------- */
@media (max-width: 750px) { #top-advantage { /*	width: 90%;
	margin: 0 auto;*/ } }

@media (max-width: 750px) { .ad--text-block { padding: 1.5em 0; } }

@media (max-width: 750px) { .sp--center { text-align: center; } }

.ad-ttl-area { text-align: center; }
@media (max-width: 750px) { .ad-ttl-area { width: 90%; margin: 0 auto; } }

.top--gray-ad { background: #F9F9F9; }

.ad--box01 { display: flex; justify-content: center; width: 100%; max-width: 1248px; margin: 0 auto; padding: 10em 0; }
@media (max-width: 750px) { .ad--box01 { width: 90%; margin: 0 auto; display: block; padding: 5em 0; } }
.ad--box01 .advan--pic { padding-left: 10em; }
@media (max-width: 750px) { .ad--box01 .advan--pic { padding-left: 0em; } }
.ad--box01 .advan--pic img { width: 440px; height: auto; }
@media (max-width: 750px) { .ad--box01 .advan--pic img { width: 100%; height: auto; } }

.ad-ttl-area { padding-top: 10em; }
@media (max-width: 750px) { .ad-ttl-area { padding-top: 5em; } }

.ad--box02 { display: flex; justify-content: center; width: 100%; max-width: 1248px; margin: 0 auto; padding: 3em 0; }
@media (max-width: 750px) { .ad--box02 { display: block; width: 90%; margin: 0 auto; } }
.ad--box02 .advan--pic { padding-left: 5em; }
@media (max-width: 750px) { .ad--box02 .advan--pic { padding-left: 0em; } }
.ad--box02 .advan--pic img { width: 440px; height: auto; }
@media (max-width: 750px) { .ad--box02 .advan--pic img { width: 100%; height: auto; } }

.ad--ttl-h3 { vertical-align: center; font-size: 3.3rem; font-weight: 500; font-family: ryo-text-plusn, serif; line-height: 1.2em; padding-bottom: 1.5em; }
@media (max-width: 750px) { .ad--ttl-h3 { padding-bottom: 1em; } }
.ad--ttl-h3 span { font-size: 10rem; font-weight: 600; color: #FF9900; vertical-align: middle; padding-right: 20px; }

.ad--ttl01 { font-size: 2.7rem; }
@media (max-width: 750px) { .ad--ttl01 { font-size: 2rem; } }

#tec__box { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0px 0 0em 0; }
@media (max-width: 750px) { #tec__box { width: 90%; } }
#tec__box .tec__box--list { width: 100%; }
#tec__box .tec__box--list ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1160px; margin: 0 auto; }
@media (max-width: 750px) { #tec__box .tec__box--list ul { width: 100%; display: block; } }
#tec__box .tec__box--list ul li { width: 100%; max-width: 360px; padding: 1.5em 0.5em; display: flex; flex-direction: column; flex: 1 0 auto; /* fix IE11 */ }
@media (max-width: 750px) { #tec__box .tec__box--list ul li { width: 100%; max-width: 100%; padding: 2em 0em; } }
#tec__box .tec__box--list ul li .list--name { border-bottom: 1px solid #000; padding-bottom: 3px; display: inline; line-height: 1; font-size: 1.7rem; }
#tec__box .tec__box--list ul li .list--text > * { flex-shrink: 0; /* fix IE11 */ }
#tec__box .tec__box--list ul li .list--text { padding: 20px 0; font-size: 1.7rem; line-height: 2.0em; }
@media (max-width: 750px) { #tec__box .tec__box--list ul li .list--text { padding: 10px 0; } }
#tec__box .tec__box--list ul li .list--img { margin-top: auto; }
#tec__box .tec__box--list ul li .list--img img { width: 100%; height: auto; }
@media (max-width: 750px) { #tec__box .tec__box--list ul li .list--img img { width: 100%; height: auto; } }
@media (max-width: 750px) { #tec__box .tec__box--list ul li { width: 100%; } }

/*-------------------------------------------------------------------------------------------------------------------*/
#Features { background: #FFF; padding-bottom: 100px; }
#Features .f-list-R { display: flex; justify-content: flex-end; }
@media (max-width: 750px) { #Features .f-list-R { display: block; } }
#Features .f-list-R .list--ttl { padding: 1em 2em 0 2em; }
#Features .f-list-R .list--ttl img { max-width: 100%; height: auto; }
@media (max-width: 750px) { #Features .f-list-R .list--ttl img { width: 30%; max-width: 30%; height: auto; } }
@media (max-width: 750px) { #Features .f-list-R .list--ttl p { padding: 1.5em 0; } }
#Features .f-list-R .list--img img { max-width: 100%; height: auto; }
@media (max-width: 750px) { #Features .f-list-R .list--img img { max-width: 100%; height: auto; } }
#Features .f-list-L { display: flex; flex-direction: row; justify-content: flex-start; }
@media (max-width: 750px) { #Features .f-list-L { display: block; } }
#Features .f-list-L .list--ttl { padding: 1em 2em 0 2em; order: 2; }
#Features .f-list-L .list--ttl img { max-width: 100%; height: auto; }
@media (max-width: 750px) { #Features .f-list-L .list--ttl img { width: 30%; max-width: 30%; height: auto; } }
@media (max-width: 750px) { #Features .f-list-L .list--ttl p { padding: 1.5em 0; } }
#Features .f-list-L .list--img img { max-width: 100%; height: auto; }
@media (max-width: 750px) { #Features .f-list-L .list--img img { max-width: 100%; height: auto; } }
#Features .line01 { background-image: url(../images/common/top_line01.png); background-repeat: no-repeat; background-size: 50% auto; background-position: 60%; padding: 50px 0 75px 0; }
@media (max-width: 750px) { #Features .line01 { /* display: none;*/ background: none; } }
#Features .line02 { background-image: url(../images/common/top_line02.png); background-repeat: no-repeat; background-size: 50% auto; background-position: 45%; padding: 0em 0 75px 0; }
@media (max-width: 750px) { #Features .line02 { /* display: none;*/ background: none; } }

/*------------------------------------------*/
#topics { padding: 40px 0; width: 100%; }
@media (max-width: 750px) { #topics { display: block; } }
@media (max-width: 750px) { #topics .tp--spttl { display: block; } }
#topics .tp--box h3 { font-size: 3rem; }
@media (max-width: 750px) { #topics .tp--box { width: 96%; margin: 0 auto; } }
#topics .topics__list { padding: 0 0px 0 50px; }
@media (max-width: 750px) { #topics .topics__list { border: none; padding: 0px; width: 100%; } }
#topics .topics__list li { padding: 20px 0; box-sizing: border-box; font-size: 1.7rem; }
@media (max-width: 750px) { #topics .topics__list li { width: 100%; padding: 1.5em 0; box-sizing: border-box; } }
#topics .topics__list li span { padding-right: 50px; }
@media (max-width: 750px) { #topics .topics__list li span { box-sizing: border-box; display: block; } }
#topics .tp--wrap { width: 100%; max-width: 1145px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
@media (max-width: 750px) { #topics .tp--wrap { width: 90%; margin: 0 auto; display: block; } }

#sns--area { padding: 3em 0 10em 0; display: flex; justify-content: center; }
@media (max-width: 750px) { #sns--area { padding: 3em 0 3em 0; display: block; width: 90%; margin: 0 auto; } }
@media (max-width: 750px) { #sns--area div { width: 100%; } }
@media (max-width: 750px) { #sns--area .facebook iframe { width: 100%; } }
#sns--area .facebook .sns--inner { max-width: 560px; height: 560px; padding: 0 0em; border: 1px solid #3b5998; margin-right: 1em; }
@media (max-width: 750px) { #sns--area .facebook .sns--inner { margin-right: 0em; } }
#sns--area .twitter { padding: 0 0em; }
#sns--area .twitter .sns--logo { padding-left: 1em; }
@media (max-width: 750px) { #sns--area .twitter .sns--logo { padding-left: 0em; padding-top: 4em; } }
#sns--area .twitter .sns--inner { max-width: 560px; height: 560px; border: 1px solid #656565; margin-left: 1em; }
@media (max-width: 750px) { #sns--area .twitter .sns--inner { margin-left: 0em; } }

/*------------------------*/
#sec__nav { padding: 40px 0; }
#sec__nav .sec__nav--list { display: flex; justify-content: center; }
@media (max-width: 750px) { #sec__nav .sec__nav--list { flex-wrap: wrap; border-top: solid 1px #FF9900; } }
#sec__nav .sec__nav--list span { display: block; color: #FF9900; padding: 0; font-size: 1.2rem; }
#sec__nav .sec__nav--list li { color: #000; font-size: 1.6rem; }
@media (max-width: 750px) { #sec__nav .sec__nav--list li { width: 50%; box-sizing: border-box; border-bottom: solid 1px #FF9900; } }
@media (max-width: 750px) { #sec__nav .sec__nav--list li:nth-child(odd) { border-right: solid 1px #FF9900; } }
#sec__nav .sec__nav--list li a { border-left: 1px solid #A1A1A1; display: inline-block; padding: 0.5em 3.5em 0.5em 2em; }
@media (max-width: 750px) { #sec__nav .sec__nav--list li a { border-left: none; padding: 0 0.5em; } }

.head-mv-slide { position: relative; overflow: hidden; }
@media (max-width: 750px) { .head-mv-slide { padding-top: 70px; } }
.head-mv-slide img { width: 100vw; }
.head-mv-slide .mv--lt-text { position: absolute; bottom: 5%; left: 8%; text-align: center; font-size: 1.7rem; color: #FFF; }
@media (max-width: 750px) { .head-mv-slide .mv--lt-text { bottom: 5%; left: 0%; display: none; } }
.head-mv-slide .mv--lt-text a { font-size: 1.3rem; color: #FFF !important; }
.head-mv-slide .mv--lt-text a:link { color: #FFF !important; }
/*-----------マクアケ用追加------------*/
@media (max-width: 750px) { .head-mv-slide { padding-top: 70px; } }
.head-mv-slide img { width: 100vw; }
.head-mv-slide .mv--lt-text2 { position: absolute; bottom: 5%; left: 12%; text-align: center; font-size: 1.7rem; color: #FFF; }
@media (max-width: 750px) { .head-mv-slide .mv--lt-text { bottom: 5%; left: 0%; display: none; } }
.head-mv-slide .mv--lt-text2 a { font-size: 1.3rem; color: #FFF !important; }
.head-mv-slide .mv--lt-text2 a:link { color: #FFF !important; }
/*-----------マクアケ用追加------------*/

.h-slider li img { width: 100vw; }
@media (max-width: 750px) { .h-slider li { width: 100%; } }

.h-slider { position: relative; z-index: 1; }

/*slider comment*/
.mv--contact { text-align: center; position: absolute; bottom: 5%; right: 8%; }
@media (max-width: 750px) { .mv--contact { display: none; } }

.mv--contact-fix { text-align: center; background: #000; width: 100%; padding: 2em; border-top: solid 1px #FFF; }

.mv--icon { display: flex; justify-content: space-between; margin-bottom: 1em; }
.mv--icon li { margin: 0 0.1em; display: flex; align-items: center; width: 16.5rem; height: 16.5rem; background: #FFF; color: #F16800; font-size: 4rem; font-weight: 600; border-radius: 50%; line-height: 1em; text-align: center; }
.mv--icon li span { margin: 0 auto; }
@media (max-width: 750px) { .mv--icon li { font-size: 6.6666666667vw; width: 22vw; height: 22vw; } }

.mv--contact-box { background: #FF9900; padding: 1.5em; }
.mv--contact-box .mv--text-ttl { font-size: 2.5rem; font-weight: 700; color: #FFF; }
@media (max-width: 750px) { .mv--contact-box .mv--text-ttl { font-size: 4vw; padding-bottom: 0.5em; } }
.mv--contact-box .mv--contact-box-inner { background: #FFF; padding: 1.5em; }
.mv--contact-box .mv--contact-box-inner .mv--text-h3 { font-size: 4rem; font-weight: 600; border-bottom: 1px solid #707070; }
@media (max-width: 750px) { .mv--contact-box .mv--contact-box-inner .mv--text-h3 { font-size: 5.3333333333vw; padding-bottom: 0.5em; } }
.mv--contact-box .mv--contact-box-inner .mv--text-h3 span { color: #FF9900; }
.mv--contact-box .mv--contact-box-inner .mv--text-phone { border-top: solid #707070 1px; padding-top: 0.4em; padding-bottom: 0.4em; font-size: 3.5rem; font-weight: 600; font-family: "メイリオ",sans-serif; }
.mv--contact-box .mv--contact-box-inner .mv--text-phone::before { content: ""; display: inline-block; width: 26px; height: 39px; background-image: url(../images/common/icon_phone.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; padding-right: 16px; }
.mv--contact-box .mv--contact-box-inner .mv--text-01 { font-size: 1.3rem; }
.mv--contact-box .mv--contact-box-inner .mv--text-fax { font-size: 2.1rem; }