@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","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
	color: #333333;
	-webkit-text-size-adjust: none;
	height: 100%;
}

html{
   height: 100%; 
}
/* リンク設定
------------------------------------------------------------*/
a{
color: #67b73f;
  text-decoration:none;
}

a:hover, a:active{
  text-decoration:none;
}
a img:hover {
}
/**** 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 dotted #CACACA;
margin: 0;
padding: 0;
}


/* メニューバーが隠れない
------------------------------------------------------------*/
.spwrapper{
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

/* マウスオーバー
------------------------------------------------------------*/
#example11 p {
			height: 34px;
			overflow: hidden;
}
#example12 p a {
			display: block;
			width: 152px;
			height: 34px;
			background: url(btn_03_on.gif) no-repeat 0 0;
}

/* マウスオーバーでふわっと拡大と暗転
------------------------------------------------------------*/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	background: #000;
}
.imgWrap img {
	display: block;
	vertical-align: bottom;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
opacity: 0.6;	/* 小さくするほど暗くなります */
}

/* ついてくるメニュー
----------------------------------*/
#header{
width:100%;
z-index:-200;
background-color: #FFFFFF;
height: 100px;
}
#mainNavi{
z-index:9999;
width:100%;
height: 100px;
z-index: 9999;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-color: #3cb4e1;
border-bottom-style: solid;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
width:100%;
height: 100px;
z-index: 9999;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-color: #3cb4e1;
border-bottom-style: solid;
}
#mainNavi .mn01{
width:100vw;
max-width:1000px;
margin:0 auto;
}
#mainNavi .mn01a{
width:298px;
float: left;
padding-top: 16px;
}
#mainNavi .mn01a img{
width:297px;
vertical-align: bottom;
}
#mainNavi .mn01a img:hover{
  opacity: 1.0;
}
#mainNavi .mn01b{
width:414px;
float: left;
text-align: right;
}
#mainNavi .mn01b .mn{
margin: 0 auto;
margin-top: 0px;
position: relative;
height:82px;
vertical-align: top;
}
#mainNavi .mn01b .mn img{
height:82px;
vertical-align: top;
margin-left: 28px;
}
#mainNavi .mn01b .mn .active {
  position: absolute;
  left: 0;
  top: 0;
opacity: 0;
transition: 0s;
vertical-align: top;
margin-top: -2px;
}
#mainNavi .mn01b .mn:hover .active {
  opacity: 1;
}
#mainNavi .mn01c{
width:288px;
padding-top: 17px;
float: left;
text-align: right;
}
#mainNavi .mn01c img{
width: 230px;
}
#mainNavi .mn01d{
display: none;
}

/* ResponsiveSlides
------------------------------------------------------------*/
.sl0 {
width: 100%;
padding-top: 4px;
}
.sl1 {
display: none;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* 上からにゅるっとモーダル
*****************************************************/
#footerrnav {
display: none;
}
#headernav {
display: none;
}
.pcnone {
  display: none;
}	

/* ON OFF
----------------------------------*/
.pcon {
display: block;
}
.pcoff {
display: none;
}
.tbon {
display: block;
}
.tbof {
display: none;
}


/* puyon
----------------------------------*/
.puyon {
  animation: puyon 5.0s linear 0s 1;
animation-iteration-count: infinite;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

/* more
----------------------------------*/
.more {
width: 240px;
height: 40px;
margin: 0 auto;
margin-top: 48px;
position: relative;
}
.more img{
width: 100%;
height: 40px;
vertical-align: bottom;
}
.more .active {
position: absolute;
height: 40px;
left: 0;
right: 0;
top: 0;
opacity: 0;
transition: 0.5s;
}
.more:hover .active {
opacity: 1;
}

/* con
----------------------------------*/
.con2 {
width: 100%;
padding-top: 90px;
padding-bottom: 74px;
}
.con2-1 {
width: 100%;
}
.con2-1 h2{
color: #005096;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
text-align: center;
margin-bottom: 34px;
}
.con2-1 p{
font-size: 16px;
line-height: 48px;
font-weight: 400;
letter-spacing: 0.01em;
text-align: center;
}
.con3 {
width: 100%;
padding-top: 90px;
padding-bottom: 83.5px;
background-color: #005096;
}
.con3-1 {
width: 1000px;
margin: 0 auto;
}
.con3-2 {
width: 1000px;
margin: 0 auto;
text-align: center;
padding-bottom: 49px;
}
.con3-2 h2{
color: #ffffff;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con3-2 img{
height: 11.5px;
vertical-align: bottom;
margin-top: 20px;
}
.con3-3 {
width: 100%;
}
.con3-3 img{
width: 100%;
vertical-align: bottom;
}
.con3-3 p{
font-size: 16px;
line-height: 29px;
letter-spacing: 0.01em;
color: #ffffff;
text-align: left;
margin-top: 27.2px;
}
.con3-3a {
width: 220px;
margin-right: 40px;
float: left;
}
.con3-3b {
width: 220px;
margin-right: 0px;
float: left;
}
.con4 {
width: 100%;
padding-top: 90px;
padding-bottom: 90px;
background-color: #f5f5f5;
}
.con4-1 {
width: 1000px;
text-align: center;
margin: 0 auto;
}
.con4-1 h2{
color: #005096;
font-size: 26px;
line-height: 80px;
font-weight: 600;
letter-spacing: 0.05em;
}
.con4-1 img{
width: 93.3%;
margin: 0 auto;
vertical-align: bottom;
}
.con4-1a {
width: 300px;
float: left;
margin-right: 50px;
background-color: #ffffff;
background-image: url(images/ky09.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 32px;
}
.con4-1b {
width: 300px;
float: left;
margin-right: 0px;
background-color: #ffffff;
background-image: url(images/ky09.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 32px;
}
.con5 {
width: 100%;
padding-top: 90px;
padding-bottom: 41px;
background-color: #ffffff;
margin-top: 4px;
}
.con5-1 {
width: 1000px;
margin: 0 auto;
}
.con5-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.con5-2 h2{
color: #005096;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con5-2 img{
height: 11.5px;
vertical-align: bottom;
margin-top: 20px;
}
.con5-2 p{
margin-top: 43.5px;
margin-bottom: 57.8px;
font-size: 16px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0.02em;
text-align: center;
}
.con5-3 {
width: 100%;
}
.con5-3 h2{
font-size: 26px;
line-height: 60px;
font-weight: 600;
letter-spacing: 0.05em;
color: #005096;
border-bottom: solid 4px #3cb4e1;
}
.con5-3 img{
width: 100%;
vertical-align: bottom;
}
.con5-3 p{
font-size: 16px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0.02em;
margin-top: 11.3px;
}
.con5-3a {
width: 300px;
float: left;
margin-right: 50px;
padding-bottom: 42.5px;
}
.con5-3b {
width: 300px;
float: left;
padding-bottom: 42.5px;
}
.con6 {
width: 100%;
padding-top: 90px;
padding-bottom: 90px;
background-color: #005096;
}
.con6-1 {
width: 1000px;
margin: 0 auto;
}
.con6-2 {
width: 100%;
text-align: center;
padding-bottom: 49px;
}
.con6-2 h2{
color: #ffffff;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con6-2 img{
height: 11.5px;
vertical-align: bottom;
margin-top: 20px;
}
.con6-3 {
width: 100%;
background-color: #ffffff;
padding-top: 40px;
padding-bottom: 7.5px;
}
.con6-3a {
width: 920px;
margin: 0 auto;
}
.con6-3a hr{
border-collapse: collapse;
border-top: 1px solid #cfcfcf;
margin: 0;
padding: 0;
margin-bottom: 32.5px;
}
.con6-3b {
width: 100%;
background-image: url(images/ky26.png);
background-position: top left;
background-repeat: no-repeat;
background-size: 32px;
padding-bottom: 30px;
}
.con6-3b p{
font-size: 26px;
line-height: 39px;
font-weight: 400;
letter-spacing: 0.05em;
padding-left: 57px;
}
.con6-3c {
width: 100%;
background-image: url(images/ky27.png);
background-position: top left;
background-repeat: no-repeat;
background-size: 32px;
padding-bottom: 26px;
}
.con6-3c p{
font-size: 16px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0.02em;
padding-left: 57px;
}
.con7 {
width: 100%;
padding-top: 90px;
background-color: #ffffff;
margin-top: 4px;
}
.con7-1 {
width: 1000px;
margin: 0 auto;
border-bottom: solid 1px #cfcfcf;
}
.con7-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.con7-2 h2{
color: #005096;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con7-2 img{
height: 11.5px;
vertical-align: bottom;
margin-top: 20px;
}
.con7-3 {
width: 100%;
margin-top: 50px;
background-color: #005096;
}
.con7-3a {
width: 460px;
float: left;
}
.con7-3a img{
width: 100%;
vertical-align: bottom;
}
.con7-3b {
width: 540px;
float: left;
}
.con7-3b h2{
color: #ffffff;
font-size: 26px;
line-height: 26px;
letter-spacing: 0.02em;
font-weight: 600;
padding-left: 41px;
padding-top: 41px;
}
.con7-3b h3{
color: #ffffff;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.02em;
font-weight: 400;
padding-right: 41px;
text-align: right;
}
.con7-3b p{
color: #ffffff;
font-size: 16px;
line-height: 29px;
letter-spacing: 0.02em;
font-weight: 400;
padding-left: 41px;
padding-right: 41px;
padding-top: 36px;
padding-bottom: 37px;
}
.con7-4 {
width: 100%;
margin-top: 88px;
box-sizing: border-box;
border-top: solid 1px #cfcfcf;
}
.con7-4 p{
font-size: 16px;
line-height: 29px;
letter-spacing: 0.02em;
font-weight: 400;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 24.5px;
}
.con7-4a {
width: 320px;
float: left;
box-sizing: border-box;
border-bottom: solid 1px #cfcfcf;
border-left: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;
background-color: #f5f5f5;
}
.con7-4b {
width: 680px;
float: left;
box-sizing: border-box;
border-bottom: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;	
}
.con7-5 {
width: 100%;
margin-top: 48px;
margin-bottom: 87.5px;
}
.con8 {
width: 100%;
padding-top: 90px;
background-color: #ffffff;
margin-top: 4px;
}
.con8-1 {
width: 1000px;
margin: 0 auto;
border-bottom: solid 1px #cfcfcf;
}
.con8-1 hr{
border: none;
border-top: 1px solid #cfcfcf;
margin: 0;
padding: 0;
margin-bottom: 88px;
}
.con8-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.con8-2 h2{
color: #005096;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con8-2 img{
height: 11.5px;
vertical-align: bottom;
margin-top: 20px;
}
.con8-2 p{
font-size: 16px;
line-height: 29px;
letter-spacing: 0.02em;
font-weight: 400;
padding-top: 44px;
padding-bottom: 57px;
text-align: center;
}
.con8-3 {
width: 100%;
background-color: #005096;
margin-bottom: 48px;
}
.con8-3 h3{
color: #ffffff;
font-size: 26px;
line-height: 39px;
font-weight: 600;
letter-spacing: 0.05em;
padding-top: 4.5px;
padding-bottom: 4.5px;
padding-left: 27px;
}
.con8-4 {
width: 100%;
}
.con8-4 img{
width: 100%;
vertical-align: bottom;
}
.con8-4a {
width: 640px;
float: left;
margin-right: 40px;
}
.con8-4b {
width: 320px;
float: left;
}
.con8-4c {
width: 100%;
border-top: solid 1px #cfcfcf;
margin-top: 48px;
}
.con8-4d {
width: 100%;
border-bottom: solid 1px #cfcfcf;
}
.con8-4d h4{
width: 108px;
float: left;
font-size: 16px;
line-height: 29px;
font-weight: 600;
letter-spacing: 0.02em;
color: #3cb4e1;
padding-top: 15px;
padding-bottom: 15px;
}
.con8-4d p{
width: 212px;
float: left;
font-size: 16px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0.02em;
padding-top: 15px;
padding-bottom: 15px;
}
.con8-5 {
width: 100%;
font-size: 16px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0.02em;
padding-top: 26px;
padding-bottom: 80px;
}
.con8-6 {
display: none;
width: 310px;
margin: 0 auto;
padding-bottom: 88px;
}
.con8-6a {
width: 40px;
margin-left: 2px;
margin-right: 2px;
position: relative;
float: left;
}
.con8-6a img{
width: 40px;
height: 40px;
vertical-align: bottom;
}
.con8-6a .active {
position: absolute;
height: 40px;
left: 0;
right: 0;
top: 0;
opacity: 0;
transition: 0.5s;
}
.con8-6a:hover .active {
opacity: 1;
}




.con80 {
width: 100%;
padding-top: 90px;
padding-bottom: 83.5px;
background-color: #ffffff;
}
.con80-1 {
width: 1000px;
margin: 0 auto;
}
.con80-2 {
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 43.5px;
}
.con80-2 h2{
color: #005096;
font-size: 32px;
line-height: 32px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con80-2 img{
height: 11.5px;
vertical-align: bottom;
margin-top: 20px;
}
.con80-3 {
width: 100%;
text-align: center;
}
.con80-3 p{
font-size: 16px;
line-height: 29px;
font-weight: 400;
letter-spacing: 0.02em;
}
.con80-3 img{
width: 100%;
max-width: 383px;
vertical-align: bottom;
margin: 0 auto;
margin-top: 18.2px;
margin-bottom: 18.2px;
}

.con99 {
clear: both;
}

/* フッター
*****************************************************/
#footer{
clear: both;
background-color: #005096;
width: 100%;
border-top: solid 8px #3cb4e1;
} 
#footer .f1{
width: 100%;
max-width: 675px;
margin: 0 auto;
padding-top: 50px;
} 
#footer .f1a{
width: 360px;
float: left;
text-align: left;
} 
#footer .f1a img{
width: 297px;
vertical-align: bottom;
} 
#footer .f1b{
width: 315px;
float: left;
} 
#footer .f1b h2{
font-size: 16px;
line-height: 26px;
font-weight: 600;
letter-spacing: 0.02em;
color: #ffffff;
} 
#footer .f1b p{
font-size: 14px;
line-height: 26px;
font-weight: 400;
letter-spacing: 0.02em;
color: #ffffff;
} 
#copyright{
clear:both;
width: 100%;
text-align:center;
background-color: #005096;
font-size: 14px;
line-height: 110px;
letter-spacing: 0.02em;
color: #ffffff;
}


.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;
z-index: 99999;
}


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


/* ON OFF
----------------------------------*/
.pcon {
display: none;
}
.pcoff {
display: block;
}
.tbon {
display: block;
}
.tbof {
display: none;
}


/* ResponsiveSlides
------------------------------------------------------------*/
.sl0 {
display: none;
}
.sl1 {
width: 100%;
padding-top: 4px;
display: block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


/* con　SUMAHO　SUMAHO
----------------------------------*/
.con2 {
width: 100%;
padding-top: 62px;
padding-bottom: 53px;
}
.con2-1 {
width: 100%;
}
.con2-1 h2{
color: #005096;
font-size: 20px;
line-height: 30px;
font-weight: bold;
letter-spacing: 0.05em;
text-align: center;
margin-bottom: 24px;
}
.con2-1 p{
font-size: 14px;
line-height: 42px;
font-weight: 400;
letter-spacing: 0.01em;
text-align: center;
}
.con3 {
width: 100%;
padding-top: 62px;
padding-bottom: 31px;
background-color: #005096;
}
.con3-1 {
width: 90%;
margin: 0 auto;
}
.con3-2 {
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 36px;
}
.con3-2 h2{
color: #ffffff;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con3-2 img{
height: 7.2px;
vertical-align: bottom;
margin-top: 13px;
}
.con3-3 {
width: 100%;
text-align: center;
}
.con3-3 img{
width: 176px;
vertical-align: bottom;
margin: 0 auto;
}
.con3-3 p{
width: 236px;
margin: 0 auto;
font-size: 14px;
line-height: 23.8px;
letter-spacing: 0.01em;
color: #ffffff;
text-align: left;
margin-top: 20px;
margin-bottom: 31px;
}
.con3-3a {
width: 100%;
margin-right: 00px;
float: none;
}
.con3-3b {
width: 100%;
margin-right: 0px;
float: none;
}
.con4 {
width: 100%;
padding-top: 62px;
padding-bottom: 62px;
background-color: #f5f5f5;
}
.con4-1 {
max-width: 336px;
width: 90%;
text-align: center;
margin: 0 auto;
}
.con4-1 h2{
color: #005096;
font-size: 20px;
line-height: 80px;
font-weight: 600;
letter-spacing: 0.05em;
}
.con4-1 img{
width: 83.3%;
margin: 0 auto;
vertical-align: bottom;
}
.con4-1a {
width: 100%;
float: none;
margin-right: 0px;
background-color: #ffffff;
background-image: url(images/ky09.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 32px;
margin-bottom: 36px;
}
.con4-1b {
width: 100%;
float: none;
margin-right: 0px;
background-color: #ffffff;
background-image: url(images/ky09.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 32px;
}
.con5 {
width: 100%;
padding-top: 62px;
padding-bottom: 31px;
background-color: #ffffff;
margin-top: 4px;
}
.con5-1 {
max-width: 336px;
width: 90%;
margin: 0 auto;
}
.con5-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.con5-2 h2{
color: #005096;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con5-2 img{
height: 7.2px;
vertical-align: top;
margin-top: 13px;
}
.con5-2 p{
margin-top: 32.6px;
margin-bottom: 42.7px;
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
text-align: left;
}
.con5-3 {
width: 100%;
}
.con5-3 h2{
font-size: 17px;
line-height: 44px;
font-weight: 600;
letter-spacing: 0.05em;
color: #005096;
border-bottom: solid 4px #3cb4e1;
}
.con5-3 img{
width: 100%;
vertical-align: bottom;
}
.con5-3 p{
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
margin-top: 8.4px;
}
.con5-3a {
width: 100%;
float: none;
margin-right: 0px;
padding-bottom: 31px;
}
.con5-3b {
width: 100%;
float: none;
padding-bottom: 31px;
}
.con6 {
width: 100%;
padding-top: 62px;
padding-bottom: 62px;
background-color: #005096;
}
.con6-1 {
width: 90%;
margin: 0 auto;
}
.con6-2 {
width: 100%;
text-align: center;
padding-bottom: 36px;
}
.con6-2 h2{
color: #ffffff;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con6-2 img{
height: 7.2px;
vertical-align: top;
margin-top: 13px;
}
.con6-3 {
width: 100%;
background-color: #ffffff;
padding-top: 30px;
padding-bottom: 2px;
}
.con6-3a {
width: 92%;
margin: 0 auto;
}
.con6-3a hr{
border-collapse: collapse;
border-top: 1px solid #cfcfcf;
margin: 0;
padding: 0;
margin-bottom: 24.5px;
}
.con6-3b {
width: 100%;
background-image: url(images/ky26.png);
background-position: top left;
background-repeat: no-repeat;
background-size: 25.6px;
padding-bottom: 20px;
}
.con6-3b p{
font-size: 17px;
line-height: 25.5px;
font-weight: 400;
letter-spacing: 0.05em;
padding-left: 41px;
}
.con6-3c {
width: 100%;
background-image: url(images/ky27.png);
background-position: top left;
background-repeat: no-repeat;
background-size: 25.6px;
padding-bottom: 26px;
}
.con6-3c p{
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
padding-left: 41px;
}
.con7 {
width: 100%;
padding-top: 62px;
background-color: #ffffff;
margin-top: 4px;
}
.con7-1 {
max-width: 336px;
width: 90%;
margin: 0 auto;
border-bottom: solid 1px #cfcfcf;
}
.con7-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.con7-2 h2{
color: #005096;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con7-2 img{
height: 7.2px;
vertical-align: top;
margin-top: 13px;
}
.con7-3 {
width: 100%;
margin-top: 36px;
background-color: #005096;
}
.con7-3a {
width: 100%;
float: none;
}
.con7-3a img{
width: 100%;
vertical-align: bottom;
}
.con7-3b {
width: 100%;
float: none;
}
.con7-3b h2{
color: #ffffff;
font-size: 17px;
line-height: 17px;
letter-spacing: 0.02em;
font-weight: 600;
padding-left: 20px;
padding-top: 30px;
}
.con7-3b h3{
color: #ffffff;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.02em;
font-weight: 400;
padding-right: 20px;
text-align: right;
padding-bottom: 30px;
}
.con7-3b p{
color: #ffffff;
font-size: 14px;
line-height: 23.8px;
letter-spacing: 0.02em;
font-weight: 400;
padding-left: 20px;
padding-right: 20px;
padding-top: 29px;
padding-bottom: 29px;
}
.con7-4 {
width: 100%;
margin-top: 66px;
box-sizing: border-box;
border-top: solid 1px #cfcfcf;
}
.con7-4 p{
font-size: 14px;
line-height: 23.8px;
letter-spacing: 0.02em;
font-weight: 400;
padding-top: 12.4px;
padding-bottom: 12.4px;
padding-left: 7.5px;
padding-right: 7.5px;
}
.con7-4a {
width: 100%;
float: none;
box-sizing: border-box;
border-bottom: solid 1px #cfcfcf;
border-left: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;
background-color: #f5f5f5;
}
.con7-4b {
width: 100%;
float: none;
box-sizing: border-box;
border-bottom: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;
border-left: solid 1px #cfcfcf;
}
.con7-5 {
width: 100%;
margin-top: 36px;
margin-bottom: 65px;
}
.con8 {
width: 100%;
padding-top: 62px;
background-color: #ffffff;
margin-top: 4px;
}
.con8-1 {
width: 90%;
max-width: 336px;
margin: 0 auto;
border-bottom: solid 1px #cfcfcf;
}
.con8-1 hr{
border-top: 1px solid #cfcfcf;
margin: 0;
padding: 0;
margin-bottom: 67px;
}
.con8-2 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.con8-2 h2{
color: #005096;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con8-2 img{
height: 7.2px;
vertical-align: top;
margin-top: 13px;
}
.con8-2 p{
font-size: 14px;
line-height: 23.8px;
letter-spacing: 0.02em;
font-weight: 400;
padding-top: 32px;
padding-bottom: 43px;
text-align: left;
}
.con8-3 {
width: 100%;
background-color: #005096;
margin-bottom: 24px;
}
.con8-3 h3{
color: #ffffff;
font-size: 17px;
line-height: 25.5px;
font-weight: 600;
letter-spacing: 0.05em;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 13px;
padding-right: 13px;
}
.con8-4 {
width: 100%;
}
.con8-4 img{
width: 100%;
vertical-align: bottom;
}
.con8-4a {
width: 100%;
float: none;
margin-right: 0px;
}
.con8-4b {
width: 100%;
float: none;
margin-top: 24px;
}
.con8-4c {
width: 100%;
border-top: solid 1px #cfcfcf;
margin-top: 24px;
}
.con8-4d {
width: 100%;
border-bottom: solid 1px #cfcfcf;
}
.con8-4d h4{
width: 92px;
float: left;
font-size: 14px;
line-height: 23.8px;
font-weight: 600;
letter-spacing: 0.02em;
color: #3cb4e1;
padding-top: 15px;
padding-bottom: 15px;
}
.con8-4d p{
width: calc(100% - 92px);
float: left;
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
padding-top: 15px;
padding-bottom: 15px;
}
.con8-5 {
width: 100%;
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
padding-top: 20px;
padding-bottom: 62px;
}
.con8-6 {
width: 255px;
margin: 0 auto;
padding-bottom: 66px;
}
.con8-6a {
width: 32px;
margin-left: 2px;
margin-right: 2px;
position: relative;
float: left;
}
.con8-6a img{
width: 32px;
height: 32px;
vertical-align: bottom;
}
.con8-6a .active {
position: absolute;
height: 32px;
left: 0;
right: 0;
top: 0;
opacity: 0;
transition: 0.5s;
}
.con8-6a:hover .active {
opacity: 1;
}

.con80 {
width: 100%;
padding-top: 62px;
padding-bottom: 57px;
background-color: #ffffff;
}
.con80-1 {
width: 90%;
margin: 0 auto;
}
.con80-2 {
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 32px;
}
.con80-2 h2{
color: #005096;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.05em;
}
.con80-2 img{
height: 7.2px;
vertical-align: bottom;
margin-top: 13.5px;
}
.con80-3 {
width: 100%;
text-align: center;
}
.con80-3 p{
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
}
.con80-3 img{
width: 100%;
max-width: 306px;
vertical-align: bottom;
margin: 0 auto;
margin-top: 18.2px;
margin-bottom: 18.2px;
}

	
.con99 {
clear: both;
}
	

/* modal　SUMAHO　SUMAHO
*****************************************************/
#header{
width:100%;
z-index:-200;
background-color: #FFFFFF;
height: 60px;
}
#mainNavi{
z-index:9999;
width:100%;
height: 60px;
z-index: 9999;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-color: #3cb4e1;
border-bottom-style: solid;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
width:100%;
height: 60px;
z-index: 9999;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-color: #3cb4e1;
border-bottom-style: solid;
}
#mainNavi .mn01{
width:90%;
max-width:1000px;
margin:0 auto;
}
#mainNavi .mn01a{
width:50%;
float: left;
padding-top: 18px;
}
#mainNavi .mn01a img{
width:176px;
vertical-align: bottom;
}
#mainNavi .mn01a img:hover{
  opacity: 1.0;
}
#mainNavi .mn01b{
display: none;
}
#mainNavi .mn01c{
display: none;
}
#mainNavi .mn01d{
display: block;
width: calc(50% - 40px);
padding-top: 15px;
float: left;
text-align: right;
}
#mainNavi .mn01d img{
width: 30px;
}


/* 上からにゅるっとモーダル
*****************************************************/
#footerrnav {
display: none;
}
#headernav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
background-color: #005096;
height: 100vh;
}
#headernav .hnin {
width: 100%;
}
#headernav .hnin .in1{
width: 100%;
height: 60px;
background-color: #ffffff;
border-bottom: solid #3cb4e1 4px;
}
#headernav .hnin .in2{
width: 90%;
margin: 0 auto;
padding-top: 18px;
}
#headernav .hnin ul.gmenu {
display: block;
text-align: center;
margin-top: 2px;
}
#headernav .hnin ul.gmenu li {
width: 90%;
margin: 0 auto;
line-height: 72px;
border-bottom: solid #006699 1px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
}
#headernav .hnin ul.gmenu li  a{
color: #ffffff;
}
#headernav .hnin ul.gmenu li img{
height: 23px; 
vertical-align: middle;
}
	
#menuclose {
text-align: center;
background: #FFFFFF;
cursor: pointer;
position: absolute;
top: 20px;
right: 16px;
}
#spmenu {
display: inline;
width: 24px;
position: fixed;
top: 20px;
right: 16px;
z-index: 55555;
}
.pcnone {
display: inline;
}	
	

/* フッター
*****************************************************/
#footer{
clear: both;
background-color: #005096;
width: 100%;
border-top: solid 8px #3cb4e1;
} 
#footer .f1{
width: 100%;
max-width: 675px;
margin: 0 auto;
padding-top: 36.5px;
} 
#footer .f1a{
width: 100%;
float: none;
text-align: center;
} 
#footer .f1a img{
width: 297px;
vertical-align: bottom;
margin: 0 auto;
} 
#footer .f1b{
width: 100%;
float: none;
margin-top: 33px;
} 
#footer .f1b h2{
font-size: 16px;
line-height: 23.8px;
font-weight: 600;
letter-spacing: 0.02em;
text-align: center;
color: #ffffff;
} 
#footer .f1b p{
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
letter-spacing: 0.02em;
text-align: center;
color: #ffffff;
} 
#copyright{
clear:both;
width: 100%;
text-align:center;
background-color: #005096;
font-size: 14px;
line-height: 80px;
letter-spacing: 0.02em;
color: #ffffff;
}

/* TOO-TOP
------------------------------------------------------------*/
.crunchify-top img{
width: 40px;
}
	

}