@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
    background-color: #EEF9F1;
    /*font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 100;*/
}
h1, h2, h3, h4, h5, p, ul, li {
	margin: 0px;
	padding: 0px;
    line-height: 100%;
}
a {
	color: #666;
}
a:hover {
	color: #ccc;
}
img {
	border: none;
    vertical-align: top;
}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.clearfix:after {
	  content: "";
	  clear: both;
	  display: block;
}
.sp {
	display:none;
}
.btn01 {
    width: 236px;
    border: solid 3px #07AB31;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #07AB31;
    margin-top: 30px;
}
.btn01 a {
    text-decoration: none;
    color: #07AB31;
    display: block;
}
.btn01 a:hover {
    color: #0AE441;
}
/*-----------------------------------------------*/
.inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 25px;
    padding-top: 70px;
    margin-top: -50px;
    margin-bottom: 50px;
    box-shadow: 1px 5px 10px -5px #777777;
}
.inner-sub {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 25px;
    padding-top: 70px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 1px 5px 10px -5px #777777;
    padding-bottom: 50px;
}
.inner-inner {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.hero-inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.flex {
	display:flex;
    justify-content: space-between; 
}
.flex-top {
	display:flex;
	justify-content: space-between; 
}
.flex-tokutyo {
	display:flex;
	justify-content: center; 
}
/*-----------------------------------------------*/
#header {
    width: 100%;
}
.top {
    background-color: #07AB31;
}
.g-menu {
    background-color: #41B867;
    padding-top: 20px;
    padding-bottom: 20px;
}
.g-menu ul {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.g-menu li {
    flex: auto;
    list-style: none;
    font-size: 16px;
}
.g-menu li a {
    color: #fff;
    text-decoration: none;
}
.g-menu li a:hover {
    color: #5EF985;
}
.hero-area {
    width: 100%;
    background-image: url("../img/hero01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
}
.zabuton {
    /*background-color: #fff;*/
    background:rgba(255,255,255,0.4);
    width: 680px;
    border-radius: 20px;
    margin-top: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.item-hero p {
    font-size: 20px;
    color: #07AB31;
    line-height: 130%;
    padding-left: 30px;
    margin-bottom: 20px;
}
.item-tokutyo {
    /*background-color: #FF8000;*/
    margin-left: 5px;
    margin-right: 7px;
    width: 200px;
    text-align: center;
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
}
.talk-area {
    margin-top: 50px;
    padding-top: 70px;
}
.talks {
    margin-top: 30px;
}
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 10px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #AFE7BE;
    border-radius: 20px;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #AFE7BE;
  
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #AFE7BE;
    border-radius: 20px;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #AFE7BE;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}
/*-----------------------------------------------*/
#contents {
    width: 100%;
    background-clip: #EEF9F1;
}
.c-msg p {
    font-size: 16px;
    line-height: 200%;
    padding-bottom: 15px;
}
.item-lcr {
    width: 240px;
    border: solid 3px #07AB31;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    color: #07AB31;
    margin-top: 15px;
    background-color: #EFFAF2;
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-position: right;
    
}
.item-lcr a {
    text-decoration: none;
    color: #07AB31;
    display: block;
}
.item-lcr a:hover {
    color: #0AE441;
}
.item-lr {
    background-color: #07AB31;
    /*background-image: linear-gradient(144deg, #07ab31 41%, #09db3e);*/
    width: 360px;
    margin-top: 60px;
    margin-bottom: 80px;
    border-radius: 10px;
    padding: 15px;
    /*box-shadow: 1px 5px 10px -5px #777777;*/
}
.item-lr02 {
    background-color: #07AB31;
    /*background-image: linear-gradient(144deg, #07ab31 41%, #09db3e);*/
    width: 360px;
    margin-top: 60px;
    margin-bottom: 80px;
    border-radius: 10px;
    padding: 15px;
    /*box-shadow: 1px 5px 10px -5px #777777;*/
}
.item-lr h2{
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    /*border-bottom: dashed 2px #fff;*/
    padding-bottom: 15px;
    background-image: url("../img/shin01.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-top: 20px;
}
.item-lr02 h2{
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    /*border-bottom: dashed 2px #fff;*/
    padding-bottom: 15px;
    background-image: url("../img/shin02.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-top: 20px;
}
.item-lr .tigai {
    background-color: #fff;
    border-radius: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.item-lr02 .tigai {
    background-color: #fff;
    border-radius: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.info-area {
    border: solid 3px #07AB31;
    border-radius: 15px;
    margin-top: 80px;
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.info-area ul {
    list-style: none;
    font-size: 14px;
    color: #333;
}
.info-area ul li {
    line-height: 130%;
    padding-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.g-back {
    /*background-color: #FBFBFB;*/
    background-color: #F4F4F4;
    padding-top: 50px;
    padding-bottom: 50px;
}
.g-back p {
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 25px;
}
.tel-img {
    width: 237px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}
.access-map {
    width: 740px;
    border-radius: 20px;
    background-color: #FBFBFB;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #ccc;
    padding: 30px;
    margin-bottom: 100px;
    box-shadow: 1px 5px 10px -5px #777777;
}
.item-map {
    width: 360px;
}
.item-map p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 200%;
}
.item-incho {
    margin-bottom: 30px;
}
.line-img {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.map-img {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.time-img {
    padding-top: 30px;
    text-align: center;
}
.waku01 {
    border: solid 3px #07AB31;
    padding: 20px;
    border-radius: 20px;
}
.marker {
    background:linear-gradient(transparent 60%, #ff6 60%);
}
/*-----------------------------------------------*/
#footer {
    background-color: #07AB31;
    padding-top: 30px;
}
.f-menu {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.f-menu li {
    flex: auto;
    list-style: none;
    font-size: 16px;
}
.f-menu li a {
    color: #fff;
    text-decoration: none;
}
.f-menu li a:hover {
    color: #5EF985;
}
.f-logo {
    width: 414px;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------*/
.midasi00 {
    font-size: 36px;
    font-weight: normal;
    color: #07AB31;
    text-align: left;
    line-height: 130%;
    margin-bottom: 15px;
    padding-left: 30px;
}
.midasi01 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 110%;
    background-color: #07AB31;
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.midasi02 {
    font-size: 46px;
    font-weight: 100;
    color: #333;
    text-align: center;
    line-height: 110%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.midasi03 {
    font-size: 30px;
    font-weight: bold;
    color: #07AB31;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: dashed 2px #07AB31;
    padding-bottom: 7px;
}
.midasi04 {
    font-size: 22px;
    font-weight: bold;
    color: #07AB31;
    text-align: left;
    margin-bottom: 15px;
    padding-left: 10px;
    margin-top: 10px;
    border-bottom: dashed 2px #07AB31;
    padding-bottom: 7px;
    
}
.midasi05 {
    font-size: 30px;
    font-weight: bold;
    color: #07AB31;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-bottom: 7px;
}
.midasi06 {
    font-size: 30px;
    font-weight: bold;
    color: #07AB31;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 100px;
    padding-bottom: 7px;
}
.midasi06-1 {
    font-size: 30px;
    font-weight: bold;
    color: #07AB31;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 100px;
    padding-bottom: 7px;
}
.midasi07 {
    font-size: 24px;
    font-weight: bold;
    color: #07AB31;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 7px;
}
.midasi08 {
    font-size: 30px;
    font-weight: bold;
    color: #07AB31;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px;
    padding-bottom: 7px;
}
.midasi09 {
    font-size: 30px;
    font-weight: bold;
    color: #07AB31;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 100px;
    padding-bottom: 7px;
}
.midasi10 {
    font-size: 24px;
    font-weight: bold;
    color: #07AB31;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 7px;
}
.midasi11 {
    font-size: 20px;
    font-weight: bold;
    color: #07AB31;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-bottom: 7px;
}
.r-txt {
    text-align: right;
}
.g-txt {
    color: #07AB31;
}
.txt-red {
    color: red;
}
/*--パネル---------------------------*/
#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;
    
}




/*==================================================
アコーディオンのためのcss
===================================*/
.faq-block {
    width: 800px;
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #ccc;
    margin-bottom: 15px;
    
}
.accordion {
    margin-top: 0px;
}
.question {
    font-size: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #444;
    position: relative;
    cursor: pointer;
    background-image: url("../img/r-arrow.jpg");
    background-position: right;
    background-repeat: no-repeat;
}

.question::before {
    position: absolute;
    transition: 0.3s;
}

.question.open::before {
    transform: rotate(180deg);
}

.answer {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.answer p{
    font-size: 18px;
    padding-left: 20px;
}
.answer2 {
    padding: 10px;
    display: none;
    width: 570px;
    margin-left: auto;
    margin-right: auto;
}
/*--------SUb--------------------------*/  
.item-3toku {
    width: 200px;
    border: solid 3px #07AB31;
    padding:20px;
    border-radius: 10px;
    background-color: #EFFAF2;
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.item-3toku h2 {
    font-size: 20px;
    color: #333;
    line-height: 130%;
    margin-bottom: 15px;
    color: #07AB31;
}
.shojo-block{
    border: solid 1px #ccc;
    background-color: #F4F4F4;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
.shojo {
    list-style: none;
    color: #333;
    width: 43%;
}
.shojo li {
    padding-bottom: 15px;
}
.shojo a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
}
.sinryo-tb {
    margin-bottom: 50px;
    border-top: solid 1px #ccc;
    width: 100%;
}
.sinryo-tb th {
    font-size: 14px;
    padding: 15px;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #EFFAF2;
    color: #07AB31;
}
.sinryo-tb td {
    font-size: 14px;
    line-height: 150%;
    padding: 15px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    color: #333;
}
dl {
    margin-bottom: 30px;
    font-size: 16px;
    color: #333;
    border-top: dotted 1px #ccc;
    padding-top: 30px;
}
dt {
    font-weight: bold;
    
}
dd {
    margin-bottom: 30px;
    margin-left: 0;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 30px;
    
}
.item-bigmap {
    margin-top: 70px;
    margin-bottom: 50px;
}
.qa-area {
    border: solid 3px #07AB31;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    border-radius: 10px;
    box-shadow: 1px 5px 10px -5px #777777;
    margin-bottom: 50px;
    padding-bottom: 30px;
}
.qa-area h2 {
    background-color: #07AB31;
    color: #fff;
    padding-left: 25px;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 130%;
}
.haji-block {
    border: solid 3px #07AB31;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.hajimete01{
    background-color: #07AB31;
}
.hajimete02{
    padding: 15px;
}
.hajimete02 h3{
    font-size: 18px;
    font-weight: bold;
    color: #07AB31;
    margin-bottom: 10px;
}
.hajimete02 p{
    font-size: 16px;
    line-height: 150%;
}
.yaji {
    text-align: center;
}
.waku02 {
    background-color: #F1FEF4;
    border: solid 1px #07AB31;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 20px;
}
.item-shojo {
    width: 48%;
    padding-left: 20px;
    padding-right: 20px;
}
.item-shojo ul {
    font-size: 14px;
    list-style: none; 
/*    background-color: #ccc;*/
    padding: 10px;
    border-radius: 15px;
    border: solid 1px #07AB31;
}
.item-shojo ul li {
    padding-bottom: 5px;
}
.sch {
    width: 100%;
    padding-top: 50px;
}
.sch iframe {
    padding-top: 15px;
    width: 100%;
}
.lang {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    /*background-color: #07AB31;*/
}
.lang ul {
    width: 30%;
    text-align: right;
    list-style: none;
    margin-left: 60%;
    padding: 0;
}
.lang ul li {
    display: inline;
    padding-right: 8px;
}
.flowimg {
    width: 100%;
}
.flowimg img {
    width: 100%;
}