/* CSS Document */

.heading01.yellow:before { color: #F82811;}

/*
	お電話でのお問い合わせ
*/
#h5Contact { font-size: 24px; font-weight: bold; color: #1F6AC5; }
.telBig { font-size: 24px; font-weight: bold; }


/*
	問い合わせフォーム 外枠
*/
#contactWrap { background-color:#99CCFF; margin:0 10px; padding:10px;}

/*
	問い合わせフォーム 注意書き
*/
.caution { font-size:0.75em; font-weight:bold;}

/*
	問い合わせフォーム
*/
.err { color:#f82811; font-size:12px; font-weight:bold;}
#contactWrap dl dt { color:#fff; font-size:0.875em; background-color:#408DFF; text-align:left; width:28%; float:left; text-indent:1.5em; padding-top:12px; }
#contactWrap dl dd { width:71%; float:left; background-color:#EDF5FF; padding:0.5%; }
#contactWrap dl { width:100%; float:left; border:2px solid #408DFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom:10px; background-color:#408DFF; }
input[type="text"] { border:none; width:95%; height:34px; font-size:1em;}
#contactWrap dl dd div { width:100%; margin:0 auto; }
#contactWrap .txt { font-size:0.875em; color:#005DB2; font-weight:bold; text-indent:0.25em;}
#contactWrap textarea { width:99%; border:none; height:90px;}
span.radioWrap { width:40%; display:inline-block;}

/*
	確認ボタン
*/
#confirm { text-align:center; }
#confirm input { margin:0 auto; width:244px; height:46px; cursor:pointer; font-size:0.875em;}
#confirm input:hover { opacity:0.8;}

/*
	送信、戻るボタン
*/
#confBtnWrap { margin:0 auto; width:70%;}
#confBtnWrap div { float:left; width:30%; }
#confBtnWrap div#confirm { width:70%;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	以下レスポンシブ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media (max-width: 768px) {
	#contactWrap { margin:0; }	
}

@media (max-width: 680px) {
	/* フォーム */
	#contactWrap dl dt { font-size:0.75em; text-indent:1em; }
	#contactWrap .txt { font-size:0.75em;}

	/* 送信、戻るボタン */
	#confBtnWrap { margin:0 auto; width:90%;}
	#confBtnWrap div { width:100%; text-align:center; margin-bottom:20px; margin-top:0;}
	#confBtnWrap div#confirm { width:100%; margin-top:30px; }
}

@media (max-width: 500px) {
	h5#h5Contact { font-size:20px;}
}

@media (max-width: 480px) {
	/* フォーム */
	#contactWrap { margin:0;}
	#contactWrap dl dt { font-size:1em; text-indent:0; width:100%; padding:5px 0;}
	#contactWrap dl dd { width: 99%;}
	span.radioWrap { width:100%; }
	input[type="text"] { width:96%; font-size:0.75em;}
	#contactWrap dl dt.adjust { font-size:1em; text-indent:0; letter-spacing:-1px; padding:5px 0;}
	
	/* 確認ボタン */
	#confirm input { background-size:contain; width:100%; max-width:244px;}
	
}


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

    LineContact

--------------------------------------------------------------------*/
/* flexbox */
.colWrap { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }
.col2-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
.col3-1 { width: 33.3%; width: -webkit-calc(99.9% / 3 - 10px); width: calc(99.9% / 3 - 10px); }
.col4-1 { width: 25%; width: -webkit-calc(25% - 10px); width: calc(25% - 10px); }

.col3L1 ,
.col3R1 { width: 33.3%; width: -webkit-calc(99.9% / 3 - 10px); width: calc(99.9% / 3 - 10px); }
.col3R2 ,
.col3L2 { width: -webkit-calc( (99.9% / 3) * 2 - 10px ); width: calc( (99.9% / 3) * 2 - 10px ); }

.flex-right { justify-content: flex-end; -webkit-justify-content: flex-end; }

@media (max-width: 768px) {
	main { width: 100%; float: none; margin-top: 15px; padding-bottom: 40px;}
	.container { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
	.content { margin-bottom: 10px; padding: 0; background-color: #fff;}

	/* flexbox */
	.col2-1 { width: 100%; }
	:not(li).col2-1:first-child { margin-bottom: 15px;}
	.col3-1 ,
	.col4-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

	.col3L1 ,
	.col3R1 ,
	.col3R2 ,
	.col3L2	{ width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px);}

	.colWrap .img { text-align: center;}
}
@media (max-width: 480px) {
	.container { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
	/* .content { padding: 0; width: 100%; margin: auto; } */
	.content .body { margin: 0 10px 0 10px; }
	/* スマホ時横幅いっぱいまで広げる */
	.fullScreen { position: relative; width: -webkit-calc(100% + 20px) !important; width: calc(100% + 20px) !important; left: -10px;}
}


#LineContact {}

#LineContact > .colWrap { margin-bottom: 40px; }
#LineContact > .colWrap figure {}
#LineContact > .colWrap figure img { width: 100%; max-width: 148px; }
#LineContact > .colWrap div {}
#LineContact > .colWrap .title { font-weight: bold; margin-bottom: 7px; }
#LineContact > .colWrap .text { /* font-size: 1.5rem; */ }

#LineContact .flow {}
#LineContact .heading03 { border-bottom: 2px solid #ef2516; margin-bottom: 18px; padding-bottom: 4px; }
#LineContact .flow .colWrap { border-bottom: 1px solid #ddd; }
#LineContact .flow dl {}
#LineContact .flow dl dt { width: 87px; border: 2px solid #ef2516; height: 26px; line-height: 26px; text-align: center; /* font-size: 1.4rem; */ font-size: 14px; border-radius: 13px; margin-bottom: 10px; }
#LineContact .flow dl dd { /* font-size: 1.5rem; */ }
#LineContact .flow dl dd a { margin: 0 10px; vertical-align: -2px; }
#LineContact .flow dl dd img { max-width: 119px; width: 100%; }
#LineContact .flow figure {}
#LineContact .flow figure img { width: 100%; max-width: 130px; }

#LineContact .flow .colWrap:first-of-type { margin-bottom: 20px; }
#LineContact .flow .colWrap:first-of-type dl {}
#LineContact .flow .colWrap:first-of-type figure {}

#LineContact .flow .colWrap:last-of-type { border: none; }
#LineContact .flow .colWrap:last-of-type dl { margin-bottom: 20px; }
#LineContact .flow .colWrap:last-of-type dl:first-child { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
#LineContact .flow .colWrap:last-of-type figure {}
#LineContact .flow .colWrap:last-of-type figure img { max-width: 244px; }

#LineContact .caution {}
#LineContact .caution .heading03 {}
#LineContact .caution ul { list-style-type: none; }
#LineContact .caution ul li { /* font-size: 1.5rem; */ }


@media (min-width: 769px){
    #LineContact { margin-bottom: 50px; }

    #LineContact > .colWrap figure { width: 148px; }
    #LineContact > .colWrap div { width: calc(100% - (148px + 40px)); }
	#LineContact > .colWrap .title { /* font-size: 2rem;*/ font-size: 20px; }

    #LineContact .flow .colWrap:first-of-type dl { width: calc(100% - (130px + 20px)); }
    #LineContact .flow .colWrap:first-of-type figure { width: 130px; margin-bottom: 10px; }

    #LineContact .flow .colWrap:last-of-type > div { width: calc(100% - (244px + 40px)); }
    #LineContact .flow .colWrap:last-of-type figure { width: 244px; }

}

@media (max-width: 768px) {
    #LineContact { margin-bottom: 60px; }

    #LineContact > .colWrap figure { width: 100%; text-align: center; margin-bottom: 10px; }
    #LineContact > .colWrap div { width: 100%; }
    #LineContact > .colWrap .title { font-size: 18px; }

    #LineContact .flow { margin-bottom: 40px; }

    #LineContact .flow .colWrap:first-of-type figure { width: 100%; text-align: center; margin-bottom: 15px; }
    #LineContact .flow .colWrap:last-of-type figure { width: 100%; text-align: center; }

}

@media (max-width: 480px) {

}