@charset "UTF-8";


/*共通
---------------------------------------------------------*/
h2 , h3 , h4 , strong{
font-weight: normal;
}

h2 {font-size: 1.2em; margin-bottom: 1em;}
h3 {font-size: 1.25em;}
h3 strong {font-size: 1.45em;}
h3 span {font-size: .85em;}



/*m_img
---------------------------------------------------------*/
.slider_area{
position: relative;
margin: 8% auto 4% 0;
}
.slider_area::before{
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
margin: auto;
width: 100%;
height: 320px;
background: #DBB884;
z-index: -1;
}
.slider-wrap {
  width: 100%;
  position: relative;
}

.slick-slide img {
  width: 88%;
  height: auto;
  padding-top: 110px;
}

.slick-dots {
  position: absolute;
  bottom: 30px;
  right: 2.5%;
  margin: auto;
  width: 5%;
  font-size: 0;
  text-align: center;
  list-style: none;
}
.slick-dots li {
margin: 30px 0;
}
.slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 12px;
  height: 12px;
  background: #62584C;
  border: 0;
  border-radius: 6px;
  color: transparent;
  cursor: pointer;
}
.slick-dots .slick-active button,
.slick-dots li button:hover {
  background: #62584C;
  opacity: .5;
}


.slick-slide {
  position: relative;
}
.slick-slide .caption {
  position: absolute;
  left: 30%;
  top: 13px;
  z-index: 2;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  text-align: left;
  color: #fff;
  line-height: 1.4em;
}
.slick-current .caption {
  opacity: 1;
  transition-delay: 1s;
}

/*
.slick-slide .slide_img {
  transform: scale(1.1);
  transition: 2s cubic-bezier(.645, .045, .355, 1);
}
.slick-current .slide_img {
  transform: scale(1);
}*/



.copy_en{
position: absolute;
left: 31%;
top: 73px;
width: 45%;
}





/*m_menu
---------------------------------------------------------*/
.m_menu{
display: table;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 3em;
margin-bottom: 2.5em;
text-align: center;
}
.m_menu li{
display: table-cell;
table-layout: fixed;
padding: 0 1.5%;
}
.m_menu li img{
height: 155px;
}




/*concept_area
---------------------------------------------------------*/
.concept_area{
background: url(../images/top/bg_concept.png) no-repeat right top #FFE9C7;
background-size: 45%;
padding-top: 7%;
padding-bottom: 7%;
}

.concept_area h2 strong{
display: inline-block;

padding-top: .25em;
line-height: 1.4em;
}




/*nayami_area
---------------------------------------------------------*/
.nayami_area{
padding-top: 7%;
padding-bottom: 3%;
}

.nayami_area ul{
overflow: hidden;
padding-top: 2em;
}
.nayami_area li{
float: left;
width: 48%;
background: #FAF2E6;
border-radius: .3em;
padding-bottom: 1em;
margin-bottom: 1.3em;
position: relative;
}
.nayami_area li::before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 94%;
height: 92%;
border: solid 1px #E9DAC4;
z-index: 0;
}
.nayami_area li:nth-child(even){
float: right;
}

.nayami_area li div{
position: relative;
z-index: 1;
top: -.6em;
}
.nayami_area li p a{
display: block;
background: #4C663B url(../images/arrow_wh.svg) no-repeat 94% center;
background-size: .35em;
border-radius: .2em;
padding: .5em;
position: relative;
width: 86%;
margin-left: auto;
margin-right: auto;
margin-top: .5em;
color: #fff;
font-size: .9em;
}




/*pmtc_area
---------------------------------------------------------*/
.pmtc_area{
background: #F4E073;
padding-top: 7%;
padding-bottom: 7%;
}
.pmtc_area .flt_l{
width: 53%;
}
.pmtc_area .flt_r{
width: 45%;
padding-top: .25em;
}
.pmtc_area .flt_r img{
max-height: 50px;
}

.pmtc_area dl.flt_l{
font-size: 1.15em;
}
.pmtc_area .flt_l dd{
font-size: 2em;
margin-top: .5em;
}
.pmtc_area .flt_l dd a{
background: url(../images/arrow1.svg) no-repeat right -.1em;
background-image: 2.5em;
padding-right: 1.2em;
}
.pmtc_area p{
margin-top: 1em;
}




/*rec_area
---------------------------------------------------------*/
.rec_area{
	background: url(../images/top/rec_bg@2x.jpg);
	background-size:100% auto;
	padding: 8% 4%;
}
.rec_area .tit{
	margin-bottom: 4%;
	color:#fff;
	text-align: center;
}
.rec_area .tit .ft_fut{
	font-size: 2.2em;
}
.rec_area .tit .ft_fut span{
	font-size: 70%;
	font-weight: normal!important;
	padding-left: .2em;
}
.rec_area .tit p:first-child{
	margin-bottom: 1em;
}
.rec_area .rec_menu li{
	color:#fff;
	text-align: center;
	font-size:115%;
	background: #D85217;
	padding: .35em 0 .3em;
	margin-bottom: 2%;
}
.rec_area .rec_menu li:last-child{
	margin-bottom: 5%;
}
.rec_area .rec_menu span{
	font-size:85%;
}
.rec_area .inbox{
	background: #F9F2E3;
	padding: 4% 4% 5%;
	border-radius: 5px;
}
.rec_area .inbox .box_tit{
	position: relative;
	color:#D85418;
	padding-left: 1.3em;
	margin-bottom: 1em;
}
.rec_area .inbox .box_tit::before{
	position: absolute;
	display: block;
	content: "";
	background: #D85418;
	background-dize:100% auto;
	width: .8em;
	height: .8em;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
 	transform: translateY(-50%);
	left: 0;
}
.rec_area .inbox .telbox .f_tel{
	text-align: center;
}
.rec_area .inbox .telbox .f_tel div{
	width: 65%;
	margin: 0 auto .4em;
}
.rec_area .inbox .telbox{
	border-bottom:1px solid #726750;
	padding-bottom: 1.3em;
	margin-bottom: 1.3em;
}
.rec_area .inbox .webbox .box_tit span{
	padding-left: 1em;
	color:#62584C;
}
.rec_area .inbox .webbox .tbl_box{
	display: table;
}
.rec_area .inbox .webbox .tbl_box .tbl_l,
.rec_area .inbox .webbox .tbl_box .tbl_r{
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.rec_area .inbox .webbox .tbl_box .tbl_l{
	color:#D85418;
	border:1px solid #D85418;
	padding: .7em;
}
.rec_area .inbox .webbox .tbl_box .tbl_r{
	padding-left: 1em;
}


/*device_area
---------------------------------------------------------*/
.device_area li{
padding-top: 7%;
padding-bottom: 3%;
margin-left: 3%;
margin-right: 3%;
border-bottom: solid 1px #726750;
}
.device_area li .flt_l{
width: 63%;
}
.device_area li .flt_r{
width: 35%;
}
.device_area li dt{
margin-bottom: .7em;
line-height: 2em;
}
.device_area li dt strong{
display: inline-block;
margin-top: .2em;
}
.device_area li p{
margin-top: .8em;
}




/*cln_area
---------------------------------------------------------*/
.cln_area .ft_fut{
font-size: 2.2em;
}

.cln_area{
padding-top: 10%;
padding-bottom: 9%;
}
.cln_slide_box{
margin-top: 7%;
margin-bottom: 3%;
}

.cln_point{
margin-left: 3%;
margin-right: 3%;
padding-bottom: 7%;
border-bottom: solid 1px #726750;
}
.cln_point li{
float: left;
width: 47%;
}
.cln_point li:nth-child(even){
float: right;
}
.cln_point li div{
width: 50%;
margin-left: auto;
margin-right: auto;
}
.cln_point li dt{
margin-top: .3em;
margin-bottom: .5em;
}




/*s_bnr_area
---------------------------------------------------------*/
.s_bnr_area{
margin-bottom: 7%;
}
.s_bnr_area ul{
display: table;
width: 100%;
}
.s_bnr_area ul li{
display: table-cell;
padding: 2%;
border-left: solid 1px #726750;
background: url(../images/arrow1.svg) no-repeat center bottom;
background-size: 2.2em;
padding-bottom: 2.5em;
}
.s_bnr_area ul li:first-child{
border: none;
}
.s_bnr_area ul li div{
padding: 0 12%;
}
.s_bnr_area ul li dt{
margin-top: .7em;
margin-bottom: .2em;
}