@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: /*#388ac4*/#fff;
	height: 550px;
	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: #388AC4;
    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*/#388ac4;
	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*//*#388ac4*/#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: #388ac4;
}
@media screen and (max-width:896px) {.copy-box2{max-width:1000px; margin: 5% auto; 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;
}

.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*/#388ac4;
	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: #388AC4;}
.bg388AC4_m {
 	background-color: #388AC4;
 	border-right: dashed 1px #fff;
 	border-left: dashed 1px #fff;
 }
.dashed388AC4 {border: dashed 1px #388AC4;}
.solid388ac4 {border: solid 1px #388ac4;}
.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 {
	background: #a7d959;
	color: #fff;
	box-shadow: 0 6px #779a3f;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2c */
.btn-2c {
	border-radius: 5px;
    padding: /*15px 25px*/10px 35px;
}

.btn-2c:hover {
	box-shadow: 0 4px #779a3f;
	top: 2px;
}

.btn-2c:active {
	box-shadow: 0 0 #779a3f;
	top: 6px;
}

/* Button 2c2 */
.btn-2c2 {
	border-radius: 5px;
}

.btn-2c2:hover {
	box-shadow: 0 4px #779a3f;
	top: 2px;
}

.btn-2c2:active {
	box-shadow: 0 0 #779a3f;
	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;
}