@charset "utf-8";
@media only screen and (max-width:640px){
article{
	min-width:auto;
	min-width:initial;
	font-size:14px;
  background:url(../images/bg.png);
  background-size:60px auto;
}
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}
img{
	max-width:100%;
}


/* #mv */
#mv{
  padding:0;
}
#mv h1{
	margin:0 0 25px;
}
#mv figure{
  width:180px;
  margin:auto;
  display:block;
}
#mv p{
  display:block;
  vertical-align:middle;
  margin: 10px 0 0;
  text-align:center;
  letter-spacing:-0.08em;
}


/* .cont */
.cont{
  width:90%;
  margin:25px auto;
  padding-bottom:2.5%;
  background:url(../images/cont_bottom_s.png)no-repeat center bottom;
  background-size:100% auto;
  color:#1a1a1a;
}
.cont h2{
  margin:0;
}
.cont > div{
  padding:2% 5% 3%;
  background:url(../images/cont_bg_s.png)repeat-y center top;
  background-size:100% auto;
}


/* #cont1 */
#cont1{
  width:90%;
  height:auto;
  margin:25px auto;
  padding-bottom:2.5%;
  background:url(../images/cont1_bottom_s.png)no-repeat center bottom;
  background-size:100% auto;
}
#cont1 div{
  height:auto;
  margin:0;
  padding:3% 5%;
  box-sizing:border-box;
  text-align: justify;
  text-justify: inter-ideograph;
  background:url(../images/cont1_bg_s.png)repeat-y center center;
  background-size:100% auto;
}
#cont1 div p{
  margin:0;
}
#cont1 div h2{
  display:none;
}


/* cont2 */
#cont2{
}
#cont2 > div p{
  margin-bottom:15px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#cont2 > div p span{
  color:#eb6100;
}
#cont2 > div p + img{
  width:100%;
  max-width:400px;
}
#cont2 > div dl{
  margin-top:15px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#cont2 > div dl dt{
  padding-left:1em;
  text-indent:-1em;
}
#cont2 > div dl dd{
  padding-left:1em;
}
#cont2 > div dl dd span{
  color:#eb6100;
}


/* cont3 */
#cont3{
}
#cont3 > div{
  padding-bottom:10px;
}
#cont3 > div div{
  width:100%;
  max-width:360px;
  margin:auto;
  padding-top:10px;
  position:relative;
}
#cont3 > div div:after{
  content:'（自社調べ）';
  display:block;
  white-space:nowrap;
  position:static;
  left:auto;
  bottom:auto;
  text-align:right;
  font-size:12px;
}
#cont3 > div div table{
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size:12px;
  border:1px solid #375a2c;
  box-sizing:border-box;
}
#cont3 > div table td{
  padding-left:0.3em;
  border-bottom:1px solid #375a2c;
  text-align:left;
}
#cont3 > div table th{
  line-height:30px;
  background-color:#375a2c;
  color:#fff;
  font-weight:normal;
}
#cont3 > div table td{
  width:50%;
  line-height:30px;
  border-bottom:1px solid #375a2c;
}
#cont3 > div table td.no_line{
  border-bottom:none;
}
#cont3 > div table td:last-child{
  border-left:3px solid #adbda8;
}
#cont3 > div table td dl dt{
  width:60%;
  float:left;
  white-space:nowrap;
}
#cont3 > div table td dl dt:nth-of-type(n+2){
  padding-left:1.8em;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
}
#cont3 > div table td dl dt:nth-of-type(n+2):before{
  content:'';
  display:block;
  width:1em;
  height:30px;
  border-left:3px solid #adbda8;
  border-bottom:3px solid #adbda8;
  position:absolute;
  left:0.5em;
  bottom:12px;
}
#cont3 > div table td dl dt:nth-of-type(2):after{
  content:'';
  display:block;
  width:1em;
  height:30px;
  border-left:3px solid #adbda8;
  position:absolute;
  left:0.5em;
  top:16px;
}
#cont3 > div p{
  margin:10px 0 0;
  display:inline-block;
  text-align:left;
}


/* cont4 */
#cont4{
}
#cont4 > div{
  padding-bottom:0;
}
#cont4 ul li{
  display:block;
  vertical-align:top;
  width:100%;
  height:auto;
  padding:5% 8%;
  box-sizing:border-box;
  background:
    url(../images/cont4_bg1_s.png)no-repeat left top,
    url(../images/cont4_bg2_s.png)no-repeat right bottom;
   background-size:30% auto,30% auto;
}
#cont4 ul li:first-child{
  margin-right:0;
}
#cont4 ul li h3{
  margin:0 0 10px;
  font-size:16px;
}
#cont4 ul li h3 span{
  color:#eb6100;
}
#cont4 ul li p{
  min-height:4em;
  margin:0;
  text-align:left;
}


/* cont5 */
#cont5{
}
#cont5 > div{
  padding-bottom:0;
}
#cont5 > div > p{
  text-align:left;
}
#cont5 ul{
  letter-spacing:-0.4em;
}
#cont5 ul li{
  display:inline-block;
  vertical-align:top;
  width:47%;
  margin:10px 1%;
  letter-spacing:normal;
}
#cont5 ul li:nth-child(3n+2){
  margin:10px 1%;
}
#cont5 ul li a{
  display:block;
  border-radius:5px;
  box-shadow:1px 1px 4px rgba(0,0,0,0.3);
  overflow:hidden;
}
#cont5 ul li a figure figcaption{
  height:50px;
  line-height:1.2;
  font-size:14px;
  font-weight:bold;
  color:#fff;
  background-color:#375a2c;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#cont5 ul li a p{
  height:auto;
  line-height:1.4;
  letter-spacing:-0.03em;
  margin:0;
  padding:5px 10px;
  box-sizing:border-box;
  color:#1a1a1a;
  text-align: justify;
  text-justify: inter-ideograph;
}
#cont5 ul li:nth-child(7) a p,
#cont5 ul li:nth-child(8) a p{
  font-size:12px;
  letter-spacing:-0.08em;
}


/* cont6 */
#cont6{
  padding:0 5% 30px;
}
#cont6 p{
  display:inline-block;
  width:auto;
  margin:auto;
  padding:15px 5% 20px;
  box-sizing:border-box;
  line-height:1.6;
  background:
    url(../images/cont6_1.png)no-repeat -15px top,
    url(../images/cont6_2.png)no-repeat right -2px bottom;
  background-size:40px auto;
  font-size:14px;
  font-weight:bold;
  color:#59493f;
}

}




@media only screen and (max-width:380px){
#cont5 > div{
  padding-bottom:10px;
}
#cont5 ul li a figure figcaption{
  height:40px;
  font-size:12px;
}
#cont5 ul li a p{
  padding:5px 5px;
  font-size:12px;
}
#cont5 ul li:nth-child(7) a p,
#cont5 ul li:nth-child(8) a p{
  font-size:12px;
  letter-spacing:0;
}

}