/*
Theme Name: members
Description: COMPANY official themeTheme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

@charset "utf-8";
/*

*/

/*-------------
base
-------------*/
a{color: #0077b3;text-decoration:underline;}
	
a:hover {color: #0077b3;
	text-decoration:underline;
}

/* RESET */
html {
  overflow-y: scroll;
  overflow-x: hidden;
}

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, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


body{font-style: normal !important;
    font-family: 'ＭＳゴシック', Arial, Helvetica, sans-serif !important;
	vertical-align: baseline;
	color:#000;
	 margin: 0;
	 width: 100%;  
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal !important;
    font-family: 'ＭＳゴシック', Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	}

.marginBottom10 {margin-bottom: 10px;}
.marginBottom20 {margin-bottom: 20px;}
.marginBottom30 {margin-bottom: 30px;}
.marginBottom40 {margin-bottom: 40px;}
.marginBottom50 {margin-bottom: 50px;}
.marginBottom1em {margin-bottom: 1em;}

.marginTop5 {margin-top: 5px;}
.marginTop10 {margin-top: 10px;}
.marginTop20 {margin-top: 20px;}
.marginTop30 {margin-top: 30px;}
.marginTop40 {margin-top: 40px;}
.marginTop50 {margin-top: 50px;}

.marginLeft10 {margin-left: 10px;}
.marginLeft15 {margin-left: 15px;}
.marginLeft20 {margin-left: 20px;}
.marginLeft30 {margin-left: 30px;}
.marginLeft40 {margin-left: 40px;}

.marginRight5 {margin-right: 5px;}
.marginRight10 {margin-right: 10px;}
.marginRight15 {margin-right: 15px;}
.marginRight20 {margin-right: 20px;}
.marginRight30 {margin-right: 30px;}
.marginRight40 {margin-right: 40px;}

.paddingTop5 {padding-top: 5px;}
.paddingTop10 {padding-top: 10px;}
.paddingTop20 {padding-top: 20px;}
.paddingTop30 {padding-top: 30px;}
.paddingTop40 {padding-top: 40px;}
.paddingTop50 {padding-top: 50px;}

.paddingRight10 {padding-right: 10px;}
.paddingRight20 {padding-right: 20px;}
.paddingRight30 {padding-right: 30px;}
.paddingRight40 {padding-right: 40px;}
.paddingRight50 {padding-right: 50px;}

.paddingLeft10 {padding-left: 10px;}
.paddingLeft20 {padding-left: 20px;}
.paddingLeft30 {padding-left: 30px;}
.paddingLeft40 {padding-left: 40px;}
.paddingLeft50 {padding-left: 50px;}

.fontSize10{ font-size: 10px;}
.fontSize11{ font-size: 11px;}
.fontSize12{ font-size: 12px;}
.fontSize15{ font-size: 15px;}
.fontSize16{ font-size: 16px;}
.fontSize18{ font-size: 18px;}
.fontSize20{ font-size: 20px;}
.fontSize30{ font-size: 30px;}
.fontSize40{ font-size: 45px;}

.bold { font-weight: bold;}
.clear{ clear:both;}

.red{ color:#C00;}
.white{ color:#fff;}

.right{ float:right; clear:both;}
.left{ float:left; clear:both;}


.yajirushi{
	clear:both;}

a:link, a:visited {color: #0077b3;text-decoration:underline;}
	
a:hover {color: #000;
	text-decoration:underline;
}




a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
transition:all 0.3s;
}




.zeirishi_hyo table { width: 100%;}

.zeirishi_hyo th { border:1px solid #ccc; letter-spacing:2px; text-transform:uppercase; padding:6px 6px 6px 12px;
	border-bottom:none;
	border-right:none;}
.zeirishi_hyo td {
    border:1px solid #ccc;
    padding:6px 6px 6px 12px;
	border-bottom:none;
	border-right:none;
}

.zeirishi_hyo{ width:756px;
	margin-top:20px;border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
	
	

	
.slicknav_menu {
	display:none;	
}


#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}



.footerbox a:link, a:visited {
	color: #000;
	text-decoration:underline;}
	
.footerbox a:hover {color: #0077b3;
	text-decoration:underline;
	
}

.privacy_indent{
	padding-left:2.5em;}
	
ul.notice li {
	list-style:none;
	text-indent:-2.5em;
	padding-left:2.5em;
	}

.red_borderbox{ 
	border: solid 3px #FF0028;
	width:90%;
	font-size: 110%;
	height:auto;
	text-align:left;
	position:relative;
	margin-top:20px;
	padding: 5%;
	clear:both;
}

.yasumi-box{ border:2px solid #4db2ff; background-color:aliceblue; padding: 10px;
line-height: 160%;}

/* PC STYLES
==================================================================*/
@media screen and (min-width:1200px) {
#header_mini{ display:none;}
#menu{ display:none;}
.pcno{ display:none;}
.header{ display:none;}
	
.logo{
	left:0px;
	top:32px;
	position:absolute;}


#header{
	width:100%;
	margin: 0 auto;
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	height:171px;
	position:relative;}
	

.header-box{
	width:1100px;
	height:123px;
	margin: 0 auto;
	padding-left:0px;
	position:relative;}
	
.header_right{
	right:0;
	top:32px;
	position:absolute;}

	
.gnv{margin: 0 auto;
	width:1100px;
	height:47px;color: #000; }
	
.gnv a{color: #000; text-decoration:none;}



.gnv a:hover {
	text-decoration:underline;
	color: #0077b3;
}


.gnv img{ float:left;}
.gnv_btn{  float:left;
	width:174px;
	height:30px;
	padding-top:14px;
	text-align:center;
	background-image:url(../img/gnv_bg.jpg); background-position:right;
	background-repeat:no-repeat;}

#main{width: 100%;
	height: 315px;
		background: url(../img/main.jpg) no-repeat;
		background-position: center center;
		background-size: 100%;
		position: relative;}

.main_cover{width: 1100px;
		margin: 0 auto;
		position: relative;height: 315px;
		}

.main_cover h1 {
	font-size:38px; color:#000;
	line-height:43px;
	font-family:serif;
	text-align:left;
}

.main_cover p {
	font-size:18px; color:#fff;
}
	
.main_cover .maintxt {
		color: #fff;
		position: absolute;
		top: 0;	bottom: 0;
		left: 0; right: 0;
	margin: auto;
		height:157px;
	text-align:center;
}

	
.main_space{width: 100%;
	margin-bottom:94px;}

.wrap{width: 1100px;
		margin: 0 auto;
	margin-top:36px;}

.wrap_left{width:756px;
	float:left;
	}
	
.line160{line-height:140%;
	font-size:110%;color:#222;}

	
.wrap_right{width:300px;
	float:right;}
	
.wrap_right img{
	margin-bottom:2%;}

.maintitle{
	 font-size:28px;
height:auto;
border-bottom: solid 1px #000;
width:756px;
margin-bottom:16px;
vertical-align:bottom;}

.subtitle_bg{ width:756px;
	height:45px;
	text-align:left;
	background-image:url(../img/subtitle_bg.jpg); background-position:left;
	background-repeat:no-repeat;
	position:relative;
	margin-top:40px;
	float:left;
	clear:both;}

.subtitle_bg p{
	position:absolute;
	left:30px;
	font-weight:bold;
	top:10px;
	}
	
.subtitle_bg a{
	position:absolute;
	right:20px;
	top:10px;
	}
	
	
.topnews{ width:756px;
	height:auto;
	text-align:left;
	background-image:url(../img/topnews_bg.jpg); background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:17px;
	padding-top:10px;
	margin-top:7px;}
	
.topnews .date{
	float:left;
	padding-top:2px;}
	
.news_naiyo{
	float:right;
	width:630px;}	
	

	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#footer{
	width: 100%;
	background-image:url(../img/footer_bg.jpg); background-position:left top;
	background-repeat:repeat-x;
	margin-top:90px;
	padding-bottom:90px;}

.footer_wrap{
	width:1100px;
	margin: 0 auto;}

	.footer_tel{ margin-left: 20px;}	

.footer_tel a{
pointer-events: none;
text-decoration:none;
color:#222; 
}

.footer_data{ padding-top:13px;}

.footerbox{padding-top:55px;  text-align:center;}

.copyright{ text-align:center; margin-top:20px;}


	
}


/* 携帯 STYLES
==================================================================*/
@media screen and  ( max-width:739px) {

body{width:100%;font-size:90%;}

.pc{ display:none;}
.header{
	z-index:5;
      position:relative;
    }
    /* .logoを絶対配置する */
    .logo{
      position:absolute;
      left:10px;
      top:10px;
      color:#fff;
    }
    /* 通常のアイコンを消す */
    .slicknav_menu .slicknav_icon{
      display:none;
    }
    /* 背景画像を設定 */
    .slicknav_btn{
      width:30px;
      height:30px;
      padding:0;
      border-radius:0;
      background:url(http://placehold.jp/20/000/fff/30x30.png?text=≡) no-repeat center;
    }


.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	.js .slicknav_menu  li{  border-bottom:1px solid #ccc; }
	
.pankuzu{ background-color:#CCC; padding:10px; font-size:10px;}

	
#main{-webkit-box-shadow: 0px -4px 7px #ddd;
    -moz-box-shadow: 0px -4px 7px #ddd;
    box-shadow: 0px -4px 7px #ddd;
	width: 100%;
		height: 200px;
		background: url(../img/main2.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
		position: relative;}

.main_cover{width: 100%;
		margin: 0 auto;
		position: relative;height: 200px;
		}

.main_cover h1 {
	font-size:20px; color:#000;
	line-height:20px;
	text-align:center;
	text-shadow: 2px 2px 0 #fff;
	text-shadow: #fff 2px 2px 0;
}

.main_cover p {
	font-size:18px; color:#fff;
}
	
.main_cover .maintxt {
		color: #fff;
		position: absolute;
		top: 20%;	bottom: 0;
		left: 0; right: 0;
		margin: auto;
		text-align:center;
}

	
.main_space{width: 100%;
	margin-bottom:94px;}
	
	
.wrap{width: 90%;
	margin: 0 auto;
	margin-top:20px;}

.wrap_left{width: 100%;
	float:left;
	margin-bottom:20px;}
.wrap_right{width: 100%;
	float:left;
	margin-bottom:20px;}

.wrap_right img{
	width:49%;
	float:left;
	margin-bottom: 1%;margin-right:1%;}
	
	

.maintitle{
font-size:18px;
height:auto;
border-bottom: solid 1px #000;
width: 100%;
margin-bottom:10px;
vertical-align:bottom;
font-weight:bold;}

.subtitle_bg{ width: 100%;
	border: solid 1px #ccc;
	height:45px;
	text-align:left;
	background-image:url(../img/subtitle_bg.jpg); background-position:left;
	background-repeat:no-repeat;
	position:relative;
	margin-top:40px;
	margin-bottom:10px;}

.subtitle_bg p{
	position:absolute;
	left:30px;
	font-weight:bold;
	top:10px;
	}
	
.subtitle_bg a{
	position:absolute;
	right:20px;
	top:10px;}
	
	
.topnews{ width: 100%;
	height:auto;
	text-align:left;
	background-image:url(../img/topnews_bg.jpg); background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:17px;
	padding-top:10px;
	margin-top:7px;}
	
.topnews .date{
	float:left;
	padding-top:2px;}
	
.news_naiyo{
	float:right;
	width:100%;}	
	
#page-top {
    position: fixed;
  bottom: 0;
  right: 0;
  background-color: white;}

#page-top a {
    padding: 10px 0;
}
#footer{
	width: 100%;
	background-color:#ebebeb;
	margin-top:20px;
	padding-bottom:60px;
	float:left;}

.footer_wrap{
	width: 90%;
	margin: 0 auto;}

.footer_data{ padding-top:13px; width: 100%;}

.footerbox{padding-top:20px;  text-align:center; float:left;}
.footer_tel{ float:left;}	

.img50{ width:100%;}
.fontSize30{ font-size:18px;}

.form1{width:500px; height:25px; padding-left:5px;}

.zeimu_btn{ width:100%; margin-bottom:10px;}
.zeimu_btn img{ width:50%;}
}

	
	
@media screen and (min-width:740px) and ( max-width:1199px) {
.notablet{ display:none;}
body{width:100%;font-size:90%;}
#header_mini{ display:none;}
#menu{ display:none;}
.header{ display:none;}
	
.logo{
	left:0px;
	top:32px;
	position:absolute;}


#header{
	width:100%;
	margin: 0 auto;
	background-image:url(../img/header_bg2.jpg);
	background-repeat:repeat-x;
	height:171px;}
	

.header-box{
	width:90%;
	height:123px;
	margin: 0 auto;
	padding-left:0px;
	position:relative;
	clear:both;
	}
	
.header_right{
	right:0;
	top:32px;
	position:absolute;}

	
.gnv{background-color:#CCC;
	text-align:center;
	 width: 100%;
	 position:relative;
	 clear:both;}
	
.gnv_first{display: inline-block;}

.gnv_second{display: inline-block;
	background-image:url(../img/gnv_bg.jpg); background-position:left;
	background-repeat:no-repeat;}
	
.gnv a:link, a:visited {
	color: #0077b3;
	text-decoration:none;}
	
.gnv a:hover {
	text-decoration:none;
	color: #000;
}

.gnv img{ float:left;}
.gnv_btn{  float:left;
	width:174px;
	height:30px;
	padding-top:14px;
	text-align:center;
	background-image:url(../img/gnv_bg.jpg); background-position:right;
	background-repeat:no-repeat;}

.pankuzu{ padding:10px; padding-top:20px; margin-top:40px;}

.main_cover{
		width: 100%;
		height: 315px;
		background: url(../img/main.jpg) no-repeat;
		background-position: center center;
		background-size: 100%;
		text-align:center;
		 position:relative;
		 clear:both;
		 margin-top:23px;}


	
.maintxt {
		width:90%;
		font-size:28px; color:#000;
		text-align:left;
		position:absolute;
		top:30%; left:10%;
}

	
.main_space{width: 100%;
	margin-bottom:94px;
	position:relative;
	text-align:center;}

.wrap{	width: 90%;
		text-align:center;margin: 0 auto;
	}

.wrap_left{width:100%;
text-align:left;
font-size:120%;
margin-bottom:30px;}
.wrap_right{width:100%;
	float:left;
	text-align:left;}
	
.wrap_right img{
	float:left;
	margin-right:1%;
	width:30%;}

.maintitle{
	 font-size:28px;
	height:auto;
	border-bottom: solid 1px #000;
	width:100%;
	margin-bottom:16px;
	vertical-align:bottom;}

.subtitle_bg{ width:100%;
	border: solid 1px #ccc;
	height:45px;
	text-align:left;
	background-image:url(../img/subtitle_bg2.jpg); background-position:left;
	background-repeat:no-repeat;
	position:relative;
	margin-top:40px;}

.subtitle_bg p{
	position:absolute;
	left:30px;
	font-weight:bold;
	top:10px;
	}
	
.subtitle_bg a{
	position:absolute;
	right:20px;
	top:10px;}
	
	
.topnews{ width:100%;
	height:auto;
	text-align:left;
	background-image:url(../img/topnews_bg.jpg); background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:17px;
	padding-top:10px;
	margin-top:7px;}
	
.topnews .date{
	float:left;
	padding-top:2px;
	width:15%;}
	
.news_naiyo{
	float:right;
	width:83%}	
	
#footer{
	width: 100%;
	background-color:#ebebeb;
	margin-top:20px;
	padding-bottom:20px;}

.footer_wrap{
	width:90%;
	margin: 0 auto;}

.footer_tel a{
pointer-events: none;
text-decoration:none;
color:#222;
}

.footer_data{ padding-top:13px;}

.footerbox{padding-top:55px;  text-align:center;}

.copyright{ text-align:center; margin-top:20px;}
#page-top {
   position: fixed;
  bottom: 0;
  right: 0;
  background-color: white;}



	
}