@charset "utf-8";
/* CSS Document */
body {
    padding: 0;
    margin: 0;
    /*font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";*/
    font-family: "source-han-sans-japanese", sans-serif;
}
h1, h2, h3, h4, h5, p, ul, li {
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    color: #001E12;
}
img {
	border:none;
}
a {
	color: #001E12;
}
a:hover {
	color: #666;
}
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.pc {
	display: none;
}
.g-nav  {
    /*width: 860px;*/
    margin-left: auto;
    margin-right: auto;
    background-color: #007E4F;
}
.g-nav li {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 4.5vw;
    /*font-weight: 200;*/
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dotted #fff;
}
.g-nav li a {
    text-decoration: none;
    color: #fff;
}
.img-header {
    width: 100%;
    height: auto;
}
.img-header img {
    width: 100%;
    height: auto;
}
.item-top {
    width: 100%;
}
.item-top img {
    width: 100%;
}
/*
.flex {
	display:flex;
	justify-content: space-between;
}
.item-top {
}
.item-lr {
    width: 400px;
}
*/
.area-white .item-b h2 {
    text-align: center;
    font-size: 3.5vw;
    margin-bottom: 15px;
}
.area-white .item-b a {
    display: block;
    width: 78%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #9CC0B4;
    color: #001E12;
    border-radius: 15px;
}
.item-lr {
    width: 80%;
    background-color: #fff;
    padding-left:10%;
    padding-right:10%;
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.area-gray .item-lr h4 {
    font-weight: normal;
    font-size: 3.8vw;
    padding-bottom: 5px;
    line-height: 130%;
    /*font-weight: 200;*/
    border-bottom: solid 1px #DBE8E3;
    margin-bottom: 10px;
}

#main {
    margin-left: auto;
    margin-right: auto;
    
}
.waku {
/*    width: 94%;*/
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFBEE;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 20px;
    
}
.waku ul {
    margin-left: 15px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 3.6vw;
    line-height: 150%;
}
.waku ul li {
    list-style:disc;
    padding-bottom: 10px;
    color: #001E12;
   /* font-weight: 200;*/
    line-height: 150%;
}
.cont-area {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}
.area-white {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 3%;
    padding-right: 3%;
}
.area-gray {
    background-color: #EEF7F7;
    width: 90%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 5%;
    padding-right: 5%;
}
.area-image {
    width: 90%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url("../img/bg.jpg");
    background-size: cover;
    padding-left: 5%;
    padding-right: 5%;
}
.area-white h1 {
    font-size: 4.5vw;
    /*font-weight: 200;*/
    margin-bottom: 30px;
    text-align: center;
    line-height: 150%;
}
.area-white h2 {
    font-size: 4vw;
    /*font-weight: 200;*/
    margin-bottom: 10px;
    line-height: 150%;
}
.area-white h3 {
    font-size: 4vw;
    /*font-weight: 200;*/
    margin-bottom: 0px;
    margin-top: 60px;
    text-align: center;
}
.area-white h4 {
    font-size: 3.5vw;
    /*font-weight: 200;*/
    margin-bottom: 10px;
    margin-top: 60px;
}
.area-white p {
    font-size: 3.6vw;
    /*font-weight: 200;*/
    margin-bottom: 15px;
    line-height: 200%;
}
.area-gray h1 {
    font-size: 5vw;
    /*font-weight: 200;*/
    margin-bottom: 30px;
}
.area-gray h2 {
    font-size: 4vw;
    /*font-weight: 200;*/
    margin-bottom: 10px;
}
.area-gray h3 {
    font-size: 4vw;
    /*font-weight: 200;*/
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: center;
}
.area-gray p {
    font-size: 3.5vw;
    /*font-weight: 200;*/
    margin-bottom: 15px;
    line-height: 200%;
}
.area-image h1 {
    font-size: 5vw;
    /*font-weight: 200;*/
    margin-bottom: 30px;
}
.area-image h2 {
    font-size: 4.5vw;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: center;
}
.area-image p {
    font-size: 3.5vw;
    /*font-weight: 200;*/
    margin-bottom: 15px;
    line-height: 200%;
}
#footer {
   /* background-color: #DBE8E3;*/
    background-color: #007E4F;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.inner-footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.inner-footer img {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.f-nav {
    font-size: 3.8vw;
    padding-top: 10px;
    padding-bottom: 25px;
    list-style: none;
}
.f-nav li {
    border-bottom: dotted 1px #fff;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 25px;
    
}
.f-nav li a {
    text-decoration: none;
    color: #fff;
}
strong {
    background:linear-gradient(transparent 60%, #ECF3F0 60%);
}
/*---------------------------------*/
.txt-img-img {
    width: 100%;
}
.txt-img-img img {
    width: 100%;
}
.txt-r {
    text-align: right;
}
dl {
    wwidth: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    
}
dt {
    font-size: 4vw;
    padding-bottom: 15px;
    color: #007E4F;
}
dd {
    font-size: 3.6vw;
    padding-bottom: 15px;
    color: #333;
    margin-left: 0;
    
}
.txt-c-q {
    color: #FF23F0;
}
.waku table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.waku table td {
    font-size: 3.5vw;
    padding: 5px;
    color: #001E12;
}
.iptf {
    border: solid 1px #ccc;
    padding: 5px;
    border-radius: 5px;
    /*width: 300px;*/
}

.item-btn {
    text-align: center;
    width: 70%;
    border-radius: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom:  10px;
    font-size: 4vw;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.yoyakuwaku {
    background-color: #fff;
    border: solid 1px #DBE8E3;
    padding: 20px;
    margin-bottom: 5px;
    margin-bottom: 5px;
    border-radius: 10px;
}
.yoyakuwaku h2 {
    font-size: 4vw;
    border-bottom: dotted 1px #001E12;
    padding-bottom: 10px;
}
.yoyakuwaku h3 {
    font-size: 3.5vw;
    padding-left: 15px;
    padding-bottom: 5px;
    border-left: solid 5px #ccc;
    padding-left: 5px;
    /*font-weight: normal;*/
    margin-left: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
}
.yoyakuwaku h4 {
    font-size: 3.5vw;
    padding-left: 15px;
    padding-bottom: 5px;
    border-left: solid 5px #ccc;
    padding-left: 5px;
    /*font-weight: normal;*/
    margin-left: 10px;
    margin-top: 35px;
    margin-bottom: 10px;
}
.yoyakuwaku p {
/*    padding-left: 5px;
    padding-right: 5px;*/
    font-size: 3.5vw;
   /* font-weight: 200;*/
}
.yoyakuwaku .item-b h2 a {
    display: block;
    background-color: #59E3AC;
    width: 90%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    /*font-weight: normal;*/
    font-size: 3.8vw;
}
.sankaku {
    font-size: 20px;
    text-align: center;
    color: #DBE8E3;
}
.b-txt {
    background-color: #59E3AC;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    border-radius: 100%;
    font-weight: bold;
    color: #fff;
    margin-right: 5px;
}
.dotline {
    border-bottom: dotted 1px #333;
    margin-top: 30px;
    margin-bottom: 30px;
}
.item-reco {
    background-color: #fff;
    text-align: center;
    font-weight: normal;
    width: 96%;
    padding-left:3%;
    padding-right: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    margin-bottom: 5px;
    border: solid 1px #DBE8E3;
}
.item-reco h3 {
    font-size: 3.5vw;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.inner-footer p {
    color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 15px;
}
.kouka {
    padding-top: 50px;
}
.kouka h3 {
    font-size: 4vw;
    line-height: 150%;
}
.kouka p {
    font-size: 3.5vw;
}
.kouka ul {
    padding-top: 0px;
    text-align: center;
    margin-bottom: 15px;
}
.kouka li {
    padding-top: 15px;
    font-size: 3.5vw;
    font-weight: 200;
}
/*-----------------------------*/

.accordion2 {
	background-color: #007E4F;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	/*padding-right: 10px;*/
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	margin-top: 0px;
	/*margin-right: 15px;*/
	margin-bottom: 0px;
	/*margin-left: 15px;*/
   
}
.accordion2 img {
	height: auto;
	/*width: 7%;*/
}
.accordion2 img{
	text-align: right;
	width: 12%;
}
.close{
/*	padding:20px;*/
	display:none;
}

/*--パネル---------------------------*/
#portamento_container {
	float:right;
	position:relative;
	margin-right: 10px;
}
#portamento_container #panel {
    float:none; 
    position:absolute;
}
#portamento_container #panel.fixed {
    position:fixed;
}
.shadow {
	/*-webkit-filter: drop-shadow(3px 3px 5px #a2a3a2);*/
}
#panel {
	position:absolute;
	top:380px;
	right:0px;
	z-index: 1000;
	/*box-shadow: 0px 0px 10px -5px #777777;*/
}
#main .area-white .blog-area {
    width: 80%;
}
#main .area-white .blog-area img {
    width: 100%;
    height: auto;
}