@charset "utf-8";

/* bootstrap.css基本の打消し（同じclass名での書き換え）
---------------------------------------------------- */
body{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; clear:both}
p{ margin:0px; padding:0px}

.navbar {
  margin-bottom:0px;
  border:none;
}

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #eee8e0;}
.table{ margin-bottom:30px}
.table th{ width:30%}

@media (min-width: 768px) {.btn-group-vertical a{ padding-top:15px;padding-bottom:15px}}

img.img-fluid {display: block;}

@media (min-width: 768px) {
.modal-dialog {max-width: 650px;}
}

.ind1 {position: relative; z-index: 1;}
.ind2 {position: relative; z-index: 2;}
.ind3 {position: relative; z-index: 3;}

/* 全体構造
---------------------------------------------------- */
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear{clear:both;}
img{border:0;vertical-align:bottom;}
a {
	outline:none;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
hr {
    display:block;
    height:1px;
    border-top:1px dotted #333;
    margin:0;
    padding:0;
	margin-bottom:20px
}
body{
	font-size: 90%;
	line-height:185%;
	font-family:FontAwesome, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	letter-spacing: 0.05em;
	overflow-x: hidden;
}
header,
main,
footer{
	font-family: 'Noto Serif JP', serif;
	
}

/* link
---------------------------------------------------- */
a:link,a:visited,a:hover,a:active{text-decoration:none; color:#235525;}

/* header
---------------------------------------------------- */
header{
	width: 100%;
	z-index: 1000;
	margin: 0;
	border-bottom: none;
	position: fixed;
	top: 0;
	padding:10px 0;
	background: #fff
	}
@media print, screen and (min-width: 768px) {
header{
	padding:0;
	}
}

/* h1
--------------------------- */
.logo {	
	width: 100px;
	float: left;
	height: auto;
}
@media only screen and (max-width: 767px) {.logo {top:1px;}}

@media print, screen and (min-width: 768px) {
.logo{
	margin: 15px 0 0 0;
	width: 150px;
	}
}
@media print, screen and (min-width: 992px) {
.logo {
	margin: 25px 0;
	width: 200px;
	}
}
@media print, screen and (min-width: 1200px) {
.logo {
	margin: 25px 0;
	width: 279px;
	}
}

/* header-img
--------------------------- */
.heads{float:right; width:50%;}

@media print, screen and (min-width: 768px) {.header-tel{margin-top: 20px;}}
@media print, screen and (min-width: 992px) {.header-tel{margin-top: 20px;}}

/*.header-right0 {float: left; width: 48%; display: block; margin-top: 23px;}
.header-right1 {float:right; width: 48%; display: block; margin-top: 10px;}

.header-right2{display: block; float: left; width: 48%; margin-top: 25px;}
.header-right3{display: block; float: right; width: 48%; margin-top: 15px;}*/

/* nav
---------------------------------------------------- */
.menu-mobile {
    display: none;
    padding: 5px 0 5px 20px !important;
}

.menu {font-size: 110%; padding-top: 0px;}
.menu > ul > li a {
	color: #333 !important;
	padding: 15px 0; 
	text-align: center!important;
	}
.menu li.navi-on a{
	color: #79ae75 !important;
	opacity: 1;
}
.menu > ul > li > ul {font-size: 100%;}
.menu > ul > li > ul > li {list-style: none;}
.menu > ul > li > ul > li a {text-align: left!important;}

@media only screen and (max-width: 767px) {
    .menu-container { margin-top: -30px!important;}
	.menu-dropdown-icon > a {margin-left: 30px;}
	.menu > ul > li {border-bottom: 1px solid #ccc !important;}
}

@media print, screen and (min-width: 768px) {
.menu {padding-top: 0;}
.menu > ul > li a{ margin: 0 0 15px 0;}
.menu-container { margin-top: 0!important;}
/*.menu .show-on-mobile {padding-top:10px!important;}*/
.menu > ul {
	width: 100%;
	margin: 0 auto;
	}
.menu > ul i {padding-left: 5px;}
.menu > ul > li a{
		text-align: center!important;
		padding: 40px 0;
		color: #333 !important;
		border-bottom: 3px solid transparent;
	}
.menu > ul > li > ul {font-size: 100%;}
.menu > ul > li > ul.normal-sub > li {margin: 4px 0!important;}
.menu li.navi-on a{
	color: #333 !important;
	background: transparent;
	border-bottom: 1px solid #333;
	}
}

@media print, screen and (min-width: 992px) {
.menu > ul > li a{ margin: 10px 0 10px 0;}
}

@media print, screen and (min-width: 768px) {.menu {font-size: 14px;}}
@media print, screen and (min-width: 992px) {.menu {font-size: 14px; max-width: 500px; margin:0 0 0 auto}}
@media print, screen and (min-width: 1200px) {.menu{font-size: 14px; max-width: 500px; margin:0 0 0 auto}}

@media print, screen and (min-width: 768px) {
.menu li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.menu li a::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px !important;
	background: #333;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	}
.menu li a:hover::after {
  transform: scale(1, 1);
	}
}

@media only screen and (max-width: 767px) {
	.p10-0{padding:1px 0}
}

@media print, screen and (min-width: 768px) {
	.li001{width:20% !important;}
	.li002{width:20% !important;}
	.li003{width:20% !important;}
	.li004{width:20% !important;}
	.li005{width:20% !important;}
}

@media print, screen and (min-width: 992px) {
	.li001{width:20% !important;}
	.li002{width:20% !important;}
	.li003{width:20% !important;}
	.li004{width:20% !important;}
	.li005{width:20% !important;}
}

@media print, screen and (min-width: 992px) {
	.li001{width:20% !important;}
	.li002{width:20% !important;}
	.li003{width:20% !important;}
	.li004{width:20% !important;}
	.li005{width:20% !important;}
}

/* sp btn
---------------------------------------------------- */
.nav-tel{
	font-size:22px;
	font-family: 'Crimson Text', serif;
	display:block!important;
	padding:10px 0 12px 0;
	line-height: 20px;
	text-align:center;
	color:#fff !important;
	text-decoration:none !important;
	background-color: #33692f;
	}
.nav-tel:link, .nav-tel:visited{text-decoration:none!important; color:#fff !important;}
.nav-tel:hover,.nav-tel:active{ text-decoration:none!important; color:#fff !important;}	
.nav-tel i{ font-size:15px; margin-right: 5px;}

/* content
---------------------------------------------------- */
main { line-height: 1.8em; font-size: 100%;}
@media print, screen and (min-width: 768px){main {font-size:100%;}}
@media print, screen and (min-width: 992px){main {font-size:105%;}}
@media print, screen and (min-width: 1200px){main{font-size:105%;}}

/* index.html
---------------------------------------------------- */
/* main余白
---------------------------------------------------- */
.mainimg{ margin-top: 50px !important;}
@media print, screen and (min-width: 768px) {.mainimg{margin-top: 124px !important;}}
@media print, screen and (min-width: 992px) {.mainimg{margin-top: 108px !important;}}
@media print, screen and (min-width:1120px) {.mainimg{margin-top: 108px !important;}}

/* index.html
---------------------------------------------------- */
/* mainimage
-------------------------------- */
#mainimage .row{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10vw;
    max-width: 136px;
    min-width: 106px;
}
@media print, screen and (max-width: 767px){
	#mainimage .row{
		width: 18vw;
	}
}
/* company
-------------------------------- 
@media print, screen and (min-width: 768px){.company-box{background:url("../images/photo-company.jpg") no-repeat scroll 72% 0% / cover; margin-bottom: 70px;}}
@media print, screen and (min-width: 992px){.company-box{background:url("../images/photo-company.jpg") no-repeat scroll 72% 0% / cover; margin-bottom: 70px;}}
@media print, screen and (min-width:1200px){.company-box{background:url("../images/photo-company.jpg") no-repeat scroll 50% 0% / cover; margin-bottom: 100px;}}
*/
/* business
--------------------------------
@media print, screen and (min-width: 768px){.business-box{background:url("../images/photo-business.jpg") no-repeat scroll 30% 0% / cover; margin-bottom: 70px;}}
@media print, screen and (min-width: 992px){.business-box{background:url("../images/photo-business.jpg") no-repeat scroll 30% 0% / cover; margin-bottom: 70px;}}
@media print, screen and (min-width:1200px){.business-box{background:url("../images/photo-business.jpg") no-repeat scroll 50% 0% / cover; margin-bottom: 170px;}}
*/
/* bg-example
-------------------------------- */
.bg-example {background: linear-gradient(to bottom, #235525 0%, #235525 22%, #fff 22%, #fff 100%);}
@media print, screen and (min-width: 768px){.bg-example {background: linear-gradient(to right, #235525 0%, #235525 18%, #fff 18%, #fff 100%);}}
@media print, screen and (min-width: 992px){.bg-example {background: linear-gradient(to right, #235525 0%, #235525 18%, #fff 18%, #fff 100%);}}
@media print, screen and (min-width:1200px){.bg-example {background: linear-gradient(to right, #235525 0%, #235525 24%, #fff 24%, #fff 100%);}}

@media print, screen and (min-width: 768px){.pt-example{padding-top: 30px;}}
@media print, screen and (min-width: 992px){.pt-example{padding-top: 40px;}}
@media print, screen and (min-width:1200px){.pt-example{padding-top: 70px;}}

.bg-example h4{font-size: 16px;}

.bg-example h4 a:link,
.bg-example h4 a:visited{text-decoration:none; color:#333;}

.bg-example h4 a:hover,
.bg-example h4 a:active{text-decoration:underline; color:#333;}

/* area map
-------------------------------- */
@media only screen and (max-width: 767px) {.bg-area{background: url("../images/bg-area-xs.jpg") no-repeat center top #235525;}}
@media print, screen and (min-width: 768px){.bg-area{background: url("../images/bg-area.jpg") no-repeat center top #235525;}}
@media print, screen and (min-width: 992px){.bg-area{background: url("../images/bg-area.jpg") no-repeat center top #235525;}}

.area-box h4{
	font-size: 20px;
	margin-bottom: 5px;
}
@media print, screen and (min-width: 768px){.area-box .taiou{padding: 0 8% 0 0;}}
@media print, screen and (min-width:1200px){.area-box .taiou{padding: 13% 8% 0 0;}}

/* footer
---------------------------------------------------- */
/* footer01
------------------------- */
footer{
	margin-top: 60px;
}
#footer01{
	clear:both;
	width:100%;
	background: #103e0d;
	color: #fff;
}
#footer01 #textlink{
	color: #fff;
}
#footer01 #textlink ul li a:link,#footer01 #textlink li a:after{
	color: #333;
}
.btn-footer-tel{
	color: #fff;
}
@media print, screen and (min-width: 575px){
	footer{
		margin-top: 40px;
	}
}
/* f-yohaku
---------------------------------------------------- */
.f-yohaku01{padding: 20px 0}
@media print, screen and (min-width: 576px) {.f-yohaku01{padding: 20px 0;}}
@media print, screen and (min-width: 768px) {.f-yohaku01{padding: 70px 0;}}
@media print, screen and (min-width: 992px) {.f-yohaku01{padding: 90px 0;}}

/* f-navi
---------------------------------------------------- */
#textlink {width:100%; color: #333; margin-bottom: 10px;}
#textlink ul{list-style:none}
#textlink li{line-height:100%; display:block; background-color:#fff; border-bottom:1px solid #ccc}
#textlink li i{float:right; color: #333;}
#textlink li a{display:block; padding:15px; text-align:left; color: #333; font-weight:normal;}
#textlink li:first-child{border-left: 0px;}
#textlink a:link, 
#textlink a:visited,
#textlink a:hover,
#textlink a:active{color: #333; text-decoration:none}
#textlink li a:after{
	font-family:"Font Awesome 5 Free";
	content:" \f054";
	float:right;
	font-size:85%;
	font-weight: bold;
	color: #333;
	}

@media print, screen and (min-width: 768px) {
#textlink li a:after{
	font-family:"Font Awesome 5 Free";
	content:" \f054";
	float:right;
	font-size:0%;
	font-weight: bold;
	color: #333;
	}
	#footer01 #textlink ul li a:link,#footer01 #textlink li a:after{
		color: #fff;
	}
#textlink {width:100%; padding:0; text-align:right;}
#textlink li{line-height:30px; margin-bottom:0px; display:block; background:none; border-bottom:0px solid #ccc}
#textlink li a{display:block; padding:0px; font-weight:normal; margin-bottom:0px;}
#textlink a:link,
#textlink a:visited {color:#fff; text-decoration:none}
#textlink a:hover {color:#333; text-decoration:underline}
#textlink .first{padding-left:0px}
#textlink .last{border:none; padding-right:0px}
#textlink li{border-right: 0px solid #fff; border-radius:0px; padding:3px 0 3px 15px; display:inline-block; font-size: 100%;}
#textlink li a{display:block; padding:0px;}
}

@media print, screen and (min-width: 768px) {#textlink li{font-size: 14px; margin-bottom: 20px;}}
@media print, screen and (min-width: 992px) {#textlink li{padding: 3px 0 3px 30px;}}

/* f-info
---------------------------------------------------- */	
.f-info{
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	}
@media only screen and (max-width: 767px) {
.f-info h3{
	margin:0 auto;
	font-size: 20px;
	letter-spacing: 5px;
	margin-bottom: 5px;
	}
}

@media print, screen and (min-width: 768px) {
.f-info{
	font-size: 13px;
	line-height: 22px;
	text-align: left;	
	}
.f-info h3{
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 2px;
	}	
}

@media print, screen and (min-width: 992px) {
.f-info{
	font-size: 14px;
	line-height: 25px;
	}
.f-info h3{
	font-size: 26px;
	letter-spacing: 5px;
	}	
}

@media print, screen and (min-width:1200px) {
.f-info{
	font-size: 14px;
	line-height: 25px;
	}
.f-info h3{
	font-size: 29px;
	letter-spacing: 5px;
	}	
}

/* footer-tel
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
.btn-footer-tel{
	font-size: 21px;
	font-family: 'Crimson Text', serif;
	display: block;
	padding: 10px 0px;
	background-color: #235525;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	}
}
@media print, screen and (min-width: 768px) {
.btn-footer-tel{
	display: inline;
	padding: 0;
	text-align: left;
	background: transparent;
	cursor: default;
	margin-right: 15px;
	}
}

/* copyright
---------------------------------------------------- */
.copyright{
	font-size: 12px;
	text-align: center;
	}
@media print, screen and (min-width: 768px) {
.copyright{
	font-size: 14px;
	text-align: right;
	}
}

/* h2
---------------------------------------------------- */

.h2-03{background: url("../images/h2-03.jpg") no-repeat scroll 50% 0% / cover}
.h2-03-b{background: url("../images/h2-03-b.jpg") no-repeat scroll 50% 0% / cover}
.h2-03-c{background: url("../images/h2-03-c.jpg") no-repeat scroll 50% 0% / cover}
.h2-04{background: url("../images/h2-04.jpg") no-repeat scroll 50% 0% / cover}
.h2-05{background: url("../images/h2-05.jpg") no-repeat scroll 50% 0% / cover}

.subhead{
	background: rgb(16,62,13);
	background: linear-gradient(90deg, rgba(16,62,13,1) 0%, rgba(51,113,47,1) 100%);
}

.h2-left h2{
	font-size: 40px;
	text-align: center;
	font-weight: 600;
	line-height: 1.7;
	color: #fff;
}
@media print, screen and (max-width: 991px) {
	.h2-left h2{
		font-size: 35px;
	}
}
@media print, screen and (max-width: 767px) {
	.subhead{
		position: relative;
		overflow: hidden;
	}
	.h2_left_wrap{
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 3vw;
		transform: translateY(-50%);
		z-index: 100;
	}
	.h2-left h2{
		text-align: left;
		text-shadow: 3px 3px 1px rgba(0,0,0,0.6);
	}
	.h2-left h2 br{
		display: none;
	}
}
@media print, screen and (max-width: 546px) {
	.h2-left h2{
		font-size: 28px;
	}
}
.h2-left_b{
	position: relative;
	height: 160px;
	white-space: nowrap;
	background: #fff;
}
.h2-left_b div{
	font-size: 18px;
	letter-spacing: 0.2em;
	display: inline;
	position: absolute;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);	
}
.h2-left_b div h2{
	line-height: 30px;
}

@media print, screen and (min-width: 576px) {
.h2-left_b{
	position: relative;
	height: 250px;
	white-space: nowrap;
	background: #fff;
}
.h2-left_b div{
	font-size: 22px;
	letter-spacing: 0.3em;
	display: inline;
	position: absolute;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);	
}
.h2-left_b div h2{
	line-height: 30px;
	}
}

@media print, screen and (min-width: 768px) {
.h2-left_b{
	height: 450px;
}
.h2-left_b div{
	font-size: 35px;
	letter-spacing: 0.3em;
}
.h2-left_b div h2{
	line-height: 55px;
	}
}

@media print, screen and (min-width: 1200px) {
.h2-left_b{
	height: 600px;
}
.h2-left_b div{
	font-size: 43px;
	letter-spacing: 0.3em;
}
.h2-left_b div h2{
	line-height: 60px;
	}
}

/* company.html
---------------------------------------------------- */
.tate-area01{
	position: relative;
	height: 230px;
	white-space: nowrap;
	background: #fff
}
.tate-area01 div{
	font-size: 24px;
	letter-spacing: 0.1em;
	display: inline;
	position: absolute;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}
.tate-area01 div h3{
	line-height: 30px;
}

@media print, screen and (min-width: 768px) {
.tate-area01{
	position: relative;
	height: 450px;
	white-space: nowrap;
	background: #fff;
}
.tate-area01 div{
	font-size: 40px;
	letter-spacing: 0.2em;
	display: inline;
	position: absolute;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}
.tate-area01 div h3{
	line-height: 80px;
}
}

.p02-bg01{background:url("../images/p02-bg01.jpg") no-repeat scroll 72% 0% / cover; margin-top: 40px;}
@media print, screen and (min-width: 768px){.p02-bg01{background:url("../images/p02-bg01.jpg") no-repeat scroll 72% 0% / cover;margin-top: 0; margin-bottom: 40px;}}
@media print, screen and (min-width: 992px){.p02-bg01{background:url("../images/p02-bg01.jpg") no-repeat scroll 72% 0% / cover; margin-bottom: 40px;}}
@media print, screen and (min-width:1200px){.p02-bg01{background:url("../images/p02-bg01.jpg") no-repeat scroll 50% 0% / cover; margin-bottom: 60px;}}

/* company.html
---------------------------------------------------- */
.tate-area02{
	position: relative;
	height: 230px;
	white-space: nowrap;
}
.tate-area02 div{
	font-size: 24px;
	letter-spacing: 0.1em;
	display: inline;
	position: absolute;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}
.tate-area02 div h3{
	line-height: 30px;
}

@media print, screen and (min-width: 768px) {
.tate-area02{
	height: 320px;
}
.tate-area02 div{
	font-size: 30px;
	letter-spacing: 0.1em;
}
.tate-area02 div h3{
	line-height: 40px;
	}
}

@media print, screen and (min-width: 992px) {
.tate-area02{
	height: 500px;
}
.tate-area02 div{
	font-size: 40px;
	letter-spacing: 0.1em;
}
.tate-area02 div h3{
	line-height: 60px;
	}
}

@media print, screen and (min-width: 1200px) {
.tate-area02{
	height: 600px;
}
.tate-area02 div{
	font-size: 50px;
	letter-spacing: 0.1em;
}
.tate-area02 div h3{
	line-height: 100px;
	}
}

/* bg-outline
-------------------------------- */
.bg-outline {background: linear-gradient(to bottom, #235525 0%, #235525 20%, #fff 20%, #fff 100%);}
@media print, screen and (min-width: 768px){.bg-outline {background: linear-gradient(to right, #235525 0%, #235525 24%, #fff 24%, #fff 100%);}}
@media print, screen and (min-width: 992px){.bg-outline {background: linear-gradient(to right, #235525 0%, #235525 24%, #fff 24%, #fff 100%);}}
@media print, screen and (min-width:1200px){.bg-outline {background: linear-gradient(to right, #235525 0%, #235525 24%, #fff 24%, #fff 100%);}}

/* business.html
---------------------------------------------------- */
@media print, screen and (min-width: 768px) {.p03-bg01{background: url("../images/p03-bg01.png") no-repeat scroll 70% 0% / cover;}}
@media print, screen and (min-width: 992px) {.p03-bg01{background: url("../images/p03-bg01.png") no-repeat scroll 50% 0% / cover;}}

@media only screen and (max-width: 767px) {.p03-bg02{margin-bottom: 30px;}}
@media print, screen and (min-width: 768px) {.p03-bg02{background: url("../images/p03-bg02.png") no-repeat scroll 70% 0% / cover;}}
@media print, screen and (min-width: 992px) {.p03-bg02{background: url("../images/p03-bg02.png") no-repeat scroll 50% 0% / cover; margin-bottom: 200px;}}

/* works.html
---------------------------------------------------- */
/* accordion
----------------------------- */
.accordion dt  {
	display: inline-block;
	padding: 15px;
	width: 100%;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	background:#235525;
	cursor:pointer;
}
.accordion dd{ display:none}
.accordion dd ul {
	list-style: none;
	padding: 0px;
	margin:0px;
}
.accordion dd li {
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
.accordion dd li a {
	display: block;
	padding: 15px;
	font-size: 14px;
}

.accordion dd li a:link,
.accordion dd li a:visited,
.accordion dd li a:hover,
.accordion dd li a:active{color:#333;}
.accordion dd li a:hover{background:#333 !important; color:#fff !important}
.accordion dd li a:before{
	font-family:"Font Awesome 5 Free";
	content:" \f0da";
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	padding-right:8px;
	}

.accordionIcon,
.accordionIcon span{display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.accordionIcon {
  position: relative;
  width: 24px;
  height: 24px;
  float: right;
  display: block;
}
.accordionIcon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff6ef;
  border-radius: 4px;
}
.accordionIcon span:nth-of-type(1) {top: 0;}
.accordionIcon span:nth-of-type(2) {top: 11px;}
.accordionIcon span:nth-of-type(3) {bottom: 0;}
.active .accordionIcon span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-315deg);
  transform: translateY(11px) rotate(-315deg);
}
.active .accordionIcon span:nth-of-type(2) {
  opacity: 0;
}
.active .accordionIcon span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(315deg);
  transform: translateY(-11px) rotate(315deg);
}

@media print, screen and (min-width: 768px){
	.accordion dt {background-image:none; cursor:default;}
	.accordion dt.active { background-image:none;}
	.accordion dd{ display: block}
	.accordionIcon { display: none;}
}
@media print, screen and (min-width: 768px){
	.accordion dd ul {
	border-top: 0px solid #eee;
	border-left: 1px solid #eee;		
	}
	.accordion dd li {
	border-right: 1px solid #eee;
	background-color: #fff;
	font-size: 14px;
	float: left;
	width: 33.3%;
	}
}
@media print, screen and (min-width:1200px){.accordion dd li {width: 25%;}}

.accordion .navon {background:#333 !important; color:#fff !important}

/* 汎用
---------------------------------------------------- */
/* 見出し01
---------------------------------------------------- */
.midasi01{
	font-size: 18px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.2em;
	padding-top: 20px;
	}
@media print, screen and (min-width: 1200px) {
.midasi01{
	font-size: 28px;
	letter-spacing: 0.2em;
	padding-top: 30px;
	}
}

/* 見出し02
---------------------------------------------------- */
.midasi02{
	font-size: 20px;
	letter-spacing: 0.2em;
	text-align: center;	
	margin-bottom: 5px;
	}
@media print, screen and (min-width: 768px) {
.midasi02{
	font-size: 22px;
	margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 1200px) {
.midasi02{
	font-size: 22px;
	margin-bottom: 10px;
	}
}

/* 見出し03
---------------------------------------------------- */
.midasi03{
	font-size: 20px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;	
	color: #33692f
	}
@media print, screen and (min-width: 768px) {
.midasi03{
	font-size: 22px;
	margin-bottom: 20px;	
	}
}
@media print, screen and (min-width: 1200px) {
.midasi03{
	font-size: 28px;
	margin-bottom: 40px;
	}
}

/* 見出し04
---------------------------------------------------- */
.midasi04{
	font-size: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	}
@media print, screen and (min-width: 768px) {
.midasi04{
	font-size: 22px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	}
}
@media print, screen and (min-width: 1200px) {
.midasi04{
	font-size: 28px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
	}
}

/* 見出し05
---------------------------------------------------- */
.midasi05{
	font-size: 17px;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	}
@media print, screen and (min-width: 768px) {
.midasi05{
	font-size: 18px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	}
}
@media print, screen and (min-width:1200px) {
.midasi05{
	font-size: 22px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	}
}

/* 見出し06
---------------------------------------------------- */
.midasi06{
	font-size: 19px;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	}
@media print, screen and (min-width: 768px) {
.midasi06{
	font-size: 22px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	}
}

/* 見出し07
---------------------------------------------------- */
.midasi07{
	font-size: 16px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	}
@media print, screen and (min-width: 768px) {
.midasi07{
	font-size: 18px;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	}
}

/* 画像
---------------------------------------------------- */
.img-c img{margin:0 auto;}
.img-r img{margin: 0 0 0 auto;}
.imglink a:hover img{
    opacity: 0.5 !important;
    transition: all 0.2s ease 0s !important;
    -webkit-transition: 0.2s ease-in !important;
    filter: alpha(opacity=50) !important;
	}

@media print, screen and (min-width: 1200px) {.img-c02 img{margin:0 auto;}}

/* 縦横比
---------------------------------------------------- */
.photo-ofi {
	height: 0;
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 75%; /* 高さを指定（ボックスの横幅を基準） */
}
.photo-ofi img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	font-family: 'object-fit: scale-down;';
	position: absolute;
	left: 0;
	top: 0;
}

/* fs
-------------------------- */
.fs110	{font-size: 110%;}
.fs80	{font-size: 80%;}

/* color
-------------------------- */
.white{color:#fff}
.red{color:#f00}
.blue{color:#3aafe4}
.yellow{color:#fff600}

/* pen
-------------------------- */
.pen {background: linear-gradient(transparent 50%, #fffc00 50%);}

/* 画像　影
-------------------------- */
.kage img{box-shadow:5px 5px #3aafe4}
@media print, screen and (min-width: 768px) {.kage img{box-shadow:10px 10px #3aafe4}}

/* 画像　幅
-------------------------- */
@media only screen and (max-width: 767px) {.yoko01 img{width: 65%;}}

@media only screen and (max-width: 767px) {.yoko02 img{width: 12%;}}
@media only screen and (max-width: 767px) {.yoko03 img{width: 6.5%;}}

@media only screen and (max-width: 767px) {.yoko04 img{width: 12%;}}
@media print, screen and (min-width: 768px) {.yoko04 img{width:35px;}}
@media print, screen and (min-width: 992px) {.yoko04 img{width:50px;}}
@media print, screen and (min-width:1200px) {.yoko04 img{width:68px;}}

@media only screen and (max-width: 767px) {.yoko05 img{width: 65%;}}
@media print, screen and (min-width: 576px) {.yoko05 img{width: 40%;}}
@media print, screen and (min-width: 768px) {.yoko05 img{width:250px; margin-bottom: 100px;}}
@media print, screen and (min-width: 992px) {.yoko05 img{width:320px; margin-bottom: 50px;}}
@media print, screen and (min-width:1200px) {.yoko05 img{width:370px; margin-bottom: 0;}}

/* 丸
-------------------------- */
.maru img{border-radius: 10px;}

/* 数字
-------------------------- */
.number{
	font-size:30px;
	line-height: 50px;
	font-weight: normal;
	}

@media print, screen and (min-width: 768px) {
.number{
	font-size:50px;
	line-height:60px;	
	}	
}

/*　スマホ以外中央寄せ
-------------------------- */
.ctr-text{text-align: left;}
@media print, screen and (min-width: 768px) {.ctr-text{text-align: center;}}

/* 全て 中央寄せ
-------------------------- */
@media only screen and (max-width: 767px) {.ctr-text02{text-align: center;}}
.ctr-text02{text-align: center;}

/* スマホ のみ 中央寄せ
-------------------------- */
@media only screen and (max-width: 767px) {.ctr-text03{text-align: center;}}
@media print, screen and (min-width: 768px) {.ctr-text03{text-align: left;}}

/* テキスト
-------------------------- */
.text01{line-height: 26px;}
@media print, screen and (min-width: 768px) {.text01{line-height: 30px;}}
@media print, screen and (min-width: 992px) {.text01{line-height: 36px;}}

.text02{line-height: 26px;}
@media print, screen and (min-width: 768px) {.text02{line-height: 30px;}}
@media print, screen and (min-width: 992px) {.text02{line-height: 36px; font-size: 110%;}}

/* リスト
---------------------------------------------------- */
.ul-none {list-style:none; padding-left:5px; text-align: left;}
.ul-none li{padding: 10px 0; border-bottom: 1px dashed #aaa;}
.ul-none li:before{
	font-family:"Font Awesome 5 Free";
	content:" \f06c";
	float: left;
	font-size:16px;
	font-weight: bold;
	color: #002868;
	margin-right: 15px;
	}

@media only screen and (max-width: 767px) {.ul-disc {font-size: 12px;}}
.ul-disc {list-style:disc; padding-left:5px; text-align: left; margin-left: 10px;}
.ul-disc li{padding: 5px 0; border-bottom: 1px dashed #ccc;}
	
@media print, screen and (min-width: 768px) {
.ul-disc {margin-left: 15px;}
.ul-disc li{padding: 12px 0;}
}

.ul-no {list-style:decimall; padding-left:5px; text-align: left; margin-left: 10px; margin-bottom: 20px;}
.ul-no li{padding: 3px 0; border-bottom: 1px dashed #aaa;}

@media print, screen and (min-width: 768px) {
.ul-no {margin-left: 20px; margin-bottom: 20px;}
.ul-no li{padding: 10px 0; border-bottom: 1px dashed #aaa;}
}

/* ol
---------------------------------------------------- */
.ol-01{padding-left: 20px; margin-bottom: 30px;}
.ol-01 li{ border-bottom: 1px dashed #ccc; padding: 5px 0;}

/* white-box01
---------------------------------------------------- */
.white-box01{
	background:#fff;
	padding: 15px;	
}
@media print, screen and (min-width: 768px) {.white-box01{padding: 7%;}}
@media print, screen and (min-width: 992px) {.white-box01{padding: 7%;}}
@media print, screen and (min-width:1200px) {.white-box01{padding: 7%;}}

/* white-box02
---------------------------------------------------- */
.white-box02{
	background:rgba(255,255,255,1.0);
	padding: 15px;
}
@media print, screen and (min-width: 768px)  {.white-box02 {padding: 7%;}}
@media print, screen and (min-width: 992px)  {.white-box02 {padding: 7%;}}
@media print, screen and (min-width: 1200px) {.white-box02 {padding: 7%;}}

/* gray-box01
---------------------------------------------------- */
.gray-box01{
	padding: 5%;
	background: #eee;
}
@media print, screen and (min-width: 768px)  {.gray-box01 {padding: 5%;}}
@media print, screen and (min-width: 992px)  {.gray-box01 {padding: 5%;}}
@media print, screen and (min-width: 1200px) {.gray-box01 {padding: 5%;}}

/* blue-box01
---------------------------------------------------- */
.blue-box01{
	background:rgba(61,95,136,1.0);
	padding: 15px;
	color:#fff;
}
@media print, screen and (min-width: 768px) {.blue-box01{padding: 10%;}}
@media print, screen and (min-width: 992px) {.blue-box01{padding: 10%;}}
@media print, screen and (min-width:1200px) {.blue-box01{padding: 10%;}}

/* pankuzu
---------------------------------------------------- */
.pankuzu{
	width:100%;
	display: table;
	color:#fff;
}
.pankuzu{font-size: 12px;}
.pankuzu i{margin-right: 5px;color:#fff;}
.pankuzu a:link, .pankuzu a:visited{color:#fff; text-decoration:underline !important;}
.pankuzu a:hover, .pankuzu a:active{color:#fff; text-decoration:underline !important;}

/* paging
---------------------------------------------------- */
.paging { text-align: center; font-size: 90%;}
.paging span.current,
.paging span.paging-text{
	margin:0px 0.5px;
	color:#333;
	border:1px solid #333;
	zoom:1;
	display:inline-block;
	overflow:hidden;
	text-decoration:none;
	background: #fff;
}
.paging span.paging-text a{
	padding:5px 8.5px;
	display:block;
	color: #333;
}
.paging span.current{
	background: #333;
	border:1px solid #333;
	color:#fff;
	zoom:1;
	padding:5px 8.5px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
}
.paging span.paging-text a:hover{
	background: #333;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	opacity: 1;
}

@media print, screen and (min-width: 768px) {
	.paging { font-size: 100%;}
	.paging span.current,
	.paging span.paging-text{margin:0px 2px;}
	.paging span.paging-text a{padding:10px 15px;}
	.paging span.current{padding:10px 15px;}
}

/* bg
---------------------------------------------------- */
.bg-white{background: #fff;}
.bg-gray{background-color:#eee;}
.bg-green{background-color:#235525;}
.bg-dot{background: url("../images/dot.png")}

/* 文字間
---------------------------------------------------- */
.mb-0-sm0-md20-lg20{ margin-bottom:0px}
@media print, screen and (min-width: 576px) {.mb-0-sm0-md20-lg20{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-0-sm0-md20-lg20{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-0-sm0-md20-lg20{ margin-bottom:20px}}

.mb-0-sm0-md60-lg60{ margin-bottom:0px}
@media print, screen and (min-width: 576px) {.mb-0-sm0-md60-lg60{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-0-sm0-md60-lg60{ margin-bottom:60px}}
@media print, screen and (min-width: 992px) {.mb-0-sm0-md60-lg60{ margin-bottom:60px}}

.mb-10-sm0-md0-lg0{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-10-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-10-sm0-md0-lg0{ margin-bottom:0px}}

.mb-10-sm10-md0-lg0{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm10-md0-lg0{ margin-bottom:10px}}
@media print, screen and (min-width: 768px) {.mb-10-sm10-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-10-sm10-md0-lg0{ margin-bottom:0px}}

.mb-10-sm10-md10-lg10{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm10-md10-lg10{ margin-bottom:10px}}
@media print, screen and (min-width: 768px) {.mb-10-sm10-md10-lg10{ margin-bottom:10px}}
@media print, screen and (min-width: 992px) {.mb-10-sm10-md10-lg10{ margin-bottom:10px}}

.mb-10-sm15-md15-lg15{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm15-md15-lg15{ margin-bottom:15px}}
@media print, screen and (min-width: 768px) {.mb-10-sm15-md15-lg15{ margin-bottom:15px}}
@media print, screen and (min-width: 992px) {.mb-10-sm15-md15-lg15{ margin-bottom:15px}}

.mb-10-sm15-md20-lg30{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm15-md20-lg30{ margin-bottom:15px}}
@media print, screen and (min-width: 768px) {.mb-10-sm15-md20-lg30{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-10-sm15-md20-lg30{ margin-bottom:30px}}

.mb-10-sm20-md30-lg30{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm20-md30-lg30{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-10-sm20-md30-lg30{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-10-sm20-md30-lg30{ margin-bottom:30px}}

.mb-20-sm0-md0-lg0{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-20-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-20-sm0-md0-lg0{ margin-bottom:0px}}

.mb-20-sm20-md0-lg0{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md0-lg0{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md0-lg0{ margin-bottom:0px}}

.mb-20-sm20-md20-lg0{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md20-lg0{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md20-lg0{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md20-lg0{ margin-bottom:0px}}

.mb-30-sm30-md0-lg0{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md0-lg0{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md0-lg0{ margin-bottom:0px}}

.mb-30-sm30-md30-lg0{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md30-lg0{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md30-lg0{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md30-lg0{ margin-bottom:0px}}

.mb-30-sm30-md50-lg50{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md50-lg50{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md50-lg50{ margin-bottom:50px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md50-lg50{ margin-bottom:50px}}

.mb-40-sm40-md0-lg0{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm40-md0-lg0{ margin-bottom:40px}}
@media print, screen and (min-width: 768px) {.mb-40-sm40-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-40-sm40-md0-lg0{ margin-bottom:0px}}

.mb-40-sm40-md40-lg0{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm40-md40-lg0{ margin-bottom:40px}}
@media print, screen and (min-width: 768px) {.mb-40-sm40-md40-lg0{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-40-sm40-md40-lg0{ margin-bottom:0px}}

.mb-20-sm20-md30-lg30{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md30-lg30{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md30-lg30{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md30-lg30{ margin-bottom:30px}}

.mb-20-sm30-md40-lg40{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm30-md40-lg40{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-20-sm30-md40-lg40{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-20-sm30-md40-lg40{ margin-bottom:40px}}

.mb-20-sm30-md40-lg60{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm30-md40-lg60{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-20-sm30-md40-lg60{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-20-sm30-md40-lg60{ margin-bottom:60px}}

.mb-20-sm40-md40-lg60{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm40-md40-lg60{ margin-bottom:40px}}
@media print, screen and (min-width: 768px) {.mb-20-sm40-md40-lg60{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-20-sm40-md40-lg60{ margin-bottom:60px}}

.mb-40-sm60-md60-lg60{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}
@media print, screen and (min-width: 768px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}
@media print, screen and (min-width: 992px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}

.mb-middle{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-middle{ margin-bottom:60px}}
@media print, screen and (min-width: 768px) {.mb-middle{ margin-bottom:100px}}
@media print, screen and (min-width: 992px) {.mb-middle{ margin-bottom:100px}}

/* 余白 左右
---------------------------------------------------- */
@media print, screen and (min-width: 576px) {.wide01{padding:0 5%;}}
@media print, screen and (min-width: 768px) {.wide01{padding:0 5%;}}
@media print, screen and (min-width: 992px) {.wide01{padding:0 5%;}}
@media print, screen and (min-width: 1200px) {.wide01{padding:0 5%;}}

@media print, screen and (min-width: 576px) {.wide02{padding:0 10%;}}
@media print, screen and (min-width: 768px) {.wide02{padding:0 10%;}}
@media print, screen and (min-width: 992px) {.wide02{padding:0 10%;}}
@media print, screen and (min-width: 1200px) {.wide02{padding:0 10%;}}

/* 余白
---------------------------------------------------- */
.pp00 {padding: 0 !important;}
@media print, screen and (min-width: 768px) {.pp00-2 {padding: 0 !important;}}

.part01{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part01{padding:60px 0}}
@media print, screen and (min-width: 768px) {.part01{padding:80px 0}}
@media print, screen and (min-width: 992px) {.part01{padding:100px 0}}

.part02{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part02{padding:50px 0}}
@media print, screen and (min-width: 768px) {.part02{padding:70px 0}}
@media print, screen and (min-width: 992px) {.part02{padding:90px 0}}

.part03{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part03{padding:40px 0}}
@media print, screen and (min-width: 768px) {.part03{padding:60px 0}}
@media print, screen and (min-width: 992px) {.part03{padding:80px 0}}

.part04{padding:20px 0;}
@media print, screen and (min-width: 576px) {.part04{padding:30px 0}}
@media print, screen and (min-width: 768px) {.part04{padding:40px 0}}
@media print, screen and (min-width: 992px) {.part04{padding:60px 0}}

.part05{padding:20px 0 60px 0;}
@media print, screen and (min-width: 576px) {.part05{padding:40px 0}}
@media print, screen and (min-width: 768px) {.part05{padding:80px 0}}
@media print, screen and (min-width: 992px) {.part05{padding:170px 0}}

.part06{padding:20px 0 30px 0;}
@media print, screen and (min-width: 576px) {.part06{padding:40px 0}}
@media print, screen and (min-width: 768px) {.part06{padding:80px 0}}
@media print, screen and (min-width: 992px) {.part06{padding:70px 0 45px 0;}}

.part07{padding:30px 0 60px 0;}
@media print, screen and (min-width: 576px) {.part07{padding:20px 0 40px 0}}
@media print, screen and (min-width: 768px) {.part07{padding:0 0 50px 0}}
@media print, screen and (min-width: 992px) {.part07{padding:0 0 100px 0}}

.part08{padding:30px 0 40px 0;}
@media print, screen and (min-width: 576px) {.part08{padding:30px 0 60px 0}}
@media print, screen and (min-width: 768px) {.part08{padding:30px 0 60px 0}}
@media print, screen and (min-width: 992px) {.part08{padding:30px 0 60px 0}}

.part09{padding:0;}
@media print, screen and (min-width: 576px) {.part09{padding:60px 0 0 0}}
@media print, screen and (min-width: 768px) {.part09{padding:80px 0 0 0}}
@media print, screen and (min-width: 992px) {.part09{padding:100px 0 0 0}}

.part10{padding:0 0 30px 0;}
@media print, screen and (min-width: 576px) {.part10{padding:0 0 30px 0}}
@media print, screen and (min-width: 768px) {.part10{padding:15% 0 0 0}}
@media print, screen and (min-width: 992px) {.part10{padding:26% 0 0 0}}
@media print, screen and (min-width:1200px) {.part10{padding:26% 0 0 0}}

.part11{padding:40px 0 30px 0;}
@media print, screen and (min-width: 576px) {.part11{padding:40px 0 60px 0}}
@media print, screen and (min-width: 768px) {.part11{padding:40px 0 80px 0}}
@media print, screen and (min-width: 992px) {.part11{padding:40px 0 100px 0}}

.part12{padding:30px 20px;}
@media print, screen and (min-width: 576px) {.part12{padding:30px}}
@media print, screen and (min-width: 768px) {.part12{padding:40px}}
@media print, screen and (min-width: 992px) {.part12{padding:60px}}
@media print, screen and (min-width:1200px) {.part12{padding:100px}}

.part13{padding:0 0 30px 0;}
@media print, screen and (min-width: 576px) {.part13{padding:0 0 60px 0}}
@media print, screen and (min-width: 768px) {.part13{padding:0 0 80px 0}}
@media print, screen and (min-width: 992px) {.part13{padding:0 0 100px 0}}

/* map
---------------------------------------------------- */
.map iframe{width: 100%; height:40vh; margin-bottom:-9px;}
@media print, screen and (min-width: 768px) {.map iframe{width: 100%; height:300px; margin-bottom: -9px;}}
@media print, screen and (min-width: 992px) {.map iframe{width: 100%; height:450px; margin-bottom: -9px;}}

/* table
---------------------------------------------------- */
table{border-spacing:0;border-collapse:separate;}

/* table1
---------------------------------------------------- */
.table1{width:100%; border-collapse:collapse; border-bottom:1px solid #eee; background: #fff;}
.table1 th{
	padding:10px;
	vertical-align:top;
	display: block;
	border-top:1px solid #eee;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	}
.table1 td{
	padding:10px;
	display: block;
	text-align: center;	
	border-top:1px solid #eee;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	}
@media print, screen and (min-width: 768px) {
.table1{ border-top:0px solid #072c87; border-bottom:0px solid #ccc;}
.table1 th{
	padding:15px 20px;
	border-top:1px solid #eee;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:1px solid #eee;
	vertical-align:middle;
	display:table-cell;
	width:30%;
	}
.table1 td{
	padding:15px 10px;
	border-top:1px solid #eee;
	border-right:0px solid #ccc;
	border-left:0px solid #ccc;
	border-bottom:1px solid #eee;
	text-align: left;
	display:table-cell;
	}
}
.table1 tr:nth-child(2n+1) {background: #f5f5f5;}

.sikaku span{width: 200px; display: inline-block}

/* table2
---------------------------------------------------- */
.table2{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.table2 th{
	width: 100%;
	padding: 10px;
	display: block;
	text-align:left;
	border-top: 0px solid #ccc;
	background-color:#ebf7fd;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table2 td{
	width: 100%;
	padding: 10px;
	display: block;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
@media print, screen and (min-width: 768px) {
.table2 th{
	width: 25%;
	padding: 15px 3px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
.table2 td{
	padding: 15px;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
}

/* table3
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
.table3 .tbox01-r{padding: 0 3% 0 0;}
.table3 .tbox01-r2{padding: 0 3% 0 0;}
}
	
@media print, screen and (min-width: 768px) {
.table3 .tbox01-r{padding: 0 5%}
.table3 .tbox01-r2{padding: 0; text-align: center;}
}

@media only screen and (max-width: 767px) {
.table3 {font-size: 90%;}
.table3 tr:nth-child(2n+1) {background: #eee !important;}
}

.table3 {
	width:100%;
	border-collapse: collapse;	
	border-top:#ddd solid 1px;
	border-right:#ddd solid 1px;
	border-left:#ddd solid 1px;
	border-bottom:#ddd solid 0px;
	background: #fff;
}
.table3 thead th {
	padding: 10px 5px;
	border-bottom:#ddd solid 1px;
	text-align: left;
	background: #eee;
}
.table3 tbody th {
	padding: 10px 5px;
	border-bottom:#ddd solid 1px;
	vertical-align:middle;
}
.table3 tbody tr:last-child th {
	border-bottom:#ddd solid 1px;
}
.table3 tbody td {
	padding: 10px 10px;
	border-bottom:#ddd solid 1px;
	text-align: left;
	vertical-align:middle;
}

@media only screen and (max-width: 575px) {
.table3 thead {display:none;}
.table3 tbody th {display:block;}
.table3 tbody td {
	display:block;
	text-align: left;
	}
.table3 tbody td::before {
	content: attr(title);
	float: left;
	clear:both;
	font-weight:bold;
	}
}

@media print, screen and (min-width: 768px) {
.table3 {border-bottom: 0px solid #eee !important; font-size: 90%;}
.table3 th {border-left:#ddd solid 1px; text-align: center !important;}
.table3 tbody td {
	text-align: center;
	padding:15px 5px !important;
	border-left:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
	vertical-align:middle;
	}
}

@media print, screen and (min-width: 992px) {
.table3 {font-size: 100%;}
}

/* btn
---------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.btna::before,
.btna::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
.btna,
.btna::before,
.btna::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	}
}

/* btn01
---------------------------------------------------- */
.btn01{
	display: block;
	width: 100%;	
	color: #fff !important;
	background-color: #33692f;
	padding: 13px 0px;
	text-align: center;
	font-size: 110%;
	font-family: 'Lora', serif;
	}
.btn01 a:link{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.btn01:link,
.btn01:visited{
	color: #fff;
	text-decoration:none;
	background-color: #33692f;
	font-size: 110%;	
	}
.btn01:hover,
.btn01:active{
	color: #fff !important;
	text-decoration:none !important;
	background-color: #103e0d;
	letter-spacing: 2px;
	font-size: 110%;	
	}
.btn01 i{margin-left: 8px;}

/* btn02
---------------------------------------------------- */
.btn02{
	display: block;
	width: 100%;	
	color: #333 !important;
	background-color: #fff;
	padding: 13px 0px;
	text-align: center;
	border:1px solid #333;
	font-size: 110%;
	font-family: 'Lora', serif;
	}
.btn02 a:link{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.btn02:link,
.btn02:visited{
	color: #333;
	text-decoration:none;
	background-color: #fff;
	border:1px solid #333;
	font-size: 110%;	
	}
.btn02:hover,
.btn02:active{
	color: #333 !important;
	text-decoration:none !important;
	background-color: #eee;
	letter-spacing: 2px;
	border:1px solid #333;
	font-size: 110%;	
	}
.btn02 i{margin-left: 8px;}

/* gfont
---------------------------------------------------- */
/* 日本語 明朝系 */
.gfont01{font-family: 'Noto Serif JP', serif;}

/* 日本語　ゴシック系 */
.gfont02{font-family: 'Noto Sans JP', sans-serif;}

/*セリフ英数字 tel*/
.gfont03{font-family: 'Crimson Text', serif;}

/*セリフ英数字 title*/
.gfont04{font-family: 'Lora', serif;}

/* pagetop
---------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom:10px;
	right:10px;
	z-index: 100;
}
#pagetop img{
	width: 30px;
	height: auto;
}
@media print, screen and (min-width: 768px) {
#pagetop img{
	width: 40px
	}
}
@media print, screen and (min-width: 1200px) {
#pagetop {
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 100;
	}
}

/* btn
---------------------------------------------------- */
.pba {
  page-break-before: always;
}

/* aos対応
---------------------------------------------------- */
.ovf{overflow: hidden !important}
	
/* anchor
---------------------------------------------------- */
.anchor{
    display: block;
    padding-top: 55px;
    margin-top: -55px;
}

@media print, screen and (min-width: 768px) {
.anchor{
    padding-top: 100px;
    margin-top: -100px;
	}
}
.kouji-area .kouji_box{
	margin: 60px 0;
}
.kouji-area .kouji_box h3{
	font-size: 25px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: 600;
}
.kouji-area .kouji_box  .h3_txt{
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
}
.kouji-area .kouji_box ul li{
	list-style: none;
	font-size: 18px;
	margin-bottom: 15px;
}
@media (max-width:574px){
	.kouji-area .kouji_box  .h3_txt{
		font-size: 15px;
	}
	.kouji-area .kouji_box ul li{
		list-style: none;
		font-size: 16px;
		margin-bottom: 10px;
	}
}