@charset "utf-8";



/* paddingやmarginを枠内に含む処理 */

*, *:before, *:after {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

}



/* フォーム共通CSS */

#form #header {

	/*background-image: url(../img/header/main-visual_02.png);*/

	background-color: /*#203495*/#fff;

	height: 490px;

	width: 100%;

}

.hissu{

    background-color: #F96060;

    border-radius: 25px;

    padding: 3px 5px 3px 8px;

    color: #fff;

    margin-left: 15px;

    font-size: 15px;

}

.nini{

    background-color: #203495;

    border-radius: 25px;

    padding: 3px 5px 3px 8px;

    color: #fff;

    margin-left: 15px;

    font-size: 15px;

}

.pointer{ cursor: pointer; }







@media screen and (max-width:896px) {#form #header {background-image: url(../img/header/main-visual_02.png); background-position: 62%; height: 310px; width: 100%;}}

#form_conte_main {

	width: 1000px;

	height: auto;

	margin: 0 auto 100px;

	padding: /*24*/45px 0 0;

}

@media screen and (max-width:896px) {#form_conte_main {height: auto; margin: 0 auto 100px; padding: 24px 0 0; width: 95%;}}





#contentTable2 {

	width: 100%;

	background: #fff;

	padding:/*30px 50px*/30px 50px 10px 50px;

	border-right:1px solid #BFBFBF;

	border-left:1px solid #BFBFBF;

}



#contentTable2_modal {

	width: 100%;

	background: #fff;

	padding:0px 30px;

	border-right:1px solid #BFBFBF;

	border-left:1px solid #BFBFBF;

}



#contentTable2_modal .checkbox .li{

	float:left;

	display:block;

	width:/*48%*/402px;

	margin: 1% 2%;

}

#contentTable2_modal1 {

	width: 100%;

	background: #fff;

	padding:0px 30px;

	border-right:1px solid #BFBFBF;

	border-left:1px solid #BFBFBF;

}



#contentTable2_modal1 .checkbox .li{

	float:left;

	display:block;

	width: 46%;

	margin: 1% 2%;

}

#contentTable2_modal2 {

	width: 100%;

	background: #fff;

	padding:0px 30px;

	border-right:1px solid #BFBFBF;

	border-left:1px solid #BFBFBF;

}



#contentTable2_modal2 .checkbox .li{

	float:left;

	display:block;

	width: 46%;

	margin: 1% 2%;

}

#contentTable2_modal3 {

	width: 100%;

	background: #fff;

	padding:0px 30px;

	border-right:1px solid #BFBFBF;

	border-left:1px solid #BFBFBF;

}



#contentTable2_modal3 .checkbox .li{

	float:left;

	display:block;

	width: 46%;

	margin: 1% 2%;

}



@media screen and (max-width:896px) {#contentTable2 {width: 100%; background: #fff; padding:30px 10px; border-right:1px solid #BFBFBF; border-left:1px solid #BFBFBF;}}

.tableBox { margin: /*0 auto 50px*/0 auto 20px;}

.tableBox .formH1 {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	padding: 8px 30px;

	background: /*#73c8bb*/#203495;

	letter-spacing: /*0.3*/0.2em;

	border-radius:0px;

/*	background:linear-gradient(to right, #3D9EA0, #3D638F);*/

}



.tableBox .formH1_modal {

	color: #fff;

	font-size: 20px;

	font-weight: bold;

	padding: 15px 30px;

	background: /*#73c8bb*//*#203495*/#ef8194;

	letter-spacing: /*0.3*/0.2em;

	border-radius:0px;

/*	background:linear-gradient(to right, #3D9EA0, #3D638F);*/

	text-align: center;

}



/*@media screen and (max-width:896px) {.tableBox .formH1 {color: #fff; font-size: 20px; font-weight: bold; padding: 15px 30px; background: #73c8bb; letter-spacing: 0.3em; text-align: center; border-radius:0px; background:linear-gradient(to right, #3D9EA0, #3D638F);}}*/

.tableBox .formH2 {

	color: #333;

	font-size: /*20*/19px;

	font-weight: bold;

	letter-spacing:/* 0.2*/0.1em;

	margin-bottom: 10px;

	color:#505050;

}





.tableBox .formH2 img {height:100%; padding:5px 0 0 10px;}

.copy-box2{

/*	max-width:1000px;*/

	margin: 0 auto;

	padding: /*70px 0 50px*/50px 0 55px;

	text-align: center;

	background-color: #203495;

}

@media screen and (max-width:896px) {.copy-box2{max-width:1000px; margin: 0 auto 5%; padding: 10px 0 0px; text-align: center;}}





/* 入力項目 */

.inline-b {display: inline-block;}

.d-inline{display: inline; }

.width900{ 

	width:900px;

	margin-bottom: 30px;}



.midashi_label{ width:300px; }















.contentTable3 label {

	padding: 10px 20px;

	border: 1px solid #AEAFAE;

	font-size:18px;

    border-radius: 25px;
        width: 244px;
}



.contentTable3 select {

	padding: 10px 20px;

	border: 1px solid #AEAFAE;

	font-size:18px;

/*	width:50%;*/

}

.contentTable3 input[type="checkbox"] { cursor: pointer; margin-right:10px;}

.contentTable3 input[type="text"] {

	padding: 10px 20px;

	border: 1px solid #AEAFAE;

	font-size:18px;

	width:/*70*/80%;

	background:#f9f9f9;

}



.contentTable3 textarea {

/*	width:70%;*/

	height:150px;

	padding: 10px 20px;

	font-size:18px;

}

.contentTable3 li{display:flex;}

.contentTable3 ul{	margin:0 0 30px;}



.checkbox label{display: block; cursor: pointer;}



.checkbox .li{float:left; display:block; width:48%; margin:0 1% 1% 0;}





/* チェックボックスデザイン */

.jquery-smaple-radio{display: none;}

.icon{padding-left: 20px; position:relative; margin-right: 20px;}

.icon::before{content: ""; display: block; position: absolute; top: 4px; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 4px;}

.jquery-smaple-radio:checked + .icon{color: #009a9a;}

.jquery-smaple-radio:checked + .icon::after{content: ""; display: block; position: absolute; top: -0px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #009a9a; border-right: 3px solid #009a9a;}





/* 次のページへ進むボタン共通 */

.actionBtn1 {background: linear-gradient(45deg,#3D9EA0,#3D638F); border-radius: 45px; width: 50%; padding:2px; margin:0 auto;}



.actionBtn_modal {

	background: #ef8194;/*linear-gradient(45deg,#3D9EA0,#3D638F);*/

	border-radius: 35px;

	width: /*50*/45%;

	padding:/*2*/3px;

	margin:0 auto;

}



@media screen and (max-width:896px) {.actionBtn1 {background: linear-gradient(45deg,#3D9EA0,#3D638F); border-radius: 45px; width: 90%; padding:2px; margin:0 auto;}}



.actionBtn2{background: #FFF; border-radius: 45px; padding:15px 30px; color: #3D638F; font-size: 1.7em; font-weight: bold; letter-spacing: 0.2em; text-indent: 0.5em; transition: all .5s; cursor: pointer; width: 100%; border:0;}

.actionBtn2:hover {

	background: linear-gradient(45deg,#3D9EA0,#3D638F);

	color:#fff;

}



.actionBtn_modal2 {

	background: #FFF;

	border-radius: 45px;

	padding:15px 30px;

	color: /*#3D638F*/#ef8194;

	font-size: 1.7em;

	font-weight: bold;

	letter-spacing: 0.2em;

	text-indent: 0.5em;

	transition: all .5s;

	cursor: pointer;

	width: 100%;

	border:0;

}

.actionBtn_modal2:hover {

	background: #ef8194;/*linear-gradient(45deg,#3D9EA0,#3D638F)*/

	color:#fff;

}





/* 入力内容確認ボタン */

.actionBtn3{background: linear-gradient(45deg,#3D9EA0,#3D638F); border-radius: 45px; width: 50%; padding:2px; margin:0 auto;}

.actionBtn4{background: linear-gradient(45deg,#3D9EA0,#3D638F); border-radius: 45px; padding:5px 30px; color: #FFF; font-size: 1.2em; font-weight: bold; letter-spacing: 0.2em; text-indent: 0.5em; transition: all .5s; cursor: pointer; width: 100%; border:0;}

.actionBtn4:hover {background: #FFF; color: #3D638F;}



.actionBtn5{background: #FFF; border-radius: 45px; color: #3D638F; font-size: 1em; font-weight: bold; letter-spacing: 0.2em; text-indent: 0.5em; transition: all .5s; cursor: pointer; width: 100%; border:0; text-align:center;}

.actionBtn5:hover{background: linear-gradient(45deg,#3D9EA0,#3D638F); color:#fff;}

.actionBtn5 a:hover{color:#fff;}

.actionBtn5 a{color: #3D638F; display:block; padding:15px 30px;}



.actionBtn6{background-color: #00b400; border-radius: 45px; width: 50%; padding:2px; margin:0 auto;}

.actionBtn7{background-color: #00b400; border-radius: 45px; padding:15px 30px; color: #FFF; font-size: 1.2em; font-weight: bold; letter-spacing: 0.2em; text-indent: 0.5em; transition: all .5s; cursor: pointer; width: 100%; border:0;}

.actionBtn7:hover {background: #FFF; color: #00b400;}



/* SSLエリア */

#ssL {border: 3px solid #B5B5B5 !important; height: auto !important; margin: 0 auto !important; width: 100% !important;	padding:20px !important;}

.ssL_l {display: inline !important; float: left !important; margin: 15px 0 15px 30px !important; width:auto !important;}

.ssL_r {float: right !important; display:inline !important; font-size:16px !important; width: 80% !important; line-height:2em !important; margin:0px !important;}

#reDText {color: #D20000 !important; font-size: 20px !important; font-weight: bold !important; margin: 60px auto 0 !important; width: 100% !important; text-align: center;}

.haBa_Btm{

	padding:0 0 /*20*/60px !important;

}

.haBa_Btm2{

	padding:0 0 20px !important;

    margin-bottom: 150px;

}

.fr{float:right;}





/* メルマガエリア */

#mailmzA {width:400px !important; padding-bottom: 0 !important; margin:8px 0 !important; float:right;}



#mailmzA_new {

/*	width:400px !important;*/

	padding-bottom: 0 !important;

	margin:/*8*/4px 0 !important;

	/*float:right;*/

}

#mailmzA_new p{ text-align: center; }



#mailmzA .tooltipP a { cursor: pointer; }

#pageBottom2 #mailmzA #tooltip { top: -98px !important; left: 377px !important; }

#cnf-mail #mailmzA{text-align:center; margin:8px auto !important; float:none;}







.foot {

  position: fixed;

  bottom: 0px;

}

.foot2{ position: relative; }





/* フッター固定CTA（業者選択ページのみ） */

#pageBottom2 {

	width: 100%;

	/*background: rgba(250,250,250,1);*/

	background-color: rgba(25, 48, 80, 0.84);

/*	border-top: 2px solid #ccc;

	border-bottom: 2px solid #ccc;*/

}

.sticky2 {position: -webkit-fixed; position: fixed; bottom: 0; right: 0;}

.cv_box {

	/*padding: 15px 10%;*/

	width: 1000px;

    margin: 0 auto;

}

.cv_botan2 {height: auto;}

.otoiawase_bt6 {position: absolute;}

.otoiawase_bt6 input {background: #f9e561; padding: 10px; border: none; border-radius: 5px; box-shadow: 0 3px 3px #777; color: #333; font-size: 1.5em; font-weight: bold; text-indent: .9em; letter-spacing: .2em; transition: all .5s; cursor: pointer;}

.otoiawase_bt6 input:hover {opacity: 0.7; transition: all .5s;}







/* エラーページ専用 */

.errorBox {background: #fd5353; color: #fff; padding-bottom: 10px; border-radius: 5px; margin: 0 auto; width: 100%;}

.errorBox .errorMidashi {background: #f00; border-radius: 5px; font-size: 18px; font-weight: bold; color: #fff; padding: 8px; text-align: center; margin: 0 auto;}

.errorBox .errorMidashi2 {margin: 10px auto; text-align: center; font-size: 16px;}

.errorBox .seikyu_err {margin-bottom: 8px; font-size: 1.2em; text-indent: 1em;}

.err_red {

	background-color: #FF5454; /*#fd5353cf*/

	width: auto;

	height: auto;

	padding: /*10*/5px;

/*	border-radius: 5px;*/

	margin-top: 0;

}







/* 業者選択ページ　業者選択時に色を付けるやつ */

#sortNew input[type="checkbox"].my_check {display: none;}

#sortNew input[type="checkbox"].my_check + label {display: inline-block; cursor: pointer; margin: 0px; width: 100%;}

#sortNew input[type="checkbox"].my_check + label::before {width: 30px; height: 30px; line-height: 26px; font-size: 35px; display: inline-block; vertical-align: middle; text-align: center; content: "\2713"; color: transparent; margin: 0; padding: 0; border-radius: 5px; border: 3px solid #dddddd; background: #f0f0f0; -webkit-transition: .1s; transition: .1s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#sortNew input[type="checkbox"].my_check + label:hover{color: #808080;}

#sortNew input[type="checkbox"].my_check + label:hover::before{background-color: #fff;}

#sortNew input[type="checkbox"].my_check:checked + label{color: #15c; background: #f6ce44;}

#sortNew input[type="checkbox"].my_check:checked + label::before{font-size: 25px; background: #fff !important; border-color: #15c !important; color: #15c !important;}

#sortNew label span { margin-left: 5px;}



#sort li{ list-style-type: none; }

#li_check{   }



/*#li_check ul li:before {

  font-family: "Font Awesome 5 Free";

  content: "\f00c";

  position: absolute;

  left : 1em;

  color: #ffb03f;

}*/





/* 入力内容確認ページ */

.confirmTable th{background:#ccc; padding:10px 20px; width:30%;}

@media screen and (max-width:896px) {.confirmTable th{background:#ccc; padding:10px 20px; width:40%;}}

.confirmTable td{padding:10px 20px;}



#contentTable2 ul li{ list-style-type: none outside none;}







/* 送信完了ページ */

#form .mail p{font-size:20px; font-weight:bold;}

#form .mail .title{color: #3B7393; font-size: 30px; text-align: center;}







/* 業者選択ページ専用 */

#contentTable2 table { 

	/*border: 1px solid #AFAFAF;*/

	margin: 0 auto;

	width: 100%; 

}

#contentTable2 table .td_1 { 

	background-color: /*#aaa*/#203495;

	height: /*32*/39px;

	padding-left: 15px;

	text-align: left;

	width: 100%;

	font-weight: bold;

	color:#fff;

}

#contentTable2 table .td_2 { padding: 30px 20px 15px  15px; }

#contentTable2 table .td_22 { padding: 15px 20px 15px  15px; }

#contentTable2 table .td_3 { 

	font-size: 15px;

	line-height: 1.5;

	padding: /*15px 20px 15px 0*/5px 20px 5px 0px;

	width: 100%;

}

#contentTable2 table .td_4 { position: relative; width: 84px; }

#contentTable2 table .td_4 a { display: block; width: 84px; }

#contentTable2 table .td_4 a img { position: absolute; bottom: 5px; right: 5px; }



.corp_up{ 

	background-color: #ECF2F7/*url(../img/header/main-visual_02.png)*/;

    border: solid 1px #d5dade;

	width:919px; 

	height:151px;

	margin: 0 auto;

 }

.bg388AC4 {background-color: #203495;}

.bg388AC4_m {

 	background-color: #203495;

 	border-right: dashed 1px #fff;

 	border-left: dashed 1px #fff;

 }

.dashed388AC4 {border: dashed 1px #203495;}

.solid388ac4 {border: solid 1px #203495;}

.collapse {border-collapse: collapse;}



.img_wrap{ 

  border: 1px solid #ddd;

  width: 921px;

  height: 153px;

  margin: 0 auto;

  overflow: hidden;

  background: #000;

 }



 .img_wrap input[type="image"]{

  width: 100%;

  cursor: pointer;

  transition-duration: 0.3s;

}



input[type=checkbox] {

  transform: scale(1.5);

    cursor: pointer;

}









/* Button 3 */

.btn-3 {

	background: #898989;

	color: #fff;

}



.btn-3:hover {

	background: #6a6a6a;

}



.btn-3:link {

	background: #7f7f7f;

}



/*.btn-3:active {

	background: #f58500;

	top: 2px;

}*/



.btn-3:before {

	position: absolute;

	height: 100%;

	left: 0;

	top: 0;

	line-height: 3;

	font-size: 140%;

	width: 60px;

}



/* Button 3a */

.btn-3a {

	padding: 10px 40px 10px 40px;

    border-radius: 35px;

}



.btn-3a:before {

	background: rgba(0,0,0,0.05);

}





/* General button style (reset) */

.btn {

	border: none;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

	background: none;

	cursor: pointer;

	padding: 10px 20px;

	display: inline-block;

	/*margin: 11px 10px 20px 10px;*/

	margin:10px 20px 5px 20px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.btn:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



/* Pseudo elements for icons */

.btn:before,

.icon-heart:after,

.icon-star:after,

.icon-plus:after,

.icon-file:before {

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	position: relative;

	-webkit-font-smoothing: antialiased;

}





.btn2 {

	border: none;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

	background: none;

	cursor: pointer;

	display: inline-block;

	margin: 0px 30px 8px 30px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.btn2:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



/* Pseudo elements for icons */

.btn2:before {

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	position: relative;

	-webkit-font-smoothing: antialiased;

}





.icon-cart:before {

	content: "\e007";

}





/* Button 2 */

.btn-2 {
	color: #fff;

	box-shadow: 0 6px #fe4902;
	-webkit-text-shadow: 0px 2px 2px #333;
	text-shadow: 0px 2px 2px #333;
	-webkit-transition: none;

	-moz-transition: none;

	transition: none;
	background: linear-gradient(to bottom, #fead18 0, #ff662b 100%);
    border-bottom: 1px solid #fe4902;

}



/* Button 2c */

.btn-2c {

	border-radius: 5px;

    padding: /*15px 25px*/10px 35px;

}



.btn-2c:hover {

	box-shadow: 0 4px #fe4902;

	top: 2px;

}



.btn-2c:active {

	box-shadow: 0 0 #fe4902;

	top: 6px;

}



/* Button 2c2 */

.btn-2c2 {

	border-radius: 5px;

}



.btn-2c2:hover {

	box-shadow: 0 4px #fe4902;

	top: 2px;

}



.btn-2c2:active {

	box-shadow: 0 0 #fe4902;

	top: 6px;

}







input::placeholder {

  color: #c2c2c2;

}

/* IE */

input:-ms-input-placeholder {

  color: #c2c2c2;

}

/* Edge */

input::-ms-input-placeholder {

  color: #c2c2c2;

}



textarea::placeholder {

  color: #c2c2c2;

}

/* IE */

textarea:-ms-textarea-placeholder {

  color: #c2c2c2;

}

/* Edge */

textarea::-ms-textarea-placeholder {

  color: #c2c2c2;

}