@charset "utf-8";
/* CSS Document */




#mainv{width: 100%; margin-bottom: 60px; text-align:center;}
#mainv img{width: 100%; max-width: 1600px;}

#news{width: 1000px; margin: 0 auto 60px auto; position: relative;}
#news #title{font-weight: bold; font-size: 25px; margin-bottom: 30px; line-height: 40px; height: 40px;}
#news #title img{margin-right: 10px; vertical-align: middle;}
#news dl{width: 100%;}
#news dt{padding-bottom:10px;width:150px; display:block; float:left;}
#news dd{margin-bottom:10px; padding-bottom:10px; padding-left:150px; border-bottom: 1px solid #b3b3b3;}
#news #ichiran{position: absolute; top: 0; right: 0;}
#news #ichiran img{}

#menu{width: 100%; margin: 0 auto 60px auto; text-align: center; background:linear-gradient(90deg,#08B6FF 0%,#08B6FF 50%,#08D808 50%,#08D808 100%); padding: 0;}
#menu #area{width: 1100px; margin: 0 auto;}
#menu #area img{width: 50%; margin: 0; vertical-align: bottom;}

#con{width: 1000px; margin: 0 auto 60px auto;}
#con table{width: 100%; margin-bottom: 40px;}
#con td.con01{width: 600px; vertical-align: top;}
#con td.con01 img{width: 100%;}
#con td.con02{width: 400px; padding-top: 60px; position: relative; vertical-align: top;}
#con td.con02 img{position: absolute; right: 0; bottom: 30px;}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:1100px) {

#news{width: 95%;}

#menu #area{width: 100%; margin: 0 auto;}

#con{width: 100%;}
#con table{width: 95%; margin: 0 auto 40px auto;}
#con td.con01{width: 50%;}
#con td.con02{width: 50%;}

}




/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
#mainv{width: 100%; margin-bottom: 50px;}

#news{width: 95%; margin: 0 auto 40px auto;}
#news #title{font-size: 20px; margin-bottom: 30px;}
#news #title img{margin-right: 3px; vertical-align: middle; width: 40px;}
#news dt{width:100%; display:block; float:none;}
#news dd{padding-left:0px;}
#news #ichiran{top: 10px; right: 0;}
#news #ichiran img{width: 100px;}

#menu{width: 100%; margin: 0 auto 40px auto;}
#menu #area{width: 100%; margin: 0 auto;}

#con{width: 100%;}
#con table{width: 95%; margin: 0 auto 40px auto;}
#con td.con01{width: 50%;}
#con td.con02{width: 50%; padding-top: 0px;}
#con td.con02 img{width: 100px; bottom: 10px;}

}