@charset "utf-8";

:root {
	--color-baseText: #000000;
	--color-lightText:#FFFFFF;
	--color-point: #FF8800;
	--color-main: #009dd9;
	--form-bg: #f4f4f4;
	--color-middle: #666666;
}

*{
    margin: 0px;
	padding: 0px;
}

img{border: 0;}

a {outline: none;}

ul,ol { list-style-type: none;}

A:link{color:#2f3640;text-decoration:underline}
A:visited{color: #2f3640;text-decoration:none;}
A:active{color:#2f3640;text-decoration:none;}
A:hover{color:#2f3640;text-decoration:none;}

::selection{
	background: var(--color-point);
	color: var(--color-lightText);
}
::-moz-selection{
	background: var(--color-point);
	color: var(--color-lightText);
}

table{
	border-collapse:collapse;
}


input{
	font-family: kozuka-gothic-pro,sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 100%;
	font-style: normal;
}

body{
	font-family: kozuka-gothic-pro,sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 1.5;
	overflow-x:hidden;
}

body.modal-open{
	overflow: hidden !important;
}


.wrapper{
	margin: 0 auto;
	width: 98%;
	max-width: 1200px;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#container{
	text-align: left;
}


/* ページスクロールボタン */
#topcontrol{
	z-index: 200;
	right: 10px !important;
	bottom: 70px;
}


#topcontrol span{
	display: none;
}

@media screen and (min-width: 980px) {
	#topcontrol span{
		display: none;
	}
	.sp{
		display: none;
	}
	tr.sp,
	th.sp,
	td.sp{
		display: none;
	}
}
@media screen and (max-width: 979px) {
body{
	font-size: 14px;
}
	#container{
		min-width: auto;
		max-width: initial;
        overflow: hidden;
	}
	.sp{
		display: none;
	}
}
@media screen and (max-width: 768px){
	.sp{
		display: block;
	}
	tr.sp,
	th.sp,
	td.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	tr.pc,
	th.pc,
	td.pc{
		display: none;
	}
	#topcontrol img{
		width: 50px !important;
		height: auto !important;
	}
}

.anim{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition: .8s;
}
.move{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.delay1{
	transition-delay: .1s;
}
.delay2{
	transition-delay: .2s;
}
.delay3{
	transition-delay: .3s;
}
.delay4{
	transition-delay: .4s;
}
.delay5{
	transition-delay: .5s;
}
.delay6{
	transition-delay: .6s;
}
.delay7{
	transition-delay: .7s;
}
@media screen and (max-width: 979px) {
.delay1,
.delay2,
.delay3,
.delay4,
.delay5,
.delay6,
.delay7{
	transition-delay: .1s;
}
}

@media screen and (max-width: 768px){
.delay1,
.delay2,
.delay3,
.delay4,
.delay5,
.delay6,
.delay7{
	transition-delay: 0;
}
}


/*layout
************************************************************************************/
#content{
	color: #000;
}


.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lv_h1{
	color: #000;
	font-size: 1.75em;
	display: flex;
	align-items: center;
	margin-bottom: 1.5em;
}
.lv_h1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}
.lv_h1:after {
	margin-left: .4em;
}

.lv_h2{
	font-size: 1.25em;
	font-weight: bold;
	margin: 1em 0;
	text-align: center;
	color: #3b5aa8;
}


/*footer
----------------------------------------------------------------------*/
footer.footer{
	margin: 0;
	padding: 30px 0;
	border-top: 1px solid #000;
	text-align: center;
	font-size: 0.875em;
}

/*parts
************************************************************************************/
.textCenter{
 text-align:center;
}

.textRight{
 text-align:right;
}
.textLeft{
 text-align:left;
}
.smidashi{
	font-weight: bold;
	font-size: 17px;
	color: #ce4040;
}
.bold{
	font-weight: 700;
}

.red{color:#d80808;}
.blue{color: #1744AB;}
.txt_s{
	font-size: 0.75em;
}
.txt_xxl{
	font-size: 1.563em;
}
.txt_xl{
	font-size: 1.313em;
}
.txt_l{
	font-size: 1.125em;
}

.rf10{float:right; margin-left:10px;}
.rf15{float:right; margin-left:15px;}
.lf15{float:left; margin-right:15px;}
.rf{float:right;}
.lf{float:left;}

ul.baselink{}
span.br{}
a.tel{}
span.spbr{}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .clearfix{
    height: 1em;
}
.clearfix{
    display: block;
}
/* ▲ */
/* for IE7 */
*:first-child+html .clearfix{
	zoom:1;
}

@media screen and (min-width: 980px) {
	span.br{
		display: block;
		text-indent: -9999;
		font-size: 0;
	}
	a.tel{
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: #000;
	}
}

@media screen and (max-width: 768px){
	.rf10{float:none; margin:10px auto;}
	.rf15{float:none; margin:10px auto;}
	.lf15{float:none; margin:10px auto;}
	.rf{float:none; margin:10px auto;}
	.lf{float:none; margin:10px auto;}

	img.rf10{float:none; margin:10px auto; display:block; max-width:100%; height:auto;}
	img.rf15{float:none; margin:10px auto; display:block; max-width:100%; height:auto;}
	img.lf15{float:none; margin:10px auto; display:block; max-width:100%; height:auto;}
	img.rf{float:none; margin:10px auto; display:block; max-width:100%; height:auto;}
	img.lf{float:none; margin:10px auto; display:block; max-width:100%; height:auto;}

	.textCenter img{
		max-width: 100%;
		height: auto;
		width: auto;
		display: block;
		margin: auto;
	}

	span.spbr{
		display: block;
	}
}

ul.square{
	list-style-type: square;
	margin-left: 2.4em;
	margin-top: 5px;
}
ul.square li{
	margin-bottom: 5px;
	background: none;
	padding: 0;
	list-style-type: square;
}
ul.square li p{
	padding: 0;
}

ul.cube{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}


ul.cube li{
	display: block;
	padding: 15px;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: .5%;
}

ul.ar_black li{
	background: url("../img/ar_black.svg") no-repeat left .3em;
	margin: 0 0 1em;
	padding-left: 35px;
}

.btn_orange{
	padding: 1.5em 0 0 0;
}

.btn_orange a{
	background: url("../img/ar_white.svg") no-repeat right 30px center var(--color-point);
	display: inline-block;
	color: var(--color-lightText);
	text-decoration: none;
	padding: 1em calc(3em + 30px) 1em 3em;
	border-radius: 2em;
	font-weight: 700;
}

@media screen and (min-width: 980px) {
	.btn_orange a{
		transition: 0.3s ease-in-out;
	}
	.btn_orange a:hover{
		background: url("../img/ar_white.svg") no-repeat right 20px center var(--color-point);
	}
}
@media screen and (max-width: 979px) {
/*tablet*/
}
@media screen and (max-width: 768px){
	.btn_orange a{
		display: block;
	}
}
@media screen and (max-width: 620px) {
/*sp*/
}
@media screen and (max-width: 480px){
}