/* CSS Document */

@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
レスポンシブタイプ用
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
/*table {border-collapse: separate;border-spacing: 0;}*/
caption/*, th, td*/ {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

figure{ margin:0; padding:0;}

body{
font:92%/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust: none;
}

a{ text-decoration:none;}

/*見出し
-------------------------------------------------------------- */

h1{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; background:url(../img/h1_logo.gif) no-repeat left 85%; padding:30px 0 0 80px; font-size:1.8em; font-weight:bold; float:left; margin-top:.5em; line-height:2.4em;}
h1 a{ text-decoration:none; color:#000;}
h1 a:hover{ color:#333; text-decoration:none;}
h1 a span{ font-size:.6em;}


/*ヘッダー
-------------------------------------------------------------- */

header{ width:100%; padding:0 0 16px; border-top:3px solid #003; background:#FFF;}
header section{ width:1200px; margin:0 auto;}

header div{ display:table; float:right; padding-top:20px;}
header div a, header div article{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; color:#000; float:left;}

header div article{ margin-right:24px;}
header div article img{ float:left;}

header div a:first-of-type span{ display:none;}

header div a:nth-of-type(2){ font-size:1.8em; background:url(../img/tel.gif) no-repeat left 5px; padding:.3em 0 0 30px; margin-left:24px; line-height:1em;}
header div a:nth-of-type(2) dl{ font-family:inherit; font-size:.6em; line-height:1.2em; margin-top:.5em;}
header div a:nth-of-type(2) dl dd{ margin:-1.2em 0 1em 5em;}


@media only screen and (max-width: 1229px){
	
	header section{ width:96%; margin:0 auto;}
	
	h1{ float:none; display:table; margin:1em auto 0;}
	header div{ float:none; margin:0 auto;}
	
	}

@media only screen and (max-width: 700px){
	
	header div{ display:inherit; width:360px;}
	header div article{ margin-right:0; margin-bottom:1em;}
	
	
	}

@media only screen and (max-width: 550px){
	
	h1{ background:url(../img/h1_logo.gif) no-repeat center top; padding:80px 0 0 0; float:none; line-height:1.6em; text-align:center;}
    h1 a span{ display:block; text-align:center;}
	
	header div a{ float:none;}
	header div a:nth-of-type(2){ margin-left:0; display:table; margin:0 auto;}
	
	header div article, header div article img{ float:none;}
	
	header div a:first-of-type, header div article{ display:table; margin:0 auto 1em;}
	header div a:first-of-type span{ display:table; color:#FFF; background:#C00; padding:1em; border-radius:8px; margin:0 auto;}
	header div a:first-of-type img{ display:none;}
	
	header div a:first-of-type span{ display:inherit;}
	
	
	}





/*グローバルメニュー
-------------------------------------------------------------- */
@media only screen and (max-width: 1230px){
nav > ul > li > ul{
	overflow:auto;
	}
}


#gloval{
	width:100%;
	clear:both;
	position:absolute;
	z-index:60000;
	margin-bottom:.5em;
	}

.top_rtn a, .top_rtn a:visited{ color:#FFF !important; text-decoration:none !important;}
.top_rtn a:hover{ color:#FF0 !important; text-decoration:none !important;}

/*メニュー固定*/

.fixed{
	position: fixed !important;
	top: 0px;
	z-index:60000 !important;
	opacity:0;
	-webkit-animation: fadein 1s linear 0s forwards;
    -moz-animation: fadein 1s linear 0s forwards;
    -o-animation: fadein 1s linear 0s forwards;
    -ms-animation: fadein 1s linear 0s forwards;
    animation: fadein 1s linear 0s forwards; 
	}

@-webkit-keyframes fadein { 
    0% { opacity: 0;}
    45% { opacity: 1;
    -webkit-animation-timing-function: ease-in; }
100% { opacity: 1;}
}
@-moz-keyframes fadein { 
    0% { opacity: 0;}
    45% { opacity: 1;
    -webkit-animation-timing-function: ease-in; }
100% { opacity: 1;}
}
@-o-keyframes fadein { 
    0% { opacity: 0;}
    45% { opacity: 1;
    -webkit-animation-timing-function: ease-in; }
100% { opacity: 1;}
}
@-ms-keyframes fadein { 
    0% { opacity: 0;}
    45% { opacity: 1;
    -webkit-animation-timing-function: ease-in; }
100% { opacity: 1;}
}
@keyframes fadein { 
    0% { opacity: 0;}
    45% { opacity: 1;
    -webkit-animation-timing-function: ease-in; }
100% { opacity: 1;}
}


@media only screen and (max-width: 1230px){
	#gloval{
	width:100%;
	clear:both;
	position: fixed;
	top:0px;
	z-index:50000;
	border-bottom:1px solid #FC3;
	}
	
	#gloval p{
	display:inherit;
	color:#FFF;
	line-height:1.5em;
	font-size:1.2em;
	width:80%;
	float:left;
	padding-left:4%;
	padding-top:20px;
	position:relative;
	}
	
	#gloval p img{
	position:absolute;
	right:0;
	top:10px;
	}
	
	#gloval p span{
	font-size:0.8em;
	}
	
	
	}


/*トップページコンテンツ
-------------------------------------------------------------- */

.dam{ margin-top:5em;}

.t-main{ padding-top:4em; font-size:1.2em;}
.t-main h2{ display:table; margin:0 auto; color:#999; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; text-align:center; margin-bottom:3em;}
.t-main h2 span{ display:block; padding:.5em 2em; border-bottom:1px solid #999; margin-bottom:.5em; font-size:1.8em; color:#000;}

.line_fl{ display:table; margin:0 auto 2em;}
.line_fl img:hover{ opacity:0.7;}

/*トップページメイン*/

.t-main_con{ width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: space-around;}
.t-main_con div{ width:380px; margin:0 0 2.4em 20px;}
.t-main_con div:first-of-type, .t-main_con div:nth-of-type(4){ margin:0 0 2.4em 0;}

.t-main_con div a{ display:block; border-radius:4px; padding-top:195px; margin-bottom:.8em;}
.t-main_con div a:hover{ opacity:0.7;}

.t-main_con div a h3 span{ color:#FFF; display:block; background-color:rgba(0,0,0,0.8); text-align:center; padding:.2em 0; font-size:1.2em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:bold;}
.t-main_con div p{ text-align:left; width:80%; margin:0 auto;}

.t-main_con div:first-of-type a{ background:url(../img/t_p1.jpg) no-repeat top center/cover;}
.t-main_con div:nth-of-type(2) a{ background:url(../img/t_p2.jpg) no-repeat top center/cover;}
.t-main_con div:nth-of-type(3) a{ background:url(../img/t_p3.jpg) no-repeat top center/cover;}
.t-main_con div:nth-of-type(4) a{ background:url(../img/t_p4.jpg) no-repeat top center/cover;}
.t-main_con div:nth-of-type(5) a{ background:url(../img/t_p5.jpg) no-repeat top center/cover;}
.t-main_con div:nth-of-type(6) a{ background:url(../img/t_p6.jpg) no-repeat top center/cover;}

.access{ padding-top:4em;}

@media only screen and (max-width: 1230px){
	
	.dam{ display:none;}
	
	}

@media only screen and (max-width: 1000px){
	
	.line_fl{ display:table; width:96%;}
	.line_fl img{ width:100%;}
	
	}

@media only screen and (max-width: 1260px){
	
.t-main_con{ width:96%;}
.t-main_con div{ width:32.20%; margin:0 0 2.4em 1.6%;}

	}

@media only screen and (max-width: 1200px){
	
.t-kanren div{ width:96%;}
.t-kanren a{ display:block; width:23.4%;}
.t-kanren a:nth-of-type(n+2){ margin-left:1.9%;}
.t-kanren a img{ width:100%;}

	}

@media only screen and (max-width: 1080px){
	
.t-news div{ width:96%;}

	}

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

.top_con{ position:inherit; right:0; bottom:0; box-shadow:none; border-radius:0; font-size:.9em; width:96%; margin:0 auto;}
.top_con div{ display:flex; flex-wrap:wrap; width:100%;}
.top_con dl, .top_con article{ width:50%; margin:0;}
.top_con dl{ padding-top:2%;}
.top_con article{ padding-top:5%;}

.t-news{ background:#FFF;}

.t-main{ background:url(../img/tmenu_bk.gif) top center;}

.t-main_con div{ width:48%; margin:0 0 2.4em 4%;}
.t-main_con div:nth-of-type(odd){ margin:0 0 2.4em 0;}
.t-main_con div:nth-of-type(4){ margin:0 0 2.4em 4%;}

	}

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

.t-kanren{ background:#7F7F99;}

.t-kanren div{ width:90%;}
.t-kanren a{ display:block; width:48%; margin-bottom:20px;}
.t-kanren a:nth-of-type(odd){ margin-left:0;}
.t-kanren a:nth-of-type(even){ margin-left:4%;}
	
	}

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

.top_con article{ width:100%;}
.top_con dl{ display:table; margin:0 auto;}
.top_con article{ padding-top:2%;}

footer div{ float:none; display:table; margin:0 auto 20px;}
footer ul{ float:none; margin:0 auto; padding-top:0; display:table;}

	}

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

.t-main_con div, .t-main_con div:nth-of-type(4), .t-main_con div:nth-of-type(odd){ width:90%; margin:0 auto 2.4em;}

.t-main{ padding-top:2em;}
.line_fl{ margin:0 auto 1em;}

	
	}

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

.t-main p{ width:90%; margin:0 auto 3.5em; text-align:left;}

	}

/* フッター
*****************************************************/

footer{ background:#E1E1E1; width:96%; padding:3em 2%; clear:both;}

.f-title{ display:table; margin:0 auto; padding:0 1em;}
.f-ti{ text-align:center; margin:0 0 1em; display:block;}
.f-ti img:hover{ opacity:0.7;}
.f-title p:first-of-type{ font-size:.8em; text-align:center; margin-bottom:1em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;}
.f-title p:nth-of-type(2){ width:100%; text-align:center; font-size:1.5em; font-weight:bold; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin-bottom:1.5em;}
.f-title p:nth-of-type(2) span{ display:block; font-size:.7em; padding-top:.5em; font-weight:normal;}

footer ul{ display:table; margin:0 auto;}
footer ul li{ float:left; margin:0 0 1em 2em; padding-left:1.2em; background:url(images/nh2.gif) no-repeat left; font-size:.8em; font-weight:bold;}
footer ul li:first-of-type{ margin-left:0;}
footer ul li a{ color:#333;}
footer ul li a:hover{ color:#F33;}

#copyright{
clear:both;
padding:10px;
text-align:center;
font-size:75%;
zoom:1;
color:#fff;
background:#333;
}

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

footer ul li{ margin:0 0 1em 0; padding-left:0; background:none; width:33%; text-align:center;}

	}

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

footer ul li{ width:48%; padding:0 1%;}

	}