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


article > div{
  width:auto;
  margin:auto;
  background-color:transparent;
}


article img{
	max-width:100%;
}


/* h1 */
h1{
  margin:0;
}
h1 img{
  vertical-align:bottom;
}



/* .cont */
.cont,
.cont *{
  box-sizing:border-box;
}
.cont * img{
  vertical-align:bottom;
}
.cont{
  width:90%;
  margin:auto;
  padding:20px 0 40px;
  background-color:rgba(255,255,255,0.8);
}
.cont h2{
  margin-bottom:10px;
  padding:4% 0;
  font-size:6vw;
  background:url(../images/h2_bg.png)no-repeat center center;
  background-size:80%;
}
.cont h3.tit{
  margin-bottom:10px;
  padding:2% 0;
  font-size:5.6vw;
  background:url(../images/h3_bg.png)no-repeat center center;
  background-size:60% auto;
}

.cont a.link{
  line-height:46px;
  font-size:16px;
  border-radius:23px;
}


/* #cont1 */
#cont1{
}
#cont1 h2 + p{
  padding:0 10% 20px;
  font-size:15px;
  text-align: justify;
	text-justify: inter-ideograph;
  background:
    url(../images/cont1_bg1.png)no-repeat right -2% top 5%,
    url(../images/cont1_bg2.png)no-repeat left -2% center,
    url(../images/cont1_bg3.png)no-repeat right bottom;
  background-size:16% auto;
}
#cont1 h2 + p br{
  display:none;
}
#cont1 ul{
  width:90%;
  margin:auto;
  padding:2% 0;
  border-radius:4px;
  background:
    url(../images/cont1_bg4_s.png)no-repeat right top,
    url(../images/cont1_bg5_s.png)no-repeat left bottom;
  background-size:60% auto,40% auto;
  background-color:#ffe1e4;
}
#cont1 ul li{
  display:block;
  width:70%;
  margin:30px auto;
}
#cont1 ul li figure{
  margin-bottom:15px;
}
#cont1 ul li figure figcaption{
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
}
#cont1 section{
  width:auto;
  margin:auto;
  padding:5px 5% 0;
}
#cont1 section span{
  display:block;
  font-size:10px;
}
#cont1 section table{
  width:100%;
  margin:3px 0;
  font-size:3.5vw;
  border-collapse: collapse;
  border-spacing: 0;
  border:none;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
#cont1 section table tr:first-child{
  background-color:#fff;
}
#cont1 section table tr:nth-child(2){
  background-color:#fff;
}
#cont1 section table tr:last-child{
  background-color:#fff;
}
#cont1 section table th,
#cont1 section table td{
  width:33.33%;
  padding:8px 0;
  border:none;
  border-left:1px solid #999;
  border-right:1px solid #999;
  font-weight:normal;
}
#cont1 section table tr:first-child th:nth-child(n+2){
  border-bottom:1px solid #999;
}
#cont1 section table tr:nth-child(2) th,
#cont1 section table tr:nth-child(2) td{
  font-weight:normal;
}
#cont1 section table th:first-of-type{
  background-color:#fffac7;
}
#cont1 section table th:nth-of-type(2),
#cont1 section table td:first-of-type{
  background-color:#ffeff1;
  font-weight:bold !important;
}
#cont1 section table tr:nth-child(n+2) th{
  border-right:none;
}


/* #cont2 */
#cont2{
  background:#fff5fa url(../images/cont2_bg_s.jpg)no-repeat center bottom;
  background-size:100% auto;
}
#cont2 ul{
  padding:8% 0 5%;
}
#cont2 ul li{
  min-width:70%;
  width:70%;
  display:inline-block;
  vertical-align:middle;
  margin:8% 0;
  font-size:3.2vw;
  position:relative;
  z-index:1;
}
#cont2 ul li:before{
  content:'';
  display:block;
  width:90%;
  padding-top:90%;
  background:url(../images/cont2_bg.png)no-repeat center center;
  background-size:100% auto;
  position:absolute;
  top:50%;
  left:50%;
  z-index:-1;
  transform:translate(-50%,-50%);
}
#cont2 ul li:first-child,
#cont2 ul li:nth-child(4){
  margin-right:0;
}
#cont2 ul li:nth-child(3){
  margin:8% 0;
}
#cont2 ul li:nth-child(odd){
  margin-right:25%;
}
#cont2 ul li:nth-child(even){
  margin-left:25%;
}
#cont2 ul li p{
  height:8.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  white-space:nowrap;
}
#cont2 ul li img{
  width:40%;
  position:absolute;
}
#cont2 ul li:first-child img{
  top:auto;
  bottom:80%;
  left:auto;
  right:55%;
}
#cont2 ul li:nth-child(2) img{
  bottom:85%;
  left:60%;
}
#cont2 ul li:nth-child(3) img{
  top:auto;
  bottom:95%;
  right:60%;
  transform:none;
}
#cont2 ul li:nth-child(4) img{
  top:auto;
  bottom:70%;
  right:auto;
  left:60%;
}
#cont2 ul li:last-child img{
  bottom:70%;
  right:55%;
}


/* #cont3 */
#cont3{
}
#cont3 > ul{
  margin:20px 0;
  display: block;
}
#cont3 > ul li{
  width:90%;
  margin:20px auto;
  padding:0 3% 5%;
  border-radius:8px;
  border:4px solid #ffb0c5;
}
#cont3 > ul li > span{
  display:block;
  width:140px;
  line-height:35px;
  margin:auto;
  padding-bottom:10px;
  font-size:18px;
  font-weight:bold;
  position:relative;
  z-index:1;
  overflow:hidden;
}
#cont3 > ul li > span span{
  font-size:21px;
}
#cont3 > ul li h3{
  margin:5% 0;
  font-size:4.5vw;
}
#cont3 > ul li p{
  margin:0;
  padding-top:5%;
  border-top:3px dotted #ecba2d;
  text-align: justify;
  text-justify: inter-ideograph;
}
#cont3 section > ul{
  width:auto;
  margin:15px auto 0;
  padding:3% 5%;
  border:2px solid #ffc7d6;
  position:relative;
  text-align:left;
  background-color:#fff;
}
#cont3 section > ul:before{
  content:'';
  display:block;
  border:2px dashed #ffc7d6;
  position:absolute;
  top:4px;
  left:4px;
  width:calc(100% - 12px);
  height:calc(100% - 12px);
}
#cont3 section > ul > li{
  margin:10px 0;
  padding-left:1em;
  text-indent:-1em;
}
#cont3 section > ul > li span{
  color:#e43030;
}
#cont3 section > ul > li ul li{
  margin-top:8px;
  padding-left:0.2em;
  text-indent:-1.5em;
  font-size:13.5px;
}


/* #cont4 */
#cont4{
  background-color:#fff5fa;
}
#cont4 ul{
  width:90%;
  margin:5% auto 3%;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont4 ul li{
  width:49%;
  margin-bottom:15px;
}
#cont4 ul li a figure figcaption{
  height:2.6em;
  line-height:1.3;
  margin-top:3px;
  font-size:14px;
  font-weight:bold;
  color:#f54170;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#cont4 > a{
  max-width:320px;
  width:80%;
  line-height:56px;
  border-radius:28px;
}


/* #cont5 */
#cont5{
  padding-bottom:50px;
}
#cont5 dl{
  width:94%;
  margin:30px auto 0;
}
#cont5 dl dt{
  padding:10px 40px 8px 45px;
  font-size:15px;
  font-weight:bold;
  background:url(../images/cont5_q.png)no-repeat 10px center;
  background-size:30px auto;
  position:relative;
  cursor:pointer;
}
#cont5 dl dt:after{
  font-size:21px;
  right:10px;
  top:50%;
  transform: translateY(-30%) rotate(90deg);
}
#cont5 dl dt.close:after{
  top:50%;
  transform: translate(0.1em,-70%) rotate(-90deg);
}
#cont5 dl dd{
  line-height:1.8;
  padding:3px 40px 10px 45px;
  background:url(../images/cont5_a.png)no-repeat 10px top;
  background-size:30px auto;
  display:none;
}
#cont5 dl dd div a{
  width:240px;
}
#cont5 dl dd div a figure figcaption{
  font-size:12px;
  margin-top:3px;
}


}


@media only screen and (max-width:480px){
#cont4 ul li a figure figcaption{
  font-size:11px;
  white-space:nowrap;
}

#cont5 dl dd div a{
  width:100%;
}
#cont5 dl dd div a figure figcaption{
  margin-top:3px;
  line-height:1.3;
  display:inline-block;
  text-align:left;
  padding-left:1em;
  text-indent:-1em;
}

}