@charset "utf-8";

.home #main_contents section{
margin: 0 0 100px 0 ;
}
.home #main_contents section .mf-frame{
width: 100%;
max-width: 1000px;
margin: 0 auto;
}

.home #main_contents section h2{
font-size: 38px;
margin: 0 0 1em 0;
}
.home #main_contents section h2 span{
font-size: 18px;
display: table;
margin: 0 auto;
letter-spacing: 0.3em;
}
.home #main_contents #mf1 .mf-inner{
display: flex;
justify-content: space-between;
align-items: center;
}
.home #main_contents #mf1 h2{
text-align: left;
}
.home #main_contents #mf1 h2 span{
margin: 0;
}
.home #main_contents #mf1 .ctext{
width: 460px;
}

.home #main_contents #mf2 ul{
display: flex;
justify-content: space-between;
}
.home #main_contents #mf2 ul li{
list-style: none;
margin: 0;
padding: 20px 10px;
background: #fff;
width: 220px;
}
.home #main_contents #mf2 ul li img{
display: table;
margin: 0 auto;
}
.home #main_contents #mf3{
background: #dec32d;
color: #fff;
text-align: center;
position: relative;
}
.home #main_contents #mf3:before{
content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #f4f6f7 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.home #main_contents #mf3 .mf-inner{
padding: 90px 0 30px 0;
}
.home #main_contents #mf3 p{
font-size: 46px;
font-weight: bold;
line-height: 1.8em;
}

.home #main_contents #mf4 .clist{
display: flex;
justify-content: space-between;
margin: 0 0 50px 0;
}
.home #main_contents #mf4,
.home #main_contents #mf4 .clist:last-of-type{
margin: 0;
}
.home #main_contents #mf4 dl{
width: 460px;
}
.home #main_contents #mf4 dt{
font-size: 26px;
font-weight: bold;
min-height: 7em;
line-height: 1.8em;
}
.home #main_contents #mf4 dt img{
display: table;
margin: 0 0 0.3em 0;
}




@media screen and (max-width: 782px) {
.home #main_contents {
margin: 0!important;
}
.home #main_contents section{
margin: 0 20px 50px 20px!important;
}
.home #main_contents section h2 {
	font-size: 30px;
}
.home #main_contents #mf1 .mf-inner{
display: block;
}
.home #main_contents #mf1 .ctext{
width: auto;
}

.home #main_contents #mf2 ul{
display: block;
margin: 0;
}
.home #main_contents #mf2 ul li{
margin: 0 0 10px 0;
width: auto;
}
.home #main_contents #mf3{
margin: 0 0 50px 0!important;
}
.home #main_contents #mf3 .mf-inner{
padding: 80px 0 30px 0;
}
.home #main_contents #mf3 p{
font-size: 27px;
}
.home #main_contents #mf3 p span{
display: inline-block;
font-size: 35px;
line-height: 1.5em;
}

.home #main_contents #mf4 .clist{
display: block;
}
.home #main_contents #mf4 dl{
width: auto;
}
.home #main_contents #mf4 dt{
display: flex;
align-items: center;
min-height:inherit;
font-size: 23px;
line-height: 1.5em;
margin: 0.5em 0;
}
.home #main_contents #mf4 dt img{
max-width: 65px;
width: 16vw;
margin: 0 0.5em 0 0;
}



}