@charset "utf-8";
/* CSS Document */
#main {
clear: both;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#main h2 img{
max-width: 100%;
}

#contact h2 {
margin: 0 ;
}
.sec01{
border-top:20px solid #FECD35;
border-bottom:20px solid #FECD35;
text-align: center;
font-size: 1.2em;
font-weight: bold;
line-height: 140%;
letter-spacing: -2px;
padding: 30px 0;
}

.sec02{
background: #FFFFF7;
text-align: center;
}
.sec02 li img {
width: 80%;
margin-top: 50px;
}
.sec02 li img:last-child{
margin-bottom: 50px;
}


.sec03{
background: #EBF7F6;
padding: 0 0 50px ;
margin-bottom: 100px;
}
.sec03_title{
background: #FECD35;
text-align: center;
font-size: 3em;
font-weight: bold;
line-height: 140%;
margin-bottom: 20px;
padding: 20px 0;
}
.sec03_copy{
text-align: center;
font-size: 2em;
font-weight: bold;
}
.sec03_copy img{
vertical-align: middle;
}
.title{
max-width: 800px;
height: 50px;
line-height: 50px;
margin: 0 auto;
font-size: 2em;
text-align: center;
background: #FFD966;
border-radius: 10px 10px 0 0 ;
border-left:1px solid #999;
border-top:1px solid #999;
border-right:1px solid #999;
}
.example{
max-width: 800px;
margin: 0 auto;
font-size: 3em;
text-align: center;
background: #FFFFF2;
border-radius: 0 0 10px 10px;
border:1px solid #999;
}
.example ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px;
}
.example li {
margin: 10px;
}
.example li img{
max-width: 90%;
}


.sec04{
text-align: center;
}

.sec04 li{
margin-top: 30px;
}
.sec04 li:nth-child(1){
font-size: 2.6em;
font-weight: bold;
margin-top: 80px;
}

.sec04 li:last-child{
margin-top: 20px;
margin-bottom: 20px;
}

#form{
width: 900px;
margin: 0 auto;
}

.pc {display: none;}

@media screen and (max-width: 480px) {
.pc {display: block;}

#main{
max-width: 100%;
}
#main {
clear: both;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.sec01{
font-size: 1.2em;
}

.sec02{
padding: 0 10px;
}
.sec02 li img {
width: 100%;
margin-top: 20px;
}
.sec02 li img:last-child{
margin-bottom: 30px;
}


.sec03{
margin-bottom: 20px;
}
.sec03_title{
font-size: 1.2em;
}
.sec03_copy{
font-size: 1.6em;
line-height: 140%;
}
.sec03_copy img{
text-align: center;
vertical-align: middle;
max-width: 40%;
margin: 0 auto;
}
.title{
max-width: 90%;
}
.example{
max-width: 90%;
}
.example ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px;
}
.example li {
margin: 10px;
}
.example li img{
max-width: 80%;
margin: 0 auto;
}

.sec04{
max-width: 95%;
margin: 0 auto;
}
.sec04 li img{
max-width: 100%;
}
.sec04 li{
margin-top: 20px;
}
.sec04 li:nth-child(1){
margin-top: 30px;
font-size: 1.6em;
letter-spacing: -1px;
}
.sec04 li:last-child{
margin-top: 10px;
margin-bottom: 0px;
}

}