/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    /* vertical-align:baseline; */
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* classes
===============================================================*/
/*sp-pc*/
.sp-only{display: none;}
.pc-only{display: block;}

/*display: flex;*/
.fl_w_sb{display: flex; flex-wrap: wrap; justify-content: space-between;}
.fl_w_fs{display: flex;	flex-wrap: wrap; justify-content: flex-start;}

/*clearfix*/
.clearfix {width:100%;}
.clearfix:after{content: ""; display: block; clear: both;}

/*col*/
.w-100{width: 100%;}
.w-80{width:80%;}
.w-75{width: 75%;}
.w-66{width: 66%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-49_75{width: 49.75%;}
.w-49_5{width: 49.5%;}
.w-48{width: 48%;}
.w-40{width: 40%;}
.w-33{width: 33%;}
.w-32{width: 32%;}
.w-30{width: 30%;}
.w-25{width: 25%;}
.w-24{width: 24%;}
.w-20{width: 20%;}
.w-10{width: 10%;}

/*text-align*/
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/*font*/
.serif{font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Sawarabi Mincho', serif !important;}
.gothic{font-family: BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;}

.fw-bold{font-weight: 500;}

/*font-size*/
.f-xxsmall{font-size: .4em !important;}
.f-xsmall{font-size: .6em !important;}
.f-small{font-size: .8em !important;}
.f-middle{font-size: 1em !important;}
.f-large{font-size: 1.2em !important;}
.f-xlarge{font-size: 1.4em !important;}
.f-xxlarge{font-size: 1.6em !important;}
.f-xxxlarge{font-size: 1.8em !important;}
.f-xxxxlarge{font-size: 2em !important;}

/*font-color*/
.fc-white{color: #fff !important;}
.fc-red{color: #D60909}

/*background*/
.bg-white{background: #fff !important;}

/*margin*/
.mg0{margin: 0 !important;}
.mg10{margin: 10px !important;}
.mg20{margin: 20px !important;}
.mg30{margin: 30px !important;}
.mg40{margin: 40px !important;}
.mg50{margin: 50px !important;}

.mgT0{margin-top: 0px !important;}
.mgT10{margin-top: 10px !important;}
.mgT20{margin-top: 20px !important;}
.mgT30{margin-top: 30px !important;}
.mgT40{margin-top: 40px !important;}
.mgT50{margin-top: 50px !important;}
.mgT60{margin-top: 60px !important;}
.mgT70{margin-top: 70px !important;}
.mgT80{margin-top: 80px !important;}
.mgT90{margin-top: 90px !important;}
.mgT100{margin-top: 100px !important;}

.mgB0{margin-bottom: 0px !important;}
.mgB10{margin-bottom: 10px !important;}
.mgB20{margin-bottom: 20px !important;}
.mgB30{margin-bottom: 30px !important;}
.mgB40{margin-bottom: 40px !important;}
.mgB50{margin-bottom: 50px !important;}
.mgB60{margin-bottom: 60px !important;}
.mgB70{margin-bottom: 70px !important;}
.mgB80{margin-bottom: 80px !important;}
.mgB90{margin-bottom: 90px !important;}
.mgB100{margin-bottom: 100px !important;}

.mgL0{margin-left: 0px !important;}
.mgL10{margin-left: 10px !important;}
.mgL20{margin-left: 20px !important;}
.mgL30{margin-left: 30px !important;}
.mgL40{margin-left: 40px !important;}
.mgL50{margin-left: 50px !important;}

.mgR0{margin-right: 0px !important;}
.mgR10{margin-right: 10px !important;}
.mgR20{margin-right: 20px !important;}
.mgR30{margin-right: 30px !important;}
.mgR40{margin-right: 40px !important;}
.mgR50{margin-right: 50px !important;}

/*padding*/
.pa0{padding: 0 !important;}
.pa5{padding: 5px !important;}
.pa10{padding: 10px !important;}
.pa20{padding: 20px !important;}
.pa30{padding: 30px !important;}
.pa40{padding: 40px !important;}
.pa50{padding: 50px !important;}

.paT0{padding-top: 0px !important;}
.paT10{padding-top: 10px !important;}
.paT20{padding-top: 20px !important;}
.paT30{padding-top: 30px !important;}
.paT40{padding-top: 40px !important;}
.paT50{padding-top: 50px !important;}

.paB0{padding-bottom: 0px !important;}
.paB10{padding-bottom: 10px !important;}
.paB20{padding-bottom: 20px !important;}
.paB30{padding-bottom: 30px !important;}
.paB40{padding-bottom: 40px !important;}
.paB50{padding-bottom: 50px !important;}

.paL0{padding-left: 0px !important;}
.paL10{padding-left: 10px !important;}
.paL20{padding-left: 20px !important;}
.paL30{padding-left: 30px !important;}
.paL40{padding-left: 40px !important;}
.paL50{padding-left: 50px !important;}

.paR0{padding-right: 0px !important;}
.paR10{padding-right: 10px !important;}
.paR20{padding-right: 20px !important;}
.paR30{padding-right: 30px !important;}
.paR40{padding-right: 40px !important;}
.paR50{padding-right: 50px !important;}

/*indent*/
.indent_1{text-indent: -1em; margin-left:1em;}
.indent_2{text-indent: -2em; margin-left:2em;}
.indent_3{text-indent: -3em; margin-left:3em;}
.indent_4{text-indent: -4em; margin-left:4em;}
.indent_5{text-indent: -5em; margin-left:5em;}

/*anchor*/
.anchor{padding-top: 100px; margin-top: -100px;}

/*label*/
.lv-perple{
	font-weight: bold;
	font-size: 28px;
}
.lv-num{
	display: flex;
	justify-content: flex-start;
	/* align-items: center; */
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 1.6;
}
.lv-num em{
	color: #CFCFCF;
	font-size: 40px;
	width: 40px;
	font-style: normal;
	font-weight: 500;
	width: 30px;
	margin-right: 10px;
	line-height: 1em;
    margin-top: -0.2em;
}
.lv-num i{
	border: 1px solid #707070;
	padding: 3px;
	display: block;
	font-style: normal;
	width: 30px;
	text-align: center;
	margin-right: 10px;
	height: 2em;
}
.lv-num span{
	width: calc( 100% - 40px);
}
.lv-num u{
	text-decoration: none;
	display: inline-block;
}
@media screen and (max-width: 480px)  {
	h4.lv-num{align-items: flex-start;}
}

/*button*/
.btn-square{
	border: 1px solid #999;
	padding: 8px 20px;
	font-size: 14px;
	position: relative;
	background: #fff;
	box-shadow: 3px 3px #999;
	display: inline-block;
}
.btn-square::after{
	content: "＞";
	margin-left: .5em;
}
.btn-square:hover{
	background: #f7f7f7;
}

.btn-gray{
	background: #3D3D3D;
	color: #fff;
	padding: 20px;
	width: 80%;
	display: inline-block;
	margin: 0 auto;
}
.btn-gray:hover{
	background: #b3b3b3;
	color: #fff;
}
.btn-gray:hover span::after{
	background: #b3b3b3;
}
.btn-gray span{
	display: inline-block;
	position: relative;
}
.btn-gray span::before{
	content: "";
	width: .8em;
	height: .8em;
	border: 1px solid #fff;
	position: absolute;
	left: -1em;
	top: .25em;
}
.btn-gray span::after{
	content: "";
	width: .8em;
	height: .8em;
	border: 1px solid #fff;
	position: absolute;
	left: -1.2em;
	bottom: .3em;
	background: #3D3D3D;
	transition: .5s all;
}

.btn-mail{
	background: #3D3D3D;
	color: #fff;
	padding: 20px;
	width: 100%;
	max-width: 260px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}
.btn-mail:hover{
	background: #b3b3b3;
	color: #fff;
}
.btn-mail:hover span::after{
	background: #b3b3b3;
}
.btn-mail span{
	display: inline-block;
	position: relative;
}
.btn-mail span::before{
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: -30px;
	top: -2px;
	background: url(../images/common/icon-form-wh.svg);
}

/*link*/
.lnk-arrow{
	color: #9A7F54;
	border-bottom: 1px solid #9A7F54;
	text-decoration: none !important;
}
.lnk-arrow:hover{
	color: #666;
	border-bottom-color: #666;
}
.lnk-arrow::after{
	content: "＞";
	margin-left: .5em;
}

.icon-pdf{
	position: relative;
}
.icon-pdf::before{
	content: "";
	display: inline-block;
	width: 1.5em;
	background: url('../images/common/icon-pdf.svg');
	height: 1.5em;
	position: absolute;
	left: -1.5em;
	top: 0;
}

.iframe_resp{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.iframe_resp iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*border*/
.bd-gray{border: 1px solid #707070;}
.bd-lightgray{border: 1px solid #ccc;}

/*ul*/
ul.list-disc li{list-style: disc; margin-left: 20px; margin-bottom: 20px;line-height: 1.5;}
ul.list-square li{list-style: square; margin-left: 20px; margin-bottom: 20px;line-height: 1.5;}
ul.list-circle li{list-style: circle; margin-left: 20px; margin-bottom: 20px;line-height: 1.5;}

ul.img_list_01{
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
}
ul.img_list_01 li{
	width: 48%;
	margin: 0 1% 20px;
	text-align: right;
	list-style: none;
}
ul.img_list_01 li img{
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
}
ul.img_list_01 li br + img{
	margin-top: 2em;
}
ul.img_list_01 span{line-height: 18px}

table.table_01{
	margin: 30px 0;
}
table.table_01 tr{
	border-bottom: 1px solid #c9c9c9;
}
table.table_01 th, table.table_01 td{
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
}
table.table_01 th{
	width: 100px;
}

/*display*/
.display-none{display: none;}
.display-block{display: block;}
.display-flex{display: flex;}