@charset "UTF-8";

/*-------------------------
__style
-------------------------*/

.main_box{ margin: 0 auto; text-align: left;}

.main_box .main_com{ font-size: 1.4em; line-height: 1.8em;}
.main_box .main_com_left .main_com_title{font-size:15px;font-weight: 700;display:block;margin-top:30px;}
.main_box .main_com_left p{ margin-top: 15px;}

.box01{ background-color: #ff5e00; padding: 20px; margin: 0 auto 30px;}
.box01 h3{ font-size:2.6em; color:#fff; font-weight:700; text-align:center;}
.box01 h3 span{ font-size: 2em;}
.box01 dl{ background-color:#fff7be; box-sizing: border-box; height:112px;}
.box01 dl{ float:left; margin-top: 20px; margin-right:20px; width: 50%; width: calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2); width: -moz-calc((100% - 20px) / 2); box-sizing:border-box; padding: 20px;}
.box01 dl dt{ font-size:1.8em; line-height:1.6em; font-weight:700; color:#ff5e00;}
.box01 dl dd{ text-align: left; font-size:1.4em; line-height:1.6em;}
.box01 dl:nth-child(2n){ margin-right: 0;}

.box02{ margin: 0 0 30px;}
.box02 h3{ font-size:2.5em; color:#00ae94; font-weight: 700; text-align:center;}
.box02 h3 span{ font-size: 1.2em;}
.box02 .green_box{ background-color:#dff7f0; float:left; margin-top: 20px; margin-right:20px; width: 50%; width: calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2); width: -moz-calc((100% - 20px) / 2); box-sizing:border-box; padding: 20px 20px; height: 180px;}
.box02 .green_box:first-child{ background-image: url("images/soudan_illust01.png"); background-position: 10px bottom; background-repeat: no-repeat; background-size:100px 153px;}
.box02 .green_box:last-child{ background-image: url("images/soudan_illust02.png"); background-position: 10px bottom; background-repeat: no-repeat; background-size:100px 153px; margin-right:0;}
.box02 .green_box .inner{ padding-left: 100px;}
.box02 .green_box p{ font-size: 1.4em; line-height: 1.8em;}
.box02 .green_box .geen_title{ font-size: 1.8em; font-weight:700; color:#00ae94;}

.flow_link{ display: flex; justify-content: center;gap:20px;margin-bottom:30px;}
.flow_link a{ text-decoration:none;transition: .3s;}
.flow_link a img{width:100%;height:auto;}

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

.main_box .main_com_left{ width:100%; height: 350px; background-image: url("images/soudan_illust.png"); background-position:right bottom; background-repeat: no-repeat;}
.flow_link a:hover{ opacity: .8;}
}


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

.main_box .main_com_left{ width:100%;}
.main_box .main_com_left .main_com_title{margin-top:10px;}
.main_box .main_com_left p{ width:100%;}
.main_box .main_com_left img{ width:100%;}

.main_box .main_com{ font-size:1.3em; line-height:1.6em; margin-bottom:10px;}

.box01{ padding: 10px; margin: 0 auto 15px;}
.box01 h3{ font-size:2em;}
.box01 h3 span{ font-size: 2em;}
.box01 dl{ background-color:#fff7be; box-sizing: border-box; height:160px;}
.box01 dl{ float:left; margin-top: 10px; margin-right:10px; width: 50%; width: calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: -moz-calc((100% - 10px) / 2); box-sizing:border-box; padding: 10px;}
.box01 dl dt{ font-size:1.5em; line-height:1.6em; font-weight:700; color:#ff5e00;}
.box01 dl dd{ text-align: left; font-size:1.3em; line-height:1.6em;}
.box01 dl:nth-child(2n){ margin-right: 0;}

.box02{ margin: 0 0 15px;}
.box02 h3{ font-size:2em; line-height:1.4em;}
.box02 h3 span{ font-size: 1.2em;}
.box02 .green_box{ background-color:#dff7f0; float:none; margin-top: 10px; margin-right:0; width:100%; padding:15px;}
.box02 .green_box:first-child{ background-image: url("images/soudan_illust01.png"); background-position: 10px bottom; background-repeat: no-repeat; background-size:100px 153px;}
.box02 .green_box:last-child{ background-image: url("images/soudan_illust02.png"); background-position: 10px bottom; background-repeat: no-repeat; background-size:100px 153px; margin-right:0;}
.box02 .green_box .inner{ padding-left: 110px;}
.box02 .green_box p{ font-size: 1.3em; line-height: 1.6em;}
.box02 .green_box .geen_title{ font-size: 1.5em; line-height: 1.2em; font-weight:700; color:#00ae94; margin-bottom: 5px;}

.flow_link{ gap:10px;margin-bottom:20px;}
    
#content #main .pic_title img{ width: 100%; height: auto;}

}


/*======================= お問い合わせフォーム =======================*/


#sell_form{}
#sell_form .surely{font-size:1.4em;font-weight:700;color:#F00;}
#sell_form .submit_box{text-align:center;}
#sell_form .transmit{font-size:1.4em;line-height:1.2;padding-bottom:10px;}
#sell_form .submit{padding-bottom:10px;}

#sell_form table{font-size:1.4em;line-height:1.6;width:100%;text-align:left;border-collapse:separate;border-spacing:0px 8px;margin-bottom:30px;}
#sell_form table th,
#sell_form table td{padding:15px 20px;box-sizing:border-box;}
#sell_form table th{font-weight:700;background-color:#eee;width:185px;box-sizing:border-box;}

#sell_form table input{margin:2px;}
#sell_form table input[type="text"]{border:1px solid #999;font-size:1em;padding:5px;margin:1px;}
#sell_form table textarea{width:100%;height:200px;font-size:1em;line-height:20px;margin:0 5px;padding:5px;box-sizing:border-box;border:1px solid #999;}

#sell_form table .attention{margin:0 0 0 5px; padding:2px 5px 2px;border-radius:3px;color:#fff;background-color:#FF0000;}
#sell_form table .cap1{display:inline-block;padding:5px 0 0;}
#sell_form table input + .cap1{margin:0 0 0 10px;}

/*共通*/
#sell_form table input[type="text"],
#sell_form table textarea,
#sell_form table input[type="button"],
#sell_form table .btn1 input[type="submit"],
#sell_form table label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#sell_form table input[type="button"],
#sell_form table .btn1 input[type="submit"]{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#sell_form table input[type="text"]:focus,
#sell_form table textarea:focus{background:#FFF;}
/*横幅設定*/
#sell_form table .fm_ss{width:60px;}
#sell_form table .fm_s{width:180px;}
#sell_form table .fm_m{width:280px;}
#sell_form table .fm_l{width:520px;}
#sell_form table .fm_ll{width:calc(100% - 30px);}
/*郵便番号*/
#sell_form table .add{display:inline-block;margin:5px 0;position:relative;}
#sell_form table .add input[type="text"]{padding-left:35px;}
#sell_form table .add::after{content:"〒";display:inline-block;position:absolute;top:5px;left:10px;}
/*placeholder*/
#sell_form table input[type="text"]::-webkit-input-placeholder,
#sell_form table textarea::-webkit-input-placeholder,
#sell_form table input[type="text"]:-ms-input-placeholder,
#sell_form table textarea:-ms-input-placeholder,
#sell_form table input[type="text"]:placeholder-shown,
#sell_form table textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#sell_form table .ime_jp{ime-mode:active;}
#sell_form table .ime_en{ime-mode:disabled;}
/*チェックボックス*/
#sell_form table label{margin:5px 0;}
#sell_form table label.ck1{}
#sell_form table label.ck1 input{display:none;}
#sell_form table label.ck1 span{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(images/form_ck2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#sell_form table label.ck1 input:checked + span{background-image:url(images/form_ck1.png);border-color:#F00;}
#sell_form table label.ck2{display:inline-block;}
#sell_form table label.ck2 input{display:none;}
#sell_form table label.ck2 span{display:inline-block;line-height:25px;height:25px;padding:0 5px 0 35px;background:url(images/form_ck4.png) 0 0 no-repeat;background-size:25px,25px;border:1px solid #FFF;cursor:pointer;transition:0.3s;}
#sell_form table label.ck2 input:checked + span{background-image:url(images/form_ck3.png);}
#sell_form table label.ck3{}
#sell_form table label.ck3 input{display:none;}
#sell_form table label.ck3 span{display:inline-block;line-height:25px;height:25px;padding:0 5px 0 35px;background:url(images/form_ck6.png) 0 0 no-repeat;background-size:25px,25px;border:1px solid #FFF;cursor:pointer;transition:0.3s;}
#sell_form table label.ck3 input:checked + span{background-image:url(images/form_ck5.png);}
/*セレクトボックス*/
/*#sell_form table .select_box{display:inline-block;position:relative;border:1px solid #AAA;border-radius:5px;background: #FFF;}
#sell_form table .select_box::after{content: '';width:6px;height:6px;border:0px;border-bottom:solid 2px #b4b3b3;border-right:solid 2px #b4b3b3;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:10px;margin-top:-4px;}
#sell_form table select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#sell_form table select{width:100%;padding:0 1em 0 9px;cursor:pointer;font-size:14px;line-height:38px;vertical-align:top;text-overflow:ellipsis;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none;}*/
#sell_form table .select_box{
    overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;}
#sell_form table tr td.madori p{
    display: inline-block;}
#sell_form table .select_box{
    width: 200px;}
#sell_form table .select_box select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1em;}
#sell_form table .select_box select::-ms-expand {
    display: none;}
#sell_form table .select_box.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;}
#sell_form table .select_box.cp_sl01::before {
	position: absolute;
	top: 1.1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;}
#sell_form table .select_box.cp_sl01 select {
	padding: 8px 38px 8px 8px;}

@media screen and (max-width: 767px) {
#sell_form table .select_box{
    width: 100%;
    margin-bottom: 5px;}
}

/*送信確認*/
#sell_form input[type="button"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance: button;font-size:1em;background-color:#ddd;padding:5px 7px 5px;box-sizing: border-box;border-radius:3px;cursor: pointer;border:none;}
#sell_form input[type="submit"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;font-size:1.8em;font-weight:700;padding:15px 20px;box-sizing:border-box;border-radius:5px;cursor:pointer;color:#fff;background-color:#00349f;border:none;}

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

#sell_form input[type="button"],
#sell_form input[type="submit"]{transition:0.3s;}
#sell_form input[type="button"]:hover{opacity:0.5;}
#sell_form input[type="submit"]:hover{opacity:0.8;}

}

@media screen and (max-width: 767px) {
    
#sell_form table input[type="text"],
#sell_form table .select_box select{font-size:16px;}

#sell_form table th,
#sell_form table td{display:block;width:100%;padding:10px 0;}
#sell_form table th{padding:10px;}

#sell_form table .cap1{font-size:12px;line-height:30px;display:block;padding:0;}
#sell_form table input + .cap1{margin:0;}

/*横幅設定*/
#sell_form table .fm_s{width:80px;}
#sell_form table .fm_m{width:calc(70% - 30px); box-sizing: border-box;}
#sell_form table .fm_l{width:100%; box-sizing: border-box;}
#sell_form table .fm_ll{width:100%; box-sizing: border-box;}

}

/*----thanks----*/
#sell_form #thanks {width:60%;text-align:center!important;margin:50px auto;padding:30px 0;background-color:#eee;}
#sell_form #thanks h2 {font-size:2em;line-height:1.4;font-weight:700;margin-bottom:10px;padding-bottom:5px;color:#00349f;}
#sell_form #thanks p {font-size:1.4em;line-height:1.6;padding-bottom:15px;}
#sell_form #thanks .proviso{color:#666;}
#sell_form #thanks .proviso span{display:block;}
#sell_form #thanks dl{padding-top:15px;border-top:1px dotted #999;}
#sell_form #thanks dt {font-size:1.6em;line-height:1.6;font-weight:700;}
#sell_form #thanks .tel{font-size:1.5em;font-weight:700;color:#FF0000;}
#sell_form #thanks dd {font-size:1.4em;line-height:24px;}
#sell_form #thanks dd:nth-child(2){margin-bottom:10px;}
#sell_form #thanks dd a{display:inline-block;text-decoration:none;padding:5px 10px;border-radius:5px;color:#000;background-color:#fff;}
#sell_form #thanks dd a:hover{text-decoration:none;}

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

#sell_form #thanks{width:100%;padding:20px;box-sizing:border-box;}
#sell_form #thanks h2{font-size:1.7em;}
#sell_form #thanks h2 span{display:block;}
#sell_form #thanks .proviso span{display:inline;}
#sell_form #thanks p{font-size:1.3em;line-height:1.5;padding-bottom:15px;}

}


/*----thanks----*/
#contents #thanks {width:60%;text-align:center!important;margin:50px auto;padding:30px 0;}
#contents #thanks h3 {font-size:2.5em;line-height:1.4;font-weight:700;margin-bottom:20px;padding-bottom:5px;color:#00349f;}
#contents #thanks p {font-size:1.4em;line-height:1.6;padding-bottom:20px;}
#contents #thanks .proviso{}
#contents #thanks .proviso span{display:block;}
#contents #thanks dl{padding:25px 0; margin-top:10px; background-color:#eee;}
#contents #thanks dt {font-size:1.8em;line-height:1.6;font-weight:700; margin-bottom: 10px;}
#contents #thanks dd.tel a{font-size:1.8em;font-weight:700;color:#FF0000; text-decoration:none;}
#contents #thanks dd {font-size:1.4em;line-height:24px;}
#contents #thanks dd:nth-child(2){margin-bottom:10px;}
#contents #thanks dd.back a{display:inline-block;text-decoration:none;padding:5px 10px;border-radius:5px;color:#fff;background-color:#aaa;}
#contents #thanks dd.back a:hover{ background-color: #ccc;}

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

#contents #thanks dd.tel a[href^="tel:"] {
		pointer-events: none;}
}

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

#contents #thanks{width:100%;padding:0px;box-sizing:border-box; margin:15px 0;}
#contents #thanks h3{font-size:1.7em; margin-bottom:10px;}
#contents #thanks h3 span{display:block;}
#contents #thanks .proviso span{display:inline;}
#contents #thanks dl{padding:15px 0; margin-top: 0;}
#contents #thanks p{font-size:1.3em;line-height:1.5;padding-bottom:15px;}
#contents #thanks dt {font-size:1.6em;}
#contents #thanks dd.tel a{font-size:1.6em;}
#contents #thanks dd{ font-size:1.3em; }
#contents #thanks dd.back a{ font-weight:700;}

}