@charset "utf-8";
/*************************************************
 top.css
**************************************************/
.top_section { padding: 20px 0;}
.top_section.sec_01{padding-top:0;}
.top_section.banner{background:#FFF;padding:100px 0;}

.text_banner { padding: 0;}
.text_banner ul { margin: 0 0 1.5em; padding: 0;}
.text_banner li { margin-top: 1.5em;width: 23%;float:left;margin: 0.8em 1%;}
.text_banner a { position: relative; display: block; padding: 1.5em 2em 1.5em 1.5em;background:#f0f0f0;}
.text_banner a:before { position: absolute; display: block; content: ""; top: 0.9em; bottom: 0.9em; left: 0.5em; width: 0.25em; background: linear-gradient(#FFF, #FFF 50%, #CCC 50%, #CCC);}
.text_banner a:hover,
.text_banner a:focus{background-color:#EDEEF1;background-position:right 0.7em center;}

.top_section .left{width:70%;margin:0;padding:0;float:left;}
.top_section .right{width:29%;margin:0;padding:0;float:right;}
.top_section .right ul li{margin-bottom:.5em;}
.iframewrap{margin:0 auto;width:93.33333%;max-width:560px;}
.iframewrap .inner{position:relative;width:100%;padding:60% 0 0;}
.iframewrap .inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.news dt{float:none;width: auot;width: auto;padding: .5em 0 0 0;}
.news dd{padding-left:0;padding: 0 0 .7em 0;}
.more a{display:block;background:#EBEDEF;padding:1em;border-radius:1.8em;width: 16em;text-align: center;margin: 0 auto;text-decoration:none;}

/*************************************************
 レスポンシブ　1024 + 20 
**************************************************/
@media screen and (max-width:1244px) {
.top_section { padding: 20px 2%;}
.top_section .left,
.top_section .right{padding-bottom:10px;width:auto;float:none;}
.top_section.banner{padding:60px 0 50px;}
}


/*************************************************
 レスポンシブ　560 + 20 
**************************************************/
@media screen and (max-width:580px) {
.top_section.banner{padding:30px 0 20px;}

}