@charset "utf-8";


/* RESET
******************************************/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;font-size:15px;font-family: 'Noto Serif JP', serif; line-height:1.8;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;font-size:15px;font-family: 'Noto Serif JP', serif; line-height:1.8;color:#444;}

html				{overflow-y:scroll;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea 	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;text-decoration:none;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}


/* IE�n�b�N */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8�̕��������h�~ */
/*�_*//*/
input, textarea, select, option {font-family:"Sawarabi Gothic",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border:none; background-color:transparent;}


/* clearfix */
.cf:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
* html .cf	{height:1%; }
.cf			{display:block; }
.mt0{/*margin-top:0!important;*/margin-top:0;    margin-bottom: 12px;}


/* loading */
#loading {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
text-align: center;
}
#loading .loader {
position: fixed;
top: 50%;
left: 50%;
margin:auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}




/* HEADER AREA
******************************************/

/*
header				{padding:27px 0 50px 0;width:100%;min-width:1000px;background:url(../img/header_line.png) repeat-x top center;}
header .inner		{padding:0 0;position:relative;display:table;}
h1.logo				{width:170px;display:table-cell;vertical-align:middle;float: left;position: absolute;z-index:3;}
h1.logo img			{z-index: 10;}
header a			{text-decoration:none;display:block;line-height:0;}
header a img		{transition: opacity 0.3s ease-out;}
header a:hover img	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}
header ul				{display:table-cell;text-align:right;vertical-align:middle;letter-spacing:-0.4em;}
header li				{margin:0 0 0 20px;display:inline-block;line-height:0;text-align:center;letter-spacing:normal;vertical-align:middle;}
header li:first-child	{margin:0 0 0 0;padding:0 20px 0 0;border-right:solid 1px #348eac;}
header li a				{padding:0 0 0 0;display:block;line-height:0;}
header li a:hover		{display:block;}
*/


header				{padding: 16px 0 18px 0;width:100%;min-width:1000px;background-color: #fff;}
header .inner		{padding:0 0;position:relative;display:table;}
h1.logo				{width:30%;display:table-cell;vertical-align:middle;}
h1.logo img			{width:90%;}
header a			{text-decoration:none;display:block;line-height:0;}
header a img		{transition: opacity 0.3s ease-out;}
header a:hover img	{
opacity:.1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}
header ul				{display:table-cell;text-align:right;vertical-align:middle;letter-spacing:-0.4em;}
header li				{margin:0 0 0 20px;display:inline-block;line-height:0;text-align:center;letter-spacing:normal;vertical-align:middle;}
header li:first-child	{margin:0 0 0 0;padding:0 20px 0 0;border-right:solid 1px #442614;}
header li a				{padding:0 0 0 0;display:block;line-height:0;vertical-align: top;height: 33px;}
header li a:hover		{display:block;}

.head_tel_l img,.head_tel_l a {display:block;margin-right:30px;}
.head_tel_l img {margin-bottom:5px;}
.head_tel_l {float:left;}
.head_tel_r {float:right;}
.head_tel {max-width:500px;float:right;}



/* mod_nav
-----------------------------------------*/

.mod_nav {display:block;text-align:center;width:100%;min-width:1000px;}

/* navtitle */
.mod_nav p.navtitle {display:none;}

/* mod_nav_inner */

.mod_nav_inner ul					{margin:0 auto;display:table;width:1000px;
    height: 63px;
    position: relative;
    z-index: 10;
    background: url(../img/gnav_line.png) no-repeat right center;}
.mod_nav_inner ul li				{display:table-cell;width:166px;vertical-align:middle;}
.mod_nav_inner ul li:first-child	{margin:0 0 0 0;/*visibility:hidden;*/}
.tgn .mod_nav_inner ul li:first-child	{visibility:visible;}

.mod_nav_inner ul li ul li:first-child	{margin:0 0 0 0;visibility:visible;}
/*
.mod_nav_inner ul li ul li				{display:table-cell;width:166px;vertical-align:middle;background:url(../img/gnav_line.png) no-repeat left center;}
.mod_nav_inner ul li ul li:first-child	{margin:0 0 0 0;visibility:hidden;}
.tgn .mod_nav_inner ul li ul li:first-child	{visibility:visible;}
*/

.mod_nav_inner ul li a				{padding: 16px 0 10px 0;display:block;position:relative;font-family: 'Noto Serif JP', serif;font-size:15px;color:#333;letter-spacing:0.1em; font-weight: 600;}
.mod_nav_inner ul li a:before		{padding:0 5px 0 0px;color:#000;}
.mod_nav_inner ul li a:link			{color:#0ab9a0;text-decoration:none;}
.mod_nav_inner ul li a:visited		{color:#0ab9a0;}
.mod_nav_inner ul li a:hover,
.mod_nav_inner ul li a:hover:before	{text-decoration:none;border-bottom:#0ab9a0 2px solid;margin-bottom: -1px;padding-bottom:9px;box-sizing:border-box;}
.mod_nav_inner ul li a:active,
.mod_nav_inner ul li a:hover:before	{text-decoration:none;}

.mod_nav_inner ul li span			{padding:5px 0 0 0;color:#3f3f3f;font-family: 'Noto Serif JP', serif; font-size:11px;line-height:1;display:block;letter-spacing:0.1em;}
.mod_nav_inner ul li a:hover span	{}
.mod_nav_inner ul li ul li a {color:#ffffff!important;padding-left:1em;}
.mod_nav_inner ul li ul li a:hover {border-bottom:0!important;margin-bottom:0!important;padding-bottom:10px;}


.mod_nav_inner ul li .nolink_cotent				{padding: 16px 0 10px 0;display:block;position:relative;font-family: 'Noto Serif JP', serif;font-size:15px;color: #0ab9a0;letter-spacing:0.1em;font-weight: 600;}
.mod_nav_inner ul li .nolink_cotent:before		{padding:0 5px 0 0px;color:#000;}
.mod_nav_inner ul li .nolink_cotent:link			{color:#0ab9a0;text-decoration:none;}
.mod_nav_inner ul li .nolink_cotent:visited		{color:#0ab9a0;}
.mod_nav_inner ul li .nolink_cotent:hover,
.mod_nav_inner ul li .nolink_cotent:active,
.mod_nav_inner ul li .nolink_cotent:hover:before	{text-decoration:none;}

.mod_nav_inner ul li .nolink_cotent span			{padding:11px 0 0 0;color:#3f3f3f;font-family: 'Noto Serif JP', serif; font-size:11px;line-height:1;display:block;letter-spacing:0.1em;margin-bottom: -7px;}
.mod_nav_inner ul li ul li .nolink_cotent {color:#ffffff!important;padding-left:1em;}
.mod_nav_inner ul li ul li .nolink_cotent:hover {border-bottom:0!important;margin-bottom:0!important;padding-bottom:10px;}


/* mod_nav_btn */
.mod_nav_inner p.closebtn {display:none;}




/* SUB SUB NAV */

.init-bottom			{padding:15px 0 16px 0;font-family: 'Noto Serif JP', serif;font-size:14px;color:#333;letter-spacing:0.1em;}
.init-bottom:hover		{cursor:pointer;color:#71b933;}
.init-bottom:hover span	{cursor:pointer;/*color:#71b933;*/}

ul.menu__second-level	{margin:0 auto;top:62px;height:auto!important;visibility: hidden;opacity: 0;z-index:99999;text-align:center;}
li.menu__mega			{position:relative;}

li.menu__mega ul.menu__second-level {
position: absolute!important;
left:0px;
box-sizing: border-box;
width: 100%;
background: #d87d15;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width:300px;
text-align:left;
margin-top:5px;
}

li.menu__mega:hover ul.menu__second-level	{visibility: visible;opacity: 1;margin-top:1px;}

li.menu__mega ul.menu__second-level li		{margin:0;display:block;float:none!important;width:auto!important;height:auto!important;border: none;background:none;}
li.menu__mega ul.menu__second-level li a	{
padding:14px 20px;
color:#fff;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
border-top:solid 1px #dcefe0;
}
li.menu__mega ul.menu__second-level li:first-child a	{border-top:none;}

li.menu__mega ul.menu__second-level li a:before		{padding:0 5px 0 0px;color:#fff;content:"\f0a9";font-family:FontAwesome;font-size:13px;position:relative;tpp:-1px;}
li.menu__mega ul.menu__second-level li a:hover		{background:#84e096;}

li.menu__mega .init-bottom span:before	{padding:0 5px 0 0px;color:#000;content:"";}
li.menu__mega .init-bottom span:hover	{cursor:pointer;}
.menu > li.menu__single {
    position: relative;
    margin-bottom: 10px;
}
.mod_nav_inner ul li ul {width:auto!important;}

li.menu__single ul.menu__second-level li {
	display:block;
	margin:0;
    width:210%;
	background-color:rgb(102, 161, 218,1.0);
	line-height:1.3!important;
	text-align:left;
	padding: 0px 5px;
}
li.menu__single ul.menu__second-level li:hover {
	background-color:rgb(0, 60, 118);}

.mod_nav_inner ul {background:none!important;}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 68px!important;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
    display:block;
}




/* PAGETOP */

/*.forTop		{margin-top:100px;min-width:1000px;text-align:right;}*/
.forTop		{/*margin-top:60px;min-width:1000px;text-align:right;*/display:none;}
.forTop p	{text-align:center;}

.forTop .pagetop {
padding:17px 30px 10px 30px;
display:inline-block;
background:#e4e4e4;
color:#444;
line-height:0;
font-size:12px;
font-weight:bold;
vertical-align:bottom;
letter-spacing:0.1em;
border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
}
.forTop .pagetop:hover	{cursor:pointer;}
.forTop .pagetop i	{font-size:30px;font-weight:bold;line-height:0;}





/* FOOTER AREA
******************************************/

footer							{padding:35px 0 0 0;min-width:1000px;background:#eaf5ff;}
footer ul						{text-align:center;letter-spacing:-0.4em;}
footer li						{letter-spacing:normal;display:inline-block;}
footer li.no-link				{padding-top:25px;}
footer li:before				{padding:0 15px;content:"";display:inline-block;color:#444; font-size:12px;position:relative;top:-1px;}
footer li:first-child:before	{padding:0 15px 0 0;content:"";color:#444;}
footer li a						{color:#444;display:inline-block;font-size:14px;letter-spacing:0.1em;}
footer li a:hover				{text-decoration:underline;}
footer p.ftmid					{margin:20px 0 5px 0;padding-top:30px;line-height:1;text-align:center;color:#444;background:url(../img/ftline.png) repeat-x top left;letter-spacing:0.1em;}
footer p.copy					{margin-top:30px;padding:15px 0;line-height:1;text-align:center;color:#fff;background:#0362ad;font-size:13px;}



/* dl関連追加CSS
******************************************/
/* <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> */

dt {
    font-weight: 600;
    font-size: 16px;
    color: #e18d39;
    padding: 0 0 5px 0;
}
dt:before{
    font-family: "Font Awesome 5 Free";
    content: '\f059';
    font-weight: 900;
    padding: 0 15px 0 0;
}

dt.ireko {
    font-weight: 600;
    font-size: 14px;
    color: #e18d39;
    padding: 0 0 5px 30px;
}

dd {
    padding: 0 0 30px 0;
}

dd.ireko {
    padding: 0 0 30px 30px;
}






@media screen and (max-width:768px){

/* HEADER AREA
******************************************/

header				{padding:3px 0 0 0;width:100%;min-width:auto;}
header .inner		{padding:0 0;position:relative;display:block;width: 100%;}
h1.logo				{margin:10px auto;width:55%;/*200px;*/display:block;float:none;position:static;}
header a			{text-decoration:none;display:block;line-height:0;}
header a img		{transition: opacity 0.3s ease-out;width:100%;  margin: 12px 0;}
header a:hover img	{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}
header ul					{margin:18px 0 0 0px;padding:10px 0;display:table;text-align:center;letter-spacing:-0.4em;width:100%;background:#f9f9f9;}
header li					{margin:0 0 0 0;padding:0 2%;display:table-cell;line-height:0;text-align:center;letter-spacing:normal;width:50%;}
header li:first-child		{margin:0 0 0 0;padding:0 5px 0 0;border-right:solid 1px #348eac;}
header li:first-child img	{width:100%;max-width:130px;}


header li a					{display:block;width:100%;line-height:1;color:#fff;border:none;font-size:11px;font-weight:bold;letter-spacing:0.1em;}
header li a:hover			{display:block;width:100%;line-height:1;color:#fff;border:none;}
header li a img				{width:100%;max-width:200px;margin-left:-5px}

header li.forsp a		{margin:0 0 0 0;padding:0 0px 0 0;border-right:solid 1px #348eac;}
header li.forsp a img	{width:100%;max-width:140px;}


.mod_nav {margin-top:0;position:relative;height:auto;min-width:auto;}

.mod_nav p.navtitle				{padding:5px 0 4px 0;position:relative;display:block;font-size:20px;cursor:pointer;background:#fff;}
.mod_nav p.close span			{color:#0ab9a0;display:block;font-size:18px;}
.mod_nav p.close span:before	{padding:0 8px 0 0;display:inline-block;content:"\f0c9";font-family:FontAwesome;font-size:24px;vertical-align:middle;position:relative;top:-1px;}

.mod_nav p.open span			{display:block;font-size:18px;color:#0ab9a0;}
.mod_nav p.open span:before		{padding:0 8px 0 0;display:inline-block;color:#0ab9a0;content:"\f00d";font-family:FontAwesome;font-size:24px;vertical-align:middle;position:relative;top:-2px;}

.mod_nav_inner 						{display:none;position:relative;top:0;left:0;background:#f9f9f9;width:auto;}
.mod_nav_inner ul					{margin:0;text-align:left;width: 100%;}
.mod_nav_inner ul li				{display:block;margin:0;border-top:solid 1px #ccc;width:auto;    background: none;}
.mod_nav_inner ul li:first-child	{border-top:none;visibility: visible; margin:-12px 0 0 0;}
.mod_nav_inner ul li a				{color:#3f3f3f!important;display:block;padding:18px 0 14px 10px;height:auto;font-size:13px;text-align:left;}
.mod_nav_inner ul li a:before		{padding:0 5px 0 0px;color:#005e3c;/*content:"\f105"*/;font-family:FontAwesome;font-size:13px;position:relative;top:-1px;}
.mod_nav_inner ul li ul li a {color:#0ab9a0!important;}

.mod_nav_inner ul li .nolink_cotent				{color:#3f3f3f!important;display:block;padding:18px 0 14px 10px;height:auto;font-size:13px;text-align:left;}
.mod_nav_inner ul li .nolink_cotent:before		{padding:0 5px 0 0px;color:#005e3c;/*content:"\f105"*/;font-family:FontAwesome;font-size:13px;position:relative;top:-1px;}
.mod_nav_inner ul li ul li .nolink_cotent {color:#0ab9a0!important;}


/* .mod_nav_inner p.closebtn		{margin:0;padding:20px 10px;display:block;background-color:#000;color:#FFF;line-height:1;font-size:16px;cursor:pointer;text-align:center;}
.mod_nav_inner p.closebtn i		{margin:0 5px 0 0;} */

.mod_nav_inner ul li span			{padding:0 0 0 10px;display:inline-block;border-left:none;}
.mod_nav_inner ul li:last-child span{border-right:none;}

.mod_nav_inner ul li .nolink_cotent span			{padding:0 0 0 10px;display:inline-block;border-left:none;}

li.menu__single ul.menu__second-level li {
    width: 100%;
/*    background-color: rgba(255,255,255,0.8); */
    background-color: none;
    border-top: solid 1px #ccc;
    padding: 5px 0 5px 0;
	}
.mod_nav_inner ul li ul li			{display:block;margin:0;border-top:solid 1px #ccc;width:auto;width:100%;}

h1.logo img			{z-index: 10;margin-left:0px;margin-bottom: 10px;width: 100%;}

/* SUB SUB NAV */

ul.menu__second-level	{margin:0 auto;top:auto;background:#93becd!important;height:auto!important;visibility:inherit!important;opacity:1;z-index: 1;display:block!important;}

li.menu__mega ul.menu__second-level {
/*position:relative!important;*/
position:initial;
left: 0;
box-sizing: border-box;
width: 100%!important;
padding: 0;
background: #71b933;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
li.menu__single ul.menu__second-level {
    position: initial;
    top: 40px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin-bottom: -10px;
}


li.menu__mega:hover ul.menu__second-level	{top:0;visibility: inherit;opacity: 1;text-align:left;}
li.menu__mega ul.menu__second-level > li	{display:inline-block;float:none!important;width:100%!important;height:auto!important;}
li.menu__mega ul.menu__second-level > li a	{
padding:10px 20px!important;
border-left:none;
color:#fff;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
background:#71b933!important;
font-size:14px;
}
li.menu__mega ul.menu__second-level > li a:hover		{text-decoration:none;}


li.menu__mega .init-bottom	{
padding:0px 0 0px 3px!important;
border-left:none;
color:#333;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
background:#f9f9f9!important;
border:none!important;
font-size:16px;
}


/*li.menu__mega .init-bottom:before	{padding:0 5px 0 0px;color:#005e3c;content:"\f107";font-family:FontAwesome;font-size:13px;font-weight:normal;position:relative;top:-1px;}*/
li.menu__mega .init-bottom:hover	{cursor:pointer;}

.mod_nav_inner ul li ul li:first-child	{margin:0 0 0 0;visibility:visible;background:#ddeaf4;}
.mod_nav_inner ul li ul li           	{margin:0 0 0 0;visibility:visible;background:#ddeaf4!important;}



/* PAGETOP */

.forTop					{margin-top:60px;min-width:auto;text-align:center;}
.forTop p				{text-align:center;}
.forTop .pagetop		{padding:25px 0 20px 0;display:block;background:#222;color:#fff;line-height:0;font-size:12px;font-weight:bold;letter-spacing:0.1em;}
.forTop .pagetop:hover	{cursor:pointer;}





/* FOOTER AREA
******************************************/

footer							{padding:0 0 0 0;min-width:auto;}
footer ul						{text-align:center;letter-spacing:-0.4em;}
footer li						{letter-spacing:normal;display:block;}
footer li:before				{padding:0 0;content:"";display:block;color:#fff;}
footer li:first-child:before	{padding:0 0 0 0;content:"";color:#fff;}
footer li a						{padding:6px 5px;text-align:left;color:#444;display:block;font-size:13px;letter-spacing:0.1em;}
footer li:first-child a			{border-top:none;}
footer li a:hover				{text-decoration:none;}
footer p.ftmid					{margin:0 0 0 0;padding:30px 0 25px 0;line-height:1;text-align:center;color:#fff;background:rgba(80,80,80,0.5);letter-spacing:0.1em;}
footer p.copy					{margin-top:18px;padding:15px 0;line-height:1.2;text-align:center;color:#fff;letter-spacing:0em;font-size:11px;}






}