@charset "UTF-8";
/* CSS Document */

html, 
html * {
	padding: 0;
	margin: 0;
/*	box-sizing: border-box;*/
}

body {
	position:relative;
	background:#FFF;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.8em;
	word-break:break-all;
}

header#header {
	width:100%;
	clear:both;
}

a:link,a:visited {
	text-decoration: none;
	color:#008CCE;
}


a.doccate {
	display:inline-block;
	background:#000;
	padding:10px 15px;
	color:#FFF;
	font-size:18px;
	font-weight:600;
	margin-bottom:10px;
}
a.doccate span {
	font-size:13px;
}
a.doccate:hover {
	background:#666;
}

img {
	/*width: 100%;*/
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:none;
}

.pc-view {display:block;}
.sp-view {display:none;}



.min {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
}



.img100 {
	width:100%;
	height:69.53%;
	position:relative;
}
.img100 img {
	max-width:none;
	width:100%;
	height:auto;
	display:block;
	z-index:1;
}

.news {
	background:#f8f3ee;
	padding:40px 0;
}
.title-y {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', sans-serif;
    letter-spacing: .1em;
	text-align: center;
	font-size:28px;
	width:300px;
	height:220px;
	line-height:220px;
	background:#fccc00;
	position:absolute;
	margin-top:-80px;
	z-index: 5;
}
.title-y.black {
	background:#000;
	color:#FFF;
	left:50%;
	margin-left:-150px;
	margin-top:-50px;
}
.tit-name {
	font-size:22px;
	font-weight: 100;
	padding-bottom:5px;
	border-bottom:solid 1px #000;
	margin-bottom:30px;
}
img.p1 {
	display:block;
	width:40%;
	float:right;
	margin-top:-100px;
}
.p1-left {
	width:54%;
	margin:0 3%;
	float:left;
}
.sub {
	text-align: center;
	font-size:22px;
	line-height: 1.2em;
	color:#8d8d8e;
	padding-bottom:15px;
	margin-bottom:30px;
	background:url(img/sub-bar.png) bottom center no-repeat;
}
.sub.yl {
	background:url(img/sub-bar2.png) bottom center no-repeat;
}

a.pdf-link {
	color:#333;
	display:block;
	padding-left:40px;
	min-height: 30px;
	background:url("img/ico-pdf.png") left top no-repeat;
	padding-top:8px;
}
a.site-link {
	color:#333;
	display:block;
	padding-left:40px;
	min-height: 30px;
	background:url("img/ico-link.png") left top no-repeat;
	padding-top:8px;
}


iframe.news {
	width:100%;
	height:650px;
}
iframe.news-s {
	width:100%;
	height:200px;
}
iframe.news-s.douga {
	width:100%;
	height:16vw;
}
iframe.news-s.nocont {
	width:100%;
	height:0;
}







.top-main {
    padding:80px 0;
	position:relative;
	height:300px;
}
.left-img {
	position:absolute;
	left:0;
	top:60px;
	width:20%;
	z-index:1;
}
.right-img {
	position:absolute;
	right:0;
	top:50px;
	width:24%;
	z-index:1;
}

.top-main li {
	font-size:16px;
	line-height:40px;
	padding:7px 0 7px 55px;
}
.do1 {
	background: url("img/ccl-red.png") left center no-repeat;
	background-size:40px 40px;
}
.do2 {
	background: url("img/ccl-ylw.png") left center no-repeat;
	background-size:40px 40px;
}
.do3 {
	background: url("img/ccl-green.png") left center no-repeat;
	background-size:40px 40px;
}





.inner {
	width:96%;
	margin:0 auto;
	max-width:1200px;
}


.inner-news {
	margin-left:350px;
	margin-right:50px;
	padding-bottom: 0;
}
.inner-news span.date {
	display:inline-block;
	
	margin-right:30px;
}

.inner-news li, .inner-news2 li {
	margin-bottom:15px;
	font-size:14px;
}
.inner-news.boder li{
	padding:15px 0;
	border-bottom:dotted 1px #999;
}
.block2mov li {
	display:inline-block;
	width:30%;
	margin:0 2% 2% 0;
	line-height:1.4em;
}

.mov {
	width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
margin-bottom:10px;
}
.mov iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.inner-cont {
	padding-top:200px;
	padding-bottom:100px;
}


a.btn {
	display: inline-block;
	background:#000;
	padding:10px 20px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}
a.btn.big {
	padding:30px 40px;
	font-size:18px;
}
a.btn:hover {
	background:#666;
}

.block2 {
	width:50%;
	float:left;
}

.member li {
	display:block;
	width:46%;
	float:left;
	margin:0 1% 2%;
	padding:1%;
	background:#eee;
}
.member li.center {
	display:block;
	width:46%;
	float:none;
	margin:0 auto 2%;
	padding:1%;
	background:#eee;
}
.member li img {
	display:block;
	width:25%;
	float:right;
	margin-left:10px;
}
.member li .yaku {font-size:18px;}
.member li .corp {font-size:20px;}
.member.yaku li .corp {font-size:16px;}
.member li .address {font-size:12px;margin-bottom:20px;}
.member li .shname {font-size:14px;}
.member.yaku li .shname {font-size:16px;}
.member li .name {font-size:16px;}
.member.yaku li .name {font-size:20px;margin-bottom:20px;}
.member a {color: #333;}
.corp a {padding-right: 20px;background:url("img/ico-link.png") right center no-repeat;background-size:contain;}
.name a {padding-right: 26px;background:url("img/ico-doc.png") right center no-repeat;background-size:16px 16px;display:inline-block;min-height:18px;}

li.program {
	padding:70px 20px 50px;
}
.ptit {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:20px 0 10px;
}

a.toi {
	background:url("img/ico-mail.png") center 30px no-repeat #48A1A8;
	background-size:80px auto;
	text-align: center;
	color:#FFF;
	font-size:20px;
	padding:80px 0 30px;
}
a.boshu {
	background:url("img/ico-kaiin.png") center 30px no-repeat #68bce2;
	background-size:80px auto;
	text-align: center;
	color:#FFF;
	font-size:20px;
	padding:80px 0 30px;
}

.contact {
	padding:50px;
}
.contact2 {
	padding:30px 20px 30px 50px ;
}
.tit {
	font-size:24px;
	font-weight:100;
	letter-spacing:2px;
	margin-bottom:20px;
}
.telbox {
	display:inline-block;
	width:70%;
	padding:0 5%;
	border: solid 1px #000;
	border-radius: 20px;
}






.img-foot img {
	width: 100%;
}





article {
	text-align: left;
}

.btm80 {margin-bottom:80px;}



a.btnon:hover {
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.clear {clear:both;}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}


.logo a {
	color:#002060;
	font-size:24px;
	font-weight: 800;
	display:block;
	padding-top:20px;
	padding-bottom:20px;
	line-height:1.4em;
	letter-spacing: 0.2em;
	width:80%;
	float:left;
}
.logo img {
	width:110px;
	float:left;
	margin:0 15px 0;
}


.logo-right {
	position:absolute;
	top:0;
	right:3%
}

a.i-mail {
	display:inline-block;
	background:url(./img/ico-mail.png) 0 center no-repeat #48a1a8;
	background-size:auto 28px;
	width:auto;
	height:40px;
	padding-left:45px;
	padding-top:6px;
	padding-right:16px;
	font-weight:600;
    letter-spacing: .1em;
	font-size:14px;
	line-height:30px;
	color:#FFF;
	text-decoration:none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

a.pdf {
	display:inline-block;
	min-height:30px;
	padding-left:30px;
	background:url(img/ico-pdf.png) left center no-repeat;
	color:#666;
	margin-right:30px;
}









footer {
	margin-top:50px;
}
footer.mg0 {
	margin-top:0;
}
.logo-foot {width:240px;margin-bottom:10px;}
.add-foot {line-height:1.1em;}

.copyright {
	font-size:10px;
	text-align: center;
	padding:0 0 15px;
}

.pc-left{float:left;}
.pc-right{float:right;}
.sp-view {display:none;}


a#totop {
	display:block;
	position:fixed;
	width:30px;
	height:30px;
/*	background:rgba(255,255,255,0.5);*/
	right:10px;
	bottom:10px;
	z-index:9999;
}
a#webyoyaku {
	display:block;
	position:fixed;
	width:30%;
	background:rgba(255,255,255,0.5);
	right:0;
	top:400px;
	z-index:9999;
}



a#webyoyaku.cont {
	position:fixed;
	right:0;
	top:20%;
	width: 50px;
}
.pagetit {display:inline-block;background:rgba(0,0,0,0.7);color:#FFF;width:auto;padding:24px 40px;margin:0 auto;font-size:24px;}

.title {
	font-size: 28px;
	text-align: center;
	margin:0 0 40px;
	padding-top: 40px;
}
.block-l {
		width:60%;
	margin:0 auto;
	text-align: left;
	}
.btm-sha {padding-bottom: 10px;margin-bottom: 10px;background: url(img/sha.png) bottom center repeat-x;font-size:1.2em;}

img.fig {max-width:600px;}

.px20 {font-size:20px;}
.px13 {font-size:13px;}
.px11 {font-size:11px;}
.card img {display:inline-block;height:50px;margin:0 2px;}

td.td-r {text-align:right; }



.tbl01 table {
	border-top:solid 1px #CCC;
}
.tbl01 td  {
	border-bottom:solid 1px #CCC;
	padding: 10px;
}



.bg-rdfood {margin:50px 0 0;padding:80px 0;background:url(img/img-food.jpg) left center no-repeat;text-align:right; font-size:22px;}
.title-img img {margin-top:30px;display:block;}


	.block3 li, .block3 a {
		display:block;
		width:30.333%;
		margin:30px 1.5%;
		float:left;
		text-align: center;
	}
	.photo {
		width:100%;
		height:60%;
		overflow: hidden;
	}
.photo-txt, a .photo-txt {
	background:#efefef;
	color:#333;
	padding:15px;
	text-align: left;
}
.photo-ttl {
	font-size:18px;
	margin-bottom:15px;
}









.scrollable-table table{
  border-collapse: collapse;
  margin: 2em auto 0;
  max-width: 100%;
}

.scrollable-table th{
  background-color: #eee;
}

.scrollable-table th,
.scrollable-table td{
  border: solid 1px #ccc;
  padding: 3px 10px;
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin:0 auto 1em;
  max-width: 1190px;
}

td.o1:hover {background:#999;}




.memo {padding:1%;width:98%;margin:30px 0;border:solid 1px #999;font-size:13px;line-height:1.0em;}

















table.table0, table.table0 th, table.table0 td, table.table01, table.table01 th, table.table01 td {
	border:none;
}
table.table0 th, table.table0 td, table.table01 th, table.table01 td {
	padding:5px;
	border-bottom:dotted 1px #CCC;
}

form {
	width:80%;
	margin:0 auto;
}
form p {
	margin-bottom:20px;
}
form .label {
	display:block;
	clear:both;
}

input, textarea {
	padding:1em;
font-size:14px;
	width:90%;
}
input.short {
	width:50%;
}

input[type="submit"], input[type="button"]{
padding:1em;
width: 80%;
margin: 0 auto;
display:block;
max-width:300px;
font-size:16px;
border-radius:2px;
background:#000;
color:#FFF;
}
input[type="submit"]:hover, input[type="button"]:hover{
background:#666;
}
span.wpcf7-not-valid-tip {
	float:none;
	font-size:13px;
	z-index:1;
	margin-top:0;
	padding:0;
}
.sent .formarea {
	display:none;
}


/*====/メニュー===============*/


#nav-drawer {
  position: relative;
	padding: 5px;
	display: inline-block;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 4px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background:#002060;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 40px;
    right: 0;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 460px;
    background: #07101c;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(105%);
    transform: translateX(105%);/*左に隠しておく*/
	text-align: center;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.nav-content-in {
	padding: 30px 10px;
	display: inline-block;
}
.nav-content-in p {
	display:inline-block;
	width:100%;
	padding: 10px 0;
	margin:0;
}
.nav-content-in p.l1 {
	display:block;
	width:100%;
	padding: 2px;
}
.nav-content-in p a {
	font-size: 16px;
	color: #FFF;
}
.nav-content-in p a:hover {
	color:#FFBE2F;
}
.nav-content-in p a img {
	display:block;
	width:40px;
	margin:0 auto;
	filter:brightness(250%);
}

#menuwrapp {
	display:block;
	position:fixed;
	top:5px;
	right: 0;
	z-index:500;
}

/*====/メニュー===============*/

.foot1 {
	background:#131f2d;
	padding:15px;
	text-align: center;
	color:#FFF;
	font-size:22px;
}
.foot2 {
	width:94%;
	max-width:1100px;
	margin:30px auto;
}
.foot2 img {
	float:right;
	max-width:300px;
}
.foot2 a {
	color:#000;
}


	
/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }


	


@media only screen and (max-width: 768px) {
	
.sp-view {display:block;}
.pc-view {display:none;}
	
	
.logo a {
}
.logo img {
	width:80px;
}

.inner-cont {
	padding-top:50px;
	padding-bottom:100px;
}
	
iframe.news {
	width:100%;
	height:930px;
}
iframe.news-s {
	width:100%;
	height:400px;
}

.title-y {
	text-align: center;
	font-size:22px;
	width:60%;
	height:80px;
	line-height:80px;
	background:#fccc00;
position:relative;
	margin:-60px auto 20px;
	z-index: 5;
}
.title-y.black {
	background:#000;
	color:#FFF;
position:relative;
	left:auto;
	top:auto;
	margin:-60px auto 20px;
}

img.p1 {
	display:block;
	width:100%;
	float:none;
	margin-top:-100px;
	margin-bottom:30px;
}
.p1-left {
	width:94%;
	margin:0 3%;
	float:none;
}	
	
input, textarea {
	padding:1em;
font-size:14px;
	width:90%;
}
input.short {
	width:90%;
}	
	
	
.member li, .member li.center {
	display:block;
	width:96%;
	float:none;
	margin:0 auto 2%;
	padding:1%;
	background:#eee;
}
.member li img {
	display:block;
	width:50%;
	float:none;
	margin:0 auto 10px;
}	

	

	
	
	
	




.left-img {
	position:absolute;
	left:0;
	top:80px;
	width:20%;
	z-index:1;
}
.right-img {
	position:absolute;
	right:0;
	top:130px;
	width:24%;
	z-index:1;
}	



	
.inner {text-align: left;}
	
	

	.block3 li, .block3 a {
		display:block;
		width:90%;
		margin:0 auto 30px;
		float:none;
	}
	.block3 li img, .block4 li img {
		display:block;
		margin:0 auto;
	}

	
	
.tbl01 td {
	display:block;
	width:96%;
}	
	
	

	
	




.pc-left{float:none;}
.pc-right{float:none;margin-top:20px;}







.style-nav {
	margin: 0;
	padding: 3px;
	text-align: center;
}

.style-nav ul {
	letter-spacing: 0.1rem;
}

.style-nav ul li {
	padding: 0 2px;
	display: inline-block;
}

.style-nav ul li a {
	text-decoration: none;
	color: #FFF;
}

.style-nav ul li,.style-nav ul li a {
	font-size: 10px;
	font-size: 0.71428571rem;
}






/*====　新着情報　===============*/







.news li {
	display:block;
}






.inner-s {
	width:80%;
	margin-left:-40%;
	position:absolute;
	left:50%;
	z-index:10;
}
.inner-s2 {
	width:90%;
	margin:50px auto;
}
	.px40 {
		font-size:24px;
	}
	
.inner-news {
	width:80%;
	margin:0 auto;	
	}
	.inner-news span.date {
		display:block;
	}
.inner-news.blog {
	width:100%;
}
.block2 {
	width:100%;
	float:none;
}	
a.block2 {
	width:50%;
	float:left;
}
	.contact2 {
		padding:0;
		width:90%;
		margin:0 auto;
	}
	
	
	
	
	
	
	

.foot2 img {
	float:none;
	display:block;
	max-width:240px;
	margin:0 auto 20px;
}
	
	
.logo a {
	font-size:16px;
	display:block;
	padding-top:20px;
	line-height:1.2em;
	letter-spacing: 0;
	width:100%;
	float:none;
	text-align: center;
}
.logo img {
	float:none;
	display:block;
	margin:0 auto 10px;
}


.logo-right {
	display:none;
}	
	
	
	
	
	
.news4 li {
	display:block;
	float:left;
	width:46%;
	margin:0 2% 5%;
}
.news4 li:nth-child(2n) {
	clear:right;
}
.news4 li:nth-child(2n+1) {
	clear:left;
}
	
	
	
	
table.table01 th, table.table01 td {
	display:block;
	width:98%;
	clear:both;
}



#nav-drawer {
	padding: 5px 10px;
}
	
	
.foot1 {
	font-size:16px;
}
	


}


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

iframe.news-s.douga {
	width:100%;
	height:150vw;
}	
.block2mov li {
	display:block;
	width:97%;
	margin:0 auto 3%;
}	
}