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

/*inquiry */

:placeholder-shown {
    color: #D2D2D2;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #D2D2D2;
}

/* Firefox 18- */
:-moz-placeholder {
    color: #D2D2D2;
	opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
    color: #D2D2D2;
	opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #D2D2D2;
}

.inbl_span {
	display: inline-block;
}

.wrap_inquiry {
	max-width: 800px;
	margin: 0 auto;
	padding: 100px 5px 50px;
}

.inquiry_textbox01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	margin-bottom: 40px;
}

.inquiry_textbox01_img01 {
	display: block;
}

.inquiry_textbox01_box01 {
	max-width: calc(100% - 160.5px);
	margin-left: 17px;
}

.inquiry_textbox01_box01_title {
	margin: 60px 0 40px;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	line-height: 23px;
	text-align: left;
}

.inquiry_textbox01_box01_text {
	display: block;
	font-size: 16px;
	color: #000;
	line-height: 31px;
	text-align: left;
}

.inquiry_title01 {
	margin: 0 auto 20px;
	font-size: 35px;
	font-weight: bold;
	color: #000;
	line-height: 45px;
	text-align: left;
}

.inquiry_note01 {
    margin: 0 auto 10px;
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    line-height: 30px;
    text-align: left;
}

.inquiry_textbox02 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin-bottom: 60px;
}

.inquiry_textbox02_img01 {
	display: block;
	margin-bottom: 3px;
}

.inquiry_textbox02_text01 {
	display: block;
	max-width: calc(100% - 70.5px);
	margin-left: 17px;
	font-size: 60px;
	font-weight: bold;
	color: #27A8E2;
	line-height: 65px;
	text-align: left;
}

.inquiry_big_box {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	font-size: 0;
}

.inquiry_box {
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
}

.inquiry_box_long {
	width: 100%;
}

.inquiry_box_hr {
	width: 100%;
	height: 1px;
	margin-bottom: 60px;
	background: #FFF;
	border: none;
}

.inquiry_box_title {
	display: block;
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	line-height: 21px;
	text-align: left;
	position: relative;
}

.inquiry_box_title_ico {
	display: inline-block;
	width: max-content;
	font-size: 14px;
	color: #F00;
	line-height: 30px;
	position: absolute;
	top: 50%;
	left: calc(100% + 10px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.inquiry_box_content {
	width: 100%;
	font-size: 0;
	text-align: left;
}

.inquiry_box_input {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 20px 20px;
	background: #FFF;
	border: none;
	border-radius: 12px;
	font-size: 17px;
	color: #000;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 13%);
	-webkit-appearance: none;
	appearance: none;
}

div.inquiry_box_input {
	background: #CCC;
}

.inquiry_box_input:focus {
	outline: none;
}

.inquiry_box_input_tri {
	position: relative;
}

.inquiry_box_input_tri:before {
	box-sizing: content-box;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.inquiry_box_input_tri_confirm:before {
	display: none;
}

.inquiry_box_input_tri_short {
	display: inline-block;
	width: 140px;
	vertical-align: middle;
}

.inquiry_box_input_text01 {
	display: inline-block;
	margin-left: 10px;
	margin-right: 20px;
	font-size: 17px;
	color: #000;
	line-height: 20px;
	vertical-align: middle;
}

.inquiry_box_input_text01:last-child {
	margin-right: 0;
}

.inquiry_box_radio {
	display: none;
}

.inquiry_box_radio_label {
	display: inline-block;
	margin-top: 20px;
	margin-right: 50px;
	font-size: 0;
	text-align: left;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

.inquiry_box_radio_label_p01 {
	display: inline-block;
	position: relative;
}

.inquiry_box_radio_label_p01:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.inquiry_box_radio_span {
	display: inline-block;
	font-size: 17px;
	color: #000;
	line-height: 17px;
	vertical-align: middle;
}

.inquiry_box_radio_round {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 30px;
	background: #FFF;
	vertical-align: middle;
	position: relative;
	box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 13%);
	transition-duration: 0.2s;
}

.inquiry_box_radio:checked ~ .inquiry_box_radio_round {
	background: #FFF;
	transition-duration: 0.2s;
}

.inquiry_box_radio_round_in {
	width: 10px;
	height: 10px;
	margin: auto;
	background: #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition-duration:0.2s;
}

.inquiry_box_radio:checked ~ .inquiry_box_radio_round .inquiry_box_radio_round_in {
	background: #000;
	transition-duration: 0.2s;
}

.inquiry_box_radio_label_p01 .inquiry_box_radio:checked ~ .inquiry_box_radio_round .inquiry_box_radio_round_in {
	background: #F00;
	transition-duration: 0.2s;
}

.inquiry_box_content_caution {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	color: #F00;
	line-height: 20px;
	text-align: right;
}

.inquiry_box_error {
	width:100%;
	color:#F00;
	font-size:15px;
	text-align:left;
	line-height:29px;
}

.inquiry_box_naiyou {
	height: 144px;
}

.inquiry_box_exp {
	display: block;
	margin: 40px 0 30px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
	text-align: left;
}

.inquiry_box_consent {
	display: none;
}

.inquiry_box_consent_label {
	display: block;
	font-size: 0;
	text-align: left;
}

.inquiry_box_consent_span {
	display: inline-block;
	font-size: 15px;
	color: #000;
	line-height: 15px;
	vertical-align: middle;
}

.inquiry_box_consent_span_c01 {
	display: inline;
	margin-left: 1em;
	color: #F00;
}

.inquiry_box_consent_round {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: #FFF;
	border: #707070 1px solid;
	vertical-align: middle;
	position: relative;
	transition-duration: 0.2s;
}

.inquiry_box_consent:checked ~ .inquiry_box_consent_round {
	background: #FFF;
	transition-duration: 0.2s;
}

.inquiry_box_consent_round_in {
	width: 10px;
	height: 10px;
	margin: auto;
	background: #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition-duration:0.2s;
}

.inquiry_box_consent:checked ~ .inquiry_box_consent_round .inquiry_box_consent_round_in {
	background: #000;
	transition-duration: 0.2s;
}

.inquiry_box_off {
	margin: 30px auto 0;
	position: relative;
}

.inquiry_box_decide {
	display: block;
	max-width: calc(100% - 50px);
	width: 390px;
	margin: 0 auto 20px;
	padding: 25px 20px;
	border: none;
	border-radius: 35px;
	font-size: 0;
	text-align: center;
	position: relative;
	transition-duration: 0.35s;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #27A7E2),
		color-stop(1, #01FCCA)
	);
	background-image: -o-linear-gradient(right, #27A7E2 0%, #01FCCA 100%);
	background-image: -moz-linear-gradient(right, #27A7E2 0%, #01FCCA 100%);
	background-image: -webkit-linear-gradient(right, #27A7E2 0%, #01FCCA 100%);
	background-image: -ms-linear-gradient(right, #27A7E2 0%, #01FCCA 100%);
	background-image: linear-gradient(to right, #27A7E2 0%, #01FCCA 100%);
}

.inquiry_box_decide:hover {
	transition-duration: 0.35s;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #FF9900),
		color-stop(1, #01FCCA)
	);
	background-image: -o-linear-gradient(right, #FF9900 0%, #01FCCA 100%);
	background-image: -moz-linear-gradient(right, #FF9900 0%, #01FCCA 100%);
	background-image: -webkit-linear-gradient(right, #FF9900 0%, #01FCCA 100%);
	background-image: -ms-linear-gradient(right, #FF9900 0%, #01FCCA 100%);
	background-image: linear-gradient(to right, #FF9900 0%, #01FCCA 100%);
}

.inquiry_box_decide_span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.inquiry_text {
	display:block;
	margin:0 auto;
	font-size:15px;
	color:#000;
	line-height:23px;
	text-align:left;
}

.inquiry_text_b {
	font-size:18px;
	font-weight:bold;
}

.inquiry_text_s {
	display:block;
	margin-top:20px;
	font-weight:bold;
	text-align:left;
}

.inquiry_box_red {
	color: #FF0000;
}

.inquiry_ul {
	list-style: disc;
	list-style-position:inside;
	margin:0 auto 30px;
	padding:0 10px;
}

.inquiry_ul_li {
	font-size:15px;
	color: #F00;
	text-align:left;
}

.inquiry_linkbox01 {
	max-width: 880px;
	margin: 0 auto 90px;
	padding: 40px 10px 30px;
	background: #F5F5F5;
	border-radius: 20px;
	box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 13%);
}

.inquiry_linkbox01_text01 {
	display: block;
	margin-bottom: 20px;
	font-size: 36px;
	font-weight: bold;
	color: #000;
	line-height: 50px;
	text-align: center;
}

.inquiry_linkbox01_text01_f01 {
	font-size: 27px;
	line-height: 50px;
}

.inquiry_linkbox01_button01 {
	display: block;
	max-width: calc(100% - 50px);
	width: 390px;
	margin: 0 auto;
	padding: 20px 20px;
	background: #FF9100;
	border: none;
	border-radius: 40px;
	font-size: 0;
	text-align: center;
	position: relative;
	box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 13%);
	transition-duration: 0.35s;
}

.inquiry_linkbox01_button01:hover {
	background: #FFB85A;
	transition-duration: 0.35s;
}

.inquiry_linkbox01_button01_ico {
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle;
}

.inquiry_linkbox01_button01_span {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

/*inquiryここまで */

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

}

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

}

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

.inquiry_textbox01_box01_title {
	font-size: 16px;
	line-height: 22px;
}

.inquiry_box_input_tri_short {
	width: 100px;
}

.inquiry_linkbox01_text01 {
	font-size: 30px;
	line-height: 46px;
}

.inquiry_linkbox01_text01_f01 {
	font-size: 23px;
	line-height: 46px;
}

}

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

.inquiry_title01 {
	font-size: 30px;
	line-height: 40px;
}

.inquiry_textbox02_text01 {
	max-width: calc(100% - 70.5px);
	margin-left: 17px;
	font-size: 50px;
	line-height: 55px;
}

}

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

.wrap_inquiry {
	padding: 50px 5px 0;
}

.inquiry_textbox01_box01_title {
	margin: 40px 0 30px;
}

.inquiry_textbox01_box01_text {
	font-size:15px;
	line-height:30px;
}

.inquiry_title01 {
	font-size: 24px;
	line-height: 30px;
}

.inquiry_textbox02 {
	margin-bottom: 40px;
}

.inquiry_textbox02_img01 {
	max-width: 40px;
	margin-bottom: 5px;
}

.inquiry_textbox02_text01 {
	max-width: calc(100% - 50.5px);
	margin-left: 10px;
	font-size: 40px;
	line-height: 45px;
}

.inquiry_box {
	width: 100%;
}

.inquiry_box_input {
	padding: 10px 10px;
	border-radius: 6px;
	font-size: 15px;
}

.inquiry_box_radio_label {
	margin-top: 10px;
	margin-right: 20px;
}

.inquiry_box_radio_span {
	font-size: 15px;
	line-height: 15px;
}

.inquiry_box_radio_round {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.inquiry_box_exp {
	line-height: 27px;
}

.inquiry_box_decide {
	width: 290px;
	padding: 15px 10px;
}

.inquiry_box_decide_span {
	font-size: 17px;
	line-height: 17px;
}

.inquiry_linkbox01 {
	margin-top: 70px;
	padding: 30px 10px 20px;
}

.inquiry_linkbox01_text01 {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 36px;
}

.inquiry_linkbox01_text01_f01 {
	font-size: 17px;
	line-height: 36px;
}

.inquiry_linkbox01_button01 {
	width: 290px;
	padding: 10px 10px;
}


.inquiry_linkbox01_button01_ico {
	max-width: 23px;
	margin-right: 20px;
}

.inquiry_linkbox01_button01_span {
	font-size: 17px;
	line-height: 17px;
}
}

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

.inquiry_textbox01 {
	flex-flow: column wrap;
	margin-bottom: 30px;
}

.inquiry_textbox01_img01 {
	margin: 0 auto;
}

.inquiry_textbox01_box01 {
	max-width: 100%;
	margin-left: 0;
}

.inquiry_textbox01_box01_title {
	margin: 30px 0;
}

.inquiry_textbox02_text01 {
	font-size: 30px;
	line-height: 35px;
}

}