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

html {
	font-size:62.5%;
}
body {
	font-family: 'Noto Sans JP',Arial,sans-serif;
    font-weight: 400;
	font-style: normal;
	line-height: 1.8;
    font-size: 1.6rem;
	color: #002f50;
}
a,
a:active,
a:visited {
	text-decoration:none;
	color:#002f50;
}
/*a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
a,
a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}*/
img {
	max-width:100%;
	height: auto;
    vertical-align: bottom;
}
img.vab {
	vertical-align:baseline;
}
img.vam {
	vertical-align: middle;
}
.pr {
	position:relative;
}
.tac {
	text-align:center;
}
.tacPc {
	text-align:center;
}
.tar {
	text-align:right;
}
.tal {
	text-align:left;
}
.black {
	color: #000 !important;
}
.white {
	color: #fff !important;
}
.yellow {
	color: #ffe600 !important;
}
.bgGrad {
	background: linear-gradient(to right, #37ecba, #86c1ff 40%);
}
.bgGradBtm {
	background: linear-gradient(to bottom, #37ecba, #86c1ff 40%);
}
.contBox {
	width: 90%;
	max-width: 1000px;
	margin:0 auto;
}
.contBox100 {
	width: 100%;
}
.mgnAuto {
	margin: auto;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb60 {
	margin-bottom:60px !important;
}
.mb70 {
	margin-bottom:70px !important;
}
.mb80 {
	margin-bottom:80px !important;
}
.mb90 {
	margin-bottom:90px !important;
}
.mb100 {
	margin-bottom:100px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt60 {
	margin-top:60px !important;
}
.mt70 {
	margin-top:70px !important;
}
.mt80 {
	margin-top:80px !important;
}
.mt90 {
	margin-top:90px !important;
}
.mt100 {
	margin-top:100px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr30 {
	margin-right:30px !important;
}
.ml5{
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}
.w100 {
	width:100%;
}
.w95 {
	width:95%;
}
.w90 {
	width:90%;
}
.w85 {
	width:85%;
}
.w80 {
	width:80%;
}
.w75 {
	width:75%;
}
.w70 {
	width:70%;
}
.w65 {
	width:65%;
}
.w60 {
	width:60%;
}
.w55 {
	width:55%;
}
.w50 {
	width:50%;
}
.w45 {
	width:45%;
}
.w40 {
	width:40%;
}
.w35 {
	width:35%;
}
.w30 {
	width:30%;
}
.w25 {
	width:25%;
}
.w20 {
	width:20%;
}
.w15 {
	width:15%;
}
.w10 {
	width:10%;
}
.w5 {
	width:5%;
}
.pcCont {
	display:block !important;
}
.pcTabCont {
	display:block !important;
}
.tabOnlyCont {
	display:none !important;
}
.spCont {
	display:none !important;
}
.spOnlyCont {
	display:none !important;
}
.fwb {
    font-weight: bold !important;
}
.fw500 {
    font-weight: 500 !important;
}
.fw600 {
    font-weight: 600 !important;
}
.fw700 {
    font-weight: 700 !important;
}
.fw900 {
    font-weight: 900 !important;
}
.ls01 {
    letter-spacing: 0.1em;
}
.ls02 {
    letter-spacing: 0.075em;
}
.ls03 {
    letter-spacing: 0.05em;
}
.ls04 {
    letter-spacing: 0.025em;
}
.ls05 {
    letter-spacing: 0.2em;
}
.ls06 {
    letter-spacing: -0.05em;
}
.ls07 {
    letter-spacing: -0.2em;
}
.ls08 {
    letter-spacing: -0.025em;
}
.lh13 {
    line-height: 1.3;
}
.lh14 {
    line-height: 1.4;
}
.lh15 {
    line-height: 1.5;
}
.lh16 {
    line-height: 1.6;
}
@media screen and (max-width: 834px) {
    /*a:hover {
        filter: alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
    }*/
    .pcCont {
        display:none !important;
    }
    .tabOnlyCont {
        display:block !important;
    }
    .spCont {
        display:block !important;
    }
    .tacTab {
        text-align: center;
    }
    .tacPc {
        text-align: left;
    }
}
@media screen and (max-width: 480px) {
    body {
        font-size: 1.5rem;
    }
    .spOnlyCont {
        display:block !important;
    }
    .pcTabCont {
        display:none !important;
    }
    .tabOnlyCont {
        display:none !important;
    }
    .tacSp {
        text-align: center;
    }
    .mb10 {
        margin-bottom:10px !important;
    }
    .mb15 {
        margin-bottom:15px !important;
    } 
    .mb20 {
        margin-bottom:20px !important;
    }
    .mb30 {
        margin-bottom:30px !important;
    }
    .mb40 {
        margin-bottom:30px !important;
    }
    .mb50 {
        margin-bottom:30px !important;
    }
    .mb60 {
        margin-bottom:30px !important;
    }
    .mb70 {
        margin-bottom:40px !important;
    }
    .mb80 {
        margin-bottom:60px !important;
    }
    .mb90 {
        margin-bottom:60px !important;
    }
    .mb100 {
        margin-bottom:60px !important;
    }
    .mt5 {
        margin-top:7px !important;
    }
    .mt10 {
        margin-top:10px !important;
    }
    .mt15 {
        margin-top:10px !important;
    }
    .mt20 {
        margin-top:20px !important;
    }
    .mt30 {
        margin-top:20px !important;
    }
    .mt40 {
        margin-top:20px !important;
    }
    .mt50 {
        margin-top:30px !important;
    }
    .mt60 {
        margin-top:30px !important;
    }
    .mt70 {
        margin-top:40px !important;
    }
    .mt80 {
        margin-top:60px !important;
    }
    .mt90 {
        margin-top:60px !important;
    }
    .mt100 {
        margin-top:60px !important;
    }
}
/*CTA
-------------------------------------------------------*/
.ctaWrap {
	background: url("../img/bg_cta.jpg") no-repeat center center;
	background-size: cover;
	padding: 40px 0;
}
.cta {
	background: linear-gradient(to right, #37ecba, #86c1ff 40%);
	border-radius: 100px;
	padding: 1px;
	border: 6px solid #ffe600;
	width: 500px;
	margin: auto;
	box-shadow: 4px 4px 10px rgba(0,47,80,.9);
}
.cta {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cta:hover {
	transform: scale(0.9);
}
.cta a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	padding: 13px 0;
	background-color: #ffe600;
	border-radius: 100px;
	margin: auto;
	font-size: 24px;
}
.cta a img {
	width: 27px;
	flex-shrink: 0;
}
@media screen and (max-width: 600px) {
    .cta {
        width: 87.5%;
    }
}
@media screen and (max-width: 480px) {
    .ctaWrap {
		background: url("../img/bg_cta_sp.jpg") no-repeat center center;
		background-size: cover;
        padding: 5vw 0;
    }
    .cta a {
        gap: 5vw;
        padding: 2vw 0;
        font-size: calc(100vw * 17 / 400);
    }
    .cta a img {
        width: 5.5vw;
    }
}
/*PROTONAとは
-------------------------------------------------------*/
.s1 {
	padding: 80px 0;
	background: url("../img/bg_s1b_pc.png") no-repeat right top,url("../img/bg_s1a.png") no-repeat -30px center;
	background-size: 650px auto,395px auto;
}
.s1txt1 {
	font-size: 38px;
	display: flex;
	align-items: baseline;
}
.s1txt1 .s1logo {
	width: 330px;
}
.h1 {
	font-size: 25px;
	line-height: 1.9;
}
.h1 big {
	font-size: 120%;
	padding: 0 1rem;
}
.h1 span {
	font-size: 176%;
	line-height: 1.2;
	background: linear-gradient(to right, #37ecba, #86c1ff 40%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1200px) {
    .s1 {
        background: url("../img/bg_s1b_pc.png") no-repeat calc(100% + 200px) 0%,url("../img/bg_s1a.png") no-repeat -30px center;
        background-size: 650px auto,395px auto;
    }
}
@media screen and (max-width: 834px) {
    .s1 {
        background: url("../img/bg_s1b_sp.png") no-repeat 50% 53vw,url("../img/bg_s1a.png") no-repeat -7vw 30vw;
        background-size: 100% auto,92.5% auto;
    }
	.s1top {
		padding-bottom: 85vw;
	}
    .h1 {
        font-size: calc(100vw * 30 / 834);
    }
}
@media screen and (max-width: 480px) {
    .s1 {
		padding: 10vw 0 12.5vw;
        background: url("../img/bg_s1b_sp.png") no-repeat 50% 87vw,url("../img/bg_s1a.png") no-repeat -7vw 37.5vw;
        background-size: 100% auto,98.75% auto;
    }
    .s1txt1 {
        font-size: calc(100vw * 30 / 400);
    }
    .s1txt1 .s1logo {
        width: 66vw;
    }
	.s1top {
		padding-bottom: 85vw;
	}
    .h1 {
        font-size: calc(100vw * 20 / 400);
    }
}
.s1btm {
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
}
.s1cont {
	width: 19%;
	display: flex;
	flex-direction: column;
	border: 1px solid;
    border-image: linear-gradient(to bottom, #37ecba, #86c1ff 40%) 1;
	padding: 30px 5px;
	background-color: #fff;
}
.s1ico {
	width: 47%;
	margin: 0 auto;
	flex-shrink: 0;
}
.h2s1 {
	font-size: 14px;
	line-height: 1.4;
}
.s1txt2 {
	font-size: 13px;
	color: #989898;
	line-height: 1.4;
}
.s1mt {
	padding-top: 15px;
}
@media screen and (max-width: 1000px) {
    .h2s1 {
        font-size: calc(100vw * 14 / 1000);
    }
    .s1txt2 {
        font-size: calc(100vw * 13 / 1000);
    }
}
@media screen and (max-width: 834px) {
    .s1btm {
		justify-content: center;
		gap: 1.5rem 2%;
		flex-flow: wrap;
        margin-top: 18vw;
    }
    .s1cont {
        width: 32%;
        padding: 30px 5px;
    }
    .h2s1 {
        font-size: calc(100vw * 14 / 834);
    }
    .s1txt2 {
        font-size: calc(100vw * 13 / 834);
    }
}
@media screen and (max-width: 600px) {
    .s1btm {
        flex-direction: column;
        gap: 3vw;
        margin-top: 10vw;
    }
    .s1cont {
        width: 100%;
        flex-direction: row;
		align-items: center;
        border-image: linear-gradient(to right, #37ecba, #86c1ff 40%) 1;
        padding: 3vw 3.5vw;
    }
    .s1ico {
        width: 15vw;
        margin: 0;
    }
	.brNone {
		display: none;
	}
    .h2s1 {
        font-size: calc(100vw * 14 / 500);
    }
    .s1txt2 {
        font-size: calc(100vw * 13 / 500);
    }
    .s1txt2 span {
		padding-left: 1rem;
    }
    .s1mt {
        padding-top: 0;
    }
}
@media screen and (max-width: 480px) {
    .s1cont {
        padding: 3vw 3vw;
    }
    .h2s1 {
        font-size: calc(100vw * 14 / 400);
    }
    .s1txt2 {
        font-size: calc(100vw * 13 / 400);
    }
}
/*お悩み解決の一例
-------------------------------------------------------*/
.s2 {
	padding: 80px 0;
	background: url("../img/bg_s2_pc.jpg") no-repeat;
	background-size: cover;
}
.s2bln {
	width: 294px;
	margin: auto;
}
.s2txt1 {
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-70%);
	white-space: nowrap;
}
.h2s2 {
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 0.5rem;
	line-height: 1.6;
}
.h2s2 big {
	padding: 0 1rem;
}
.s2logo {
	width: 200px;
	padding-bottom: 0.35rem;
}
@media screen and (max-width: 834px) {
    .h2s2 {
        flex-flow: wrap;
    }
    .h2s2.mt10 {
		margin-top: 0 !important;
    }
	.spacer {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
    .s2 {
        background: url("../img/bg_s2_sp.jpg") no-repeat;
        background-size: cover;
        padding: 12.5vw 0;
    }
    .s2bln {
        width: 73vw;
    }
    .s2txt1 {
        font-size: calc(100vw * 18 / 400);
    }
    .h2s2 {
        font-size: calc(100vw * 30 / 400);
    }
    .s2logo {
        width: 45vw;
    }
}
.s2cont {
	background-color: #fff;
	box-shadow: 0 0 8px #dee2e4;
	padding: 0 10px 25px;
}
.caseNum {
	width: 65px;
}
.s2flex {
	display: flex;
	align-items: center;
	gap: 0 30px;
}
.h3s2 {
	font-size: 16px;
	width: 31.5%;
	margin-left: 70px;
	flex-shrink: 0;
}
.s2arw {
	width: 24px;
}
.s2txt2 {
	font-size: 18px;
}
.s2txt2 .bgYellow {
	background-color: #ffe600;
}
.s2txt3 {
	font-size: 14px;
	color: #989898;
}
@media screen and (max-width: 1100px) {
    .s2flex {
        gap: 0 2vw;
    }
    .h3s2 {
		font-size: calc(100vw * 16 / 1100);
        margin-left: 0;
		width: 32%;
    }
    .s2txt2 {
        font-size: calc(100vw * 18 / 1100);
    }
    .s2txt3 {
        font-size: calc(100vw * 14 / 1100);
    }
}
@media screen and (max-width: 834px) {
    .s2flex {
        flex-direction: column;
        gap: 5px 0;
    }
    .h3s2 {
		width: auto;
		font-size: 16px;
    }
    .s2txt2 {
        font-size: 18px;
    }
    .s2txt3 {
        font-size: 14px;
    }
    .s2arw {
        transform: rotate(90deg);
    }
	.s2txtWrap {
		text-align: center;
	}
}
.s2br {
	display: none;
}
@media screen and (max-width: 600px) {
	.s2br {
		display: block;
	}
}
@media screen and (max-width: 480px) {
    .s2flex {
        gap: 2vw 0;
    }
    .h3s2 {
		font-size: calc(100vw * 16 / 400);
    }
    .s2txt2 {
        font-size: calc(100vw * 18 / 400);
    }
    .s2txt3 {
        font-size: calc(100vw * 14 / 400);
		line-height: 1.6;
    }
    .s2arw {
		width: 7vw;
    }
}
/*品質サポートメカニズム
-------------------------------------------------------*/
.s3 {
	padding: 70px 0;
	background: url("../img/bg_s3.jpg") no-repeat center bottom;
	background-size: 100% auto;
}
@media screen and (max-width: 480px) {
    .s3 {
        padding: 8vw 0;
		background: none;
    }
}
.s3main {
	width: 100%;
	max-width: 864px;
}
/*3つの価値
-------------------------------------------------------*/
.s4 {
	padding: 80px 0;
	background-color: #eef0f1;
}
@media screen and (max-width: 480px) {
    .s4 {
        padding: 12.5vw 0;
    }
}
.spacerLeft {
	margin-left: -1rem;
}
@media screen and (max-width: 834px) {
	.s4 .h2s2 {
		line-height: 1.4;
	}
	.s4 .h2s2 big {
		margin-top: 2vw;
	}
}
.s4cont {
	width: 100%;
	max-width: 1335px;
	margin-left: auto;
	margin-top: 100px;
}
.s4cont.reverse {
	margin-left: 0;
	margin-right: auto;
	overflow: hidden;
}
.s4cont.first {
	margin-top: 60px;
}
.s4num {
	position: absolute;
	top: 0;
	left: 0;
}
.s4num img {
	height: 185px;
}
.s4cont.reverse .s4num {
	left: auto;
	right: 0;
}
.s4flex {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6%;
	max-width: 1200px;
	margin-left: auto;
	position: relative;
	z-index: 1;
}
.s4cont.reverse .s4flex {
	margin-left: 0;
	margin-right: auto;
	flex-direction: row-reverse;
}
.s4cont .s4flex {
	padding-top: 20px;
}
.s4img {
	width: 44%;
	flex-shrink: 0;
}
.h3s4 {
	font-size: 24px;
	position: flex;
	flex-direction: column;
}
.h3s4::after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	background: linear-gradient(to right, #37ecba, #86c1ff 40%);
	margin: 35px 0;
}
.h3s4 span {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1em 1.5em;
    padding-top: 0.8em;
	font-weight: 700;
}
.h3s4 span.c1 {
	background-image: radial-gradient(circle at center, #37ecba 10%, transparent 10%);
}
.h3s4 span.c2 {
	background-image: radial-gradient(circle at center, #44e5c6 10%, transparent 10%);
}
.h3s4 span.c3 {
	background-image: radial-gradient(circle at center, #51ded1 10%, transparent 10%);
}
.h3s4 span.c4 {
	background-image: radial-gradient(circle at center, #5fd7dd 10%, transparent 10%);
}
.h3s4 span.c5 {
	background-image: radial-gradient(circle at center, #6ccfe8 10%, transparent 10%);
}
.h3s4 span.c6 {
	background-image: radial-gradient(circle at center, #79c8f4 10%, transparent 10%);
}
.h3s4 span.c7 {
	background-image: radial-gradient(circle at center, #86c1ff 10%, transparent 10%);
}
.s3txt1 {
	font-size: 14px;
}
@media screen and (max-width: 1335px) {
    .s4cont {
        padding-left: 5%;
    }
    .s4cont.reverse {
        padding-left: 0;
		padding-right: 5%;
    }
}
@media screen and (max-width: 834px) {
    .s4num {
        left: -25px;
    }
    .s4cont.reverse .s4num {
        left: auto;
		right: -25px;
    }
    .s4flex {
        flex-direction: column;
        gap: 3rem;
    }
    .s4cont.reverse .s4flex {
        flex-direction: column;
    }
	.s4txtWrap {
		padding-right: 5%;
	}
	.s4cont.reverse .s4txtWrap {
		padding-right: 0;
		padding-left: 5%;
	}
    .h3s4::after {
        margin: 20px 0;
    }
    .s4img {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .s4cont {
        margin-top: 12.5vw;
    }
    .s4cont.first {
        margin-top: 5vw;
    }
    .s4num {
        left: -7vw;
    }
    .s4num img {
        height: 37.5vw;
    }
    .s4flex {
        gap: 4vw;
    }
    .h3s4 {
        font-size: calc(100vw * 21.6 / 400);
    }
    .h3s4::after {
        margin: 6vw 0;
    }
    .s3txt1 {
        font-size: calc(100vw * 14 / 400);
    }
}
.h3s4btm {
	font-size: 22px;
	background-color: #002f50;
	margin-top: 80px;
	padding-bottom: 0.5rem;
}
.icoScloll {
	display: none;
}
@media screen and (max-width: 1050px) {
    .s4flow {
        overflow-x: scroll;
    }
    .s4flowImg {
        width: 950px !important;
        max-width: 950px !important;
    }
    .icoScloll {
        display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 140px;
		opacity: 0.1;
    }
    .icoScloll img {
		opacity: 0.95;
    }
}
@media screen and (max-width: 600px) {
    .s4flow {
		overflow-x: auto;
    }
    .s4flowImg {
        width: 100% !important;
        max-width: 100% !important;
    }
    .icoScloll {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .h3s4btm {
        font-size: calc(100vw * 22 / 400);
        margin-top: 20vw;
    }
}
/*導入店舗様の声
-------------------------------------------------------*/
.s5 {
	padding: 80px 0;
}
@media screen and (max-width: 480px) {
    .s5 {
        padding: 12.5vw 0;
    }
}
.s5flex {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	gap: 3rem 3.2%;
}
.s5cont {
	width: 31.2%;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(222,226,228,1);
	padding: 18px 18px 50px;
}
.s5img span {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	width: 75px;
	text-align: center;
	border-radius: 50px;
}
.s5img span.c1 {
	background-color: #aad4ff;
}
.s5img span.c2 {
	background-color: #9bf5dc;
}
.h3s5 {
	font-size: 20px;
}
.h3s5.row {
	font-size: 16px;
	line-height: 1.4;
}
.h4s5 {
	font-size: 14px;
	color: #989898;
}
.s5txt {
	font-size: 14px;
}
.s5txt span {
	background-color: #ffe600;
}
@media screen and (max-width: 834px) {
    .s5flex {
        gap: 3rem 5%;
    }
    .s5cont {
        width: 47.5%;
    }
}
@media screen and (max-width: 600px) {
    .s5cont {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .s5 .h2s2 big {
		margin-top: 2vw
    }
    .s5flex {
        gap: 5vw 0;
    }
    .s5cont {
        padding: 5vw;
    }
    .h3s5 {
        font-size: calc(100vw * 20 / 400);
    }
    .h3s5.row {
        font-size: calc(100vw * 16 / 400);
    }
    .h4s5 {
        font-size: calc(100vw * 14 / 400);
    }
    .s5txt {
        font-size: calc(100vw * 14 / 400);
    }
}
/*シリーズ
-------------------------------------------------------*/
.s6 {
	padding: 70px 0 80px;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #e1f2fc 50%, #e1f2fc 100%);
}
@media screen and (max-width: 480px) {
    .s6 {
        padding: 10vw 0 12.5vw;
		background: linear-gradient(180deg, #fff 0%, #fff 80%, #e1f2fc 80%, #e1f2fc 100%);
    }
}
.s6bg {
	background: url("../img/bg_s6pc.jpg") no-repeat center top;
	background-size: 100% auto;
}
.s6flex {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1000px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 40px;
}
.s6cont {
	width: 47%;
}
.s6dtl {
	background-color: rgba(255,255,255,.4);
	border: 1px solid #fff;
	border-radius: 12px;
	padding: 25px;
}
.h3s6 {
	font-size: 20px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	line-height: 1.2;
}
.h3s6.zero {
	border-bottom: 1px solid #1f91c3;
}
.h3s6.custom {
	border-bottom: 1px solid #d0202d;
}
.s6dl {
	display: flex;
	flex-flow: wrap;
	font-size: 14px;
}
.s6dl dt,.s6dl dd {
	padding: 15px 0;
	border-top: 1px solid #dee2e4;
}
.s6dl dt.top,.s6dl dd.top {
	border-top: none;
	padding: 0 0 15px;
}
.s6dl dt.btm,.s6dl dd.btm {
	padding: 15px 0 0;
}
.s6dl dt {
	color: #989898;
	width: 28%;
}
.s6dl dd {
	width: 72%;
}
.s6br {
	display: none;
}
@media screen and (max-width: 1050px) {
    .s6br {
        display: block;
    }
}
@media screen and (max-width: 834px) {
    .s6bg {
        background: none;
    }
    .s6flex {
        flex-direction: column;
		width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .s6cont {
		width: 100%;
        background: url("../img/bg_s6sp.jpg") no-repeat center top #e1f2fc;
        background-size: 100% auto;
		padding-bottom: 5rem;
    }
	.s6img {
		padding: 0 20%;
		padding-top: 5rem;
	}
	.s6dtl {
		margin: 0 10%;
	}
    .s6cta {
        padding-top: 4rem; 
    }
    .s6br {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .s6br {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    /*.s6br {
        display: none;
    }*/
    .s6flex {
		gap: 0;
    }
    .s6cont {
		padding-bottom: 7.25vw;
    }
	.s6img {
		padding: 0 5%;
		padding-top: 10.25vw;
	}
	.s6dtl {
		margin: 0 2.5%;
		padding: 5vw 4%;
	}
    .h3s6 {
        font-size: calc(100vw * 20 / 400);
    }
    .s6dl {
        font-size: calc(100vw * 14 / 400);
    }
    .s6cta {
        padding-top: 1vw; 
    }
}
/*シリーズ
-------------------------------------------------------*/
.s7 {
	padding: 80px 0;
}
@media screen and (max-width: 480px) {
    .s7 {
        padding: 12.5vw 0;
    }
}
.h2s7 {
	font-size: 30px;
}
.qaWrap {
	width: 90%;
	max-width: 820px;
}
.h3s7,.aTxt {
	font-size: 16px;
	display: flex;
	gap: 1rem;
}
.h3s7 {
	align-items: center;
	background-color: #eef0f1;
	cursor: pointer;
	padding: 1em 30px;
}
.aTxt {
	align-items: flex-start;
	padding: 1em 30px 3rem;
}
.h3s7::before,.aTxt::before {
	content: '';
	display: block;
	width: 32px;
	height: 24px;
	flex-shrink: 0;
}
.h3s7::before {
	background: url("../img/ico_q.png") no-repeat;
	background-size: contain;
}
.aTxt::before {
	background: url("../img/ico_a.png") no-repeat;
	background-size: contain;
}
.h3s7::after {
	content: '';
	background: url("../img/arw_qa.png") no-repeat;
	background-size: contain;
	display: block;
	width: 27px;
	height: 16px;
	margin-left: auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	flex-shrink: 0;
}
.h3s7.on::after {
	transform: rotate(-180deg);
}
.aCont {
	display: none;
}
.aTxt big.c1 {
	color: #1f91c3;
}
.aTxt big.c2 {
	color: #d0202d;
}
@media screen and (max-width: 600px) {
    .h3s7,.aTxt {
        font-size: calc(100vw * 17 / 600);
    }
    .h3s7::before,.aTxt::before {
        width: 28px;
        height: 22px;
    }
    .h3s7::after {
        width: 24px;
        height: 13px;
    }
    .h3s7 {
        padding: 1em 20px;
    }
    .aTxt {
        padding: 1em 20px 3rem;
    }
}
@media screen and (max-width: 480px) {
    .h3s7,.aTxt {
        font-size: calc(100vw * 14 / 400);
		line-height: 1.4;
		gap: 2vw;
    }
    .h3s7::before,.aTxt::before {
        width: 6vw;
        height: 4.65vw;
    }
    .h3s7::after {
        width: 5.5vw;
        height: 3vw;
    }
    .h3s7 {
        padding: 1em 4vw;
    }
    .aTxt {
        padding: 1em 4vw 3rem;
    }
}
/*フッタ
-------------------------------------------------------*/
.footer {
	background-color: #002f50;
	margin-top: 60px;
	padding: 1.5rem 0 2rem;
}
.footerLogo {
	width: 150px;
}
@media screen and (max-width: 480px) {
    .footer {
        margin-top: 10vw;
        padding: 1.5vw 0 3.5vw;
    }
    .footerLogo {
        width: 25vw;
    }
}