@charset "UTF-8";
/* Reset */
*{box-sizing:border-box;margin:0;padding:0;font-weight:normal;max-width:100%;outline:0;border:0;vertical-align:baseline;background:transparent;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Lucida Grande","メイリオ",Meiryo,"Meiryo UI", "ＭＳ Ｐゴシック",sans-serif;line-height:0;color:#333;}
ul,li{list-style:none;}
/* header css */
.wrapper{width:100vw;overflow:hidden;max-width:100%;margin:auto;}
.wrapper header ul{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.wrapper header ul,.wp header li,.wp header li a{background:#fff;}
.wrapper header ul li.he_fl{display:flex;margin:10px 0;justify-content:space-around;}
.wrapper header ul li.he_fl a{width:48%;}
/* common css */
img{width:100%;}
.red{color:#e50010;font-weight:bold;}
main{width:96%;max-width:1100px;margin:2% auto;}
ul.note,ul.note li{line-height:1.6;}
ul.note{margin:2% 0 0;}
ul.note li{font-size:3.6vw;text-indent:-1em;padding-left:1em;}
.item{border-bottom:1px solid #ccc;}
footer{background:#006;width:100%;}
footer p{line-height:1.4;color:#fff;width:100%;text-align:center;font-size:3.6vw;padding:1% 0;}
/* for pc */
@media screen and (min-width: 1024px){
main{background:#fff;box-shadow:7px 7px 5px #ccc;}
ul.note li,footer p{font-size:18px;}
section#features,section#features_cont{display:flex;flex-flow:row wrap;justify-content:space-around;width:1080px;margin:auto;}
section#features{border-bottom:1px solid #ccc;}
.item{display:block;width:530px;height:630px;border-bottom:none;border-right:1px solid #ccc;margin:10px 0;}
.item:last-of-type{border-right:none;}
}