@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+serif+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
min-width: 1200px;
}
body, table, input, textarea, select, option {
font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	 -webkit-font-smoothing: antialiased;
	 color: #000;
}
.robot{
	    font-weight: 400;
	font-family:'Roboto','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
svg text{
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
svg g text{
	font-family:'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
p{
	line-height:2;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
		backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}
a,
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
.text_h2{
	width: 908px;
	margin:0 auto 50px;
	font-size: 3.5rem;
	text-align: left;
	padding: 20px 0 25px;
	background:url(../img/lin1.png) left bottom no-repeat;
	background-size: auto 4px;
}
.position_fix{
	position: fixed;
	bottom: 30px;
	right: 80px;
	cursor: pointer;
	transition: .3s;
}
.position_fix:hover{
	opacity: .6;
}
.dl_text{
	font-family:'Roboto','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.dl_text a{
	color: #F3CB00 !important;
	text-decoration: underline;
}
.dl_text dt{
	width: 20%;
	font-weight: 600;
	text-align: left;
	padding-bottom: 20px;
}
.dl_text dd{
	width: 80%;
	font-weight: 400;
	text-align: left;
	padding-bottom: 20px;
}
#cover{
	z-index: 2000;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: #FFF;
}

body{
	position: relative;
	background-color: #FFF;
}

@media all and (max-width: 1160px) {
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
.fancybox-button--close{

	width: 50px;
	height: 50px;
	padding: 10px;
	top:20px;
	right: 20px;
	border-radius: 3px;
	background:#FFF34B ;
}
.fancybox-button--close svg {
	color:#000;
}
.fancybox-navigation .fancybox-button--arrow_left {
	width: 60px;
	height: 50px;
    background:#FFF34B url(../img/r2.png) center center no-repeat;
		background-size: 9px auto;
		padding: 20px;
		border-radius: 3px;
		left: 20px;
}
.fancybox-navigation .fancybox-button--arrow_left svg{
	display: none;
}
.fancybox-button{
	width: 50px;
	height: 50px;
}
.fancybox-navigation .fancybox-button--arrow_right {
	background:#FFF34B url(../img/r1.png) center center no-repeat;
	background-size: 9px auto;
	width: 60px;
	height: 50px;
	padding: 20px;
	right: 20px;
	border-radius: 3px;
}
.fancybox-button div{
	display: none;
}

.fancybox-infobar{
	right: 20px;
	bottom: 10px;
	top:auto;
	left: auto;
	color: #FFF;
		font-family:'Roboto','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
/*------------------調整クラス-----------------*/
h3{
	font-weight: 500;
}
.mw1720{
	max-width:1800px;
	min-width: 1200px;
	box-sizing: border-box;
	padding: 0 40px;
}
.mw1720 li{
	width:50%;
	box-sizing: border-box;
}
.mw1720 li:nth-of-type(2n){
	padding-left: 20px;
}
.mw1720 li:nth-of-type(2n - 1){
	padding-right: 20px;
}


.mw1720_2{
	max-width:1260px;
	min-width: 1260px;
	box-sizing: border-box;
	padding: 0px;
}
.mw1720_2 li{
	width:25%;
	box-sizing: border-box;
	padding:0 10px;
}
.mw1720_2 li a{
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

.w1{
  width:1200px;
}
.w2{
  width:908px;
}
.w3{
  width:720px !important;
}
.w4{
  width:596px !important;
}
.w5{
  width:790px !important;
}
.w6{
  width:513px !important;
}
.container{
	margin: auto;
  position: relative;
  width:1136px;
}

.wrapper{
	position: relative;
	text-align: center;
}

.wrapper,
.w100{
  width:100%;
}

.btn_box{
	text-align: center;
}
a{
	transition: .3s;
}
a:hover{
	opacity: 0.6;
}
.color_w{
	color: #FFF !important;
}
.color_w a{
	color: #FFF !important;
}
.color1{
	color: #334433 !important;
}
.color2{
	color:#2A2A2A !important
}
.color3{
	color:#0077B5 !important
}
.bg_color1{
  background:rgba(64, 114, 64, 0.15);
}
.bg_color2{
background:rgba(64, 114, 64, 0.1);
}
.bg_color3{
  background:#FFF34B;
}
.bg_color4{
background:#334433
}
.bg_w{
  background:#FFF;
}

.box_text{
	box-sizing: border-box;
	padding: 15px 20px 15px;
	background: #334433 !important;
	border-radius: 4px;
	color: #FFF;
	font-weight: 600;
}
.box_text2{
		box-sizing: border-box;
	padding: 56px 20px;
	background: #334433 !important;
	border-radius: 4px;
	color: #FFF;
	font-weight: 600;
}

.text_box_line {
	padding: 30px 20px 29px;
	background: #FFF !important;
	border-radius: 4px;
	border: 1px solid #DFDFDF;
	display: inline-block;
	color: #1A1A1A;
	width: 552px;
	box-sizing: border-box;
}
.btn1_1{
	font-size: 2rem;
	padding: 30px 0px 29px !important;
	background: #DE3047;
	border-radius: 4px;
	border: 1px solid #DE3047 !important;
	color:#FFF !important;
	display: inline-block;
	width: 400px !important;
	transition: .3s;
}
.btn1_1:hover{
	background:#FFF;
	color:#DE3047 !important;
	opacity: 1 !important;
}
.btn1{
	font-size: 2rem;
	padding: 20px 56px 20px !important;
	background:#FFEC00;
	border-radius: 4px;
	border: 1px solid #FFEC00 !important;
	display: inline-block;
	color:#000 !important;
}
.btn1:hover{
	background:#FFF;
	color::#FFEC00 !important;
	opacity: 1 !important;
}
#FOOTER .btn1{
	font-size: 1.8rem;
	padding: 16px 50px 15px !important;
}
.btn2{
	font-size: 2rem;
	padding: 10px 80px 12px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #DE3047;
	color:#DE3047 !important;
	display: inline-block;
}
.btn2:hover{
	background:#DE3047;
	color:#FFF !important;
	opacity: 1 !important;
}
.btn3{
	font-size: 1.8rem;
	padding: 30px 30px 29px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #DE3047;
	color:#DE3047 !important;
	display: inline-block;
	width: 552px;
	box-sizing: border-box;
}
.btn3:hover{
	background:#DE3047;
	color:#FFF !important;
	opacity: 1 !important;
}
#NEWS .news_in a{
	display: block;
	border-bottom: 1px solid #DFDFDF;
	padding: 20px 0;
	text-align: left;
}
#NEWS p{
	display: inline-block;
	font-size: 16px;
}
#NEWS p.day{
	width: 130px;
	text-align: left;
}
p.news{
	display: inline-block;
	color: #FFF;
	background: #BABABA;
	padding: 4px 25px 6px;
	border-radius: 3px;
	margin-right: 20px;
	font-size: 14px;

}
.tableBox {
	width: 100%;
	margin: 0 auto;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table th,
table td {
	padding: 15px 0px 16px;
	border-bottom: 1px solid #DFDFDF;
	line-height: 2;
	font-weight: 400;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
}
table th {
	width: 20%;
	font-weight: 600;
}

.pankuzu{
	width: 100%;
	background: #FFF;
	position: absolute;
	top:-45px;
	left: 0;
	z-index: 1000;
}
.pankuzu ol{
	max-width: 1134px;
	display: flex;
	margin: auto;
	padding: 10px 0;
}
.pankuzu ol li:first-of-type a{
	color: #DE3047;
}
.pankuzu ol li a::after{
	content: ">";
	color: #AAA;
	display: inline-block;
	padding: 0 8px;
	font-weight: 500;
	font-size: 1.5rem;
}
.pankuzu ol li:last-of-type a::after{
	display: none;
}
.pankuzu a{
	color: #000;
	font-size: 1.6rem;
	font-weight: 400;

}

/*------------------header------------------*/

header{
	position: fixed;
	width: 100%;
	z-index: 1001;
	top:0px;
	left: 0;
	background: #FFF;

}

.top_box{
	height: 124px;
}

.logo_header{
  position: fixed;
  top:50%;
  right: 0;
  transform: translate(0%,-50%);
  z-index: 1002;

}
.header_logo{
  position:absolute;
top:50%;
  left: 80px;
  z-index: 1002;
	  transform: translate(0%,-50%);
}
.contact_copy{
	position:absolute;
	top:32px;
	left: 300px;
	z-index: 1002;
	font-size: 20px;
	text-align: center;
}
.content_header{
	position: absolute;
	top:13px;
	text-align: center;
	right:0;
}
.content_header a.t_con{
	font-size: 1.6rem;
	padding: 10px 18px 10px;
	background: #019AFF;
	border-radius: 4px;
	border: 1px solid #019AFF;
	color:#FFF !important;
	display: block;
	margin-bottom: 8px;
}
.content_header a.t_con:hover{
	background:#FFF;
	border-radius: 6px;
	color:#019AFF !important;
	opacity: 1 !important;
}
a.btn4{
	font-size: 1.6rem;
	padding: 10px 18px 10px;
	background: #019AFF;
	border-radius: 4px;
	border: 1px solid #019AFF;
	color:#FFF !important;
	display: inline-block;
	margin-bottom: 8px;
}
a.btn4:hover{
	background:#FFF;
	border-radius: 6px;
	color:#019AFF !important;
	opacity: 1 !important;
}

.header_con{
	position: absolute;
	right: 0;
	top:0;
	height: 100%;
	background: #FFEC00;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	padding: 28px 58px;
	box-sizing: border-box;
	line-height: 1.4;
	transition: padding .3s;
}
header.on .header_con{
		padding: 18px 58px;
}
header nav{
	display: flex;
	justify-content:center;

}

header nav ul{
	display: flex;
	width: 1136px;
	justify-content:space-between;
}
header nav ul li{
	padding:0px 0px;
}
header nav ul li a{
	display: block;
	text-align: center;
	font-size: 1.7rem;
	padding: 0 0px;
	line-height: 1.2;
	font-weight: 600;
	padding:40px 0px;
}
header nav ul li a.last{
	display: block;
}
header nav ul li a{
	position: relative;
}
header nav ul li a.active::after{
	content: "";
	width:calc(100%);
	position: absolute;
	bottom:0px;
	left: 0px;
	border-bottom: 3px #FFEC00 solid;
}
.header_top{
	width: 1136px;
	margin: auto;
	position: relative;
	background: #FFF;
}
header.on nav ul li a{
	padding:30px 0px;
}
header.on .header_logo img{
	width: 170px !important;
}
.on1 {
	display: none;
}
header .top_box{
	height: 80px;
}
header .contact_header{
	top:5px;
}
header{
	position: fixed;
	width: 100%;
	top:0;
	min-width: 1200px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);

}
header .on1 {
	display: block;
		float: left;
		margin-top: -2px;
		margin-right: 17px;
}
header .on2 {
	display: none;
}
header .content_header a{
	float: left;
}
header .content_header{
	top:17px;
}
header .contact_copy{
	position:absolute;
	top:18px;
	left: 200px;
	z-index: 1002;
	font-size: 16px;
}
header .contact_header a img{
	width: 158px !important;
}


.menu_sp{
	position: fixed;
	right: 0px;
	top:0px;
	z-index: 1001;
}

.menu_sp.on .open,
.menu_sp .close{
	display: none;
}
.menu_sp.on .close{
	display: block;
}


footer{
	background: #192B1F;
	color: #FFF;
	font-size: 1.3rem;
	padding: 17px;
	text-align: center;
}