@charset "UTF-8";
/* CSS Document */

@media only screen and (min-device-width: 481px) { /*表示切り替え*/
	.sp-only{
		display: none;
	}
}



/* body{ margin-top: 80px; } */

h1.ttl img{ max-width: 100%; }
.mail_box img{ max-width: 100%; }

.help{
    background: url(../img/kv.jpg) no-repeat;
    background-size: cover;
}

.mail_box > .list > .ttl{
	margin-bottom: 10px;
}
.help-ttlsub{
	margin-bottom: 30px;
}

.help-ttlsub a,
.help-wrap a{
	color: #1b95d4;
	border-bottom: solid 1px #1b95d4;
}

.helpttl-blue{
	font-size: 20px;
	font-weight: bold;
	color: #1b95d4;
	background-color: #e9f7ff;
    padding: 10px 20px;
	margin-top: 40px;
    margin-bottom: 25px;
}

.help-list{
    max-width: 94%;
	display: flex;
    margin: 0 auto 25px;
}
.help-flex{

}
.help-listin{
	flex: 1;
}
.help-listin p{
	font-size: 14px;
	margin-bottom: 20px;
}
.help-listin a:hover{
	border-bottom: solid 1px #000;
}

/*page*/
.help-indexwrap{
    display: flex;
    border-top: dashed 1px #333;
    margin-top: 20px;
    padding: 30px 30px 0;
}
.help-wrap{
	font-size: 15px;
	max-width: 95%;
	margin: 0 auto;
}
.help-wrap h4{
	font-size: 20px;
	font-weight: bold;
	color: #1b95d4;
	margin-top: 50px;
	margin-bottom: 20px;
}
.help-wrap .ttl-h5{
	font-weight: bold;
	border-left: solid 7px #1b95d4;
	padding: 5px 10px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.help-wrap .ttl-h6{
	font-weight: bold;
	border-bottom: solid 1px #1d1411;
    padding-bottom: 8px;
    margin-top: 40px;
    margin-bottom: 13px;
}
.help-wrap p{
	line-height: 1.4;
}
.help-wrap .helpp{
	margin-bottom: 20px;
}
.help-wrap img{
	margin-bottom: 20px;
}
.help-frame{
	font-size: 14px;
	border: solid 1px #acacac;
	padding: 20px;
    margin: 15px 0;;
}

.help-wrap table{
	width: 100%;
    font-size: 14px;
    line-height: 1.4;
	margin: 20px 0;
	border-bottom: solid 1px #1d1411;
}
.help-wrap tr{
	border-top: solid 1px #1d1411;
}
.help-wrap .table-gray{
	width: 200px;
    text-align: left;
	background-color: #f4f4f4;
	border-left: solid 1px #1d1411;
}
.help-wrap td{
    padding: 15px;
	border-right: solid 1px #1d1411;
}

.fontred{
	color: #DE161A;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	margin-bottom: 20px;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*LEFTside*/
#manual .mail_box > .archive > ul > li.active p{
	display: block;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 20px 19px 45px;
    letter-spacing: 0.1em;
    position: relative;
	background: #eaf8ff;
    color: #1b96d5;
    border-bottom: dashed 1px #333;
}
#manual .mail_box > .archive > ul > li.active p::before{
	content: "";
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -5.5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5.5px 0px 5.5px 7px;
    border-color: transparent transparent transparent rgb(27, 151, 213);
}
#manual .mail_box > .archive > ul > li.active a{
	font-weight: normal;
	font-size: 14px;
    color: #000;
    padding: 5px 25px;
	margin: 10px 0;
}
#manual .mail_box > .archive > ul > li.active a:before{
	display: none;
}
#manual .mail_box > .archive > ul > li.active .archive-sub{
	padding: 10px 0;
	background: #eaf8ff;
}


footer .copyright{
	text-align: center;
	color: #fff;
	background-color: #333;
	padding: 10px 0;
	margin-bottom: 0;
}

#page_top{
  position: fixed;
  right: 0px;
  bottom: 50px;
}
#page_top a{
  position: relative;
  display: block;
  text-decoration: none;
}


/*お問い合わせ*/
#form{
	max-width: 900px;
	margin: 0 auto;
}
input[type=checkbox], input[type=radio]{
    margin-right: 10px;
}
select{
	width: 100%;
    height: 40px;
}
label{
    border: solid 3px #eee;
    border-radius: 10px;
    padding: 3px 15px;
	margin-bottom: 0;
}
.form-table th,.form-table td{
	font-weight: normal;
	padding: 20px 10px;
}
.form-item{
	width: 300px;
}
.form-memo{
    display: block;
    font-size: 12px;
    padding-top: 5px;
}
.input-base{
	padding: 5px 7px;
}
.input-normal{
	width: 100%;
}
.input-short{
	width: 50%;
}
.form-mark{
	float: right;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
}
.mark-required{
	background-color: #ff564f;
}
.mark-optional{
	background-color: #aaa;
}
p.form-mark{
	margin-bottom: 0;
}
.send{
	text-align: center;
}
.btn_form{ /*送信ボタン*/
	padding: 10px 30px;
    background-color: #fff;
    border: solid 3px #333;
    border-radius: 10px;
    cursor: pointer;
}
.btn_cancel{
	border: solid 3px #eee;
    background-color: #eee;
}
/*確認と送信完了*/
.form-form{
	margin: 60px 0;
}
.form-checkpage{
	width: 100%;
	max-width: 800px;
	margin: 60px auto;
}
.form-checkpage tbody{
	border-bottom: solid 1px #acacac;
}
.form-checkpage th,.form-checkpage td{
    border-top: solid 1px #acacac;
    padding: 10px 0 10px 20px;
}
.form-checkpage th{
	width: 200px;
}
.form-thankswrap{
	margin: 60px 0;
}
/*お問い合わせ終わり*/