@charset "utf-8";

.pc {
	display: block;
}

.sp,
.ipad {
	display: none;
}

.ipad {
	display: block;
}

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

	.sp {
		display: block;
		line-height: 0;
	}
}

.sqwrap {
	width: 245px;
	height: 245px;
	display: block;

}

.square01 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #824880;
	float: left;
	margin: 0 10px 10px 0;
	display: block;
}

.square02 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #69821B;
	float: left;
	margin: 0 0 10px;
	display: block;
}

.square03 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #478384;
	float: left;
	margin: 0 10px 0 0;
	display: block;
}

.square04 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #C97586;
	float: left;
	margin: 0 0 10px;
	display: block;
}

.square01:hover,
.square02:hover,
.square03:hover,
.square04:hover {
	opacity: 0.8;
	transition: 0.6s;
}

.square05 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #E3358B;
	float: left;
	margin: 0 10px 10px 0;
	display: block;
}

.square06 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #E87667;
	float: left;
	margin: 0 0 10px;
	display: block;
}

.square07 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #F7AF40;
	float: left;
	margin: 0 10px 0 0;
	display: block;
}

.square08 {
	position: relative;
	width: 115px;
	padding-top: 48%;
	background: #20A71C;
	float: left;
	margin: 0 0 10px;
	display: block;
}

.square05:hover,
.square06:hover,
.square07:hover,
.square08:hover {
	opacity: 0.8;
	transition: 0.6s;
}

.p-center {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 16px;
}

.p-center a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 50px 0;
}



.infotext img,
.infotext img.size-full {
	margin: 0 0 5px !important;
}

.infotext p {
	width: 100%;
}

.btn,
a.btn,
button.btn {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 3rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}

.btn--tnr,
a.btn--tnr {
	color: #fff;
	background-color: #eb6100;
}

.btn--tnr:hover,
a.btn--tnr:hover {
	color: #fff;
	background: #f56500;
}

@media screen and (max-width: 767px) {
	.center a.btn {
		margin: 0 auto !important;
	}
}

.contentimg {
	max-width: 800px;
}

.lpg6support {
	background-color: #D3E0EF;
	width: 100%;
	max-width: 545px;
	text-align: center;
}

h2.instattl {
	color: #364e96;
	/*文字色*/
	border: solid 3px #364e96;
	/*線色*/
	padding: 0.5em;
	/*文字周りの余白*/
	border-radius: 0.5em;
	/*角丸*/
	text-align: center;
	margin-bottom: 20px;
	background-color: #D9EBFB;
}

.insta-item {
	width: 48%;
	padding: 40px;
}

.flex {
	display: flex;
}

.flex .item {
	width: 50%;
}

.flex-kigu {
	display: -webkit-box;
	/* old Android */
	display: -webkit-flex;
	/* Safari etc. */
	display: -ms-flexbox;
	/* IE10        */
	-webkit-flex-wrap: wrap;
	/* Safari etc. */
	-ms-flex-wrap: wrap;
	/* IE10        */
	flex-wrap: wrap;
	display: flex;
}

.flex-kigu .item-400 {
	padding: 15px;
	width: 370px;
}

.flex-kigu .item-400 img {
	width: 100%;

}

@media screen and (max-width: 480px) {
	.insta-item {
		width: 90%;
		margin: 0 auto;
		padding: 40px;
	}

	.flex {
		display: block;
	}

	.flex .item {
		width: 100%;
	}
}


/*====== 9-1-1 縦線が動いてスクロールを促す =======*/

/* HOME */
/*スクロールダウン全体の場所*/
.scrolldown0 {
	/*描画位置※位置は適宜調整してください*/
	position: absolute;
	left: 50%;
	bottom: 150px;
	/*全体の高さ*/
	height: 100px;
}

/*Scrollテキストの描写*/
.scrolldown0 span {
	/*描画位置*/
	position: absolute;
	left: -15px;
	top: -15px;
	/*テキストの形状*/
	color: #eee;
	font-size: 0.85rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown0::after {
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1px;
	height: 100px;
	background: #eee;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity: 0;
}

/*スクロールダウン全体の場所*/
.scrolldown1 {
	/*描画位置※位置は適宜調整してください*/
	position: absolute;
	left: 50%;
	bottom: 100px;
	/*全体の高さ*/
	height: 100px;
}

/*Scrollテキストの描写*/
.scrolldown1 span {
	/*描画位置*/
	position: absolute;
	left: -15px;
	top: -15px;
	/*テキストの形状*/
	color: #eee;
	font-size: 0.85rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after {
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1px;
	height: 100px;
	background: #eee;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity: 0;
}

/* 中ページ用 */
/*スクロールダウン全体の場所*/
.scrolldown1-2 {
	/*描画位置※位置は適宜調整してください*/
	position: absolute;
	left: 50%;
	bottom: 35px;
	/*全体の高さ*/
	height: 100px;
}

/*Scrollテキストの描写*/
.scrolldown1-2 span {
	/*描画位置*/
	position: absolute;
	left: -15px;
	top: -15px;
	/*テキストの形状*/
	color: #eee;
	font-size: 0.85rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1-2::after {
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1px;
	height: 100px;
	background: #eee;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity: 0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
	0% {
		height: 0;
		top: 0;
		opacity: 0;
	}

	30% {
		height: 30px;
		opacity: 1;
	}

	100% {
		height: 0;
		top: 100px;
		opacity: 0;
	}
}



h3 span {
	vertical-align: middle;
}

.stxt-shaken {
	font-size: 70%;
	background-color: #C00;
	color: #fff;
	padding: 2px 4px;
	border-radius: 2px;
	margin-bottom: 5px;
}

.area-carclass p {
	width: 90%;
}

@media(min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

.ion-ios-arrow-back {
	font-size: 80%;
}

.w01 {
	width: 1%
}

.w02 {
	width: 2%
}

.w03 {
	width: 3%
}

.w04 {
	width: 4%
}

.w05 {
	width: 5%
}

.w06 {
	width: 6%
}

.w07 {
	width: 7%
}

.w08 {
	width: 8%
}

.w09 {
	width: 9%
}

.w10 {
	width: 10%
}

.w11 {
	width: 11%
}

.w12 {
	width: 12%
}

.w13 {
	width: 13%
}

.w14 {
	width: 14%
}

.w15 {
	width: 15%
}

.w16 {
	width: 16%
}

.w17 {
	width: 17%
}

.w18 {
	width: 18%
}

.w19 {
	width: 19%
}

.w20 {
	width: 20%
}

.w21 {
	width: 21%
}

.w22 {
	width: 22%
}

.w23 {
	width: 23%
}

.w24 {
	width: 24%
}

.w25 {
	width: 25%
}

.w26 {
	width: 26%
}

.w27 {
	width: 27%
}

.w28 {
	width: 28%
}

.w29 {
	width: 29%
}

.w30 {
	width: 30%
}

.w31 {
	width: 31%
}

.w32 {
	width: 32%
}

.w33 {
	width: 33%
}

.w34 {
	width: 34%
}

.w35 {
	width: 35%
}

.w36 {
	width: 36%
}

.w37 {
	width: 37%
}

.w38 {
	width: 38%
}

.w39 {
	width: 39%
}

.w40 {
	width: 40%
}

.w41 {
	width: 41%
}

.w42 {
	width: 42%
}

.w43 {
	width: 43%
}

.w44 {
	width: 44%
}

.w45 {
	width: 45%
}

.w46 {
	width: 46%
}

.w47 {
	width: 47%
}

.w48 {
	width: 48%
}

.w49 {
	width: 49%
}

.w50 {
	width: 50%
}

.w51 {
	width: 51%
}

.w52 {
	width: 52%
}

.w53 {
	width: 53%
}

.w54 {
	width: 54%
}

.w55 {
	width: 55%
}

.w56 {
	width: 56%
}

.w57 {
	width: 57%
}

.w58 {
	width: 58%
}

.w59 {
	width: 59%
}

.w60 {
	width: 60%
}

.w61 {
	width: 61%
}

.w62 {
	width: 62%
}

.w63 {
	width: 63%
}

.w64 {
	width: 64%
}

.w65 {
	width: 65%
}

.w66 {
	width: 66%
}

.w67 {
	width: 67%
}

.w68 {
	width: 68%
}

.w69 {
	width: 69%
}

.w70 {
	width: 70%
}

.w71 {
	width: 71%
}

.w72 {
	width: 72%
}

.w73 {
	width: 73%
}

.w74 {
	width: 74%
}

.w75 {
	width: 75%
}

.w76 {
	width: 76%
}

.w77 {
	width: 77%
}

.w78 {
	width: 78%
}

.w79 {
	width: 79%
}

.w80 {
	width: 80%
}

.w81 {
	width: 81%
}

.w82 {
	width: 82%
}

.w83 {
	width: 83%
}

.w84 {
	width: 84%
}

.w85 {
	width: 85%
}

.w86 {
	width: 86%
}

.w87 {
	width: 87%
}

.w88 {
	width: 88%
}

.w89 {
	width: 89%
}

.w90 {
	width: 90%
}

.w91 {
	width: 91%
}

.w92 {
	width: 92%
}

.w93 {
	width: 93%
}

.w94 {
	width: 94%
}

.w95 {
	width: 95%
}

.w96 {
	width: 96%
}

.w97 {
	width: 97%
}

.w98 {
	width: 98%
}

.w99 {
	width: 99%
}

.w100 {
	width: 100%
}

.w1200 {
	width: 1200px;
}

.w640 {
	max-width: 640px;
}

.w300 {
	width: 300px;
}

.m0 {
	margin: 0;
}

.m05 {
	margin: 5px;
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px;
}

.m20 {
	margin: 20px;
}

.m25 {
	margin: 25px;
}

.m30 {
	margin: 30px;
}

.m35 {
	margin: 35px;
}

.m40 {
	margin: 40px;
}

.m45 {
	margin: 45px;
}

.m50 {
	margin: 50px;
}

.m55 {
	margin: 55px;
}

.m60 {
	margin: 60px;
}

.m65 {
	margin: 65px;
}

.m70 {
	margin: 70px;
}

.m75 {
	margin: 75px;
}

.m80 {
	margin: 80px;
}

.m85 {
	margin: 85px;
}

.m90 {
	margin: 90px;
}

.m95 {
	margin: 95px;
}

.m100 {
	margin: 100px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb01 {
	margin-bottom: 1px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mb110 {
	margin-bottom: 110px !important;
}

.mb120 {
	margin-bottom: 120px !important;
}

@media screen and (max-width: 480px) {

	.w01,
	.w02,
	.w03,
	.w04,
	.w05,
	.w06,
	.w07,
	.w08,
	.w09,
	.w10,
	.w11,
	.w12,
	.w13,
	.w14,
	.w15,
	.w16,
	.w17,
	.w18,
	.w19,
	.w20,
	.w21,
	.w22,
	.w23,
	.w24,
	.w25,
	.w26,
	.w27,
	.w28,
	.w29,
	.w30,
	.w31,
	.w32,
	.w33,
	.w34,
	.w35,
	.w36,
	.w37,
	.w38,
	.w39,
	.w40,
	.w41,
	.w42,
	.w43,
	.w44,
	.w45,
	.w46,
	.w47,
	.w48,
	.w49,
	.w50,
	.w51,
	.w52,
	.w53,
	.w54,
	.w55,
	.w56,
	.w57,
	.w58,
	.w59,
	.w60,
	.w61,
	.w62,
	.w63,
	.w64,
	.w65,
	.w66,
	.w67,
	.w68,
	.w69,
	.w70,
	.w71,
	.w72,
	.w73,
	.w74,
	.w75,
	.w76,
	.w77,
	.w78,
	.w79,
	.w80,
	.w81,
	.w82,
	.w83,
	.w84,
	.w85,
	.w86,
	.w87,
	.w88,
	.w89,
	.w90,
	.w91,
	.w92,
	.w93,
	.w94,
	.w95,
	.w96,
	.w97,
	.w98,
	.w99,
	.w100 {
		width: 100% !important;
	}
}

.mtmb0 {
	margin: 0;
}

.mtmb05 {
	margin: 5px 0;
}

.mtmb10 {
	margin: 10px 0;
}

.mtmb15 {
	margin: 15px 0;
}

.mtmb20 {
	margin: 20px 0;
}

.mtmb25 {
	margin: 25px 0;
}

.mtmb30 {
	margin: 30px 0;
}

.mtmb35 {
	margin: 35px 0;
}

.mtmb40 {
	margin: 40px 0;
}

.mtmb45 {
	margin: 45px 0;
}

.mtmb50 {
	margin: 50px 0;
}

.mtmb55 {
	margin: 55px 0;
}

.mtmb60 {
	margin: 60px 0;
}

.mtmb65 {
	margin: 65px 0;
}

.mtmb70 {
	margin: 70px 0;
}

.mtmb75 {
	margin: 75px 0;
}

.mtmb80 {
	margin: 80px 0;
}

.mtmb85 {
	margin: 85px 0;
}

.mtmb90 {
	margin: 90px 0;
}

.mtmb95 {
	margin: 95px 0;
}

.mtmb100 {
	margin: 100px 0;
}

.mtmb200-80 {
	margin: 200px 0 80px;
}

.m0_auto {
	margin: 0 auto;
}

.m10_auto {
	margin: 10px auto;
}

.m20_auto {
	margin: 20px auto;
}

.m30_auto {
	margin: 30px auto;
}

.m40_auto {
	margin: 40px auto;
}

.m50_auto {
	margin: 50px auto;
}

.m60_auto {
	margin: 60px auto;
}

.m70_auto {
	margin: 70px auto;
}

.m80_auto {
	margin: 80px auto;
}

.m90_auto {
	margin: 90px auto;
}

.m100_auto {
	margin: 100px auto;
}

.mt-10 {
	margin-top: -10px;
}

.mt-20 {
	margin-top: -20px;
}

.mt-30 {
	margin-top: -30px;
}

.mt-40 {
	margin-top: -40px;
}

.mt-50 {
	margin-top: -50px;
}

.mt-60 {
	margin-top: -60px;
}

.mt-70 {
	margin-top: -70px;
}

.mt-80 {
	margin-top: -80px;
}

.mt-90 {
	margin-top: -90px;
}

.mt-100 {
	margin-top: -100px;
}

.p00 {
	padding: 0px
}

.p05 {
	padding: 5px
}

.p10 {
	padding: 10px
}

.p15 {
	padding: 15px
}

.p20 {
	padding: 20px
}

.p25 {
	padding: 25px
}

.p30 {
	padding: 30px
}

.p35 {
	padding: 35px
}

.p40 {
	padding: 40px
}

.p45 {
	padding: 45px
}

.p50 {
	padding: 50px
}

.p55 {
	padding: 55px
}

.p60 {
	padding: 60px
}

.p65 {
	padding: 65px
}

.p70 {
	padding: 70px
}

.p75 {
	padding: 75px
}

.p80 {
	padding: 80px
}

.p85 {
	padding: 85px
}

.p90 {
	padding: 90px
}

.p95 {
	padding: 95px
}

.p100 {
	padding: 100px
}

.mainbox img.lineupimg {
	max-width: 800px;
	margin: 0 auto;
}

.ptpb00 {
	padding: 0px 0;
}

.ptpb05 {
	padding: 5px 0;
}

.ptpb10 {
	padding: 10px 0;
}

.ptpb15 {
	padding: 15px 0;
}

.ptpb20 {
	padding: 20px 0;
}

.ptpb25 {
	padding: 25px 0;
}

.ptpb30 {
	padding: 30px 0;
}

.ptpb35 {
	padding: 35px 0;
}

.ptpb40 {
	padding: 40px 0;
}

.ptpb45 {
	padding: 45px 0;
}

.ptpb50 {
	padding: 50px 0;
}

.ptpb55 {
	padding: 55px 0;
}

.ptpb60 {
	padding: 60px 0;
}

.ptpb65 {
	padding: 65px 0;
}

.ptpb70 {
	padding: 70px 0;
}

.ptpb75 {
	padding: 75px 0;
}

.ptpb80 {
	padding: 80px 0;
}

.ptpb85 {
	padding: 85px 0;
}

.ptpb90 {
	padding: 90px 0;
}

.ptpb95 {
	padding: 95px 0;
}

.ptpb100 {
	padding: 100px 0;
}

.pt00 {
	padding-top: 0px
}

.pt05 {
	padding-top: 5px
}

.pt10 {
	padding-top: 10px
}

.pt15 {
	padding-top: 15px
}

.pt20 {
	padding-top: 20px
}

.pt25 {
	padding-top: 25px
}

.pt30 {
	padding-top: 30px
}

.pt35 {
	padding-top: 35px
}

.pt40 {
	padding-top: 40px
}

.pt45 {
	padding-top: 45px
}

.pt50 {
	padding-top: 50px
}

.pt55 {
	padding-top: 55px
}

.pt60 {
	padding-top: 60px
}

.pt65 {
	padding-top: 65px
}

.pt70 {
	padding-top: 70px
}

.pt75 {
	padding-top: 75px
}

.pt80 {
	padding-top: 80px
}

.pt85 {
	padding-top: 85px
}

.pt90 {
	padding-top: 90px
}

.pt95 {
	padding-top: 95px
}

.pt100 {
	padding-top: 100px
}

.pl05 {
	padding-left: 5px
}

.pl10 {
	padding-left: 10px
}

.pl15 {
	padding-left: 15px
}

.pl20 {
	padding-left: 20px
}

.pl25 {
	padding-left: 25px
}

.pl30 {
	padding-left: 30px
}

.pl35 {
	padding-left: 35px
}

.pl40 {
	padding-left: 40px
}

.pl45 {
	padding-left: 45px
}

.pl50 {
	padding-left: 50px
}

.pl55 {
	padding-left: 55px
}

.pl60 {
	padding-left: 60px
}

.pl65 {
	padding-left: 65px
}

.pl70 {
	padding-left: 70px
}

.pl75 {
	padding-left: 75px
}

.pl80 {
	padding-left: 80px
}

.pl85 {
	padding-left: 85px
}

.pl90 {
	padding-left: 90px
}

.pl95 {
	padding-left: 95px
}

.pl100 {
	padding-left: 100px
}

.pr05 {
	padding-right: 5px
}

.pr10 {
	padding-right: 10px
}

.pr15 {
	padding-right: 15px
}

.pr20 {
	padding-right: 20px
}

.pr25 {
	padding-right: 25px
}

.pr30 {
	padding-right: 30px
}

.pr35 {
	padding-right: 35px
}

.pr40 {
	padding-right: 40px
}

.pr45 {
	padding-right: 45px
}

.pr50 {
	padding-right: 50px
}

.pr55 {
	padding-right: 55px
}

.pr60 {
	padding-right: 60px
}

.pr65 {
	padding-right: 65px
}

.pr70 {
	padding-right: 70px
}

.pr75 {
	padding-right: 75px
}

.pr80 {
	padding-right: 80px
}

.pr85 {
	padding-right: 85px
}

.pr90 {
	padding-right: 90px
}

.pr95 {
	padding-right: 95px
}

.pr100 {
	padding-right: 100px
}

.pb05 {
	padding-bottom: 5px
}

.pb10 {
	padding-bottom: 10px
}

.pb15 {
	padding-bottom: 15px
}

.pb20 {
	padding-bottom: 20px
}

.pb25 {
	padding-bottom: 25px
}

.pb30 {
	padding-bottom: 30px
}

.pb35 {
	padding-bottom: 35px
}

.pb40 {
	padding-bottom: 40px
}

.pb45 {
	padding-bottom: 45px
}

.pb50 {
	padding-bottom: 50px
}

.pb55 {
	padding-bottom: 55px
}

.pb60 {
	padding-bottom: 60px
}

.pb65 {
	padding-bottom: 65px
}

.pb70 {
	padding-bottom: 70px
}

.pb75 {
	padding-bottom: 75px
}

.pb80 {
	padding-bottom: 80px
}

.pb85 {
	padding-bottom: 85px
}

.pb90 {
	padding-bottom: 90px
}

.pb95 {
	padding-bottom: 95px
}

.pb100 {
	padding-bottom: 100px
}

#sb_instagram .sb_instagram_header {
	float: none;
	clear: both;
	margin: 0 0 15px 0;
	margin-bottom: 15px;
	padding: 0;
	line-height: 1.2;
	width: auto;
}

.homelink-spmenu>a.sp {
	display: block;
	line-height: 5.0rem !important;
	height: 6.0rem !important;
	padding: 5px 3.125rem 5px 1rem !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #eee;
	background-color: #444;
}

.menu-section .n_linktxt {
	line-height: 20px !important;
}

button.menu-mobile-close {
	background-color: transparent;
	color: #fff;
	border: none;
	background: transparent;
}

i.ion-ios-close {
	font-size: 80%;
}

.menu-mobile-header {
	background-color: transparent;
}

.menu-section li.sp {
	display: none !important;
}


/* スクロールバーの幅 */
.scroll-box::-webkit-scrollbar {
	width: 10px;
}

/* スクロールバー背景色 */
.scroll-box::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* スクロールバーのつまみの色 */
.scroll-box::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #c1c1c1;
}

.scroll-box {
	width: 100%;
	height: 150px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
	padding: 10px;
	color: #333;
}

.scroll-box p,
.scroll-box ul li,
.scroll-box ol li,
.scroll-box dl dd {
	line-height: 1.25em !important;
	font-size: 0.9em !important;
	margin: 0 auto 5px !important;
	word-wrap: break-word;
	width: 97%;
}

.scroll-box h3 {
	line-height: 1.0em !important;
	font-size: 1.0em !important;
	margin-bottom: 5px;
}

.scroll-box h4 {
	line-height: 1.0em !important;
	font-size: 0.9em !important;
	margin-bottom: 5px;
}

/* 本文調整 */
.bs {
	margin-bottom: 1.0em;
}

#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: -50px;
	background: #3C3;
	opacity: 0.6;
	border-radius: 50%;
}

#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 3px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}


ul.disk li {
	margin-left: 40px;
	list-style-type: disc;
}

#main h1,
.tohnen_pagettl h1 {
	position: relative;
	padding-left: 2.5em;
	font-size: 30px;
	line-height: 1.5em;
	margin-bottom: 30px;
}

@media screen and (max-width: 480px) {

	#main h1,
	.tohnen_pagettl h1 {
		font-size: 24px;
	}
}

.bal-b .chatting {
	width: 88%;
	margin-left: 105px;
}

.ttl_font {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.0em;
	width: 100%;
	margin: 30px auto;
}

.mainbox p {
	line-height: 1.7em;
	font-size: 1.1em;
	margin: 0 auto 20px;
	word-wrap: break-word;
	width: 94%;
}

.mainbox h2 {
	position: relative;
	padding: 0.25em 0em 0.25em 1.5em;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.5em;
	margin-left: -10px;
}

header .video_catchphrase h2 {
	border-bottom: 1px solid #FFF;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: 42px;
	text-shadow: 0 0 15px #666;
	line-height: 1.3em;
}

header .video_catchphrase span {
	font-size: 20px;
	text-shadow: 0 0 15px #666;
	letter-spacing: 0.1em;
}

ul.point_list {
	max-width: 1100px;
	width: 100%;
}

ul.point_list li a img {
	max-width: 342px;
	width: 100%;
}

.nav_link>ul {
	width: 100%;
}

ul.column3_1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	text-align: left;
	margin-left: 0;
}

ul.column3_1 li {
	width: 49%;
	margin: 0px 14px 14px 0 !important;
	box-sizing: border-box;
	margin: 0 auto;
}

ul.column3_1 li:nth-child(even) {
	margin: 0px 0px 14px 0 !important;
}

ul.column3_1 li [class*="btnT"] {
	/*
 display:block;
 padding: 6px;
 flex-direction: row;
 flex-wrap: wrap;
 position: relative;
 text-align: center;
 border: 1px solid #cdcdcd;
 padding: 13px 30px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;*/
	border-radius: 0;
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 3px solid #090;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	font-size: 1.1em;
}

.mainbox ul.column3_1 li a[target="_blank"] {
	background-position: 95% 50%;
}

.step {
	padding-left: 30px;
	line-height: 40px;
}

.step1 {
	background: url(images/common/step1.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.step2 {
	background: url(images/common/step2.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.step3 {
	background: url(images/common/step3.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.step4 {
	background: url(images/common/step4.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.step5 {
	background: url(images/common/step5.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.step6 {
	background: url(images/common/step6.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.step7 {
	background: url(images/common/step7.jpg) no-repeat;
	background-size: 80px auto;
	background-position: left 0% top 0%;
}

.stepttl {
	font-size: 24px;
	font-weight: bold;
	margin-left: 60px;
}

.stepexp {
	display: block;
	margin: 0 0 40px 60px;
	background-color: #f1f1f1;
	padding: 10px 20px;
	line-height: 1.5;
}

.mainbox p {
	line-height: 1.7em;
	font-size: 1.1em;
	margin: 0 auto 40px;
	word-wrap: break-word;
	width: 97%;
}

.mainbox h4 {
	border-bottom: solid 1px #eee;
	margin-bottom: 20px;
	padding-bottom: 3px;
	width: 97%;
	margin: 0 auto 10px;
}

table.ctable,
.mainbox table {
	border-collapse: collapse;
	max-width: 825px;
	width: 97%;
	margin: 0 auto;
}

.n_linktxt {
	line-height: 1.25em !important;
}

.officeimg {
	max-width: 825px;
	width: 100%;
	margin: 0 auto;
}

.nav_link ul li {
	flex: 1;
	margin: 0 2px 7px 0;
	padding: 0 0;
}

.nav_link ul li a {
	background-color: #117134;
	display: block;
}

.nav_link ul li a:hover {
	background-color: #0C3;
	display: block;
}

.nav_link ul li img {
	margin-right: 2px;
	margin-bottom: 0px;
	width: 120px;
}

a.ccpage_title_link {
	display: block;
	padding: 10px 20px 10px 40px;
	box-sizing: border-box;
	background: url(images/common/ico_arrow.png) no-repeat 20px center;
	text-decoration: none;
	color: #202020;
	margin-bottom: 10px;
}

h3.ccpage_linked_title>a.ccpage_title_link {
	display: block;
	padding: 10px 20px 10px 40px;
	box-sizing: border-box;
	background: url(images/common/ico_arrow.png) no-repeat 20px center;
	text-decoration: none;
	color: #202020;
	margin-bottom: 0px;
}

.nav-item_sub li a {
	color: #FFF;
	display: i;
	padding: 0 0 0 0;
	text-decoration: none;
}

.mainbox img {
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

img.mainimg,
img.size-full {
	width: auto;
	max-width: 100%;
	/*margin: 40px auto !important;*/
}

.ccchildpage {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 1em 1%;
	padding: 0 0 !important;
	display: block;
	float: left;
}

@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

.pdfemb-viewer {
	border: none !important;
}






.base_color {
	color: #245C94;
}

.base_bgcolor {
	background-color: #f8f8f8;
	/*color:#fff;*/
}

.bgf {
	background-color: #fff;
}

.bge {
	background-color: #eee;
}

.bgf0 {
	background-color: #f0f0f0;
}

.black {
	color: #000;
}

.white {
	color: #fff;
}

.ccc {
	color: #ccc;
}


a[target="_blank"] {
	text-decoration: none;
}

a:active {
	border: none !important;
	outline: 0 !important;
}



@media screen and (max-width: 414px) {

	/*	.p00{padding:0px 0}.p05{padding:5px 0}.p10{padding:10px 0}.p15{padding:15px 0}.p20{padding:20px 0}.p25{padding:25px 0}.p30{padding:30px 0}.p35{padding:35px 0}.p40{padding:40px 0}.p45{padding:45px 0}.p50{padding:50px 0}.p55{padding:55px 0}.p60{padding:60px 0}.p65{padding:65px 0}.p70{padding:70px 0}.p75{padding:75px 0}.p80{padding:80px 0}.p85{padding:85px 0}.p90{padding:90px 0}.p95{padding:95px 0}.p100{padding:100px 0}*/
	.cont p20 {
		padding: 20px 0px;
	}
}



@media screen and (max-width: 767px) {
	.w01,
	.w02,
	.w03,
	.w04,
	.w05,
	.w06,
	.w07,
	.w08,
	.w09,
	.w10,
	.w11,
	.w12,
	.w13,
	.w14,
	.w15,
	.w16,
	.w17,
	.w18,
	.w19,
	.w20,
	.w21,
	.w22,
	.w23,
	.w24,
	.w25,
	.w26,
	.w27,
	.w28,
	.w29,
	.w30,
	.w31,
	.w32,
	.w33,
	.w34,
	.w35,
	.w36,
	.w37,
	.w38,
	.w39,
	.w40,
	.w41,
	.w42,
	.w43,
	.w44,
	.w45,
	.w46,
	.w47,
	.w48,
	.w49,
	.w50,
	.w51,
	.w52,
	.w53,
	.w54,
	.w55,
	.w56,
	.w57,
	.w58,
	.w59.w60,
	.w61,
	.w62,
	.w63,
	.w64,
	.w65,
	.w66,
	.w67,
	.w68,
	.w69,
	.w70,
	.w71,
	.w72,
	.w73,
	.w74,
	.w75,
	.w76,
	.w77,
	.w78,
	.w79,
	.w80,
	w81,
	.w82,
	.w83,
	.w84,
	.w85,
	.w86,
	.w87,
	.w88,
	.w89,
	.w90,
	.w91,
	.w92,
	.w93,
	.w94,
	.w95,
	.w96,
	.w97,
	.w98,
	.w99

	/*,.w100*/
		{
		width: 94%
	}

	.w1200,
	.w300 {
		width: 94%;
	}

	pre {
		/* Mozilla */
		white-space: -moz-pre-wrap;
		/* Opera 4-6 */
		white-space: -pre-wrap;
		/* Opera 7 */
		white-space: -o-pre-wrap;
		/* CSS3 */
		white-space: pre-wrap;
		/* IE 5.5+ */
		word-wrap: break-word;
	}
}

/*
--------------------------------------------------
 ◇ height
-------------------------------------------------- */
.h00 {
	height: 0px
}

.h05 {
	height: 5px
}

.h10 {
	height: 10px
}

.h15 {
	height: 15px
}

.h20 {
	height: 20px
}

.h25 {
	height: 25px
}

.h30 {
	height: 30px
}

.h35 {
	height: 35px
}

.h40 {
	height: 40px
}

.h45 {
	height: 45px
}

.h50 {
	height: 50px
}

.h55 {
	height: 55px
}

.h60 {
	height: 60px
}

.h65 {
	height: 65px
}

.h70 {
	height: 70px
}

.h75 {
	height: 75px
}

.h80 {
	height: 80px
}

.h85 {
	height: 85px
}

.h90 {
	height: 90px
}

.h95 {
	height: 95px
}

.h100 {
	height: 100px
}

.h100 {
	height: 100px
}

.h105 {
	height: 105px
}

.h110 {
	height: 110px
}

.h115 {
	height: 115px
}

.h120 {
	height: 120px
}

.h125 {
	height: 125px
}

.h130 {
	height: 130px
}

.h135 {
	height: 135px
}

.h140 {
	height: 140px
}

.h145 {
	height: 145px
}

.h150 {
	height: 150px
}

.h155 {
	height: 155px
}

.h160 {
	height: 160px
}

.h165 {
	height: 165px
}

.h170 {
	height: 170px
}

.h175 {
	height: 175px
}

.h180 {
	height: 180px
}

.h185 {
	height: 185px
}

.h190 {
	height: 190px
}

.h195 {
	height: 195px
}

.h200 {
	height: 200px
}

.h205 {
	height: 205px
}

.h210 {
	height: 210px
}

.h215 {
	height: 215px
}

.h220 {
	height: 220px
}

.h225 {
	height: 225px
}

.h230 {
	height: 230px
}

.h235 {
	height: 235px
}

.h240 {
	height: 240px
}

.h245 {
	height: 245px
}

.h250 {
	height: 250px
}

.h255 {
	height: 255px
}

.h260 {
	height: 260px
}

.h265 {
	height: 265px
}

.h270 {
	height: 270px
}

.h275 {
	height: 275px
}

.h280 {
	height: 280px
}

.h285 {
	height: 285px
}

.h290 {
	height: 290px
}

.h295 {
	height: 295px
}

.h300 {
	height: 300px
}

.h305 {
	height: 305px
}

.h310 {
	height: 310px
}

.h315 {
	height: 315px
}

.h320 {
	height: 320px
}

.h325 {
	height: 325px
}

.h330 {
	height: 330px
}

.h335 {
	height: 335px
}

.h340 {
	height: 340px
}

.h345 {
	height: 345px
}

.h350 {
	height: 350px
}

.h355 {
	height: 355px
}

.h360 {
	height: 360px
}

.h365 {
	height: 365px
}

.h370 {
	height: 370px
}

.h375 {
	height: 375px
}

.h380 {
	height: 380px
}

.h385 {
	height: 385px
}

.h390 {
	height: 390px
}

.h395 {
	height: 395px
}

.h400 {
	height: 400px
}

.h405 {
	height: 405px
}

.h410 {
	height: 410px
}

.h415 {
	height: 415px
}

.h420 {
	height: 420px
}

.h425 {
	height: 425px
}

.h430 {
	height: 430px
}

.h435 {
	height: 435px
}

.h440 {
	height: 440px
}

.h445 {
	height: 445px
}

.h450 {
	height: 450px
}

.h455 {
	height: 455px
}

.h460 {
	height: 460px
}

.h465 {
	height: 465px
}

.h470 {
	height: 470px
}

.h475 {
	height: 475px
}

.h480 {
	height: 480px
}

.h485 {
	height: 485px
}

.h490 {
	height: 490px
}

.h495 {
	height: 495px
}

.h500 {
	height: 500px
}

.h520 {
	height: 520px
}

/*
--------------------------------------------------
 ◇ line height
-------------------------------------------------- */
.line_h15 {
	line-height: 15px
}

.line_h22 {
	line-height: 22px
}

.line_h30 {
	line-height: 30px
}

.line_h32 {
	line-height: 32px
}

.line_h25 {
	line-height: 25px
}

.line_h22 {
	line-height: 22px
}

.line_h20 {
	line-height: 20px
}

.line_h27 {
	line-height: 27px
}

.line_h35 {
	line-height: 35px
}

.line_h37 {
	line-height: 37px
}

.line_h40 {
	line-height: 40px
}

/*
--------------------------------------------------
 ◇ font size
-------------------------------------------------- */
.font-normal,
.font-normal th {
	font-weight: normal !important;
}



.font_10 {
	font-size: 10px
}

.font_11 {
	font-size: 11px
}

.font_12 {
	font-size: 12px
}

.font_13 {
	font-size: 13px
}

.font_14 {
	font-size: 14px
}

.font_15 {
	font-size: 15px
}

.font_16 {
	font-size: 16px
}

.font_17 {
	font-size: 17px
}

.font_18 {
	font-size: 18px
}

.font_19 {
	font-size: 19px
}

.font_20 {
	font-size: 20px
}

.font_21 {
	font-size: 21px
}

.font_22 {
	font-size: 22px
}

.font_23 {
	font-size: 23px
}

.font_24 {
	font-size: 24px
}

.font_25 {
	font-size: 25px
}

.font_26 {
	font-size: 26px
}

.font_28 {
	font-size: 28px
}

.font_30 {
	font-size: 30px
}

.font_32 {
	font-size: 32px
}

.font_36 {
	font-size: 36px
}

.font_40 {
	font-size: 40px
}

.font_48 {
	font-size: 48px
}

.font_50 {
	font-size: 50px
}

.font_60 {
	font-size: 60px
}

.font_70 {
	font-size: 70px
}

/*
--------------------------------------------------
 ◇ Border radius
-------------------------------------------------- */
.border_r3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

.border_r5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}

.border_r10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px
}

.border_r15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px
}

.border_r20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.border_r25 {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px
}

.border_r30 {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px
}

.border_r35 {
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	-ms-border-radius: 35px;
	-o-border-radius: 35px;
	border-radius: 35px
}

.bordertop {
	border-top: solid 1px #333;
}

.border {
	border: solid 1px #999;
}

/* 円の中心に文字main
<div class="circle"></div>
<a class="circle" href="~">1</a>
1）2行入れる場合
<a class="circle_2l" href="~"><span>1<br>sample</span></a>
2）円を枠線
<a class="circle_border" href="~">1</a>
 */
div.circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: skyblue;
	/*背景色*/
}

a.circle {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: skyblue;
	text-align: center;
	line-height: 80px;
}

a.circle_2l span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px;
	text-align: center;
}

a.circle_border {
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	border: solid 3px skyblue;
}

/* 画像トリミング */
img.trim {
	width: 250px;
	height: 250px;
	object-fit: cover;
	/* object-position: 0 100%; */
}

div.trim-circle {
	/* 背景画像 */
	background-image: url("#.jpg");
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-position: left top;
	border: 7px solid #fff;
	/* 枠線を付加 */
}

/* または */
div.trim-circle img {
	/* 画像のみ */
	border-radius: 50%;
}

/* 矢印　▶　<div class="tri">text</div> */
.tri {
	position: relative;
	padding-left: 13px;
}

.tri::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: solid 6px transparent;
	border-left: solid 8px #697b91;
	top: 50%;
	left: 0;
	margin-top: -5px;
}

.tri_bg {
	position: relative;
	padding-left: 22px;
}

.tri_bg::before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	background: #697b91;
	border-radius: 50%;
	top: 50%;
	left: 0;
	margin-top: -7px;
}

.tri_bg::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 6px #fff;
	top: 50%;
	left: 6px;
	margin-top: -3px;
}

.arrow {
	position: relative;
	padding-left: 15px;
}

.arrow::before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-top: solid 2px #ddd;
	border-right: solid 2px #ddd;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 0;
	margin-top: -3px;
}

.arrow- {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}

.arrow-::before,
.arrow-::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

/* 矢印 > 背景付き <div class="arrow_bg">text</div> */
.arrow_bg {
	position: relative;
	padding-left: 22px;
}

.arrow_bg ::before {
	position: absolute;
	content: '';
	width: 17px;
	height: 17px;
	background: #697b91;
	border-radius: 50%;
	top: 50%;
	left: 0;
	margin-top: -7px;
}

.arrow_bg ::after {
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	margin-top: -1px;
}

.bubble {
	position: relative;
	display: inline-block;
	width: 200px;
	text-align: center;
	color: #FFF;
	padding: 25px;
	background-color: #f39800;
	border-radius: 5px;
}

.bubble:before {
	content: '';
	position: absolute;
	display: block;
	z-index: 1;
	border-style: solid;
	border-color: #f39800 transparent;
	border-width: 20px 20px 0 0;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
}

.bubble_o {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #FFF;
	background-color: #f39800;
	border-radius: 50%;
}

.bubble_o:before {
	content: '';
	position: absolute;
	display: block;
	z-index: 1;
	border-style: solid;
	border-color: #f39800 transparent;
	border-width: 30px 10px 0 10px;
	bottom: -28px;
	left: 50%;
	margin-left: -10px;
}

.single_wrap p {
	margin-bottom: 20px;
}

.single_wrap h2 {
	font-size: 140%;
}

.single_wrap h3 {
	font-size: 130%;
}

.single_wrap h4 {
	font-size: 120%;
}

.single_wrap h2,
.single_wrap h3,
.single_wrap h4,
.single_wrap ul,
.single_wrap ol,
.single_wrap dl {
	margin-bottom: 20px !important;
}

.news_img a img,
.page_wrap img,
.single_wrap img {
	width: 100% !important;
}

table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
	margin: 0 auto 40px;
}

table tr {
	border: solid 1px #ddd;
}

table tr:hover {
	background-color: #f9fafe;
}

table th {
	padding: 15px;
}

table td {
	padding: 15px;
}

.kakomi {
	border: solid 2px #ddd;
	padding: 40px 20px;
	border-radius: 1em;
	background: #fff;
}

.kakomi p {
	margin: 0 auto 0px;
}

/* 組 */
.cont,
.col1,
.col2,
.col3 {
	width: 94%;
	display: block;
}

.col3_100 {
	width: 100%;
	display: block;
}

.col_table {
	display: table;
	padding: 0px;
	margin: 0;
	width: 100%;
}

div.col1 div.box1 {
	display: table-cell;
	width: 100%;
}

div.col2 div.box1 {
	display: table-cell;
	width: 50%;
}

div.col2 div.box2 {
	display: table-cell;
}

div.col3 div.box1 {
	display: table-cell;
	width: 33%;
}

div.col3 div.box2 {
	display: table-cell;
	width: 33%;
}

div.col3 div.box3 {
	display: table-cell;
}

div.col3_100 div.box300 {
	display: inline-block;
	width: 300px;
	min-height: 380px;
	float: left;
}

.box300 .pic {
	width: 300px;
	height: 202px;
	background-color: #eee;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}

.box300 .pic a {
	width: 300px;
	height: 202px;
}

.box300 .pic img {}

.whatsnew {
	width: 100%;
	height: 200px;

	overflow-y: auto;
	margin: 0 auto 80px;
	padding: 20px 0px;
	background-color: #fff;
}

.scrollbar {
	width: 100%;
	height: 400px;

	overflow-y: auto;
	margin: 0 auto;
	padding: 20px 0px;
	background-color: #fff;
}

.whatsnew::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
	width: 5px;
	background: #ddd;
}

.whatsnew::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb {
	background: #bbb;
	border-radius: 2px;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.whatsnew {
		width: 100%;
	}
}

.wn-item {
	padding: 10px 0px;
	margin: 0 auto 2px;
	border-bottom: dotted 1px #ccc !important;
	width: 94%;
	/*max-width:1100px;*/
}

.wn-item:after {
	content: "";
	display: block;
	clear: both;
}

.wn-date {
	font-size: 0.8em;
	width: 80px;
	white-space: nowrap;
	float: left;
	padding-right: 0px;
	color: #222;
}

.title_link {
	padding-left: 100px;
}

.title a,
.title_link a {
	text-decoration: none;
}

.wn-item .wn-article {
	font-size: 14px;
	letter-spacing: 0.05em;
	width: 100%;
	/*max-width:1000px;*/
	float: right;
}

.label_news,
.label_media,
.label_schedule,
.label_event,
.label_topics,
.label_publication {
	width: 75px;
	height: auto;
	display: inline-block;
	font-size: 0.75em;
	line-height: 1.5;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 1px 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	vertical-align: middle;
	float: left;
}

.label_media {
	background-color: #f7bd8f;
}

.label_schedule {
	background-color: #d4acad;
}

.label_event {
	background-color: #c5c56a;
}

.label_topics {
	background-color: #a0d8ef;
}

.label_news {
	background-color: #f8e58c;
}

.label_publication {
	background-color: #e6b422;
}

@media screen and (max-width: 480px) {
	.whatsnew {
		width: 100%;
	}

	iframe {
		width: 100% !important;
		margin: 0 auto;
	}


	/* 組 */
	.cont,
	.col1,
	.col2,
	.col3 {
		margin: 0 auto;
		width: 94%;
		max-width: 1180px;
		display: block;
	}

	.col_table .box1,
	div.col1 div.box1,
	div.col2 div.box1,
	div.col2 div.box2,
	div.col3 div.box1,
	div.col3 div.box2,
	div.col3 div.box3 {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

	.box1 img,
	.box2 img,
	.box3 img,
	.center_box img {
		width: 100%;
		display: block;
	}

	.flex .p20,
	.p20 {
		padding: 20px 0;
	}

	.flex .btn .element,
	.flex .btn .element a {
		width: 100%;
		display: block;
		text-align: center;
		padding: 5px 0 3px;
	}

	.kakomi {
		padding: 20px !important;
	}
}

.center_box {
	display: table;
	text-align: center;
	border: solid 3px #eee;
	border-radius: 5px;
}

.box1 img,
.box2 img,
.box3 img,
.center_box img {
	width: 100%;
	display: block;
}

.box1 p,
.box2 p,
.box3 p {
	text-align: left;
}

.b-s-x-y-0-50px {
	border-spacing: 0 50px;
}

/* クリックで表示 */
button.pulldown {
	border: none;
	background-color: #fff;
	cursor: pointer;
}

button:focus {
	outline: 0;
}

.puldtxt {
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.container {
		width: 94%;
		margin: 0 auto;
	}

	#contents {
		width: 100%;
		float: none;
	}

	#sidebar {
		width: 100%;
		float: none;
	}

	#wrapper {
		margin: 0px auto;
		/*background-image: url(../images/bg.jpg);width:100%;*/
		min-width: 360px;
	}
}

.point {
	position: relative;
	border: solid 2px #6FC822;
	background: #fff;
	line-height: 1.8;
	padding: 20px;
	margin: 2em auto 2.0em;
	max-width: 640px;

}

.point:after {
	/*タブ*/
	position: absolute;
	font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif;
	font-weight: 900;
	content: '\f0a7\ POINT';
	background: #6FC822;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 480px) {
	.point {
		width: 100%;
	}
}

.container {
	width: 94%;
	margin: 0 auto;
}

#contents {
	width: 100%;
	float: none;
}

#sidebar {
	width: 100%;
	float: none;
}

#wrapper {
	margin: 0px auto;
	/*background-image: url(../images/bg.jpg);width:100%;*/
	min-width: 360px;
}

/*====================================================================================
◆08.Media
====================================================================================*/
.media,
.media-body {
	overflow: hidden;
}

.media>.pull-left {
	margin-right: 20px;
}

.media>.pull-right {
	margin-left: 20px;
}

.media-text:after {
	clear: both;
	display: block;
	content: "";
	height: 0px;
	visibility: hidden;
}

.fluid-width-video-wrapper {
	width: 80%;
	position: relative;
	padding: 0;
	margin: 0 auto;
}

/*====================================================================================
◆09.Other
====================================================================================*/
.normal {
	font-weight: normal
}

.bold {
	font-weight: bold
}

.justify {
	text-align: justify
}

.lpgas_top_pickup_3 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.lpgas_top_pickup_3 .item img.pic3 {
	width: 99%;
	margin: 0 auto;
}

.lpgas_top_pickup_3 .item_pic3 {
	background: #D3E0EF;
	padding: 20px 0 0 20px;
}


@media screen and (max-width: 480px) {

	/*スクロールダウン全体の場所*/
	.scrolldown0 {
		bottom: 0px;
	}

	.scrolldown1 {
		bottom: 0px;
	}


	#main h1 {
		margin: 20px auto;
	}

	.f_menu2 {
		border-bottom: none;
	}

	.mainbox {
		width: 100%;
	}

	.mainbox p {
		margin-bottom: 40px;
	}

	.child_temp_page .mainbox,
	.mainbox {
		padding: 0 10px 100px 10px;
	}

	.mainbox img.lineupimg {
		width: 100%;
		margin: 0 auto;
	}

	.step-flow li {
		margin-left: 0px !important;
		line-height: 40px;
	}

	/* table レスポンシブ */
	.prodtable {
		display: block;
		width: 100%;
		margin: 0 -10px;
	}

	.prodtable thead {
		display: block;
		float: left;
		overflow-x: scroll;
	}

	.prodtable tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}

	.prodtable thead th {
		width: auto;
		display: block;
	}

	.prodtable tbody tr {
		display: inline-block;
		margin: 0 -3px;
	}

	.prodtable tbody td {
		display: block;
	}

	.nav_link ul li a {
		background-color: transparent !important;
		display: block;
	}

	ul.column3_1 li {
		width: 100%;
		margin: 0px 0px 14px 0 !important;
	}

	.lpgas_contents table {
		margin: 30px auto;
		width: 97%;
		border-collapse: separate;
		border-spacing: 15px;
	}

	.bal-b .chatting {
		width: 88%;
		margin-left: 0px;
	}

	.says-b {
		display: inline-block;
		position: relative;
		margin: 5px 80px 0 0;
		padding: 17px 13px;
		border-radius: 12px;
		background: #CAEFB4;
	}

	.lpgas_top_pickup_3 .item_pic3 {
		background: #D3E0EF;
		padding: 20px 0 0;
	}
}

@media screen and (max-width:900px) {
	.menu-section li.sp {
		display: block !important;
	}

	.lpgas_page .nav_container .menu>ul>li>a,
	.autolease_page .nav_container .menu>ul>li>a,
	.maintenance_page .nav_container .menu>ul>li>a {
		color: #fff;
	}

	.lpgas_contents {
		overflow: hidden;
	}

	.lpgas_contents table tr td li {
		width: 80%;
	}

	.nav_contact {
		margin-bottom: 3px !important;
	}

	.nav_container .menu .menu-section {
		background-color: rgba(51, 51, 51, 1.0);
		text-align: left;
	}

	.nav_container .menu ul li.nav_home a,
	.nav_container .menu>ul>li>a {
		padding: 5px 3.125rem 5px 1rem !important;
	}

	.nav_container .menu .menu-mobile-header {
		border-bottom: none;
	}

	.menu-mobile-title {
		display: none;
	}

	.nav_container .menu .menu-mobile-header .menu-mobile-close {
		font-size: 4.5rem;
		line-height: 3.125rem;
		cursor: pointer;
		width: 3rem;
		height: 7rem;
		text-align: center;
		/*border-left: 1px solid rgba(0, 0, 0, 0.1);*/
		border-left: none;
		color: var(--color-white);
		color: #fff;
	}

	.nav_container .menu .menu-mobile-header .menu-mobile-arrow {
		font-size: 3.0rem;
		line-height: 3.125rem;
		cursor: pointer;
		width: 3rem;
		height: 7rem;
		text-align: center;
		border: none;
		color: var(--color-white);
		color: #fff;
		background-color: transparent;
	}

	.nav_container .menu>ul>li>a {
		display: block;
		line-height: 4.0rem;
		height: 5.0rem;
		padding: 5px 3.125rem 5px 1rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.nav_container .menu>ul>li>a i.ion {
		position: absolute;
		font-size: 1.6rem;
		line-height: 3rem;
		top: 10px;
		right: 0;
		width: 3.125rem;
		height: 3.125rem;
		text-align: center;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.insurance_page .nav_container .menu>ul>li>a,
	.idemitsu_page .nav_container .menu>ul>li>a,
	a.menu-item-has-children {
		color: #fff;
	}

	ul.menu-section:last-child::after {
		/*	content: "<div class=''><a href=\"\">リンク追加</a></div>";*/
	}

	.nav_link ul li {
		margin: 0 7px 20px 0;
	}

	.nav_link ul li img {
		margin-right: 14px;
		padding-bottom: 5px !important;
		width: 120px !important;
	}

	.inq-tel>.w40 {
		width: 100%;
	}

	.sp_footer.sp_link {
		display: none;
	}

	ul.f_menu2 {
		display: block;
	}

	ul.f_menu2 li {
		width: 100%;
		display: block;
		text-align: center;
	}

	ul.f_menu2 li:last-child {
		margin-bottom: 80px;
	}

	.lpgas_top_pickup_3 .lpg6support .pic3-2 {
		width: 100%;
		margin: 0 auto;

	}

	.lpgas_top_pickup_3 li.pickup_img_3 {
		max-width: none;
		width: 100%;
	}

	.lpgas_top_pickup_3 li.pickup_img_4 {
		max-width: none;
		width: 100%;
	}
}


ol.num,
ol.decimal {
	list-style-type: decimal !important;
}

ol.num li,
ol.decimal li {
	list-style-type: decimal;
	margin-left: 40px;
	margin-bottom: 10px;
	text-align: left;
}

.mainbox h3 {
	font-weight: bold;
}

.mainbox .sbi_header_text>h3 {
	background-color: transparent;
}

a.sbi_header_link {
	color: #000;
}

.child_temp_page .mainbox,
.mainbox {
	padding: 0 60px 100px 10px;
}

.pdfemb-the-canvas {
	width: 100% !important;
	height: auto !important;
}

.emodal-content .pdfemb-viewer {
	max-width: 100% !important;
	max-height: 100% !important;
}

.emodal>.emodal-close {
	font-size: 40px !important;
	font-weight: bold;
}

.emodal-title {
	margin-bottom: 20px !important;
}

.max_1090 {
	margin: 0 auto;
	margin-top: 0px;
	max-width: 1090px;
	width: 97%;
	padding: 0 0;
	box-sizing: content-box;
}

.lpgas_contents table tr td li a {
	padding: 20px;
	border: 2px solid #000;
	width: 325px;
	font-size: 15px;
	color: #000;
	position: relative;
}

table.basic td {
	border-bottom: solid 1px #999;
}

video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 177.77777778vh;
	height: 56.25vw;
	min-height: 100%;
	min-width: 100%;
	z-index: -1;
	margin-top: -2px;
	/*※これを追加*/
}

.idemitsu_top_contents_box table th {
	padding: 10px;
	text-align: right;
	width: 30%;
}

.idemitsu_page .nav_container .menu ul li.nav_home a {
	color: #FFF;
	width: 100%;
	background: #b6bab6;
	display: block;
	font-weight: bold;
}

.area-carclass h3 span {
	vertical-align: text-bottom;
}

::placeholder {
	color: rgb(121, 121, 121);
	font-size: 14px;
}

#zip1,
#zip2 {
	width: 70px;
	display: inline;
}

.inline span {
	width: auto;
	display: inline;
}

.mw_wp_form .vertical-item {
	display: inline !important;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}


button,
input {
	overflow: visible;
}


button,
select {
	text-transform: none;
}



button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}



.zip-button {
	background-color: #eee;
	border: 1px solid #999;
	color: #222;
	margin: 5px;
	padding: 6px 10px;
	text-decoration: none;
	cursor: pointer;
	border-radius: 2px;
	font-size: 0.8rem;
}

.zip-button:hover {
	background-color: #999;

}

.select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select {
	margin: 0px;
	padding: 6px 10px;

	border: #ccc 1px solid;
	border-radius: 2px;
	background: #fff;
}


.item-wrap label,
.item-wrap-label {
	width: 100%;
	display: flex;
	line-height: 1.8rem;
}

.item-wrap label .block {
	width: 100%;
	display: block;
}

.formitemwrap {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 60px;
}

.formitemwrap input[type=text],
.formitemwrap input[type=email],
.formitemwrap textarea {
	max-width: 440px;
	width: 100%;
	background: #fff !important;
}

.item-wrap {
	display: inline-flex;
	width: 100%;
	padding: 0;
	vertical-align: middle;
	overflow: hidden;
	margin-bottom: 0px;
	/*border-bottom: solid 1px #fff;*/
}

.title-wrap {
	padding: 20px 15px;
	width: 250px;
	display: flex;
	background-color: rgba(193, 225, 172, 0.96);
	opacity: 0.8;
	justify-content: center;
}

_::-webkit-full-page-media,
_:future,
:root .form-required {
	background-color: #429BA8;
	color: #fff;
	margin: 0;
	padding: 4px 6px 0px !important;
	font-size: 12px;
	font-weight: normal;
	width: 40px;
	height: auto;
	text-align: center;
	/*position: absolute;
	left: 0px;
	top: 50px;*/
}



_::-webkit-full-page-media,
_:future,
:root .form-required {
	float: right;
	top: -23px;
	position: relative;
}

@media screen and (min-width:481px) {

	_::-webkit-full-page-media,
	_:future,
	:root .form-required {
		float: right;
		top: 0px;
		position: relative;
	}
}

.form-required {
	background-color: #429BA8;
	color: #fff;
	margin: 0;
	padding: 4px 6px 0px;
	font-size: 12px;
	font-weight: normal;
	width: 40px;
	height: 28px;
	text-align: center;
	float: right;
}

.form-required-span {
	background-color: #429BA8;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 2px 6px 2px;
	font-size: 12px !important;
	font-weight: normal;
	width: 40px;
	height: 22px;
	text-align: center;
	white-space: nowrap;
}


_::-webkit-full-page-media,
_:future,
:root .form-required {
	background-color: #429BA8;
	color: #fff;
	margin: 0;
	padding: 1px 6px 3px;
	font-size: 12px;
	font-weight: normal;
	width: 40px;
	height: 28px;
	text-align: center;
	float: right;
}

.nini {

	padding: 2px 6px 4px;
	font-size: 12px;
	font-weight: normal;
	width: 30px;
	height: 16px;
	text-align: center;
	float: right;
}

.input-item {
	padding: 10px 20px;
	width: 70%;
	display: inline-block;
	clear: both;
	line-height: 3.3rem;
}

.input-item-add {
	padding: 10px 20px;
	width: 70%;
	display: inline-block;
	clear: both;
	line-height: 2rem;
}

.mw_wp_form_preview .input-item .input-subtitle .block {
	padding: 10px 20px;
	width: 70%;
	display: inline-block;
	/*border-bottom: solid 1px #ddd;*/
	clear: both;
	line-height: 2rem;
}

.input-title {
	width: 80%;
	font-weight: bold;
	margin-top: 2px;
}

.title-wrap:nth-child(even) {
	background-color: #C9E1F8;
}

.item-wrap:nth-child(even) {
	background-color: #f8f8f8;
	border-bottom: solid 1px #fff;
}

.item-wrap:nth-child(odd) {
	background-color: #eaeaea;
	border-bottom: solid 1px #fff;
}

.zip-mr {
	margin-right: 6px;
	vertical-align: baseline;
}



.hyphen,
.postal-icon,
.mwform-item {}

.mw_wp_form h3 {
	background: none;
	margin-bottom: 5px;
	padding: 1.0em 0em;
}

.mw_wp_form_confirm.mw_wp_form_preview .zip-mr,
.mw_wp_form_confirm.mw_wp_form_preview .scroll-box,
.mw_wp_form_confirm.mw_wp_form_preview .notuse {
	display: none;
}

.mw_wp_form_confirm.mw_wp_form_preview .checknox-wrap {
	border-bottom: solid 5px #DEEFDE;
}

.mw_wp_form_confirm.mw_wp_form_preview .checknox-wrap {
	padding-left: 24px;
	position: relative;
}

.mw_wp_form_confirm.mw_wp_form_preview .checknox-wrap:before,
.mw_wp_form_confirm.mw_wp_form_preview .checknox-wrap:after {
	content: "";
	display: block;
	position: absolute;
}

.mw_wp_form_confirm.mw_wp_form_preview .checknox-wrap:before {
	width: 16px;
	height: 16px;
	border-radius: 0px;
	background: #ffffff;
	border: 1px solid #bebebe;
	left: 0;
	top: 2px;
}

.mw_wp_form_confirm.mw_wp_form_preview .checknox-wrap:after {
	border-left: 3px solid #13853D;
	border-bottom: 3px solid #13853D;
	width: 15px;
	height: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 5px;
	top: 1px;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: #13853D;
}

.mw_wp_form_complete h4 {
	margin: 0 0 60px;
	font-size: 16px;
	font-weight: bold;
}


.mw_wp_form_confirm.mw_wp_form_preview .input-subtitle {
	width: 100%;
}

.mw_wp_form_confirm.mw_wp_form_preview .input-subtitle .block {
	border-bottom: solid 2px #fff;
	padding: 0px 0px;
	width: 100%;
	color: #333;
	font-size: 0.85em;
}

.mw_wp_form input[type="file"] {
	display: inline-block;
	width: 93%;
	border: 0 !important;
}

@media screen and (max-width: 640px) {

	.item-wrap label,
	.item-wrap-label {
		width: 100%;
		display: block;
	}

	.item-wrap,
	.title-wrap,
	.input-item {
		display: block;
		width: 100%;
		margin: 0 0;
	}

	.input-item {
		margin-bottom: 10px !important;
		border-bottom: none;
		font-size: 120%;
	}

	.item-wrap:nth-child(odd) {}

	.item-wrap {
		background-color: #F2F2F2;
		margin-bottom: 20px;
	}

	.form-required {
		float: right;
		top: -27px;
		position: relative;
	}

	.mwform-tel-field>input[type=text],
	.mwform-item>input[type=text] {
		width: 23% !important;
	}

	.mwform-item input#address {
		width: 100% !important;
	}

	.mw_wp_form input[type="file"] {
		display: inline-block;
		width: 100%;
		border: 0 !important;
	}

	#main input[type="text"] {
		width: 100%;
	}

	.input-item-add {
		padding: 10px 10px;
		width: 100%;
		display: inline-block;
		clear: both;
		line-height: 2rem;
	}

	_::-webkit-full-page-media,
	_:future,
	:root select {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		padding: 20px;
		-webkit-appearance: button;
		appearance: button;
		font-size: 16px;
		color: #000;
	}

}