html {
	width: 100%;
/*	max-width: 1300px;*/
	max-width: 1920px;
	margin: 0 auto;
}

body {
	overflow-x: hidden;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a[href^="tel:"]{
	pointer-events: none;
}

@media screen and (max-width: 640px) {
	a[href^="tel:"]{
		pointer-events: auto;
	}
}

.sp {
	display: none;
}
@media screen and (max-width: 500px) {
	.sp {
		display: block;
	}
}

@media screen and (max-width: 500px) {
	.pc {
		display: none;
	}
}

/*-------ヘッダー-------*/
#header {
	width: 100%;
	height: 80px;
	padding: 0 14%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .left {
	padding-right: 1em;
}
#header .right {
	padding-left: 0.5em;
}
#header img {
	width: 100%;
}


/*-------フッター-------*/
#footer {
	width: 100%;
	height: 100px;
	padding: 0 14%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #004284;
}
#footer .left {
	padding-right: 1em;
}
#footer .right {
	padding-left: 0.5em;
}
#footer img {
	width: 100%;
}



section {
	padding: 3em 0;
}



/*-------共通-------*/
.ofhidden { overflow: hidden; }

.w01em	{ width: 1em; }

.w40	{ width: 40px; }
.w50	{ width: 50px; }
.w58	{ width: 58px; }
.w60	{ width: 60px; }
.w70	{ width: 70px; }
.w84	{ width: 84px; }
.w85	{ width: 85px; }
.w92	{ width: 92px; }
.w98	{ width: 98px; }
.w100	{ width: 100px; }
.w110	{ width: 110px; }
.w120	{ width: 120px; }
.w200	{ width: 200px; }
.w300	{ width: 300px; }
.w350	{ width: 350px; }
.w400	{ width: 400px; }
.w500	{ width: 500px; }
.w550	{ width: 550px; }
.w800	{ width: 800px; }

.w100i	{ width: 100px !important; }

.w02p	{ width: 2%; }
.w03p	{ width: 3%; }
.w04p	{ width: 4%; }
.w05p	{ width: 5%; }
.w06p	{ width: 6%; }
.w07p	{ width: 7%; }
.w08p	{ width: 8%; }
.w09p	{ width: 9%; }
.w10p	{ width: 10%; }
.w11p	{ width: 11%; }
.w12p	{ width: 12%; }
.w13p	{ width: 13%; }
.w14p	{ width: 14%; }
.w15p	{ width: 15%; }
.w16p	{ width: 16%; }
.w17p	{ width: 17%; }
.w18p	{ width: 18%; }
.w19p	{ width: 19%; }
.w20p	{ width: 20%; }
.w21p	{ width: 21%; }
.w22p	{ width: 22%; }
.w24p	{ width: 24%; }
.w25p	{ width: 25%; }
.w26p	{ width: 26%; }
.w27p	{ width: 27%; }
.w29p	{ width: 29%; }
.w30p	{ width: 30%; }
.w35p	{ width: 35%; }
.w38p	{ width: 38%; }
.w40p	{ width: 40%; }
.w42p	{ width: 42%; }
.w45p	{ width: 45%; }
.w47p	{ width: 47%; }
.w48p	{ width: 48%; }
.w49p	{ width: 49%; }
.w50p	{ width: 50%; }
.w59p	{ width: 59%; }
.w60p	{ width: 60%; }
.w64p	{ width: 64%; }
.w65p	{ width: 65%; }
.w67p	{ width: 67%; }
.w68p	{ width: 68%; }
.w69p	{ width: 69%; }
.w70p	{ width: 70%; }
.w72p	{ width: 72%; }
.w74p	{ width: 74%; }
.w75p	{ width: 75%; }
.w76p	{ width: 76%; }
.w80p	{ width: 80%; }
.w84p	{ width: 84%; }
.w87p	{ width: 87%; }
.w90p	{ width: 90%; }
.w94p	{ width: 94%; }
.w95p	{ width: 95%; }
.w100p	{ width: 100%; }

.w20pi	{ width: 20% !important; }

.h03em	{ height: 3em; }

.mhauto { margin: 0 auto; }

.ml01em	{ margin-left: 1em; }
.ml02em	{ margin-left: 2em; }
.ml03em	{ margin-left: 3em; }
.ml04em	{ margin-left: 4em; }
.ml05em	{ margin-left: 5em; }
.ml10em	{ margin-left: 10em; }
.ml15em	{ margin-left: 15em; }

.mr01em	{ margin-right: 1em; }
.mr02em	{ margin-right: 2em; }
.mr03em	{ margin-right: 3em; }

.mt005em	{ margin-top: 0.5em; }
.mt01em	{ margin-top: 1em; }
.mt02em	{ margin-top: 2em; }
.mt03em	{ margin-top: 3em; }
.mt04em	{ margin-top: 4em; }
.mt05em	{ margin-top: 5em; }

.mb01em	{ margin-bottom: 1em; }
.mb02em	{ margin-bottom: 2em; }
.mb03em	{ margin-bottom: 3em; }

.pl01em	{ padding-left: 1em; }
.pl02em	{ padding-left: 2em; }
.pl07em	{ padding-left: 7em; }

.pr01em	{ padding-right: 1em; }
.pr03em	{ padding-right: 3em; }

.pt01em	{ padding-top: 1em; }
.pt02em	{ padding-top: 2em; }
.pt03em	{ padding-top: 3em; }
.pt015emi	{ padding-top: 1.5em !important; }
.pt02emi	{ padding-top: 2em !important; }

.pb01em	{ padding-bottom: 1em; }
.pb03em	{ padding-bottom: 3em; }

.pt00	{ padding-top: 0px; }

.pb10	{ padding-bottom: 10px; }

.ph01em	{ padding: 0 1em; }

.pd01em	{ padding: 1em; }

.row-3 {
	height: calc( 1.3em * 3 );
	line-height: 1.3;
}

.lh200p	{ line-height: 200%; }
.lh250p	{ line-height: 250%; }
.lh300p	{ line-height: 300%; }

.text_red	{ color: #ff0000; }
.text_green	{ color: #04B404; }
.text_blue	{ color: #0000ff; }
.text_required	{ color: #ff0000; }
.text_orange	{ color: #f7931e; }

.normal	{ font-weight: normal; }
.bold	{ font-weight: bold; }

.fs050	{ font-size: 0.5em; }
.fs065	{ font-size: 0.65em; }
.fs080	{ font-size: 0.8em; }
.fs085	{ font-size: 0.85em; }
.fs090	{ font-size: 0.9em; }
.fs095	{ font-size: 0.95em; }

.fs10	{ font-size: 1.0em; }
.fs11	{ font-size: 1.1em; }
.fs12	{ font-size: 1.2em; }
.fs13	{ font-size: 1.3em; }
.fs15	{ font-size: 1.5em; }
.fs16	{ font-size: 1.6em; }
.fs17	{ font-size: 1.7em; }
.fs20	{ font-size: 2.0em; }
.fs30	{ font-size: 3.0em; }

.tal	{ text-align: left; }
.tac	{ text-align: center; }
.tar	{ text-align: right; }
.tar_i	{ text-align: right !important; }

.vat	{ vertical-align: top !important; }
.vam	{ vertical-align: middle !important; }
.vab	{ vertical-align: bottom !important; }

.fll	{ float: left; }
.flr	{ float: right; }

.prel {
	position: relative;
}
span.right {
	position: absolute;
	right: 0;
}

.dspn	{ display: none; }
.dspib	{ display: inline-block; }
.dsptbc	{ display: table-cell; }

.bb		{ border-bottom: 1px solid; }

.circle {	
	position: relative;
	display: inline-block;
	border-radius: 50%;
}
.circle .circle-text {
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align:center;
}


/*-------title-------*/
.title-bg1 {
	padding: 0.8em;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #fff;
	background-color: #004894;
	font-weight: bold;
}
.title-bg2 {
	padding: 0.8em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	background:linear-gradient(135deg, #00a0e9 0%, #00a0e9 50%, #036eb8 50%, #036eb8 100%); 
	font-weight: bold;
}
.title-bg3 {
	padding: 0.8em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	background-color: #00a0e9;
	font-weight: bold;
}
.title-bg4 {
	padding: 0.8em;
	border-radius: 10px;
	color: #fff;
	background-color: #0071bc;
	font-weight: bold;
}
.title-bg5 {
	padding: 0.8em;
	color: #fff;
	background:linear-gradient(90deg, #0593e2, #004284); 
	font-weight: bold;
}
.title-bg6 {
	padding: 0.8em;
	color: #fff;
	background-color: #0071bc;
	font-weight: bold;
}
.title-bg7 {
	padding: 0.8em;
	color: #fff;
	background:linear-gradient(135deg, #004284 0%, #004284 40%, transparent 40%, transparent 100%); 
	font-weight: bold;
}
.title-bg8 {
	padding: 0.8em;
	color: #004284;
	border-bottom: 8px solid #004284;
	font-weight: bold;
}
.title-bg9 {
	padding: 0.8em;
	border-radius: 15px;
	color: #fff;
	background-color: #0071bc;
	font-weight: bold;
}

.title-area1 {
	background-color: #fff9c8;
}
.title-area2 {
	background-color: #fff;
}
.title-area3 {
	border: 3px solid;
	border-image: linear-gradient(to right, #0593e2, #004284);
	border-image-slice: 1;
}
.title-area4 {
	border: 3px solid;
	border-color: #00a0e9;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #fff;
}
.title-area5 {
	border: 3px solid;
	border-color: #004284;
	background-color: #fff;
}
.title-area6 {
	border: 3px solid;
	border-color: #0071bc;
	background-color: #fff;
}


/***********************/
/*      TOPページ      */
/***********************/
.top{ display: block;}
.top_sp{ display: none;}

.shucho_area{
	margin: 1em auto 0;
	font-size: 1.2em;
	line-height: 150%;
	width: 65%;
}

#seko {
	width: 85%;
	margin: 0 auto;
	text-align: center;
}
#seko .title-bg1 {
	font-size: 40px;
}
#seko .title-bg2 {
	font-size: 36px;
}
#seko .title-area2 {
	padding: 1em;
}
#seko .seko-rei {
	padding: 2em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#seko .seko-rei li {
	width: 33%;
	padding: 0.5em;
}
#seko .seko-rei li img {
	width: 100%;
}
#seko .seko-rei-text {
	width: 100%;
	padding: 0.5em 0.5em 0;
	font-size: 24px;
	font-weight: bold;
}
#seko .seko-rei-arrow {
	width: 100%;
	height: 8px;
	border-bottom: 2px solid #004284;
	border-right: 2px solid #004284;
	transform: skew(45deg);
}
#seko .seko-doga {
	position: relative;
}
#seko .seko-doga .seko-doga-title {
	width: 45%;
}
#seko .seko-doga iframe {
	width: 41.67vw;		/*800px*/
	height: 23.44vw;	/*450px*/
}
#seko .seko-doga-bg {
	width: 42.14vw;		/*809px*/
	position: absolute;
	top: 15.625vw;		/*300px*/
	left: 2.6vw;		/*30px*/
	z-index: -1;
}
#seko .seko-doga-bg img {
	width: 100%;
}
#seko .seko-doga-text1 {
	margin: 1em auto;
	line-height: 170%;
	width: 50%;
	font-size: 36px;	/*36px*/
	font-weight: bold;
	color: #004284;
	border-bottom: 5px solid #fbb03b;
}
#seko .seko-doga-text2 {
	font-size: 20px;	/*20px*/
	line-height: 150%;
	margin-bottom: 3em;
}

#okomari {
	width: 73%;
	margin: 0 auto;
	text-align: center;
}
#okomari img {
	width: 100%;
}
#okomari .title-bg1 {
	font-size: 32px;
}
.okomari-bg1 {
	background-color: #d6f9ff;
	margin: 0 auto;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.okomari-bg2 {
	background:linear-gradient(#fff, #fff9b7); 
	margin: 0 auto;
	padding: 3em 0;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#okomari .title-bg3 {
	padding: 0.2em 0;
	font-size: 50px;
}
#okomari .okomari-text1 {
	font-size: 65px;
	font-weight: bold;
	color: #004284;
	line-height: 150%;
}
#okomari .okomari-text2 {
	position: relative;
	font-size: 75px;
	font-weight: bold;
	color: #f8b62d;
	line-height: 150%;
	-webkit-text-stroke: 6px #f8b62d;
}
#okomari .okomari-text2::before {
	content: attr(data-text);
	position: absolute;
	color: #f8b62d;
	-webkit-text-stroke: 1px #fff;
}
#okomari .okomari-text3 {
	font-size: 36px;
	font-weight: bold;
	color: #004284;
}
#okomari .tokucho {
	padding: 3em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
/*
	flex-flow:row-reverse wrap-reverse; 
	justify-content:space-around; 
*/
}
/*
#okomari .tokucho li:first-child { order:5;}
#okomari .tokucho li:nth-child(2) { order:4;}
#okomari .tokucho linth-child(3) { order:3;}
#okomari .tokucho li:nth-child(4) { order:2;}
#okomari .tokucho li:last-child { order:1;}
*/
#okomari .tokucho li {
	width: 33%;
	padding: 1em;
	display: flex;
	flex-direction: column;
}

#okomari .title-area4 {
	padding: 2em 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 150%;
	flex-grow: 1;
}

#merit {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
#merit .merit {
	padding: 3em 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#merit .merit-title {
	width: 78%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background-image: url(../img/merit-title.png);
	background-repeat: no-repeat;
	background-size: 100%;
	color: #fff;
	font-size: 2.1vw;		/*40px*/
	font-weight: bold;
	line-height: 10.6vw;	/*204px*/
}
#merit .title-bg1 {
	font-size: 1.56vw;		/*30px*/
}
#merit .merit li {	
	width: 33%;
	padding: 1em;
}

#merit .merit li .circle {	
	width: 100%;
	aspect-ratio: 1;
	background: #29abe2;
	border: 5px solid #0071bc;
}
#merit .merit li .circle .circle-text {	
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	line-height: 150%;
}
#merit .merit2 .circle {	
	width: 35%;
	aspect-ratio: 1;
	background: #fcee6c;
	border: 7px solid #fbb03b;
	color: #f7821e;
}
#merit .merit2 .circle .circle-text {	
	width: 200%;
	color: #f7821e;
	font-size: 2.86vw;	/*55px*/
	font-weight: bold;
	line-height: 150%;
}

#reason {
	width: 73%;
	margin: 0 auto;
	text-align: center;
}
#reason .title-bg1 {
	font-size: 32px;
}
#reason .reason {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#reason .title-area1 {
	padding: 3em;
}
#reason .title-area2 {
	width:100%;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 1.5em 1em;
	position: relative;
}
#reason .outside {
	width: 6.25vw;	/*100px*/
	height: 6.25vw;	/*100px*/
	padding: 3px;
	background: #0071bc;
	border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -20px;
}
#reason .circle {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
}
#reason .circle .circle-text {	
	width: 100%;
	font-size: 1.04vw;	/*20px*/
	font-weight: bold;
	line-height: 150%;
	color: #fff;
}
#reason .reason-text {
}
#reason .reason p {
	color: #004284;
	font-size: 36px;	/*36px*/
	font-weight: bold;
}


#faq {
	width: 73%;
	margin: 0 auto 3em;
	text-align: center;
	background-color: #d6f9ff;
}
#faq .faq {
	padding: 0 3em;
}
#faq .title-bg8 {
	padding: 1em 0 0;
	font-size: 54px;
}
#faq .title-bg9 {
	margin-top: 2em;
	text-align: left;
	padding: 0.7em 1em 0.7em 2em;
	font-size: 28px;
}
#faq .title-area2 {
	padding: 2em 3em;
}
#faq .a-text {
	color: #004284;
	font-size: 32px;
	font-weight: bold;
	text-align: left;
}
#faq .a-detail {
	margin-top: 1em;
	color: #1b2538;
	font-size: 24px;
	text-align: left;
	line-height: 130%;
}
#faq dl {
	display: flex;
	flex-wrap: wrap;
}
#faq dl dt {
	width: 15%;
	max-width: 2em;
}
#faq dl dd {
	width: 85%;
}


#flow {
	width: 73%;
	margin: 0 auto;
	text-align: center;
}
#flow .title-bg1 {
	font-size: 54px;
}
#flow .title-bg5 {
	font-size: 24px;
}
#flow .flow {
	width: 100%;
	padding: 2em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
}
#flow .flow li {
	width: 33%;
	padding: 1em;
	display: flex;
	flex-direction: column;
}
#flow .flow li img {
	width: 100%;
}
#flow .title-area3 {
	flex-grow: 1;
}
#flow .flow-text {
	width: 100%;
	text-align: left;
	margin-top: 1em;
	font-size: 18px;	/*18px*/
}

#seko-hani {
	width: 73%;
	margin: 0 auto;
	text-align: center;
}
#seko-hani .title-bg1 {
	font-size: 54px;
	z-index: 10;
}

#seko-hani .seko-hani {
	padding: 2em 10%;
}
#seko-hani img {
	width: 100%;
}

#seko-hani .seko-hani-text {
	font-size: 36px;
	line-height: 150%;
	margin-bottom: 2em;
}
#seko-hani .seko-hani-text img {
	width: 3em;
	height: 2.1vw;	/*40px*/
	vertical-align: middle;
}
#seko-hani .seko-hani-fig {
	padding: 2em 10%;
}

#seko-hani .title-bg6 {
	font-size: 40px;
	padding: 0.5em 0;
}
#seko-hani .title-bg7 {
	position: relative;
	z-index: 10;
	font-size: 36px;
	text-align: left;
	padding: 0.5em 2em;
}
#seko-hani .title-area5 {
	margin-top: -2.1vw;	/*40px*/
}

#sheet {
	width: 73%;
	margin: 0 auto;
	text-align: center;
}
#sheet .title-bg1 {
	font-size: 54px;
}
#sheet .title-bg6 {
	font-size: 32px;
	padding: 0.5em 0;
}
#sheet .sheet {
	padding: 2em 5%;
}
#sheet .sheet-kind {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
	padding: 2em;
	text-align: left;
}
#sheet .sheet-photo {
	width: 43%;
}
#sheet .sheet-text {
	width: 53%;
}
#sheet .sheet-photo img {
	width: 100%;
}
#sheet .label {
	display: inline-block;
	height: 0;
	text-align: center;
	line-height: 72px;
	font-weight: bold;
	margin: 0 auto;
	color: #fff;
	position: relative;
}
#sheet .label-txt {
	position: absolute;
	top: -72px;
	left: 1em;
	font-size: 20px;
}
#sheet .label-orange {
	border-top: 72px solid #fbb03b;
	border-right: 2em solid transparent;
	display: inline-block;
}
#sheet .label-lightblue {
	border-top: 72px solid #29abe2;
	border-right: 2em solid transparent;
}
#sheet .label-short {
	width: 250px;
}
#sheet .label-long {
	width: 300px;
}
#sheet .sheet-outline {
	font-weight: bold;
	padding: 1em 0;
	font-size: 22px;	/*22px*/
	line-height: 150%;
}
#sheet .sheet-detail {
	font-size: 20px;	/*20px*/
	line-height: 150%;
}

.contact-area {
	width: 73%;
	margin: 0 auto;
	text-align: center;
}
.contact-area p {
	margin-bottom: 3em;
	padding: 0 15%;
	font-size: 32px;	/*32px*/
	line-height: 150%;
}
.contact-area img {
	width: 100%;
}

#company {
	width: 73%;
	margin: 0 auto;
	padding: 4em 3em 3em;
	text-align: left;
	background-color: #d9e3ec;
}
#company .company-logo {
	width: 40%;
	margin-bottom: 0.3em;
}
#company .company-logo img {
	width: 100%;
}
#company .company-name {
	color: #004284;
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #004284;
	position: relative;
}
#company .snsLogo {
	position: absolute;
	right: 0;
	bottom: 0.2em;
}
#company .snsComment {
	font-size: 20px;
	color: #04B404;
}
#company dl {
	margin: 0;
	font-size: 24px;
	padding: 1em 0;
}
#company dt {
	float: left;
	padding-top: 5px;
}

#company dd {
	margin: 0 0 0.5em 0;
	padding: 5px 0px 5px 15em;
}
#company .underline {
	border-bottom: 2px solid #004284;
}

#privacy {
	width: 85%;
	margin: 0 auto;
	padding: 4em 3em;
	text-align: left;
}
#privacy .privacy-title {
	font-size: 32px;	/*32px*/
	line-height: 200%;
	font-weight: bold;
	text-align: center;
}
#privacy .privacy {
	font-size: 18px;	/*18px*/
	line-height: 150%;
	padding: 2em 3em;
	background-color: #f2f2f2;
	box-shadow: 1px 0 5px 1px #999;
	border-radius: 5px;
}
#privacy .privacy p {
	margin-bottom: 1em;
}

/**************************/
/*      問合せページ      */
/**************************/
#contact {
	width: 85%;
	margin: 0 auto;
	text-align: left;
}
#contact .title-bg1 {
	font-size: 40px;	/*40px*/
	text-align: center;
}
#contact .title-area1 {
	padding: 3em 10%;
}
.contact {
	background-color: #fff;
	margin-bottom: 3em;
}
.contact .small {
	padding: 2em;
	font-size: small;
	line-height: 150%;
}
.contact .Form {
	margin: 80px auto 20px;
	max-width: 70%;
}

.contact .Form .Form-Item {
	padding-top: 24px;
	padding-bottom: 24px;
	width: 100%;
}
.contact .Form .Form-Item:nth-child(n+2) {
	border-top: 1px solid #ddd;
}
.contact .Form-Item-Label {
	width: 100%;
	max-width: 300px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 18px;	/*18px*/
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.contact .Form-Item-Label .isMsg {
	margin-top: 8px;
	margin-bottom: auto;
}
.contact .Form-Item-name {
	width: 200px;
}
.contact .Form-Item-Label-Required,
.contact .Form-Item-Label-optional {
	margin-right: 8px;
	padding: 2px 12px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 14px;	/*14px*/
}
.contact .Form-Item-Label-Required {
	background-color: #d34c51;
}
.contact .Form-Item-Label-optional {
	background-color: #5e5f5f;
}
.contact .Form-Item-Input {
	border: 1px solid #ddd;
	height: 48px;
	width: 100%;
	background: #f0f0f0;
	font-size: 18px;	/*18px*/
}
.contact .select_wrap {
	position: relative;
}
.contact .select_wrap:after {
	content: "";
	position: absolute;
	top: 18px;
	right: 16px;
	width: 12px;
	height: 12px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
}
.contact .Form-Item-Select {
	border: 1px solid #ddd;
	height: 48px;
	width: 100%;
	background: #f0f0f0;
	font-size: 18px;	/*18px*/
	padding: 0 2em 0 0.5em;
}
.contact .Form-Item-Textarea {
	border: 1px solid #ddd;
	height: 216px;
	flex: 1;
	width: 100%;
	background: #f0f0f0;
	font-size: 18px;	/*18px*/
}
.contact .Form-Btn {
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 280px;
	display: block;
	letter-spacing: 0.05em;
	background: #164583;
	color: #fff;
	font-weight: bold;
	font-size: 20px;	/*20px*/
	text-align: center;
}

/********************************/
/*      施工車両一覧ページ      */
/********************************/
#example {
	width: 85%;
	margin: 0 auto;
	text-align: left;
}
#example .title-bg1 {
	font-size: 54px;	/*54px*/
	text-align: center;
}
#example .title-area1 {
	padding: 3em 10%;
}
#example .title-bg2 {
	font-size: 40px;	/*40px*/
	text-align: center;
}
#example .title-area2 {
	width: 100%;
	padding: 2em;
	margin-bottom: 5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: top;
}
#example .title-area2 li {
	width: 33%;
	padding: 1em;
}
#example .title-area2 img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
}



/*---------------------*/


.fixed_btn {
	width: 10%;
	min-width: 150px;
	position: fixed;
	bottom: 130px;
	right: 0;
}
.fixed_btn img { 
	width: 100%;
}

.pagetoparea {
	position: fixed;
	right: 30px;
	bottom: 80px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.pagetop {
	height: 50px;
	width: 50px;
	background: #fff;
	border: solid 2px #000;
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 2;
	cursor: pointer;
	position: relative;
}
.pagetop::after {
	content: "TOPに戻る";
	display: block;
	width: 6em;
	position: absolute;
	bottom: -20px;
}
.pagetop__arrow {
	display: block;
	height: 10px;
	width: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(20%) rotate(-45deg);
}

/*********** max-width: 1280px ***********/
@media screen and (max-width: 1280px) {

	section {
		padding: 1em 0;
	}

	#header {
		padding: 0 2%;
	}
	#header img {
		width: 100%;
	}
	
	#footer {
		padding: 0 2%;
	}
	#footer img {
		width: 100%;
	}

	.shucho_area{
		font-size: 1em;
		width: 65%;
	}

	#seko,
	#okomari,
	#merit,
	#reason,
	#faq,
	#flow,
	#seko-hani,
	#sheet,
	.contact-area,
	#company,
	#privacy {
		width: 100%;
	}

	#seko .title-bg1 {
		font-size: 36px;
	}
	#seko .title-bg2 {
		font-size: 30px;
	}
	
	#okomari .title-bg1 {
		font-size: 28px;
	}
	#okomari .okomari-text1 {
		font-size: 46px;
	}
	#okomari .okomari-text2 {
		font-size: 60px;
	}
	
	#merit .merit li .circle .circle-text {	
		font-size: 26px;
	}
	#merit .merit2 .circle {	
		width: 45%;
	}
	
	#reason .title-bg1 {
		font-size: 28px;
	}
	#reason .title-area2 {
		font-size: 24px;
	}
	#reason .outside {
		width: 80px;
		height: 80px;
	}
	#reason .circle .circle-text {	
		font-size: 16px;
	}
	
	#faq .title-bg8 {
		font-size: 48px;
	}

	#flow .title-bg1 {
		font-size: 48px;
	}

	#seko-hani .title-bg1 {
		font-size: 48px;
	}
	#seko-hani .title-bg6 {
		font-size: 36px;
	}
	#seko-hani .title-bg7 {
		font-size: 30px;
	}
	#seko-hani .title-area5 {
		margin-top: -2.34vw;	/*30px*/
	}
	#seko-hani .seko-hani-text {
		font-size: 28px;
	}
	#seko-hani .seko-hani-text img {
		width: 3em;
		height: 2.18vw;	/*28px*/
	}
	
	#sheet .title-bg1 {
		font-size: 48px;
	}
	#sheet .title-bg6 {
		font-size: 28px;
	}

	#company dl {
		font-size: 20px;
	}
	
	/*		問合せページ		*/
	#contact {
		width: 100%;
	}
	#contact .title-bg1 {
		font-size: 36px;
	}
	#contact .title-area1 {
		padding: 3em 2%;
	}
	.contact .Form {
		max-width: 90%;
	}
		
	/*		施工車両一覧ページ		*/
	#example {
		width: 100%;
	}
	#example .title-bg1 {
		font-size: 36px;
	}
	#example .title-bg2 {
		font-size: 30px;
	}
	#example .title-area2 {
		padding: 1em;
	}
}


/*********** max-width: 900px ***********/
@media screen and (max-width: 900px) {
	.top{ display: none;}
	.top_sp{
		display: block;
		background-color: #fff9c8;
	}
	.top_sp ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.top_sp ul li{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: top;
		width: 45%;
		margin: 0 0.5em;
	}
	.top_text{
		margin: -2.5vw auto 2vw;
		width: 70%;
	}

	#seko .title-bg1 {
		font-size: 26px;
	}
	#seko .title-bg2 {
		font-size: 24px;
	}
	#seko .seko-rei {
		justify-content: center;
		padding: 2em 1em;
	}
	#seko .seko-rei li {
		width: 50%;
	}
	#seko .seko-doga iframe {
		width: 450px;
		height: 253px;
	}
	#seko .seko-doga-bg {
		position: absolute;
		top: 300px;		/*300px*/
		left: 30px;		/*30px*/
	}
	#seko .seko-doga-text1 {
		width: 80%;
		font-size: 24px;
	}
	#seko .seko-doga-text2 {
		font-size: 14px;	/*20px*/
	}

	#okomari .title-bg1 {
		font-size: 22px;
	}
	#okomari .tokucho li {
		width: 50%;
	}
	#okomari .okomari-text1 {
		font-size: 32px;
	}
	#okomari .okomari-text2 {
		font-size: 45px;
	}
	#okomari .okomari-text3 {
		font-size: 26px;
	}

	#merit .merit-title {
		width: 100%;
		font-size: 3.11vw;		/*28px*/
		line-height: 13.56vw;	/*900*204/1505=122*/
	}
	#merit .merit li {	
		width: 50%;
	}
	#merit .merit2 .circle {
		width: 55%;
	}
	#merit .merit2 .circle .circle-text {	
		font-size: 30px;
	}
	
	#reason .title-bg1 {
		font-size: 22px;
	}
	#reason .title-area1 {
		padding: 2em 0 2em 1.5em;
	}
	#reason .title-area2 {
		font-size: 20px;
		padding: 2em 1em 1em;
	}
	#reason .outside {
		width: 70px;
		height: 70px;
	}
	#reason .circle .circle-text {	
		font-size: 14px;
	}
	#reason .reason p {
		font-size: 28px;
	}

	#faq .faq {
		padding: 3em 0;
	}
	#faq .title-bg8 {
		font-size: 36px;
	}
	#faq .title-bg9 {
		font-size: 24px;
		padding-left: 1em;
		padding-right: 1em;
	}
	#faq .title-area2 {
		padding-left: 1em;
		padding-right: 1em;
	}
	#faq .a-text {
		font-size: 24px;
	}
	#faq .a-detail {
		font-size: 20px;
	}

	#flow .title-bg1 {
		font-size: 36px;
	}
	#flow .flow li {
		width: 50%;
	}

	#seko-hani .title-bg1 {
		font-size: 36px;
	}
	#seko-hani .title-bg6 {
		font-size: 24px;
	}
	#seko-hani .title-bg7 {
		font-size: 20px;
	}
	#seko-hani .title-area5 {
		margin-top: -2.22vw;	/*20px*/
	}
	#seko-hani .seko-hani-fig {
		padding: 2em 0;
	}
	
	#seko-hani .seko-hani {
		width: 100%;
		padding: 2em 0;
	}
	#seko-hani .title-area5 {
		margin-top: -2.34vw;	/*30px*/
	}
	#seko-hani .seko-hani-text {
		font-size: 22px;
	}
	#seko-hani .seko-hani-text img {
		height: 22px;
	}

	#sheet .title-bg1 {
		font-size: 36px;
	}
	#sheet .title-bg6 {
		font-size: 24px;
	}
	#sheet .sheet {
		padding: 2em 0;
	}
	#sheet .sheet-kind {
		justify-content: center;
	}
	#sheet .sheet-photo {
		width: 100%;
	}
	#sheet .sheet-text {
		width: 100%;
		margin-top: 1em;
	}
	#sheet .label {
		line-height: 54px;
	}
	#sheet .label-txt {
		top: -54px;
	}
	#sheet .label-orange {
		border-top: 54px solid #fbb03b;
	}
	#sheet .label-lightblue {
		border-top: 54px solid #29abe2;
	}

	#company {
		padding: 4em 1em 3em;
	}
	#company .company-logo {
		width: 300px;
	}
	#company .company-name {
		font-size: 22px;
	}
	#company dl {
		font-size: 18px;
	}
	#company dt {
		float: none;
	}
	#company dd {
		padding-left: 3em;
	}

	.contact-area p {
		margin-bottom: 2em;
		font-size: 20px;
	}


	#contact .title-bg1 {
		font-size: 28px;
	}


	#example .title-area1 {
		padding: 3em 2%;
	}
	#example .title-bg1 {
		font-size: 28px;
	}
	#example .title-bg2 {
		font-size: 24px;
	}
	#example .title-area2 {
		padding: 0.5em;
	}

	#privacy {
		padding: 4em 1em;
	}
	#privacy .privacy {
		padding: 1em;
	}
}


/*********** max-width: 640px ***********/
@media screen and (max-width: 640px) {
	.top_sp ul li{
		width: 90%;
		margin-top: 1em;
	}
	.top_text{
		margin: 0 auto 2vw;
		width: 70%;
	}

	.shucho_area{
		font-size: 0.85em;
		width: 90%;
	}

	#seko .seko-rei li {
		width: 100%;
	}
	#seko .seko-doga .seko-doga-title {
		width: 60%;
	}
	#seko .seko-doga iframe {
		width: 300px;
		height: 190px;
	}
	#seko .seko-doga-text1 {
		width: 90%;
		font-size: 18px;	/*36px*/
	}
	#seko .seko-doga-text2 {
		font-size: 13px;	/*20px*/
	}

	#okomari .tokucho li {
		width: 100%;
	}
	#okomari .okomari-text1 {
		font-size: 20px;
	}
	#okomari .okomari-text2 {
		font-size: 32px;
	}
	#okomari .okomari-text3 {
		font-size: 24px;
	}
	
	#merit .merit li .circle .circle-text {	
		font-size: 18px;
	}
	#merit .merit2 .circle {	
		width: 60%;
	}
	#merit .merit2 .circle .circle-text {	
		font-size: 20px;
	}

	#reason .title-area2 {
		font-size: 18px;
		/*padding-top: 2em;*/
	}
	#reason .title-area2 .fs16 {
		font-size: 1.4em;
	}
	#reason .outside {
		width: 60px;
		height: 60px;
	}
	#reason .circle .circle-text {	
		font-size: 11px;
	}
	#reason .reason p {	
		font-size: 22px;
	}

	#flow .flow li {
		width: 100%;
	}
	
	#seko-hani .seko-hani-text {
		font-size: 20px;
	}
	#seko-hani .seko-hani-text img {
		height: 20px;
	}

	.contact-area p {
		padding: 0 2%;
		font-size: 18px;
	}

	#example .title-area1 {
		padding: 3em 2%;
	}
	#example .title-bg1 {
		font-size: 28px;
	}
	#example .title-bg2 {
		font-size: 24px;
	}
	#example .title-area2 li {
		width: 100%;
	}

	#footer {
		height: 80px;
	}
}