@charset "UTF-8";
	
#bikeou{width: 100%; max-width:750px; margin: 10px auto; padding: 0; font-size: 0; text-align: center;font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;}
#bikeou h1{font-size: 0; display: inline-block; float: left;width:26%;}

#bikeou h2{margin-bottom: 30px;}
#bikeou p{font-size:clamp(12px, 3.4vw, 24px); line-height: 1.8; margin: 0 auto 20px; text-align: center;}
#bikeou img{max-width:100%; margin: auto}
#bikeou section{width:100%; margin: 0; padding: 0; overflow: hidden;}
#bikeou .pc{display: block;}
#bikeou .sp{display: none;}
#bikeou .mb0{margin-bottom: 0px;}
#bikeou .contentsWrap{width:100%; margin: 0; padding: 0;}
#bikeou .contentsBox{width:100%; max-width: 750px; margin:0 auto; padding: 0;}
#bikeou .contentsBox.main{}
#bikeou .white{color: #FFF;}
#bikeou .redtxt{color: #F00;}
#bikeou .addtext{font-size:clamp(10px, 2.6vw, 20px); line-height: 140%; margin-bottom: 2%;}
#bikeou .contentsBox.main .addtext{font-size:clamp(10px, 2.6vw, 20px); line-height: 120%; text-indent: -2.5em; padding-left: 2.5em; width:84%; margin: 0 auto 2%; text-align: left;}
#bikeou .ltxt{font-weight:bold; font-size: 27px;}
#bikeou a{color: #db0016; text-decoration:underline;}
#bikeou a:hover{opacity: 0.7;}

#bikeou .head{font-size: 0; padding: 0 0 20px; margin: 0 auto -1px; overflow: hidden; width:94%; background-color: #FFF;}
#bikeou .head ul{float: right; list-style: none; width:74%; margin: 0; padding: 0; text-align: right;}
#bikeou .head ul li:first-child{display: inline-block; margin: 0 0 0 0; width:28%;}
#bikeou .head ul li:last-child{display: inline-block; margin: 0 0 0 5%; width:49%;}
#bikeou .mv{font-size: 0; background-color:#db0016;}
#bikeou .btnBox{width: 90%; margin:0 auto 5%;}
#bikeou .btnBox input{width: 100%;}


/*フォーム*/
#bikeou section.form{padding: 5% 0; overflow: hidden; background-color: #FFF; margin-top: -1px;}
#bikeou section.form h2{}
#bikeou section.form h3{background-color: #f2f2f2; color:#db0016; font-size:clamp(14px, 4.2vw, 28px); font-weight: 500; padding: 1% 2%; text-align: left; margin: 0 0 3%;}
#bikeou section.form h4{font-size:clamp(12px, 3.2vw, 24px); font-weight: 400; text-align: left; padding: 1% 2%; margin: 0 auto 1%;}
#bikeou section.form .checkbox label {width:30%; height: 70px; margin:0 1.5% 2% 1.5%; display: block; float: left;}
#bikeou section.form .checkbox label input, #bikeou section.form .radiobtn label input {display: none;}
#bikeou section.form .checkbox label span {color: #000; font-size:clamp(12px, 3.2vw, 24px); border: 1px solid #CCC; border-radius: 5px; padding: 2% 5%; display: flex; width:100%; height: 100%; box-sizing: border-box; justify-content: center; align-items: center; line-height: 110%; font-weight: 300; cursor: pointer;}
#bikeou section.form .checkbox label span:hover { opacity: .7; border: 2px solid #db0016; }
#bikeou section.form .checkbox label input:checked + span { color: #FFF; background: #db0016; border: 1px solid #db0016;}

#bikeou section.form .radiobtn label {width:30%; margin:0 1.5% 2% 1.5%; display: block; float: left; font-size:clamp(12px, 3.2vw, 24px); font-weight: 300;}
/*#bikeou section.form .radiobtn label input {display:inline-block;}*/
#bikeou section.form .radiobtn label span {color: #000; font-size:clamp(12px, 3.2vw, 24px); border: 1px solid #CCC; border-radius: 5px; padding: 2% 5%; display: flex; width:100%; height: 100%; box-sizing: border-box; justify-content: center; align-items: center; line-height: 110%; font-weight: 300; cursor: pointer;}
#bikeou section.form .radiobtn label span:hover { opacity: .7; border: 2px solid #db0016; }
#bikeou section.form .radiobtn label input:checked + span { color: #FFF; background: #db0016; border: 1px solid #db0016;}

#bikeou section.form .fblock{overflow: hidden; margin: 0 auto 5%; text-align: left; width:94%; min-height: 35px;}
#bikeou section.form .fblock input{ font-size:clamp(12px, 3.2vw, 24px); padding: 2%; border: thin solid #ccc; width: 94%; }
#bikeou section.form select {background-color: white; border: thin solid #ccc; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; font-size:clamp(12px, 3.2vw, 24px); font-weight: 300; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 1.2em) calc(1em + 2px), calc(100% - .7em) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: .5em .5em, .5em .5em, 1px 1.5em; background-repeat: no-repeat;}
#bikeou section.form select:focus { background-image: linear-gradient(45deg, #000 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #000 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - .7em) 1em, calc(100% - 1.2em) 1em, calc(100% - 2.5em) 0.5em; background-size:.5em .5em, .5em .5em, 1px 1.5em; background-repeat: no-repeat; border-color: #ccc; outline: 0;}
#bikeou section.form select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}
#bikeou section.form textarea{width:100%; box-sizing: border-box; border: 1px solid #CCC;}


#bikeou section .redBox{width:92%; background-color:#db0016; margin:-1px auto 5%; overflow: hidden; border-radius:0 0 10px 10px; }
#bikeou section .redBox img{}
#bikeou section .whiteBox{width:91.3%; background-color:#FFF; margin: 0 3.8% 4% 4.8%; padding: 5%; box-sizing: border-box; border-radius:0 0 10px 10px;  }
#bikeou section .whiteBox p{text-align: left;}
#bikeou section.reason{ background-color: #fff; padding: 5% 0 5%}
#bikeou section.support{ background-color: #fbe5e7; padding: 10% 0 0}
#bikeou section.support .contentsBox{ width:94%;}
#bikeou section.support .contentsBox .whiteBox{ width:100%; margin: auto auto 5%; background-color: #FFF; border-radius: 10px; padding: 5%; box-sizing: border-box;}



@media screen and (max-width: 749px) {
	#bikeou section.form .checkbox label {height: 60px;}

	#bikeou section.form h4 {
	    font-weight: 600;
	    font-size: clamp(13px, 3.4vw, 24px);
	}

	#bikeou section.form .checkbox label span {
		font-weight: 500;
		text-align: center;
		border: 2px solid #CCC;
	}

	#bikeou section.form .fblock input {
	    min-height: 32px;
	    border: 2px solid #ccc;
	}

	#bikeou section.form .radiobtn label span {
	    padding: 6% 5%;
	    border: 2px solid #CCC;
	}

}