@charset "utf-8";

	@import url("font.css");

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	base

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
}

html {
	overflow-y: scroll;
}

body {
	font-family: 'NotoSansCJKjp',"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	font-size: 100%;
	line-height: 1.6;
	color: #41200a;
}

img {
	vertical-align: bottom;
}

a {
	outline: none;
	text-decoration: underline;
	color: #4C4948;
}

a img  {
	border: none;
}
a:hover img  {
	opacity: 0.8;
}

li {
	list-style-type: none;
}

main {
	display: block;
}

@media screen and ( max-width:767px ) {
	.pcOnly {
		display:none !important;
	}
}
@media screen and ( min-width:768px ) {
	.spOnly {
		display:none !important;
	}
}
a:link ,
a:visited {
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}

.bg_white {
	background:#ffffff;
}
.bg_gray {
	background:#f2f2f2;
}

.red {color:#ff0000;}
.gray {color:#888888;}
.blue {color:#007fda;}

.mt0{margin-top:0px !important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mb0{margin-bottom:0px !important;}
.mb30{margin-bottom:30px;}
.ml0{margin-left:0px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml1em{margin-left:1em;}
.ml2em{margin-left:2em;}
.ml3em{margin-left:3em;}
.ml4em{margin-left:4em;}

.fontsize_150 {font-size:150% !important ;}
.fontsize_120 {font-size:120% !important ;}
.fontsize_90 {font-size:90% !important ;}
.fontsize_80 {font-size:80% !important ;}
.fontsize_70 {font-size:70% !important ;}

.tx_kome {
	font-size:80%;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	header

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.header {
	margin:0 auto;
	max-width:1200px;
	background:#1a1a1a;
}
.header .inner {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	padding:15px 0;
}
.header .inner img {
	width:100%;
}
.header .inner h1 {
	margin-left:8%;
	width:18.916%;
}
.header .inner .tel {
	margin-left:30.833%;
	width:22.916%;
}
.header .inner .form {
	margin-left:0.8%;
	width:10.25%;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	共通

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.contents {
	margin:0 auto;
	max-width:1200px;
	text-align:center;
}
.contents img {
	width:100%;
}
.sec_01 {
	background:#fabd64;
}
.sec_01 p {
	margin:0 auto;
	width:23.333%;
}
.sec_02 {
	display:flex;
}
.sec_06 {
	background:#fabd64;
}
.sec_06 p {
	margin:0 auto;
	width:14.5%;
}
.sec_07 {
	margin:0 20px;
}
.sec_07_1 {
	padding:40px 0;
}
.sec_07_1 img {
	max-width:488px;
}
.sec_07_2 {
	font-size:20px;
	font-weight:bold;
}
.sec_07 .inner {
	margin:50px auto;
	max-width:860px;
	text-align:left;
}
.sec_07_3 {
	margin-bottom:20px;
}
.sec_07_3 img {
	max-width:301px;
}
.sec_07 .inner dl {
	display:flex;
}
.sec_07 .inner dl dt {
	width:15.3%;
	z-index:2;
}
.sec_07 .inner dl dd {
	margin-left:-0.7%;
	margin-bottom:20px;
	width:85%;
	border:2px solid #fac06a;
	z-index:1;
}
.sec_07 .inner dl dd p {
	padding:1em 0.7em;
}
.sec_10 h2 {
	margin:60px auto 50px;
	padding-bottom:1px;
	font-size:40px;
	border-bottom:4px solid #41200a;
	max-width:870px;
}
.sec_10_1 img {
	max-width:722px;
}
.sec_10 table {
	margin:0 auto 50px;
	max-width:870px;
}
.sec_10 table th {
	padding:1.5em 2em;
	width:20%;
	white-space:nowrap;
	border-bottom:1px solid #fbcb85;
	text-align:justify;
	text-align-last:justify;
	color:#f4901e;
}
.sec_10 table td {
	padding:1.5em 0;
	text-align:left;
	border-bottom:1px solid #fbcb85;
	font-size:90%;
}
.sec_10 table tr:last-child th ,
.sec_10 table tr:last-child td {
	border-bottom:none;
}
.sec_11 {
	padding:50px 0 0;
	background:#fabd64;
}
.sec_11 h2 {
	margin:0 auto 50px ;
	font-size:40px;
	border-bottom:4px solid #41200a;
	max-width:870px;
}
.sns_box {
	display:flex;
	justify-content: center;
	margin:20px 0 80px;
}
.sns_box p {
	margin:0 20px;
	width:359px;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	footer

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222 !important;
    font-size: 22px;
    text-decoration: none;
    padding: 10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff !important;
    font-size: 22px;
    text-decoration: none;
    padding: 10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}