@charset "UTF-8";
/* CSS Document */
#greeting01{width:920px; margin:0 auto 50px; max-width:100%;}
#greeting01 .boxl{width:40.76%; float:left;}
#greeting01 .boxr{width:55.54%; float:right; display:table; height:158px;margin-top:50px;}
#greeting01 .boxr p{display:table-cell; vertical-align:middle;}
#greeting01 .boximg{float:left; width:42.5%; display:table; height:158px;}
#greeting01 .boximg p{display:table-cell; vertical-align:middle;}
#greeting01 .boxcont{float:right; width:54%; display:table; height:158px;}
#greeting01 .boxcont .inner{display:table-cell; vertical-align:middle;}
#greeting01 .txt01{font-size:0.875em; border-bottom:1px dotted #656565; padding-bottom:3px; margin-bottom:4px;}
#greeting01 .txt02{line-height:1.4; margin-bottom:4px;text-align:center;}
#greeting01 .txt03{font-size:1.5em; font-weight:bold; line-height:1.2;text-align:center;}

#greeting02{background:#f4f3e9; width:1500px; margin:0 auto 100px; max-width:100%;}
#greeting02 .boxcont{width:54%; float:left;}
#greeting02 .boxcont .inner{width:630px; float:right; padding-right:60px;}
#greeting02 .boximg{width:46%; float:right;}
#greeting02 .img{padding:0 21.545%;}

#history{margin-bottom:30px;}
#history table{width:100%; border:1px solid #bab9b0;}
#history th{background:#f4f3e9; width:185px; border-right:1px solid #bab9b0;}
#history th, #history td{padding:15px 20px; border-bottom:1px solid #bab9b0;}
#greeting03 li{width:31.746%; margin-right:2.381%; float:left;}
#greeting03 li:last-child{margin-right:0;}

/*add 2016-09-22*/
#greeting02{ margin:0 auto;}
#greeting01{ width:748px;}
#greeting01 .boxcont{ width:100%;}
#greeting01 .boxl{ width:27.13903743315508%;}
#greeting01 .boxr{ width:68.31550802139037%;}


/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1280px){
#greeting02 .boxcont .inner{width:auto; padding:0 10px;}
}

@media only screen and (max-width:960px){
#greeting01 .boxl{width:100%; float:none; margin-bottom:20px;}
#greeting01 .boxr{width:100%; height:auto; float:none;margin-top:0px;}
#greeting01 .boximg{width:158px; margin-right:20px;}
#greeting01 .boxcont{float:left;}

#greeting02 .boxcont{width:100%; float:none; padding:0 !important;}
#greeting02 .boximg{width:100%; float:none; text-align:center;}
#greeting02 .img{padding:0; text-align:center;}
#greeting02 .boxcont .inner{padding:20px 10px 0;}

/*add 2016-09-22*/
#greeting01{ width:100%;}
#greeting01 .boxcont{ width:54%}
#greeting02 .boxcont .inner{ margin-bottom:20px;}
}

@media only screen and (max-width:480px){
#greeting01 .boximg{width:35%; margin-right:3%;}
#greeting01 .boxcont{width:62%;}

#history table{border-bottom:0;}
#history table, #history tbody, #history tr, #history th, #history td{display:block; width:100%; box-sizing:border-box;}
#history th{border-right:0;}
#history th, #history td{padding:10px 10px;}

#greeting03 li{width:100%; text-align:center; float:none; margin:0 0 10px;}
}

@media only screen and (max-width:375px){
#greeting01{margin-bottom:30px;}
#greeting01 .boxl{margin-bottom:0;}
#greeting01 .boximg, #greeting01 .boxcont{height:140px;}
}