@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* CSS Document -std-form.css*/
/*-------------------
(1)Element Style
(2)Header & Footer
(3)Stracture
(4)Title & note
(5)Flow
(6)Form
(7)Error
(8)Additional note
(9)Q&A
(10)Confirm
-------------------*/



/* --------------------------------------------
(1)Element Style
-------------------------------------------- */
body {
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	height: auto;
	max-width: 100%;
	width: auto;
}

.pc_view{display: none;}
.sp_view{display: block;}
 @media print, screen and (min-width:768px) {
.pc_view{display: block;}
.sp_view{display: none;}
 }



/* --------------------------------------------
(2)Header & Footer
-------------------------------------------- */

/* --------------------------------------------
(3)Stracture
-------------------------------------------- */
#header {
	border-bottom: 1px solid #b4b4b4;
	border-top: 3px solid #fa0046;
}
#minDLheader, #field, #ftWrap {
	box-sizing: border-box;
	padding: 10px 0 20px;
	width: 96%;
	max-width: 950px;
	margin: 0 auto;
	font-size: 12px;
}
.hd_logo{
display: none;
}
.ft_logo {
	padding: 12px 0;
}
h2 span.homeNm {
	font-size: 12px;
}
h2 span.siteNm {
	font-size: 16px;
	font-weight: bold;
}
h2 span.pgTtl {
	font-size: 14px;
}

#bdWrap {
	background-color: #f7f7f7;
}
#field {
	padding-bottom: 80px;
}
/*#field ul#sendingNav {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	color: #898989;
	border-bottom: #ccc dotted 1px;
}*/
/*#field ul#sendingNav li {
	display: inline-block;
	padding: 10px 30px;
}*/
#footer {
	border-top: 3px solid #fa0046;
	padding: 20px 0 50px 0;
}
 @media screen and (min-width:320px) {
.hd_logo{
display: block;
padding:7px 7px 0 0;
}
 }
 @media screen and (min-width:320px) and (max-width:767px){/*20220819追加*/
.hd_logo{
	width:30%;
	text-align: right;
}
#minDLheader h2{
	width:60%;
}
 }
@media screen and (max-width:767px){
#footer{
padding:10px 0;
}
#ftWrap {
	width:92%;
}
#ftWrap .floatR{
	margin:12px 0 20px;
	font-size: 11px;
}

}
@media print, screen and (min-width:768px) {
#ftWrap {
	padding: 15px 0;
}
.ft_logo {
	padding: 0
}
}
@media print, screen and (min-width:768px){
.minDLheader_logo{float:right;padding:0;}
}
/* --------------------------------------------
(4)Title & note
-------------------------------------------- */
#field h3 {
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
/*.explain {
	font-size: 12px;
	line-height: 1.4em;
	margin: 20px auto;
}
.explain li, .explain p {
	margin-bottom: 1.2em;
}
.explain li {
	padding-left: 20px;
	background: url(../img/icon_check.png) no-repeat left top;
}*/

.form_dounyuu_wrap{
width:96%!important;max-width: 800px;
margin: 30px auto 40px;
font-size: 14px !important;
}

.form_dounyuu{
box-sizing: border-box;
width: 100%;
padding: 25px 30px;
font-size: 14px !important;
background: #eeefef;
margin-bottom: 5px;
}

.form_dounyuu h4 {
font-size: 18px !important;
font-weight: bold;
margin-bottom: 5px;
color: #e60012;
}

.form_dounyuu h5 {
margin: 20px 0 0;
}

.form_dounyuu .form_qa a{
text-decoration: underline;
color: #333 !important;
}
.form_dounyuu li{
margin:0.1em 0;
text-indent:-1.2em;
padding:0.2em 0 0.2em 1.2em;
}
.zu_dounyuu{
padding:20px;
margin-top:15px;
}
.zu_dounyuu p{
text-indent:-1em;
padding:0.4em 0 0.4em 1em;
line-height: 1.4;

}
/* --------------------------------------------
(5)Flow
-------------------------------------------- */
.flow {
width: calc(1330 / 1700 * 100%);
margin: 40px auto;
}

.flow ul {
display: flex;
justify-content: flex-start;
}

.flow li {
width: calc((100% - 50px) / 3);
height: 60px;
background: #eeefef;
color: #898989;
margin-right: 24px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
box-sizing: border-box;
font-weight: bold;
}

.flow li.cu {
background: #bc183b;
color: #fff;
}

.flow li::after {
content: "";
display: block;
width: 24px;
height: 60px;
position: absolute;
top: 0;
right: -24px;
border-left: 24px solid #eeefef;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
box-sizing: border-box;
}

.flow li.cu::after {
border-left: 24px solid #bc183b;
}

.flow li:last-child {
margin-right: 0;
}

.flow li:last-child::after {
content: none;
}



/* --------------------------------------------
(6)Form
-------------------------------------------- */
.active {
	font-weight: bold;
	color: #404040;
}
div.submitbtn {
	text-align: center !important;
}
input.frmbtn1, input.frmbtn2, a.frmbtn1, a.frmbtn2 {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 50px !important;
	text-decoration: none !important;
	border: none !important;
	cursor: pointer;
	background-image: -moz-linear-gradient( -45deg, rgb(227,0,64) 0%, rgb(208,12,62) 35%, rgb(188,24,59) 100%);
	background-image: -webkit-linear-gradient( -45deg, rgb(227,0,64) 0%, rgb(208,12,62) 35%, rgb(188,24,59) 100%);
	background-image: -ms-linear-gradient( -45deg, rgb(227,0,64) 0%, rgb(208,12,62) 35%, rgb(188,24,59) 100%);
}
input.frmbtn3, a.frmbtn3 {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 50px !important;
	text-decoration: none !important;
	border: none !important;
	cursor: pointer;
	background-color:#666;
}
input.frmbtn1, a.frmbtn1 {
	background-color: #6e6e6e;
}
input.frmbtn2, a.frmbtn2 {
	background-color: #fa0046;
}
input:hover.frmbtn1, a:hover.frmbtn1 {
	background-color: #888;
}
input:hover.frmbtn2, a:hover.frmbtn2 {
	background-color: #f5547B;
}
input:hover.frmbtn3, a:hover.frmbtn3 {
	background-color: #999;
}
#field .sendInfo {
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
}
#field .sendInfo h2 {
	font-weight: bold;
	font-size: 20px;
}
#field .sendInfo dt {
	font-size: 18px;
	border-bottom: 1px dashed #fa0046;
	margin-bottom: 15px;
	text-align: left;
	clear: both;
	padding-top: 15px;
}
 @media print, screen and (min-width:768px) {
input.frmbtn1, a.frmbtn1 {
	background-color: #6e6e6e;
	margin-right: 20px !important;
}
#field .sendInfo .sendImg {
	margin-right: 20px;
	float: left;
}
}



#form_box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 40px;
	font-size: 14px;
}
 
#form_box table {
		display:block;
		width: 100%;
		border: none;
		border-collapse: collapse;
		margin: 0 auto 50px;
		 }
#form_box tbody {display: block;}
	.confirmTbl table {
		width: 75% !important;
		margin-top: 30px !important;
	}
	#form_box tr {
		display:block;
		border: 1px #ddd solid;
}
	#form_box th,
	#form_box td {
		box-sizing:border-box;
		border-collapse: collapse;
		border: none;
		vertical-align: middle;
		display:block;/*20180309�ύX*/
	}
	#form_box th {
		color: #fff;
		/*background-color: #6e6e6e;*/
		background-color: #595656;
		padding: 10px 35px;
		font-size: 14px;
		font-weight: bold;
	}
	#form_box td {
		font-size: 14px;
		background-color: #fff;
		padding: 10px 20px;
		/*min-width: 250px;*//*20180309�ύX*/
	}
/*	#form_box .ico-req {
		background-image: url(../img/icon_req-red.png);
		background-repeat: no-repeat;
		background-position: 15px center;
	}*/
#form_box label {
		display: inline-block;
		padding: 2px;
		overflow: hidden;
		_zoom: 1; }
 
#form_box input {
	font-size: 14px;
	padding: 2px 1%;
	margin: 2px;
}
#form_box input.ime-atv {
	ime-mode:active;
}
#form_box input.ime-iatv {
	ime-mode:active;
}
#form_box input.ime-dsb {
	ime-mode:disabled;
}
#form_box input[type=text],
#form_box input[type=tel],
#form_box input[type=email],
#form_box textarea {
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	max-width: 100%;
}
input.input-w10{width: 30%;}
input.input-w20{width: 60%;}
input.input-w30{width: 60%;}
input.input-w40,
input.input-w60{
	width: 94%;
}

#form_box input:focus[type=text],
#form_box input:focus[type=tel],
#form_box input:focus[type=email],
#form_box textarea:focus {
	border: 1px solid #f28a8a;
	background-color: #fff6f6;
}
#form_box textarea {
	ime-mode:active;
	width: 90%;
	margin: 0.5em 0;
}
#form_box input[type=text]::placeholder,
#form_box input[type=tel]::placeholder,
#form_box input[type=email]::placeholder {
	color: #ccc;
}	

.form_label{
	font-weight: bolder;
}

 
p.iezip {display: none;}

.ieall p.iezip {display: block;}

.notice {
	font-size: 12px;
	font-weight: normal !important;
}	
 
.notes {
	box-sizing:border-box;
	width: 100%;
	padding: 20px;
	border: 1px solid #CCC;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	line-height: 1.3em;
	max-width: 600px;
}


select {
    border: 1px solid #888;
    background: #ffffff;
    padding: 3px 4px;
    color: #222;
    margin: 0px 5px 0px 0px;
}
/*#form_box input[type=radio] {
	border: none;
}
*/
input:focus, select:focus {
    outline: none;
}

.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #FFF;
    /*border-radius: 7px;
    -moz-border-radius: 7px;*/
}
.fa-question-circle {
	color: #a8a8a8;
	margin-right: 5px;
}	




#form_box table{margin-bottom:10px;}
.bdr{ border: 1px solid #C3C3C3;}
.minDLheader_logo{padding:0 0 10px;}
.red{color: #e85b76 !important;}
.fwBold {font-weight: bold !important;}
.grey{color: #999 !important;}



#form_box dt {
	line-height: 26px;
	}
	#form_box dd {
	margin-bottom: 5px;
	}
@media print, screen and (min-width:768px){
	#form_box dt {
		float: left;
		}
		#form_box dd {
		padding-left: 8.5em;
		}
}


/*�ȉ�20180309�ύX*/
@media print, screen and (min-width:768px){
#form_box table {display:table;}
#form_box tbody {display: table-row-group;}
#form_box th,
#form_box td {
	border-collapse: collapse;
	border: 1px #ddd solid;
	vertical-align: middle;
	display:table-cell;
	}
#form_box tr {
	border: none;
	display:table-row;
}

.mail_confirm{margin-top: 1em;}
.form_label{
	font-weight:bold;
	min-width:280px;
/*	font-size: 16px !important;*/
	color: #333;
	}

}
@media print, screen and (min-width:900px){
input.input-w40{width: 20em;}/* catalog -----------------------*/

#catalog {
	margin-top: 25px;
}

#catalog table {
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0 auto 0px auto;
	border: none;
}

#catalog table th,
#catalog table td {
	border-collapse: collapse;
	border: 1px #ddd solid;
	vertical-align: middle;
}
#catalog table th {
	color: #fff;
	background-color: #6e6e6e;
	background-color: #595656;;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
}
#catalog table th.choose {
	background-color: #ECEAEA;
	width:80px
}
#catalog table th img {
	border: 1px solid #DBD8D8;
	float: left;
	margin-right: 5px;
}

#catalog table td {
	font-size: 14px;
	background-color: #fff;
	padding: 10px;
}

input.input-w60{width: 30em;}
}

/*20210203追加*/
#form_box textarea,
#form_box input,
#form_box select{
font-size: 15px;
padding:3px 5px;
}
#form_box input[type=tel], #form_box input[type=email] {
border: 1px solid #aaa;
background-color: #f5f5f5;
}
.input_msg{margin-bottom: 10px; color: #de1d41;}
@media screen and (max-width:767px){
.pc_view{display:none;}
#form_box input#ValidZip,#form_box select#ValidPreftxt,#form_box input#ValidAddress,#form_box input#ValidAddress2{margin-bottom:10px}
}
/* --------------------------------------------
(7)Error
-------------------------------------------- */
.ErrorField {
    border-color: #EA5302 !important;
    color: #EA5302 !important;
    background: #ffd !important;
}

span.ValidationErrors {
    font-size: 12px !important;
    color: #EA5302 !important;
}
.msg-noscript{
font-weight: bolder;
font-size: 1.2em;
color: #bc183b;;
}
/* --------------------------------------------
(9)Q&A
-------------------------------------------- */
#field #f1qa {
	margin-top: 20px;
	font-size: 14px;
}
#field #f1qa p {
	padding: 10px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	background-color: #E3E3E3;
}
#field #f1qa dl {
	margin: 10px;
}
#field #f1qa dt, #field #f1qa dt span {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
#field #f1qa dt {
	margin-bottom: 10px;
}
#field #f1qa dt:before {
	content: "Q";
	color: #fff;
	border-radius: 2px;
	background: #597cc2;
	width: 20px;
	height: 20px;
	display: inline-block;
	padding: 2px;
	margin-right: 5px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}
#field #f1qa dt span {
	color: #555;
}
#field #f1qa dd {
	margin-bottom: 30px;
}


/* --------------------------------------------
(10)Confirm
-------------------------------------------- */
h4.error_ttl{
font-size: 16px;
margin-bottom: 0.5em;
}
.error_messe{
font-size: 14px;
line-height: 1.8;
color:crimson;
}
@media print,screen and (min-width:768px){
.formTable-conf tr td:first-child{
width:30%;
}
}