@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;}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: #F3F3E9;
	-webkit-text-size-adjust: none;
	height: 100%;
}
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

html{
   height: 100%; 
}
/* リンク設定
------------------------------------------------------------*/
a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #00067E;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
	color: #00067E;
}

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

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display:table;clear:both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom:1;}

/* hr
------------------------------------------------------------*/
hr{
border-collapse: collapse;
border-top: 1px solid #e5e5e5;
margin: 0;
padding: 0;
}



/* トップメインSLIDER 
------------------------------------------------------------*/
.slider {
    width: auto;
	height: 100%;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 900;
}

.slider {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .slider {
    background-position: center top;
    background-repeat: repeat-x;
}
.slider img{
position: absolute;
top: 70px;
  right: 0;
  left: 0;
  margin: auto;
max-width: 207px;
}

/* フォーム
------------------------------------------------------------*/
input[type="text"],input[type="email"],textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}
textarea{
height:auto;
line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background:#f8f8f8;
border:1px solid #dadada;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#333;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background:#fff;
}
*:first-child+html input[type="submit"]{padding:3px;}


/* パララックス
------------------------------------------------------------*/
.image-base{
    min-height: 500px; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/* -moz-background-size:100% auto;
background-size:100% auto; */
/* background-attachment: scroll;
-webkit-transition: min-height 1s ease-in-out;
-webkit-transition-delay: 0.01s;
-moz-transition: min-height 1s ease-in-out;
-o-transition: min-height 1s ease-in-out;
transition: min-height 1s ease-in-out; */
}
.image::before{
    background: url("images/bg01.png") no-repeat center bottom;
	background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -9999;
}  
#sysAll{
  max-width: none; 
  width:100%; 
  padding:0;
overflow: hidden;
}
#sysHeader{
  padding: 0px;
  margin: 0px;
}
#sysMain {
  padding: 0px; 
  margin: 0px;
}
.parallax .sysContent {
  padding: 0px; margin: 0px; /* 作成した機能パーツの余白調整 */
} 




/* マウスオーバーでカラーに
------------------------------------------------------------*/
.toGray{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition:0.5s;
transition:0.5s;
}
.toGray:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}

/* ついてくるメニュー
----------------------------------*/
#mainNavi{
z-index:10;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
background-color: #fff;
width:100%;
height: 100px;
background-color: #fff;
}
#mainNavi img{
margin-bottom: 10px;
}
#mainNavi .mn01{
width:100%;
height: 100px;
background-color: #fff;
margin:0 auto;
padding-top: 15px;
}
#mainNavi .mn01-1{
width:100%;
margin:0 auto;
}
.mn01-1 img{
padding-left: 25px;
padding-right: 25px;
padding-top:15px;
padding-bottom:15px;
}
.mn01-2 {
display: none;
}

/* 上重ね上部固定
----------------------------------*/
.all01{
width: 100%;
position: relative;
}
.top01{
position: absolute;
top: 10px;
right: 10px;
background-image: url(images/bgw.png);
background-repeat: repeat;
padding-top: 5px;
padding-bottom: 0px;
}
.top01 li{
float: left;
margin-bottom: 0px;
}
.top02 {
display: none;
}
.top03{
position: absolute;
top: 100px;
left: 0;
}


/* ヘッダー
----------------------------------*/
#header{
background:#fff;
text-align: center;
}
#header h2{
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
}


/* con
----------------------------------*/
.con1 {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	max-width: 1200px;
	border-bottom: 4px ridge rgba(186,199,186,0.81);
}
.con1m {
margin: 0 auto;
width: 100%;
text-align: center;
padding-top: 0px;
max-width: 1200px;
}
.con1ml {
float: left;
width: 286px;
}
.con1ml img{
margin-left: 10px;
}
.con1mr {
float: right;
padding-top: 40px;
}
.con1mr img{
padding-left: 5px;
padding-right: 5px;
height:17px;
}
.con1me {
clear: both;
}
.con2 {
margin: 0 auto;
width: 100%;
text-align: center;
padding-top: 60px;
max-width: 1015px;
}
.con2l {
float: left;
max-width: 495px;
text-align: left;
padding-top: 0px;
width: 100%;
}
.con2l h2{
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
	line-height: 39px;
	margin-bottom: 10px;
}
.con2l1 {
width: 100%;
margin-bottom: 20px;
}
.con2l2 {
width: 20%;
float: left;
}
.con2l2 img{
width: 100%;
}
.con2l3 {
width: 80%;
float: left;
}
.con2l3 p{
font-size: 0.8em;
line-height: 20px;
padding-left: 10px;
}
.con2l4 {
width: 30%;
float: left;
background-color:#009900;
border-radius: 3px;
margin-top: 10px;
margin-left: 10px;
text-align: center;
color: #ffffff;
font-size: 0.8em;
}

.con2r {
float: left;
max-width: 495px;
text-align: left;
padding-top: 0px;
width: 100%;
margin-left: 15px;
}
.con2r1 {
max-width: 500px;
padding-top: 0px;
width: 100%;
margin-bottom: 20px;
}
.con2r1 img{
width: 100%;
}
.con2r1 h2{
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
line-height: 39px;
margin-bottom: 10px;
}
.con2r1 h3{
text-align: right;
font-size: 0.8em;
line-height: 40px;
color: #006837;
}
.con2r1 li{
text-align: left;
font-size: 0.8em;
line-height: 30px;
padding-left: 10px;
border-bottom-color: #009900;
border-bottom-width: 1px;
border-bottom-style:dotted;
line-height: 35px;
}

.con3 {
width: 100%;
}
.con3 img {
width: 100%;
vertical-align: bottom;
}
.con4 {
margin: 0 auto;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.con4 img {
padding-top: 50px;
padding-left: 10px;
padding-right: 10px;
vertical-align: bottom;
}
.con5 {
max-width: 700px;
margin: 0 auto;
padding-bottom: 40px;
}
.con5 h1{
}
.con5 h2{
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px ridge rgba(165,248,165,0.88);
	line-height: 39px;
padding-left: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.con5 h3{
font-size: 0.95em;
font-weight: bold;
line-height: 20px;
padding-left: 10px;
margin-bottom: 10px;
}
.con5 h4{
font-size: 0.8em;
font-weight: bold;
line-height: 20px;
padding-left: 15px;
margin-bottom: 10px;
}
.con5 h5{
font-size: 1.2em;
margin-bottom: 10px;
text-align: right;
font-family:"HGP行書体";
padding-right: 20px;
}
.con5 p{
font-size: 0.8em;
line-height: 20px;
padding-left: 10px;
margin-bottom: 20px;
}
.con5 li{
	font-size: 0.8em;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 3px;
	border-bottom: 1px dotted rgba(84,204,84,1.00);
}
.con5-1 {
margin:0 auto;
text-align: center;
padding-bottom: 30px;
padding-top: 100px;
}
.con5-1 img{
max-width: 700px;
}
.con5-2 {
margin:0 auto;
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.con5-2 img{
max-width: 680px;
}
.con5-3 {
padding-left: 10px;
}
.con5-3 table {
width: 100%;
}
.con5-3 tr {
width: 100%;
position: relative;
}
.con5-3 th {
position: absolute;
width: 30%;
}
.con5-3 hd {
position: absolute;
width: 70%;
}
.con5-3 form{
font-size: 0.8em;
}
.con5-3 label{
width: 20%;
}
.con5-3 input{
width: 90%;
}
.con5-3 textarea{
width: 90%;
}
.con5-3 p input {
width: 100px;
}
.con5-3 select {
height: 25px;
}
.chkbox {
	margin:			0 0 10px 20px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:		38px;			/* ラベルの位置 */
	font-size:		14px;
	line-height:		14px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content: '';
	width: 14px;			/* ボックスの横幅 */
	height: 14px;			/* ボックスの縦幅 */
	display: inline-block;
	position: absolute;
	left: 0;
	background-color: #fff;
	border-color: grey;
	border-width: 1px;
	border-style: solid;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		14px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
}.con6 {
	width: 100%;
	max-width: 1015px;
	margin: 0 auto;
	border: 1px solid #BFBFBF;
	background-color: #ffffff;
	margin-top: 50px;
	margin-bottom: 50px;
}
.con6-1 {
	background-color: #DDDDDD;
}
.con6-1 h2{
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	line-height: 39px;
padding-left: 10px;
float: left;
}
.con6-1 h3{
	text-align: left;
	font-size: 0.8em;
	color: #000000;
	line-height: 39px;
padding-right: 10px;
float: right;
}
.con6-2 {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.con6-2 img{
margin-left: 5px;
margin-right: 5px;
}
.con7 {
margin: 0 auto;
width: 100%;
text-align: center;
padding-top: 20px;
max-width: 1015px;
}
.con7l {
float: left;
max-width: 495px;
text-align: left;
padding-top: 0px;
width: 100%;
}
.con7l h2{
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
	line-height: 39px;
	margin-bottom: 10px;
}
.con7l1 {
width: 100%;
margin-bottom: 20px;
}
.con7l1 img{
width: 100%;
max-width: 800px;
}
.con7r {
float: left;
max-width: 495px;
text-align: left;
padding-top: 0px;
width: 100%;
margin-left: 15px;
}
.con7r1 {
max-width: 500px;
padding-top: 0px;
width: 100%;
margin-bottom: 20px;
}
.con7r1 h2{
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
line-height: 39px;
margin-bottom: 10px;
}
.con7r1 img{
width: 100%;
max-width: 800px;
}
.con99 {
clear: both;
}


/* フッター
*****************************************************/
#footer{
	clear: both;
	padding-top: 50px;
	padding-bottom: 10px;
	background-color: #003300;
	text-align: center;
} 
#footer img{
margin-left: 5px;
margin-right: 5px;
} 
#footer p{
font-size: 0.65em;
padding-top: 20px;
padding-bottom: 20px;
line-height: 180%;
color:#ffffff;
} 

#copyright{
clear:both;
text-align:center;
color:#ffffff;
background-color: #003300;
height: 50px;
}
#copyright p{
font-size: 0.65em;
padding-top: 20px;
}


.popmenu {
display: none;
}
#modal-content {
display: none;
}
	

/* TOO-TOP
------------------------------------------------------------*/
.top-top {
display: inline-flex;
}	
.crunchify-top a:hover{
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
color: #fff;
text-decoration: none;
text-align: center;
cursor: pointer;
}

/* TOO-NEXT
------------------------------------------------------------*/
.too-next {
height: 100%;
position:relative;
}	
.crunchify-next a:hover{
text-decoration: none;
}
 
.crunchify-next {
bottom: 25px;
left: -webkit-calc(50% - 20px);/*Chrome19~25対応*/
left: -moz-calc(50% - 20px);/*Firefox4~15対応*/
left: calc(50% - 20px);  
color: #fff;
text-decoration: none;
text-align: center;
cursor: pointer;
position:absolute;
}
.crunchify-next img{
position: absolute;
top: 0;
bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}



/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1023px){


/* 上重ね上部固定
----------------------------------*/
.all01{
width: 100%;
position: relative;
}
.top01 {
display: none;
}
.top02{
display: block;
position: absolute;
top: 3px;
right: 3px;
background-image: url(images/bgw.png);
background-repeat: repeat;
}
.top02 img{
max-width: 130px;
}
.top03{
display: none;
}


	
	
/* con　SUMAHO　SUMAHO
----------------------------------*/

.con1 {
margin: 0 auto;
width: 100%;
text-align: center;
padding-top: 0px;
max-width: 1200px;
	border-bottom: 4px ridge rgba(186,199,186,0.81);
}
.con1m {
margin: 0 auto;
width: 100%;
text-align: center;
padding-top: 0px;
max-width: 1200px;
}
.con1ml {
float: left;
width: 286px;
}
.con1ml img{
margin-left: 10px;
max-width: 240px;
}
.con1mr {
float: right;
padding-top: 20px;
}
.con1mr img{
padding-left: 5px;
padding-right: 5px;
height:17px;
}
.con1me {
clear: both;
}
.con2 {
margin: 0 auto;
width: 95%;
text-align: center;
padding-top: 60px;
max-width: 1015px;
}
.con2l {
float: none;
text-align: left;
padding-top: 0px;
width: 100%;
max-width: 1000px;
}
.con2l h2{
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
line-height: 39px;
margin-bottom: 10px;
}
.con2l img{
width: 100%;
}
.con2l1 {
width: 100%;
margin-bottom: 20px;
}
.con2l2 {
width: 20%;
float: left;
}
.con2l2 img{
width: 100%;
}
.con2l3 {
width: 80%;
float: left;
}
.con2l3 p{
font-size: 0.8em;
line-height: 20px;
padding-left: 10px;
}
.con2l4 {
width: 30%;
float: left;
background-color:#009900;
border-radius: 3px;
margin-top: 10px;
margin-left: 5px;
text-align: center;
color: #ffffff;
font-size: 0.8em;
}

.con2r {
float: none;
text-align: left;
padding-top: 0px;
width: 100%;
margin-left: 0px;
max-width: 1000px;
}
.con2r1 {
max-width: 500px;
padding-top: 0px;
width: 100%;
margin-bottom: 20px;
max-width: 1000px;
}
.con2r1 h2{
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #000000;
border-bottom: 4px ridge rgba(47,173,47,0.81);
line-height: 39px;
margin-bottom: 10px;
padding-left: 10px;
}
.con2r1 h3{
text-align: right;
font-size: 0.8em;
line-height: 40px;
color: #006837;
}
.con2r1 li{
text-align: left;
font-size: 0.75em;
line-height: 30px;
padding-left: 10px;
border-bottom-color: #009900;
border-bottom-width: 1px;
border-bottom-style:dotted;
line-height: 35px;
}
.con2r1 img{
width: 100%;
}

.con3 {
width: 100%;
}
.con3 img {
width: 100%;
vertical-align: bottom;
}
.con4 {
margin: 0 auto;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.con4 img {
padding-top: 50px;
padding-left: 10px;
padding-right: 10px;
vertical-align: bottom;
}
.con5 h1{
}
.con5 h2{
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px ridge rgba(165,248,165,0.88);
	line-height: 39px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.con5 h3{
font-size: 0.95em;
font-weight: bold;
line-height: 20px;
padding-left: 10px;
margin-bottom: 10px;
}
.con5 h4{
font-size: 0.8em;
font-weight: bold;
line-height: 20px;
padding-left: 15px;
margin-bottom: 10px;
}
.con5 p{
font-size: 0.8em;
line-height: 20px;
padding-left: 10px;
margin-bottom: 20px;
}
.con5 li{
font-size: 0.8em;
line-height: 20px;
padding-left: 10px;
margin-bottom: 3px;
}
.con5-1 {
margin:0 auto;
text-align: center;
padding-bottom: 50px;
padding-top: 100px;
}
.con5-1 img{
max-width: 700px;
}
.con5-2 {
margin:0 auto;
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.con5-2 img{
width: 100%;
max-width: 700px;
}
.con6 {
	width: 96%;
	max-width: 1015px;
	margin: 0 auto;
	border: 1px solid #BFBFBF;
	background-color: #ffffff;
	margin-top: 50px;
	margin-bottom: 50px;
}
.con6-1 {
	background-color: #DDDDDD;
}
.con6-1 h2{
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	line-height: 39px;
padding-left: 10px;
float: left;
}
.con6-1 h3{
	text-align: left;
	font-size: 0.8em;
	color: #000000;
	line-height: 39px;
padding-right: 10px;
float: right;
}
.con6-2 {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.con6-2 img{
margin-left: 5px;
margin-right: 5px;
}
.con7 {
margin: 0 auto;
width: 95%;
text-align: center;
padding-top: 20px;
max-width: 1015px;
}
.con7l {
float: left;
max-width: 495px;
text-align: left;
padding-top: 0px;
width: 48%;
}
.con7l h2{
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
	line-height: 39px;
	margin-bottom: 10px;
}
.con7l1 {
width: 100%;
margin-bottom: 20px;
}
.con7l1 img{
width: 100%;
max-width: 800px;
}
.con7r {
float: left;
max-width: 495px;
text-align: left;
padding-top: 0px;
width: 48%;
margin-left: 3%;
}
.con7r1 {
max-width: 500px;
padding-top: 0px;
width: 100%;
margin-bottom: 20px;
}
.con7r1 h2{
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #000000;
	border-bottom: 4px ridge rgba(47,173,47,0.81);
line-height: 39px;
margin-bottom: 10px;
}
.con7r1 img{
width: 100%;
max-width: 800px;
}
.con99 {
clear: both;
}

	
	
/* modal　SUMAHO　SUMAHO
*****************************************************/

#mainNavi{
}
#mainNavi .mn01{
height: 75px;
}
#mainNavi .mn01-1{
display: none;
}
#mainNavi .mn01-2{
display: inline;
height: 0px;
padding-top: 0px;
}
#mainNavi .mn01-2 img{
padding-left: 2px;
padding-right: 2px;
}	

.toplogo {
max-width: 250px;
width: 55%;
}	

/* パララックス SUMAHO　SUMAHO
------------------------------------------------------------*/
.image::before{
    background: url("images/bg04.png") no-repeat center bottom;
	background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -9999;
}  
	

}