body {
color: #111111;
font-family:  "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
	/*font-family: "A1明朝",新ゴ R" ,"中ゴシックBBB" ;*/

font-size: 16px;
line-height: 1.5;
background-color:#ffffff;

	/*font-weight: lighter; */
	font-weight: 500;
}

a {
	color: #111111;
	text-decoration: none;
    outline: none;
}
a:hover{
	color: #111111;
	text-decoration: none;	
}
img.imgC{
    margin-left: auto;
    margin-right: auto;
	display: block;
}
p {
	font-size: 12px;
	line-height: 22px;
	margin: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.load{
	width:100%;
	height:50px;
	position: fixed;
	left:0%;
	top:35%;
}
#w0{
    padding-top: 80px;
}

.ctttxt{
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
}
p.lead{
	font-size: 20px;text-align: center;
}

section{
    width: 100%;

    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
section.sec2{
	background-color: #10493B;
	color: #ffffff;
}
section .secin{
    width: 96%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
h2{
    color: #10493B;
    border: #10493B solid 2px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    text-align: center;
}
h2 p{
    font-family: "A1明朝";
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;

}
.sec2 h2{
    color: #ffffff;
    border: #ffffff solid 2px;

}
#wrapper0{
	width: 100%;
	padding-bottom: 0px;
}
header{
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0px 6px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0px 6px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 6px 0px rgba(0,0,0,0.3);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-top: 10px;
    padding-bottom: 10px;
	position: fixed;
	z-index: 50;
	top:0;
	left: 0;
	overflow: hidden;
}
section{
	overflow: hidden;
}
section.sec1{
	height: 60vh;
	max-height: 600px;
	background-size: cover;
	background-position: center center;
	background-image: url('../images/top/main_01.jpg');
}
section.sec1.sty2{
    height: 60vh;
    max-height: 600px;
    background-size: cover;
    background-position: center center;
    background-image: url('../images/top/main_02.jpg');
}
section a{
	color: #ffffff;
}
.sec1a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap:wrap;
    border-top: 1px solid #ccc;
}
.sec1a dt{
    display: inline-block;
    width: 40%;
    padding: 10px;
}
.sec1a dd{
    display: inline-block;
    width: 60%;
    padding: 10px;
}

h2.sty2{
    margin-bottom: 80px;
}

h3{
    border-bottom: 2px solid #10493B;
    color: #10493B;
    margin-top: 40px;
}
.lead.sty2{
    border-bottom:none;
}
.p1{
    font-size: 15px;
    margin-bottom: 40px;
    line-height: 2;
}

@media screen and (max-width: 584px) {
    .sec1a dt{
        font-size: 3.5vw;
    }
    .sec1a dd{
        font-size: 3.5vw;
    }
    h2.sty2{
        margin-top: 6vw;
        margin-bottom: 8vw;
    }
    h3{
        margin-top: 8vw;
        font-size: 4vw;
    }
    .p1{
        font-size: 3.5vw;
        line-height: 1.8;
        font-feature-settings : "palt";
        letter-spacing: 0;


    }
}
/*section::after{
	position: absolute;
bottom: -100%;


margin: auto;
content: "";
vertical-align: middle;
right:  -200px;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 600px solid transparent;
border-right: 400px solid #ffffff;
	opacity: 0.1;

z-index: 0;
}*/
table{
	box-sizing: border-box;
}
table th{
    border-bottom: #cccccc solid 1px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	min-width: 140px;
}
table td{
	box-sizing: border-box;
    border-bottom: #cccccc solid 1px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
span.ico1{
    background-color: #88D064;
    font-size: 14px;
    color: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.header{
    width: 100%;
    max-width: 960px;
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.htel{
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 24px;
	line-height: 24px;
	border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
    box-sizing: border-box;
    color: #ED9334;
    border: 2px solid #ED9334;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
 h1{
margin: 0;
	 padding: 0;
    box-sizing: border-box;

    display: block;

}
h1 img{
    display: block;
    vertical-align: bottom;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}
.posfix nav,
.posfix header{
	display: none;
}
.hhemu0{
	background-color: #E6E6E6;
	width: 90px;
	height: 90px;
	position: fixed;
	right:-100px;
	top: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	cursor: pointer;
	z-index: 10056;
}
.hhemu0.active{
	width: 60px;
	height: 60px;
}
.hhemu0 div{
	height: 36px;
	width:36px;
	position: absolute;
	left: 50%;
	top:20px;
	    -webkit-transform: translateX(-50%) ;
    -moz-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform: translateX(-50%) ;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.hhemu0.active div{
	top:0px;
}

.hhemu0 span {
    display: block;
    background: #666;
    width: 26px;
    height: 2px;
    position: absolute;
    left: 5px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.hhemu0 p {
	width: 100%;
	position: absolute;
	left: 0;
	top:50px;
	font-size:10px;
	text-align:center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.hhemu0.active p{
	top:30px;
}
.hhemu0 span:first-child {
    top: 9px;
}
.hhemu0  span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
.hhemu0  span:last-child {
    bottom: 9px;
}
.hhemu0.active span:first-child {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
.hhemu0.active span:nth-child(2) {
    opacity: 0;
}
.hhemu0.active span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}
.hhemu0 img{
	width:100%;
		box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.5);
}
.posfix .hhemu0{
	right: 0px;
	opacity: 1;
}
.hmenu4 {
	text-align: center;
	
	height: 40px;
	width: 40px;
	cursor: pointer;
	position: fixed;
	
	right:-200px;
	bottom: 70px;
	background-color:rgba(46,92,169,0.8);
	z-index: 88888;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	/*display: none;*/
}
.hmenu4 a{
	display: block;
	width: 100%;
	height: 100%;
}
.hmenu4::after{
	pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
	top: 16px;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin: auto;

   border-left: #ffffff solid 2px;
    border-top: #ffffff solid 2px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	
}
header .header{
    width: 100%;
    max-width: 1000px;
    position: relative;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}
nav::after{
    content: "";
    width: 100%;
    height: 2px;
   
    position: absolute;
    left: 0;
    top: 0;
    background-position: center 0%;
    background-repeat: repeat-x;
}

header .hmenu{
    float: right;
    height: 36px;
    width: 60%;
    max-width: 500px;
    background-color: #ffffff;
    margin-top: 8px;
}
header .hmenu li{
    float: right;
    box-sizing: border-box;
    width: 33.333%;
    height: 100%;
    position: relative;
    text-align: center;
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 5px;
    padding-bottom: 0;
    box-sizing: border-box;
    color: #ffffff;
}
header .hmenu li a:hover{
	opacity:0.7;
}
header .hmenu li a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #DBDBDB;
	color: #111111;
-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;	letter-spacing: 2px;
}
header .hmenu li a span{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform:translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
header .hmenu li.req a{
	color: #ffffff;

	background-color: #000000;

	
}
nav{
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	position: fixed;
	left: 0;
	top: 52px;
	box-sizing: border-box;
	z-index: 6000;
}
nav ul{
    width: 100%;
    max-width: 1400px;
    position: relative;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
	color: #ffffff;
		position: relative;

display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
nav ul li {
    text-align: center;
    width: 14.285%;
    width: -webkit-calc(100%/9);
    width: -moz-calc(100%/9);
    width: calc(100%/9);
    position: relative;


}
nav ul li::after{
	border-right: 1px solid #FFFFFF;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 50%;
	width: 1px;
	-webkit-transform:translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
footer{
	background-color: #184A3E;
	color: #ffffff;
}
footer p.copy{
	text-align: center;
}
nav ul li:nth-child(9)::after{
	display: none;
}
ul.tlink li:nth-child(9),
nav ul li:nth-child(9){
 pointer-events: none;
	opacity: 0.4;
}

#wrpG .gmenu li:nth-child(9){
 pointer-events: none;
	opacity: 0.2;
}
nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
	text-align: center;
	position: relative;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
nav ul li a:hover{
/*	opacity: 0.7;*/
}
nav ul li a p{
   /* position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	
	z-index: 5;
	color: #ffffff;
	font-size: 12px;
	text-align: center;*/
	opacity: 0;
	line-height: 8px;
	margin: 0;
	padding: 0;
	font-size: 8px;
}

.mainimg0{
position: relative;
	background-color: #F8F8F8;
	width: 100%;
}
.mainimg0 img.bg{
    width: 100%;

    margin-left: auto;
    margin-right: auto;
	
	display: block;
	vertical-align: bottom;
}
.mainimg0 img.bg._sp560{
	display: none;
}
.mainimg0 .mainimg{
    position: absolute;
    width: 100%;
	height: 100%;

	z-index: 5;
	right: 0;
	top: 0;
}
.mainimg0 .mainimgc{
    position: absolute;
    width: 100%;
	height: 100%;

	z-index: 5;
	right: 0;
	top: 0;
}
.mainimg0 .mainimgc2{
    position: absolute;
    width: 100%;
	height: 100%;

	z-index: 5;
	right: 0;
	top: 0;
}
.mainimg0  span.note{
	color: #ffffff;
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	
	}
.mainimg0  span.note.colb{
	color: #111111;
	text-shadow: 0 1px 1px rgba(250,250,250,.3);
}
.mainimg02  span.note{
	color: #ffffff;
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	
	}
.mainimg02  span.note.colb{
	color: #111111;
	text-shadow: 0 1px 1px rgba(250,250,250,.3);
}
.mainimg0 .mainimg img{
    position: absolute;
	width: 48%;
	top: 43%;
	right: 0;
	-webkit-transform:translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
#concept .mainimg0 .mainimg img{
	width: 60%;
	right: auto;
	left: 35%;
	max-width: 800px;
}
.mainimg0 .mainimgc img{
    position: absolute;
	width: 65%;
	max-width: 500px;
	top: 40%;
	left: 2%;
}
.mainimg0 .mainimgc2 img{
    position: absolute;
	width: 65%;
	max-width: 500px;
	top: 60%;
	right: 2%;
}
.mainimg0 .mainlist{

	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
}
.mainimg0 .mainlist li{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	display: none;
}

#concept .mainimg02 .mainimg2{
    position: relative;
    width: 50%;
	height: auto;
	float: right;
}
#concept .mainimg02 .mainimg2 img{
    width: 100%;
    max-width: 500px;
    margin-bottom: 30px;
}
#concept .mainimg02 .mainimg2 p.lead{
	font-size: 16px;
	line-height: 42px;
	color: #ffffff;
}
#index .tkoudou{
    font-weight: bold;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 60px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    
}
#index .tkoudou2{
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
}
#index .tkoudou img._sp560{
	display: none;
}
#index .tkoudou img{
width: 100%;
	max-width: 939px;
	margin-left: auto;
    margin-right: auto;
	display: block;
}
#index #w0{
    padding-top:20px;	
	    padding-bottom:20px;	
}
section.merit{
/*    background-position: center center;
    background-image: url('../images/top/bg_02.jpg');
    background-repeat: repeat;*/
}
section .meriti{
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
section .meriti img{
width: 100%;
}
section.secbg2{
	background-color:#F4F4F4
}
#concept section.secbg2{
    padding-top: 80px;
    padding-bottom: 80px;
}


section .secin2 .secin2b .lead{
	font-size: 20px;
	line-height: 36px;
}
section .secin2 .secin2b .lead span{
	font-size: 14px;

}
img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
section .secin p.lead{
	font-size:17px;
	line-height: 32px;
	text-align: center;
}
section .secin p.lead_title{
	font-size:20px;
	line-height: 32px;
	text-align: center;
	font-weight:bold;
	margin-bottom:2%;
}
#concept section .secin p.lead3{
	font-size:17px;
	line-height: 50px;
	text-align: center;
}
section .secin p.lead2{
	font-size:20px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
section .secin p.lead2 span.sup{
		font-size: 60%;
vertical-align: top;
position: relative;
top: -0.5em;
	}
section .secin2 img.iw655,
section .secin img.iw655{
    width: 47.5%;
    max-width: 655px;
    margin-left: auto;
    margin-right: auto;
}
section .secin2 img.iw760,
section .secin img.iw760{
    width: 98%;
    max-width:760px;
    margin-left: auto;
    margin-right: auto;
	display: block;
}
section .secin2 img.iw800,
section .secin img.iw800{
    width: 98%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
	display: block;
}
section .secin2 img.iw920,
section .secin img.iw920{
    width: 98%;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
	display: block;
}
section .secin2 img.iw960,
section .secin img.iw960{
    width: 98%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
	display: block;
}
section .secin.tnews{
	max-width: 700px;
}
section .secin .ctt4{
	width: 40%;
	float: left;
	position: relative;
	box-sizing: border-box;
}
section .secin .ctt6{
	width: 60%;
	float: left;
	position: relative;
	box-sizing: border-box;
}
.imgi{
    position: relative;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;
}
.imgi img{
	width: 100%;

}
ul.merit1 {
	position: relative;
	width: 100%;
	text-align: center;
}
ul.merit1 li{
    width: 32%;
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    background-color: #000000;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-top: 15px;
    margin-right: 5px;
    margin-left: 0px;
    padding-bottom: 10px;
}
ul.merit1 li:nth-child(3){
    margin-right: 0px;
}
ul.merit1 li img{
    height: 62px;

}

ul.koudou {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
ul.koudou li{
display: inline-block;
}

ul.koudou li img{
    height: 46px;
}
.reqbtn2{
    width: 100%;
    max-width: 590px;
    border: 5px solid #4B4B4B;
    box-sizing: border-box;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	cursor: pointer;
}
.reqbtn2 img{
	width: 70%;
}
.reqbtn2 .more{
    background-color: #000000;
    text-align: center;
    box-sizing: border-box;
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 12px;
    padding-left: 0px;	
	width: 20%;
	position: absolute;
	right: 20px;
	top:50%;
	-webkit-transform:translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.reqbtn2 .more img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
ul.cnavi li a.ba,
.reqbtn2 a.ba{
	position: absolute;
	width: 100%;
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.reqbtn{
    width: 100%;
    max-width: 980px;
    border: 5px solid #4B4B4B;
    box-sizing: border-box;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	cursor: pointer;
}

.reqbtn .more{
    background-color: #000000;
    text-align: center;
    box-sizing: border-box;
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 12px;
    padding-left: 0px;	
	width: 20%;
	position: absolute;
	right: 50px;
	top:50%;
	-webkit-transform:translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.reqbtn .more img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.h3tit{
    margin-bottom: 20px;	
}
.tnews .infob{
    border: 2px solid #000000;
    box-sizing: border-box;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    text-align: center;
    margin-top: 25px;
}
dl.news{
    font-size: 16px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
dl.news dt{
	width: 30%;
	float: left;
	
}
dl.news dd{
	width: 70%;
	float: left;
}
ul.event li{
    width: 49%;
    float: left;
    font-size: 14px;
    margin-left: 1%;
	
}
ul.event .ico{
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    margin-top: 10px;
}
ul.event li img{
	width: 100%;
}
ul.event li p.datet{
	color: #a57e60;
	font-size: 14px;
}
ul.cnavi{
	width: 100%;
	position: relative;
}
ul.cnavi li{
	width: 33.333%;
	position: relative;
	float: left;
	box-sizing: border-box;
	width: -webkit-calc(100%/3);
	width: -moz-calc(100%/3);
	width: calc(100%/3);
	height: 46vh;
	min-height: 360px;
	max-height: 500px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	overflow: hidden;
	background-color: #000000;
}
ul.cnavi li:hover{
/*	opacity: 0.7;*/
}
ul.cnavi li.dis{
pointer-events: none;
}
ul.cnavi li .tit{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
	min-height: 80px;
    background-color: rgba(255,255,255,0.7);
    z-index: 5;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
ul.cnavi li .tit p{
	font-size: 18px;
}

ul.cnavi li:hover .tito{
	 bottom: 0px;
} 
ul.cnavi li:hover .tit{
	 bottom: -130px;
} 
ul.cnavi li:hover::after{
	opacity: 0.7;
}
.tito{
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;

    background-color: rgba(0,0,0,0.5);
    z-index: 5;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	
}
.tito .titoin{
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 0;
-webkit-transform:translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
ul.cnavi li .tito p{
	text-align: center;
	color: #ffffff;
	font-size: 14px;
		line-height: 26px;
}
.tito .titoin img{
	width: 90%;
	max-width: 400px;
}
.tito .titoin p.th4{
	font-size: 14px;

    margin-bottom: 5px;	
}
.tito a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
ul.cnavi li .tit p{
	 text-align: center;
}
section .banner{
    width: 100%;
    max-width: 590px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
section .banner img{
	width: 100%;
}
footer{
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
}

footer .fotter{
    width: 100%;
    max-width: 1000px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.tlink{
	position: relative;
}
p.lead{
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}




.secin2 h2{
	margin: 0;
    margin-top: 0px;	
	margin-bottom: 20px;	
	text-align: center;
}
a.btn{
    text-align: center;
    background-color: #6F6249;
    line-height: 14px;
    font-size: 14px;
    color: #ffffff;
    display: block;
    width: 100%;
	max-width: 600px;
    height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 2px;
    border: 1px solid #6F6249;
    padding-left: 0px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}
a.btn::after{
	    content: "";
    position: absolute;
     left:10px;
	top:20px;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin: auto;

border-top: #ffffff solid 2px;
border-right: #ffffff solid 2px;
	
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}
a.btn:hover{color: #6F6249;
	background-color: #ffffff;
}
section .secin0{
    width: 100%;
    max-width: 960px;
    background-color: #EEEBD8;
    box-sizing: border-box;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}
section  .secin0 .secin{
	width: 100%;
	    box-sizing: border-box;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
	background-color: #ffffff;
}
section .secin20{
    width: 100%;
    max-width: 900px;
    background-color: rgba(237,234,215,0.9);
    box-sizing: border-box;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
	position: absolute;
	top: 50%;
	left: 50%;    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
		box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
}
section  .secin20 .secin2{
	width: 100%;
	    box-sizing: border-box;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
	 background-color: rgba(255,255,255,0.9);
}
section  .secin20 .secin2 a.btn {

    margin-bottom: 10px;

}
@media screen and (max-width: 1400px) {

}

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

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 960px) {

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

}
@media screen and (max-width: 860px) {

}
@media screen and (max-width: 800px) {

	
}
@media screen and (max-width: 768px) {


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


}
@media screen and (max-width: 640px) {
#concept .mainimg02 {

    background-position: 20%  bottom;

}
#concept .mainimg02 .mainimg2 p.lead {
    font-size: 12px;
    line-height: 22px;

}
#concept .mainimg02 .mainimg2 p.lead br{
display: none;
}
ul.merit1 li {
	    padding-top: 10px;
    height: 60px;
}
ul.merit1 li img{
    height: 40px;
}
._sp640	{
	display:block;
}
._pc640	{
	display:none;
}
}
._sp{
    display: none;
}
@media screen and (max-width: 584px) {
    ._sp{
        display: block;
    }
#w0 {
    padding-top: 40px;
}
section.sec1 {
    height: 30vh;
    max-height: 600px;

}
section .secin {
    width: 100%;
padding: 6vw;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
}
body {

    font-size: 14px;

}
	table th {

    min-width: 100px;
}
section .secin p.lead{
	font-size:14px;
	line-height: 24px;
	text-align: left;
}
h2{
font-size:15px;
line-height: 24px;
    padding: 6vw;
}
._sp560	{
	display:block!important;
}
._pc560	{
	display:none!important;
}

}
@media screen and (max-width: 468px) {
h1 {
    text-align: left;
    box-sizing: border-box;
    padding-left: 6px;
}
h1 img {
    height: 40px;

}
section .secin0 .secin {
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}
	section .secin0 {
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}
a.btn {
    line-height: 12px;
    font-size: 12px;
}
.reqbtn2 {

    border: 3px solid #4B4B4B;

}
._sp460	{
	display:block!important;
}
._pc460	{
	display:none!important;
}
}

.secfooter{
    background-color: #efefef;
}
.secfooter .secin{
    padding: 40px 0;
}
.secfooter .secin a{
    color: #000;
    text-decoration: underline;

}
.secfooter .secin a p{
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}
.secfooter .secin a p::before{
    width: 4px;
    height: 4px;
    content: "・";
    background-color: #333333;
    position: absolute;
    left: 0;
    border-radius:50%;
    	-moz-border-radius:50%;
    	-webkit-border-radius:50%;
    	-o-border-radius:50%;
    	-ms-border-radius:50%;
    overflow: hidden;
    top: 52%;
            transform: translateY(-50%) ;
}
@media screen and (max-width: 584px) {
    .secfooter .secin{
        padding: 6vw;
    }
}
@media screen and (max-width: 390px) {
	ul.cnavi {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
	}
ul.cnavi li{
    /*width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    height: 33vh;
    min-height: 200px;
    margin-bottom: 5px;	*/
}

	ul.cnavi li .tit img{
	height: 16px;
}
._sp360	{
	display:block;
}
._pc360	{
	display:none;
}}


.cbtn{
    border: 1px solid #10493B;
    width: 80%;
    	margin-left: auto;
    		margin-right: auto;
    max-width: 300px;
    height: 50px;
    margin-top: 80px;
}
.cbtn a{
    	display: block;
    		width: 100%;
    		height: 100%;
    		position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.cbtn a p {
    line-height: 1;
    text-align: center;
    font-size: 14px;
    color: #10493B;;
}
@media screen and (max-width: 584px) {
    .cbtn{
        height: 40px;
        margin-top: 10vw;
    }
}
@media screen and (max-width: 360px) {


ul.merit1 li img{
    height: 50px;
}
}

@media print{
	#w0{
		padding: 0;
		margin: 0;
	}
section .secin {

    padding-top: 0px;
    padding-bottom: 0px;
}
.hhemu0,
.reqbtn2,
.reqbtn,
#wrpG,
nav,
header,
.tlink,
.flogo,
.hlogo,
	.stab2,
	.hmenu4,
	.hmenu3,
	.hmenu2,
	.hmenu{
	display:none;
}

}