body{font-family:Yu Gothic, Meiryo UI, Meiryo, HiraKakuProN-W6, sans-serif;text-align:center;background-image:url(../img/bg.gif);background-repeat:repeat}figure{margin:0;padding:0}img{width:100%}h2{color:#000;text-align:left;position:relative;width:100%;padding-left:10px;line-height:120%;margin-bottom:0}@media only screen and (max-width: 767px){h2{font-size:20px;margin-top:40px}}@media only screen and (min-width: 768px){h2{font-size:32px}}h2 .h2-bg{position:absolute;background-color:rgba(180,180,180,0.8);height:50%;width:100%;bottom:0;left:0;z-index:-1}p{color:#fff;font-weight:600}@media only screen and (max-width: 767px){p{font-size:16px}}@media only screen and (min-width: 768px){p{font-size:28px}}@media only screen and (min-width: 768px){.row{display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:flex}}.rows{display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:flex}.wrap{margin:20px auto}@media only screen and (max-width: 767px){.wrap{width:calc(100% - 10px);padding:15px 10px}}@media only screen and (min-width: 768px){.wrap{max-width:1200px;padding:15px}}.wrap ul{list-style:none;padding-left:10px}.wrap ul li{color:#fff;text-align:left;padding-left:1em;text-indent:-1em}@media only screen and (max-width: 767px){.wrap ul li{font-size:16px}}@media only screen and (min-width: 768px){.wrap ul li{font-size:28px;line-height:120%}}.wrap .headline{margin-bottom:25px;width:100%}@media only screen and (max-width: 767px){.wrap .headline figure{max-width:280px}}@media only screen and (min-width: 768px){.wrap .headline figure{width:40%}}.wrap .headline h1{color:#fff}@media only screen and (max-width: 767px){.wrap .headline h1{font-size:28px;line-height:140%}}@media only screen and (min-width: 768px){.wrap .headline h1{width:calc(60% - 20px);text-align:left;font-size:42px;line-height:110%;margin:0 0 0 20px}}@media only screen and (max-width: 767px){.wrap .headline h1 div{font-size:20px;font-weight:300}}@media only screen and (min-width: 768px){.wrap .headline h1 div{font-size:32px;font-weight:300}}.wrap .headline h1 div span{display:block}@media only screen and (min-width: 768px){.wrap .headline h1 div span{text-align:right}}.wrap .logo{width:100%}.wrap .item_container{width:100%;background-color:rgba(255,255,255,0.7);-webkit-border-radius:15px;border-radius:15px}@media only screen and (max-width: 767px){.wrap .item_container{padding-top:20px}}@media only screen and (min-width: 768px){.wrap .item_container{padding-top:25px}}.wrap .item_container h2{width:calc(100% - 30px);margin:0 auto;background-size:contain;background-position:bottom left;line-height:100%;padding:30px 0 7px 40px}.wrap .item_container h2 span{margin-right:0.5em}.wrap .item_container .shinkan{background-image:url(../img/bg_shinkan.png)}.wrap .item_container .shinkan span{color:#D71D3B}.wrap .item_container .kikan{background-image:url(../img/bg_kikan.png)}.wrap .item_container .kikan span{color:#000}.wrap .item_container section{-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:25px}@media only screen and (max-width: 767px){.wrap .item_container section{-moz-box-pack:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}}.wrap .item_container section a{position:relative;overflow:hidden;border:1px solid #ccc;-webkit-border-radius:10px;border-radius:10px}@media only screen and (max-width: 767px){.wrap .item_container section a{margin-top:10px}}@media only screen and (min-width: 768px){.wrap .item_container section a{margin-top:20px}}.wrap .item_container section a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.wrap .item_container section a .spacer{padding-bottom:140%}@media only screen and (max-width: 767px){.wrap .item_container section .grid4{width:148px;margin-left:5px;margin-right:5px}}@media only screen and (min-width: 768px){.wrap .item_container section .grid4{width:calc(25% - 22px);margin-left:10px;margin-right:10px}}@media only screen and (max-width: 767px){.wrap .item_container section .grid6{width:148px;margin-left:5px;margin-right:5px}}@media only screen and (min-width: 768px){.wrap .item_container section .grid6{width:calc(16.66% - 22px);margin-left:10px;margin-right:10px}}@media only screen and (max-width: 767px){.wrap .item_container section .zaikonashi{display:none}}@media only screen and (min-width: 768px){.wrap .item_container section .zaikonashi{cursor:default}}
