@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{}
.mainSectionInner{}
.mainSection h3{}

.secBox{}
.secBox > .sectionInner{}


/*----------------------------------------------------------------------------
 ***                                                              mainImgSec
----------------------------------------------------------------------------*/
#mainImgSec{ background:url(../intro/images/mainImg.png) center top no-repeat; background-size:auto 100%;}
#mainImgSecInner{}
#mainImgSec h2{}
#mainImgSec h2 span{}
#mainImgSec p{}


/*----------------------------------------------------------------------------
 ***                                                              introSec
----------------------------------------------------------------------------*/
#introSec{ background-color:#0DA367;}
#introSec::after{ border-top:30px solid #0DA367;}
#introSec .sectionInner{}

#introSec h3{ position:relative;}
/*#introSec h3::before{ content:url(../intro/images/img_contents02.png); position:absolute; top:-0.5em; left:3em; transform:scale(0.5);}*/
/*#introSec h3::after{ content:url(../intro/images/img_contents03.png); position:absolute; top:-0.5em; right:3.2em; transform:scale(0.5);}*/
#introSec h3 span{}
#introSec p{}
#introSec ul{}
#introSec li{}

#introSec #introSecInner02{ padding-bottom: 30px;}
#introSec #introSecInner02 h3{ position:relative; margin-bottom: 0.2em;}
/*#introSec #introSecInner02 h3::before{ content:url(../intro/images/img_contents02.png); position:absolute; top:-0.5em; left:8em; transform:scale(0.5);}*/
/*#introSec #introSecInner02 h3::after{ content:url(../intro/images/img_contents03.png); position:absolute; top:-0.5em; right:8.2em; transform:scale(0.5);}*/
#introSec #introSecInner02 p img{ width: 100%;}


/*----------------------------------------------------------------------------
***                                                              kodawariSec
----------------------------------------------------------------------------*/
#kodawariSec{ background:url(../common/images/back_lattice.png) left top repeat; margin-bottom: -45px;}
#kodawariSecInner{ padding:60px 0;}
#kodawariSec h3{}
#kodawariSec p{}

#pointCover{ border:1px solid #20D0C2; border-radius:20px; background-color:#FFF; margin-bottom:45px;}
#pointCoverInner{ padding:65px 70px;}

.pointBox{ margin-bottom:50px;}
.pointBoxInner{ display:flex; justify-content:space-between; align-items:flex-end;}
.pointBox:last-child{ margin-bottom:0;}
.pointBox dl{ width:550px;}
.pointBox dt{ font-size:175%; color:#333; border-bottom:2px dotted #9F8667; padding-bottom:0.3em; margin-bottom:0.3em; position:relative;}
.pointBox .txtColor_Green{ font-size:50%;}
.pointBox .txt_small{ font-size:50%;}
.pointBox .txtSizeL{}
.pointBox dd{ font-size:87.5%; color:#666; line-height:1.5em;text-align: justify;}
.pointBox dd:nth-of-type(1){ margin-bottom:1em;}
.pointBox ul{ background-color:#f9f9f9; border-radius:20px; padding:20px;}
.pointBox li{ font-weight:600; background:url(../intro/images/icon01.png) left top no-repeat; background-size:4%; padding:0.2em 0 0.4em 2em; margin-bottom:0.3em;}

.flex_Order01{ order:1;}
.flex_Order02{ order:2;}

.leftText,
.leftImg{ float:left;}
.rightText,
.rightImg{ float:right;}
.leftText{}
.leftImg{  margin: 0px 10px 48px 46px;}
.leftImga{ margin-left:-10px; margin-bottom: 60px;}
.rightText{}
.rightImg{ margin-right:-10px;}
.rightImga{ margin-right:-10px; margin-bottom: 100px;}

#point01{}
#point02{}
#point03 p{ margin-right:40px; margin-bottom:20px;}
#point04{}

/*----------------------------------------------------------------------------
***                                                              goukakuSec
----------------------------------------------------------------------------*/
#goukakuSec { background-color:#F3F3F3;}
#goukakuSecInner { padding:60px 0 30px;}
#kodawariSec h3{}
#kodawariSec p{}

#goukakuSecInner .goukakuBox{
	padding: 15px 20px;
	margin-bottom: 20px;
	border: 1px solid #DCDCDC;
	background-color: #FFF;
	display: flex;
}

#goukakuSecInner .goukakuPoint {
	position: relative;
	float: left;
	text-align: center;
    /*display: -webkit-flex;*/
    display: flex;
    /*-webkit-align-items: center;*/
    align-items: center;
    /*-webkit-justify-content: center;*/
    justify-content: center;
}

#goukakuSecInner .goukakuBox dl{
	float: left;
	display: flex;
}
#goukakuSecInner .goukakuBox dt{
	width: 232px;
	font-size:180%; 
	font-weight: bold;
	color:#333; 
    line-height: 0.5em;
	margin: auto auto auto 15px;
	float: left;
	/*text-align: center;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-align-items: center;*/
    align-items: center;
    /*-webkit-justify-content: center;*/
    justify-content: center;
}
#goukakuSecInner .goukakuBox span{ font-size: 70%; }
#goukakuSecInner .goukakuBox .txtColor_Green{ font-size: 60%; display: block; line-height: 1.2em; margin-top: 0.8em;}
#goukakuSecInner .goukakuBox dd{
   border-left: thick solid #45B5B2;
   border-left-width: 2px;
   padding: 5px 0px 5px 15px;
   width: 591px;
   margin-left: auto;
   font-size: 87.5%;
   line-height: 1.5em;
   color: #666;
   float: right;
}
/*#goukakuSecInner .v_line_left{
   border-left: thick solid #45B5B2;
   border-left-width: 2px;
   padding: 5px 0px 5px 15px;
   width: 591px;
   margin-left: auto;
   font-size: 87.5%;
   color: #666;
   float: right;
}*/

#goukakuSecInner .shidai dt{ line-height:0.9em; padding: 0.2em 0;}
#goukakuSecInner .shidai .txtColor_Green{ margin-top: 0.4em;}
#goukakuSecInner .shidai .v_line_left{
	width: 450px;
	float: left;
}
#goukakuSecInner .shidai p{
	float: right;
}

/*----------------------------------------------------------------------------
***                                                               sliderBox
----------------------------------------------------------------------------*/
/*.sliderBox{}
.sliderBox p{ font-size:20px; text-align:center; color:#20D0C2; margin:20px 0 10px;}

#photoSlider,
#photoSlider li{ background:none;}
#photoSlider{ padding:0 0 20px;}
#photoSlider li{ width:178px !important; padding:0;}
#photoSlider li a:hover{ opacity:0.8;}
*/


/*----------------------------------------------------------------------------
 ***                                                                bzslider
----------------------------------------------------------------------------*/
/*.bx-wrapper{ max-width:818px !important;}
.bx-viewport{}

.bx-controls{ position:relative;}

/* pager */
.bx-pager{
position:absolute;
bottom:-30px;
width:100%;
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active,
.bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* controls */
.bx-wrapper .bx-prev {
  left: -50px;
  background: url(../js/bxslider/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: -50px;
  background: url(../js/bxslider/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -9%;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}*/


/*----------------------------------------------------------------------------
 ***                                                                lightBox
----------------------------------------------------------------------------*/
/*.lb-outerContainer{ background-color:#FFF;}
.lb-data .lb-caption{ font-size:20px; color:#FFF;}*/



/*----------------------------------------------------------------------------
***                                                               commentBox
----------------------------------------------------------------------------*/
#commentBox{}
#commentBoxInner{ padding:45px 0; /*background:url(../intro/images/img_contents08.jpg) right bottom no-repeat; */background-size:23%;}
#commentBox h3{ font-size:212.5%; font-weight:600; line-height:1.3em; margin-bottom:25px;}
#commentBox p{ width:960px;}

#commentText{ font-size:87.5%; color:#333; line-height:1.5em; margin-bottom:28px;}
#commentText span{ background:linear-gradient(transparent 65%,#ffd600 65%,#ffd600 95%,transparent 100%);}


#nameText{ text-align:right;}
#nameText span{ font-weight:bold;}

#jmkBox{ background-color:#f8f8f8; padding:45px 0; margin-bottom:45px;}
#jmkBoxInner{
	padding:23px 35px 30px 310px;
	background-color:#FFF;
	background-image:url("../intro/images/img_contents_logo.png");
	background-position:50px 50%;
	background-repeat:no-repeat;
	background-size:23%;
	border-radius:20px;
}
#jmkBox p{ font-size:81.25%; line-height:1.4em;}

#jmkBox .jmkTitle{ font-size:150%; font-weight:bold; margin-bottom:0.5em;}
#jmkBox .txtColor_Pink{ font-size:87.5%; margin-bottom:0.8em;}



/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ margin-top:45px;}
#footerAreaInner{}
#footerArea a{}