/*--------------------------------------------------------
font
--------------------------------------------------------*/
/* type */
body {
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-align: center;
}
/* font-color */
body { color: #FFFFFF; }
section { color: #4c4c4c; }
.fc1 { color: #696969; } /* ポイントカラー用 */
.fc2 { color: #FF4560; } /* 赤文字用 */
/* link-color */
a {
color: #A1A1A0;
text-decoration: none;
}
a:hover,
a:active,
a:visited,
a:focus {
color: #696969;
text-decoration: none;
}
/* font-size */
body {font-size: 1.0rem; }
h1 { font-size: 1.6rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.6rem; }
h5, h6, p { font-size: 1.4rem; line-height: 150%; }
small { font-size: 1.3rem; line-height: 150%; }
input, select { vertical-align: middle; }
li, time { font-size: 1.4rem; text-decoration: none; line-height: 160%;}
th, td { font-size: 1.4rem; text-decoration: none; line-height: 160%;}
dt, dt label , dd { font-size: 1.2rem; text-decoration: none; line-height: 160%;}
/* 下記フォームのfont-sizeは16px以上でないと入力時にズームしてしまう */
select, input, textarea, label { font-size: 1.6rem; text-decoration: none; line-height: 160%;}
/* 改行 */
body, h1, h2, h3, h4, h5, p, th, td, li, select, input, label, dt, dd ,time ,li { word-break: break-all; }
/* 確認ページ */
section.check-contents dd { font-size: 1.6rem; text-decoration: none; line-height: 160%; }
/*--------------------------------------------------------
back color
--------------------------------------------------------*/
body { background-color: #000000; }
header { background-color: #FFFFFF; }
footer { background-color: #000000; }
section.d-contents { background: #FFFFFF; }
section.bg01 {
background: #000000;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
/*--------------------------------------------------------
navi color
--------------------------------------------------------*/
#slide_menu { background: #696969; }
#slide_menu li { border-bottom: solid 1px #A1A1A0; }
#slide_menu li + li { border-top: solid 1px #696969; }
#slide_menu ul { border-bottom: solid 1px #696969; }
/*--------------------------------------------------------
btn color
--------------------------------------------------------*/
.btn_s a, .btn_s input { background: #696969; color: #fff; border-radius: 50px;}
.btn_m a, .btn_m input { background: #696969; color: #fff; border-radius: 50px;}
.btn_ms a { background: #696969; color: #fff; border-radius: 50px;}
.btn_m2 a, .btn_m2 input { background: #696969; color: #fff; border-radius: 50px;}
.btn_l a, .btn_l input { background: #696969; color: #fff; border-radius: 50px;}
.btn_l2 a, .btn_l2 input { background: #696969; color: #fff; border-radius: 50px;}
/*--------------------------------------------------------
title  color
--------------------------------------------------------*/
section.d-contents h2,
section.d-contents h3 { color: #696969; }
/*--------------------------------------------------------
title
--------------------------------------------------------*/
section.d-contents h2 {
margin-bottom: 0.5em;
border-bottom: 1px dotted #999;
background: url("../img/ico_midashi.png") no-repeat left 3px;
background-size: 24px;
padding-bottom: 5px;
padding-left: 35px;
}
/*--------------------------------------------------------
hd & navi
--------------------------------------------------------*/
/*常にページ上部に固定*/
#fixedBox {
background-color: transparent;
position: fixed;
width: 100%;
height: 42px;
top: 0;
z-index: 2;
}
header {
box-sizing: border-box;
display: block;
width: 100%;
height: 42px;
background: #000;
position: relative;
}
header #btn_navi {
position: absolute;
top: 1em;
left: 1em;
}
header h1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 30%;
height: 23px;
text-align: center;
}

/* hdロゴが画像の場合 */
header h1 a img {
display: block;
max-height: 24px;
width: auto;
}

header .btn_s {
position: absolute;
top: 1em;
right: 1em;
}
/*--------------------------------------------------------
ft
--------------------------------------------------------*/
.pagetop {
display: block;
width: 60px;
height: 60px;
margin: 0 auto;
padding: 3em 0 1em;
}
footer small {
display: block;
padding: 1em 0;
}
/*--------------------------------------------------------
contents padding&margin
--------------------------------------------------------*/
.content { margin-top: 42px; }
#index .content { margin-top: 0; }
section { padding: 1.5em 1.5em 1.7em; }
section.d-contents { text-align: left; }
section.d-contents h3 { margin-bottom: 0.5em; }
section.d-contents p {
padding-bottom: 1.5em;
margin-bottom: 1.5em;
border-bottom: 1px dotted #d4d4d4;
}
section.d-contents p:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
/*--------------------------------------------------------
index
--------------------------------------------------------*/
section.top {
margin-top: 42px;
color: #FFFFFF;
height: auto;
background-size: contain;
background: url("../img/top_sp.png") top center no-repeat;
-webkit-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
padding-top :35%; /* 内容により微調整必須 */
padding-left: 0;
padding-right: 0;
padding-bottom: 2em;
}
section.top h3 {
font-size: 1.6rem;
}
section.top .btn_l {
padding-top: 1em;
text-shadow: none;
}
section.top p {
padding-top: 0.5em;
}
.ico01 {
display: block;
width: 60px;
height: 60px;
margin: 0 auto;
padding-top: 0.5em;
padding-bottom: 2em;
}
#index section.bg01 div {
padding-top: 0.5em;
padding-bottom: 2em;
}
#index section.bg01 img {
width: 70%;
height: auto;
}
/*--------------------------------------------------------
form関連
entry,login,check
--------------------------------------------------------*/
section.entry-contents,
section.check-contents,
section.login-contents {
padding-bottom: 2.5em;
}
/* sex */
.sex label { cursor: pointer; }
.sex input[type=radio], .sex input[type=checkbox] { display: none; }
.sex input[type="radio"]:checked + label[for="radio01"] { background-color: #86b3e9; }
.sex input[type="radio"]:checked + label[for="radio02"] { background-color: #f79295; }
.sex span { 
display: block;
box-sizing: border-box;
width: 50%;
float: left;
padding: 0.5em;
text-align: center;
margin-top: 0.3em;
 }
.sex .radio {
box-sizing: border-box;
background-color: #c2c2c2;
border-radius: 4px;
color: #fff;
padding: 1em 35%;
}
/* moreinfo */
.moreinfo dl {
width: 48%;
float: left;
}
/* moreinfo */
.moreinfo dl:nth-child(2n+1) {
margin-right: 4%;
}
/* check */
.check {
text-align: center;
margin: 1.5em 0;
}
.check input {
width: inherit;
padding: 0.3em;
margin-top: -0.1em;
}
section.check-contents dd {
display: block;
background-color: #ededed;
padding: 0.5em;
}
/* member */
.member label { cursor: pointer; }
.member input[type=radio], .member input[type=checkbox] { display: none; }
.member input[type="radio"]:checked + label[for="radio03"] { background-color: #fa6900; }
.member input[type="radio"]:checked + label[for="radio04"] { background-color: #fa6900; }
.member span { 
display: block;
box-sizing: border-box;
width: 50%;
float: left;
padding: 0.5em;
text-align: center;
margin-top: 0.3em;
 }
.member .radio {
box-sizing: border-box;
background-color: #c2c2c2;
border-radius: 4px;
color: #fff;
padding: 1em 30%;
}
/*--------------------------------------------------------
faq
--------------------------------------------------------*/
section.faq-contents h3 {
position: relative;
padding-left: 40px;
font-weight: bold;
line-height: 30px;
margin-bottom: 1em;
}
section.faq-contents h3:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
background: url("../img/ico_qa01@2x.png") center left no-repeat;
background-size: 30px;
background-color: #ee8392;
}
section.faq-contents p {
font-size: 1.6rem;
position: relative;
padding-left: 40px;
}
section.faq-contents p:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
background: url("../img/ico_qa02@2x.png") center left no-repeat;
background-size: 30px;
background-color: #7ca5c4;
}
/*--------------------------------------------------------
nenrei_info
--------------------------------------------------------*/
section.nenrei-contents .imgbox-lr {
display: block;
margin-bottom: 1em;
}
section.nenrei-contents .imgbox-lr span:nth-child(1) {
display: block;
width: 60%;
height: auto;
float: left;
}
section.nenrei-contents .imgbox-lr span:nth-child(2) {
display: block;
width:35%;
height: auto;
float: right;
margin-left: 5%;
}
/*--------------------------------------------------------
nenrei_mikan_extends 
--------------------------------------------------------*/
section.nenrei-contents div.form-upload {
padding-bottom: 1.5em;
border-bottom: 1px dotted #e1e1e1;
margin-bottom: 1.5em;
}
section.nenrei-contents div span {
	font-size: 1.4em;
}
section.nenrei-contents input[type=file] {
    background-color: #dddddd;
    border: 0;
    margin-bottom: 1em;
}

/*--------------------------------------------------------
ryoukin
--------------------------------------------------------*/
section.ryoukin-contents .table01 {
margin-bottom: 1em;
}
section.ryoukin-contents .table01 td {
display: table-cell;
}
section.ryoukin-contents .table01 td:first-child {
width: 75%;
}
section.ryoukin-contents .table01 td:nth-child(2n) {
text-align: right;
padding-right: 0.5em;
}
/*--------------------------------------------------------
company,payment
--------------------------------------------------------*/
section.company-contents .table01 td,
section.payment-contents .table01 td {
display: block;
width: 100%;
}
section.company-contents .table01 td:nth-child(2n),
section.payment-contents .table01 td:nth-child(2n) {
padding-top: 0;
}