@charset "UTF-8";
/*======================================================================
	Title: online_consultation.css
	Description: online_consultation専用ファイル
	------------------------------------------------------
	Copyright IROYA Inc All Rights Reserved.
======================================================================*/

/* ============================================================

article

============================================================ */

#contact article {
	width: 100%;
	margin: 0 auto;
}

/* 202309 GMO
#contact h1.contents_title{
	width: 100%;
	height: 272px;
	background:  url(../_img/h1_title01.png) no-repeat center center;
	text-indent: -9999px;

}
*/

#contact section {
	text-align: left!important;
}

/* 202309 GMO
@media(max-width:640px){
#contact h1{
	width: 100%;
	height: 81px;
	background:  url(../_img/sp_h1_title01.png) no-repeat center center;
}
}
*/

/* #contact #online
---------------------------------------------- */

#contact01,
#contact02{
	margin: 50px auto 80px auto;
	overflow: hidden;
	width: 960px;
}

.tokki-point {
	color: #cc808c;
}
.tokki-point2 {
	color: #cc6699;
}

#contact01 .online-text-main {
 font-size: 20px!important;
 font-weight: 600;
 margin-bottom: 40px;
}

#contact01 .online_consultaion01,
#contact01 .online_consultaion02,
#contact01 .online_consultaion03,
#contact01 .online_consultaion_box {
	margin-bottom: 40px;
}

#contact01 h2,
#contact02 h2{
	margin-bottom: 40px;
}

.online_consultaion_box h3 {
	color: #99B8CB;
	font-size: 26px!important;
	font-weight: 600;
	margin-bottom: 30px;
}

#contact01 ol.online_numbers {}
#contact01 ol.online_numbers li {
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 1px;
	margin-bottom: 0.2rem;
	padding: 10px 0;
	padding-left: 48px;
	list-style: none;
}
#contact01 ol.online_numbers li.num01 {
	background:  url(../../../wp-media/contact/_img/online_num_01.png) no-repeat top left;
}
#contact01 ol.online_numbers li.num02 {
	background:  url(../../../wp-media/contact/_img/online_num_02.png) no-repeat top left;
}
#contact01 ol.online_numbers li.num03 {
	background:  url(../../../wp-media/contact/_img/online_num_03.png) no-repeat top left;
}
#contact01 ol.online_numbers li.num04 {
	background:  url(../../../wp-media/contact/_img/online_num_04.png) no-repeat top left;
}
#contact01 ol.online_numbers li.num05 {
	background:  url(../../../wp-media/contact/_img/online_num_05.png) no-repeat top left;
}
#contact01 ol.online_numbers li.num06 {
	background:  url(../../../wp-media/contact/_img/online_num_06.png) no-repeat top left;
}

.online_text_voice {
	background:  url(../../../wp-media/contact/_img/online_img02.png) no-repeat top left;
	color: #CC7F8C;
	margin: 10px 0;
	padding: 5px;
	font-weight: bold;
	padding-left: 70px;
}

.online_consultaion_box {
	background: #E3EDEF;
	padding: 40px;
	border-radius: 10px;
}

#contact .btn_link {
 text-align: center;
 margin-top: 30px;
 margin-bottom: 20px;
}

#contact .btn_link a{
  padding: 1em 5em 1em 5em;
  background: rgb(145, 187, 206);
  color: #fff;
  border-radius: 5px;
  margin: 2.5em auto auto 2em;
  text-decoration: none;
}
#contact .btn_link a:hover{
  opacity: 0.6;
  transition: .5s;
}

#contact .dl_list_basic {
	margin-top: 40px;
}
#contact .dl_list_basic dt{
	font-weight: normal;
}

#contact .dl_list_basic dt .must{
	color: #DC4246;
	margin-left: 10px;
}

#contact .dl_list_basic dd{
	margin-bottom: 20px;
}

#contact .dl_list_basic.listconf{
	overflow: hidden;
}

#contact .dl_list_basic.listconf dt{
	float: left;
	width: 180px;
	clear: both;
	margin-bottom: 20px;
}

#contact .dl_list_basic.listconf dd{
	float: left;
}

#contact .dl_list_basic input,
#contact .dl_list_basic select,
#contact .dl_list_basic textarea{
	border: solid 1px #9F9F9F;
	background: #F2F2F2;
	-webkit-appearance:none;
	-webkit-box-sizing:content-box;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	font-size: 16px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2) inset;
}

#contact .dl_list_basic input{
	width: 300px;
	line-height: 1.7em;
	height: 1.7em;
	padding-left: 5px;
}
#contact .dl_list_basic .radio input {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	padding: 2px;
}
#contact .dl_list_basic .radio input:hover {}
#contact .dl_list_basic .radio input:focus {
	box-shadow: 0 0 4px #004AA1;
}
#contact .dl_list_basic .radio input:checked {
	background: #6C787F;
	
}

#contact .dl_list_basic select{
	line-height: 1.7em;
	height: 1.7em;
	padding-left: 5px;
}

#contact .dl_list_basic textarea{
	line-height: 1.7em;
	padding: 5px;
}

#contact .dl_list_basic .long{
	width: 630px;
}

#contact .dl_list_basic .short{
	width: 80px;
}

#contact .dl_list_basic .max{
	width: 95%;
}

#contact .dl_list_basic input.imemode {
  ime-mode: disabled;
}

#contact .dl_list_basic input::-webkit-input-placeholder {
    color: #BABABA;
}

#contact .dl_list_basic input:-moz-placeholder {
    color: #BABABA;
}

#contact a{
	text-decoration: underline;
}

#contact a:hover{
	text-decoration: none;
}

#contact .error{
	color: #DC4246;
	font-weight: bold;
}

/* -- btn_submit -- */

#contact .btn_submit{
	text-align: center;
	margin: 40px auto;
}

#contact .btn_submit input{
	display: block;
	margin:0 auto;
	width: 223px;
	height: 62px;
	cursor: pointer;
	background:  url(../_img/contact_btn01_off.png) no-repeat;
	text-indent: -9999px;
	border: none;
}

#contact .btn_submit input:hover{
	background:  url(../_img/contact_btn01_on.png) no-repeat;
}

/* -- btn_list -- */

#contact .btn_list{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#contact .btn_list .btn_back input{
	display: block;
	margin:0 auto;
	width: 223px;
	height: 62px;
	cursor: pointer;
	background:  url(../_img/contact_btn02_off.png) no-repeat;
	text-indent: -9999px;
	border: none;
}

#contact .btn_list .btn_back input:hover{
	background:  url(../_img/contact_btn02_on.png) no-repeat;
}

#contact .btn_list .btn_send input{
	display: block;
	margin:0 auto;
	width: 223px;
	height: 62px;
	cursor: pointer;
	background:  url(../_img/contact_btn03_off.png) no-repeat;
	text-indent: -9999px;
	border: none;
}

#contact .btn_list .btn_send input:hover{
	background:  url(../_img/contact_btn03_on.png) no-repeat;
}

#contact .screen-reader-response { display: none; }
#contact .wpcf7-not-valid-tip { 
	color: #DC4246;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}
#contact .wpcf7-not-valid-tip:before { content: "確認：" }

.wpcf7 form.init .wpcf7-response-output {
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	display: block;
	width: 600px;
	margin: 30px auto;
	padding: 20px;
	border: 5px solid #DC4246;
	text-align: center;
	border-radius: 5px;
	color: #DC4246;
	font-weight: bold;
	background: #ffcccc;
}

#contact .your-file input.wpcf7-file,
#contact .your-file2 input.wpcf7-file {
 background: none!important;
 border: none!important;
 box-shadow: none!important;
 line-height: 100%!important;
}

/* -- btn_backtop -- */

#contact .btn_backtop{
	text-align: center;
	margin: 40px auto;
}

#contact .btn_backtop a{
	display: block;
	margin:0 auto;
	width: 223px;
	height: 62px;
	cursor: pointer;
	background:  url(../_img/contact_btn04_off.png) no-repeat;
	text-indent: -9999px;
}

#contact .btn_backtop a:hover{
	background:  url(../_img/contact_btn04_on.png) no-repeat;
}



@media(max-width:640px){

/* 202309 GMO
#contact h1{
	width: 100%;
	height: 81px;
	background:  url(../_img/sp_h1_title01.png) no-repeat center center;
}
*/

/* #contact
---------------------------------------------- */

#contact01,
#contact02 {
	margin: 0 auto 0 auto;
	overflow: hidden;
	width: 100%;
	height: inherit;
}

#contact01 .online_consultaion01,
#contact01 .online_consultaion02,
#contact01 .online_consultaion03,
#contact02 .online_consultaion04 {
 width: 90%;
 margin:0 auto 40px;
}
#contact01 .online_consultaion_box {
 margin:0 auto 40px;
 padding: 20px;
}

#contact01 h2,
#contact02 h2{
	margin: 20px 20px 20px 20px;
}

#contact02 h2 img{
		height: 45px;
		width: auto;
}

#contact01 .online-text-main {
 font-size: 16px!important;
 font-weight: 600;
 margin-bottom: 20px;
 margin-top: 20px;
}

.online_consultaion_box h3 {
	color: #99B8CB;
	font-size: 18px!important;
	font-weight: 600;
	margin-bottom: 20px;
}

#contact01 ol.online_numbers li {
	font-size: 12px;
	padding: 10px 0;
	padding-left: 48px;
}
.online_text_voice { margin:0; margin-top: 10px; }
.online_consultaion_box { 
	border-radius: 0; 
	padding: 0;
}

#contact .dl_list_basic{
	margin: 20px;
	width: inherit;
}
#contact .dl_list_basic dt{
	font-weight: normal;
	font-size: 12px!important;
}

#contact .dl_list_basic dt .must{
	color: #DC4246;
	margin-left: 10px;
}

#contact .dl_list_basic dd{
	margin-bottom: 20px;
	font-size: 12px!important;
}

#contact .dl_list_basic.listconf{
	overflow: hidden;
}

#contact .dl_list_basic.listconf dt{
	float: left;
	width: 180px;
	clear: both;
	margin-bottom: 20px;
}

#contact .dl_list_basic.listconf dd{
	float: none;
	margin-bottom: 20px;
}

#contact .dl_list_basic input,
#contact .dl_list_basic select,
#contact .dl_list_basic textarea{
	border: solid 1px #9F9F9F;
	background: #F2F2F2;
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
 	-webkit-appearance: none;
    font-size: 13px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2) inset;
}

#contact .dl_list_basic input{
	width: 270px;
	line-height: 1.7;
	padding-left: 5px;
}

#contact .dl_list_basic select{
	line-height: 1.7;
	padding-left: 5px;
}

#contact .dl_list_basic textarea{
	line-height: 1.7;
	padding: 5px;
}

#contact .dl_list_basic .long{
	width: 320px;
}

#contact .dl_list_basic .short{
	width: 80px;
}

#contact .dl_list_basic .max{
	width: 95%;
}

#contact .dl_list_basic input.imemode {
  ime-mode: disabled;
}

#contact .dl_list_basic input::-webkit-input-placeholder {
    color: #BABABA;
}

#contact .dl_list_basic input:-moz-placeholder {
    color: #BABABA;
}

#contact a{
	text-decoration: underline;
}

#contact a:hover{
	text-decoration: none;
}

#contact .error{
	color: #DC4246;
	font-weight: bold;
}


/* -- btn_submit -- */

#contact .btn_submit{
	text-align: center;
	margin: 40px auto;
}

#contact .btn_submit input{
	display: block;
	margin:0 auto;
	width: 223px;
	height: 62px;
	cursor: pointer;
	background:  url(../_img/contact_btn01_off.png) no-repeat;
	text-indent: -9999px;
	border: none;
}

#contact .btn_submit input:hover{
	background:  url(../_img/contact_btn01_on.png) no-repeat;
}

#contact .wpcf7-response-output {
	width: 80%;
	padding: 15px;
}

/* -- btn_list -- */

#contact .btn_list{
	text-align: center;
	margin: 40px auto;
	width: 100%;
}

#contact .btn_list li{
	float: left;
	margin: 0 10px;
}

#contact .btn_list .btn_back input{
	display: block;
	margin:0;
	width: 200px;
	height: 35px;
	cursor: pointer;
	background:  url(../_img/contact_btn02_off.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	border: none;
}

#contact .btn_list .btn_back input:hover{
	background:  url(../_img/contact_btn02_on.png) no-repeat;
	background-size: contain;
}

#contact .btn_list .btn_send input{
	display: block;
	margin:0 auto!inportant;
	text-align: center;
	cursor: pointer;
	background:  url(../_img/contact_btn03_off.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	border: none;
}

#contact .btn_list .btn_send input:hover{
	background:  url(../_img/contact_btn03_on.png) no-repeat;
	background-size: contain;
}


/* -- btn_backtop -- */

#contact .btn_backtop{
	text-align: center;
	margin: 40px auto;
}

#contact .btn_backtop a{
	display: block;
	margin:0 auto;
	cursor: pointer;
	background:  url(../_img/contact_btn04_off.png) no-repeat;
	text-indent: -9999px;
}

#contact .btn_backtop a:hover{
	background:  url(../_img/contact_btn04_on.png) no-repeat;
}


}