@charset "utf-8";

*{
	margin:0;
	padding:0;
}

*, *: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;
}


body {
display: block;
margin: 0 auto;
text-align: left;
padding: 0;
font-family:"serif,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", Helvetica, Arial, sans-serif;
letter-spacing: 5px;
background-image: url(/images/lps/start/opt/startbg.jpeg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-size: 20px;
overflow-y: scroll;
}

.yu{font-family:"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	}
.mr{font-family: "メイリオ","Meiryo","Osaka","MS Pゴシック","MSゴシック",Helvetica,verdana,arial;}
.nt{font-family: 'Noto Sans JP','Roboto', "メイリオ","Meiryo","Osaka","MS Pゴシック","MSゴシック",Helvetica,verdana,arial,sans-serif;}


img{vertical-align:bottom;}

img.w100{width:100%;}
img.w90{width:90%;}
img.w80{width:80%;}
img.w70{width:70%;}
img.w60{width:60%;}
img.w50{width:50%;}
img.w40{width:40%;}
img.w30{width:30%;}
img.w20{width:20%;}
img.w15{width:15%;}
img.w10{width:10%;}
img.w8{width:8%;}
img.w7{width:7%;}
img.w5{width:5%;}

.trans100{opacity:1;}
.trans90{opacity:0.9;}
.trans80{opacity:0.8;}
.trans70{opacity:0.7;}
.trans60{opacity:0.6;}
.trans50{opacity:0.5;}
.trans40{opacity:0.4;}
.trans30{opacity:0.3;}
.trans20{opacity:0.2;}
.trans10{opacity:0.1;}



.lh1{line-height:1 !important;}
.lh1_1{line-height:1.1 !important;}
.lh1_2{line-height:1.2 !important;}
.lh1_3{line-height:1.3 !important;}
.lh1_4{line-height:1.4 !important;}
.lh1_5{line-height:1.5 !important;}
.lh1_6{line-height:1.6 !important;}
.lh1_7{line-height:1.7 !important;}
.lh1_8{line-height:1.8 !important;}
.lh1_9{line-height:1.9 !important;}
.lh2{line-height:2 !important;}
.lh2_1{line-height:2.1 !important;}
.lh2_2{line-height:2.2 !important;}
.lh2_3{line-height:2.3 !important;}
.lh2_4{line-height:2.4 !important;}
.lh2_5{line-height:2.5 !important;}


br{letter-spacing:0;}
br.sb{display: none;}
a:hover{opacity: 0.8;}

br.spbr{display:none;}
.sp-only{display:none;}
.pc-only{display:block;}
.pc-only2{display:inline-block;}
.pc-only3{display:none;}

button:hover{opacity: 0.8;}

input[type="submit"]:hover{opacity: 0.8;}

.sv{display: none;}

a:link{text-decoration:none; color: #FF2B74;}
a:visited{text-decoration:none; color: #FF2B74;}
a:hover{text-decoration:none; color: #FF2B74;}
a:active{text-decoration:none; color: #FF2B74;}
/*===========================================*/


.container{
	width:100%;
	max-width:800px;
	background: #fcfcfc;
	overflow: hidden;
	margin:0 auto;
	border-right:#FED97A double 0.3rem;
	border-left:#FED97A double 0.3rem;
	padding: 20px;
}

.container p {
	line-height: 1.6;
	margin: 80px 0;
}



.cont_back{
	width:100%;
	max-width:800px;
	margin:0 auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,f7f7f7+100 */
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfcfc 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	border-right:#FED97A double 0.3rem;
	border-left:#FED97A double 0.3rem;
}

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


/*　head
*********************************************************/
/*　ヘッダー
*********************************************************/

.header2205{
	background:url("../../../images/lps/max/header_bg.png") top center cover #f7f7f7;
	/* background:url("../../../images/lps/max/header_pc2.png") top center no-repeat #f7f7f7; */
/*
	background:url("../../../images/lps/max/header2.png") top center no-repeat #f7f7f7;*/
	width: 100%;
	height: auto;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}
/*　ヘッダー end
*********************************************************/
.formbox{
	width:94%;
	max-width:900px;
	padding:1rem 2rem;
	background-color: #fcfcd3;
	background-image: url("https://www.transparenttextures.com/patterns/back-pattern.png");
    /* position: absolute;
    top: 74%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); */
    border:double #FCE131 0.3rem;
	margin: 0 auto;
}
.formbox_n{
	width:100%;
	max-width:900px;
	padding:1rem;
	margin:0 auto;
	background-color: #fcfcd3;
	background-image: url("https://www.transparenttextures.com/patterns/back-pattern.png");
    border:double #FCE131 0.3rem;
}
/**********************************************************/

.sub_head{
	margin:0 auto;
	width:100%;
	max-width:800px;
	background-color: #e83f33;
	background-image: url("https://www.transparenttextures.com/patterns/diagonales-decalees.png");
	padding:2rem 1rem;
	border-radius:10rem 10rem 0 0;
}
.sub_in{
	margin:0 auto;
	width:100%;
	max-width:750px;
	background-color: #fff1ad;
	background-image: url("https://www.transparenttextures.com/patterns/debut-light.png");
	padding:4rem 1rem 4rem 1rem;
	font-size:3rem;
	text-align:center;
	border:solid 0.1rem #FEFAD0;
	border-radius:8rem 8rem 0 0;
	color:#EA3916;
	    /*text-shadow*/
    text-shadow: 2px 2px 2px #FEFAD0, 0 0 #5D0C01;
}


/*********************************************************
/* form
*********************************************************/

.area-form{
	width: 80rem;
	margin: 0 auto;
}

.form {
	width: 100%;
	margin: 0rem auto;
/*	padding: 2rem;
*/	text-align: center;
	color: #000000;
}


label {
	margin: 0.5rem auto;
	width: 50%;
	font-weight: bold;
	text-align: left;
	cursor:pointer;
	color: #000000;
	background-color: #dddddd;
	padding: 1.5rem 2rem;
	border-radius: 0.5rem;
	display: inline-block;
}

label:hover {
	border: none;
}


input[type="text"]{
	width: 100%;
	max-width:900px;
	padding:1.5rem 2rem;
	font-size:2rem;
	color:#000000;
	font-weight:bold;
	background-color: #ffffff;
	border: 0.2rem solid #111111;
	border-radius: 0.5rem;

}





/*********テーブル**********************/
.r_table{
	margin:0 auto;
	width:100%;
	max-width:700px;
}
.r_table th{
	text-align:left;
	padding:1rem 0 1rem 2rem;
	width:40%;
	font-size:2.5rem;
	background-color: #ffdac9;
	background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
}
.title{
	font-size:4rem;
	padding:1rem 0;
	margin:0 auto;
	width:100%;
	max-width:700px;
	background-color: #f2ab85;
	background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
	text-align:center;
	border-radius:10rem 10rem 0 0;
}
.r_table td{
	text-align:left;
	padding:1rem 0 1rem 2rem;
	font-size:3rem;
	background-color: #f2ab85;
	background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:800;
}


/***********************/
ul.box{
	overflow-y:scroll;
	height:35rem;
	width:100%;
	background:#EDEDEC;
	border:0.1rem solid #998A26;
	margin:0 auto;
	padding:0;
}

.tres{
    width:820px;
    margin:10px auto;
    border:1px solid #000;
    border-collapse: collapse;
    background-color:#ffff00;
    color:#000000;
}


.tres th{
    border:1px solid #000;
    background-color:#dfe8dd;
    color:#000;
    font-size:15px;
    font-family: "Oswald","Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;


}


.tres td.t4{
    font-size:12px;
    text-align:center;
    background-color:#fff;

}

.tres td{
    border:1px solid #000;
    font-size:12px;
    padding:6px;
    height:50px;
}

.tres td.t5{
    font-size:16px;
    text-align:right;
    font-weight:bold;
    color:#FF0000;
}

.tres td.t5_1{
    font-size:12px;
    text-align:right;
    color:#000;
    background-color:#000;
}

.tres td.t5_2{
    font-size:16px;
    text-align:right;
    font-weight:bold;
    background-color:#ffff00;
}

.tres td.t5_3{
    font-size:16px;
    text-align:right;
    font-weight:bold;
    background-color:#fff;
}

.tres td.t6{
    font-size:16px;
    text-align:right;
    font-weight:bold;
    color:#FF0000;
}

.tres td.t6_2{
    font-size:18px;
    text-align:center;
    font-weight:bold;
    color:#ff0000;
}

.tres td.t6_1{
    font-size:12px;
    text-align:right;
    color:#000;
    background-color:#000;

}

.tres td.t7{
    text-align:center;
    font-weight:bold;
    color:#FF0000;
    background-color:#e6f7ff;

}

.ttop{
    text-align:center;
    font-size:30px;
    font-weight:bold;
}
.bg-futeki{
    background-color:#ececec;
}
/*********テーブル　end**********************/


/*********声**********************/
.vwrap{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,fefcea+3,f9ebca+19,f9ebca+86,fefcea+97,fcfcfc+100 */
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 0%, #fefcea 3%, #f9ebca 19%, #f9ebca 86%, #fefcea 97%, #fcfcfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfcfc 0%,#fefcea 3%,#f9ebca 19%,#f9ebca 86%,#fefcea 97%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfcfc 0%,#fefcea 3%,#f9ebca 19%,#f9ebca 86%,#fefcea 97%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
	padding:2rem 0;
}

.v_top{
	font-size:3rem;
	padding:1rem 0;
	margin:0 auto;
	width:100%;
	max-width:700px;
	background-color: #f7d3a8;
	background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
	text-align:center;
	border-radius:10rem 10rem 0 0;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:800;
}
.voice{
	margin:0 auto 2rem auto;
	width:100%;
	max-width:700px;
	padding:1.4rem;
	background-color: #ffecc7;
	background-image: url("https://www.transparenttextures.com/patterns/p5.png");
	border:double 0.3rem #F1B970;
	font-weight:bold;
}
/*********声　end**********************/


/*********ボックス**********************/

.box_wt{
	background:#fcfcfc;
	padding:0.3rem;
}

.box_og{
	background: #FEBB48;
	width: 100%;
}

.box_mail{
	background:#fcfcfc;
	padding:0 0.3rem;
	border-radius:1rem;
	color:#e21e3e;
	font-weight:bold;
}
/*********ボックス　end**********************/

.footer{
	width: 100%;
	text-align: center;
	background: #FEBB48;
}

.footer ul{
	text-align: center;
	font-size: 1.3rem;
}
.footer ul li{
	display: inline-block;
	padding: 1.5rem;
	text-align: center;
	font-weight: normal;
}
.footer ul li a{
	color: #e21632f;
	font-weight:bold;
}
.footer ul li a:hover{
	opacity:0.7;
}
.footer .copy{
	font-size: 1.3rem;
	color: #dddddd;
	padding: 1rem 0.5rem;
	text-align: center;
	padding-bottom: 10px;
}

/* フォーム
*********************************************************/


form{
	width: 100%;
	background:url("../images/form_bg.png") no-repeat top center;
	padding: 20px 0 0;
	margin: 0 auto 0px;
}



input[type=text]{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#CD0C0C 1px solid;
	-moz-box-shadow: inset 0 0 5px rgba(205,12,12,0.2),0 0 2px rgba(205,12,12,0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(205,12,12, 0.2),0 0 2px rgba(205,12,12,0.3);
	box-shadow: inset 0 0 5px rgba(205,12,12, 0.2),0 0 2px rgba(205,12,12,0.3);
	width:100%;
	height:50px;
	padding:0 0 3px 8px;
	font-size: 18px;
	margin: 0 auto;
}

input[type=text]:focus {
	border:solid 2px #FF6600;
}

input[type=text], select {
	outline: none;
	margin-top: 30px;
}

input[type=submit] {
	width:260px;
	height:66px;
	background:url("../images/lps/start/opt/botan-1.png") no-repeat top center;
	cursor: pointer;
	margin-top: 30px;
	margin-bottom: 30px;
}

button[type=submit]:hover {
	opacity: 0.8;
}

button[type=submit] {
	margin-top: 30px;
	margin-bottom: 30px;
}

input[type=submit]:hover {
	opacity: 0.8;
}

p.zidou{
	width: 900px;
	font-size: 11px;
	line-height: 1.3;
	margin: 10px auto 100px;
}

.banner{
	box-shadow: -2px 6px 12px -5px #777777;
	border-radius: 8px;
	border:3px solid #282828"
}

@media screen and (min-width: 480px) {
	.container{
	width:100%;
	max-width:800px;
	background: #fcfcfc;
	overflow: hidden;
	margin:0 auto;
	border-right:#FED97A double 0.3rem;
	border-left:#FED97A double 0.3rem;
}

}


.area-y{background-image: url(../../../../images/auto/sal/bg-section.jpg);}
.area-lty{background-color:#F9F0A9;}
.area-be{background-color: #FAF7ED;}
.area-o{background-color: #FBB117;}
.area-rd{background-color:#C83231;}
/* .area-rd{background-image: url(../../../../images/auto/mae/bg-section-rd.jpg);} */
.area-bj{background-color: #F8EBB5;}
.area-pk{background-image: url(../../../../images/auto/mae/bg-section-pk.jpg);}
.area-bl{background-image: url(../../../../images/auto/mae/bg-section-bl.jpg);}
.area-vio{background-image: url(../../../../images/auto/mae/bg-section-vio.jpg);}



.area-xv-wt{
	background-color: #ffffff;
	background-image: url("https://www.transparenttextures.com/patterns/xv.png");
}


.img-submit{
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  width: 100%;
  display: block;
}

.img-submit img{
  display: block;   /* 余白消す */
  width: 100%;
  height: auto;
}

.section-title{
        width: 100%;
        margin: 0px 0 0px;
        padding: 20px 20px;
        inset: 0;
        background-color: #1d1d1d;
        text-align: center;
        border-top: 5px solid rgba(65, 55, 212, 0.8);
        border-bottom: 5px solid rgba(65, 55, 212, 0.8);
        overflow: hidden;
		    }

.section-title1{
        width: 100%;
        margin: 0px 0 0px;
        padding: 20px 20px;
        inset: 0;
        background-color: #ffa600;
        text-align: center;
        border-top: 5px solid rgb(255, 0, 0);
        border-bottom: 5px solid rgb(255, 0, 0);
        overflow: hidden;
		    }

.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 30px;
  position:relative;
  margin-right: 20px;
}
.radio-input + label::before{
  content: "";
/*  display: block;
*/  display: none;
  position: absolute;
  top: 15px;
  left: 5px;
  bottom: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
	background-color: #F9E54A;
}
.radio-input:checked + label::after{
  content: "";
/*  display: block;
*/
  display: none;
  position: absolute;
  top: 17px;
  left: 7px;
  width: 11px;
  height: 11px;
  background: #5e5e5e;
  border-radius: 50%;
}



table.list {
width: 100%;
margin-left: auto;
margin-right: auto;
border-spacing: 0.1rem;
line-height: 1.5;
}

table.list td {
border: 0.1rem solid #000;
padding: 1%;
}

table.list th {
border: 0.1rem solid #000;
padding: 1%;
background-color: #ffe100;
}

table.list01 th {
border: 0.1rem solid #000;
padding: 1%;
background-color: #ca7d0a;
margin-right: 1%;
}