@charset "UTF-8";
/*----------------------------------------------------
191203
----------------------------------------------------*/
/*----------------------------------------------------
custom
----------------------------------------------------*/
#index_container { height: 450px; padding: 0; }
#container_warps { position: relative; top: 0; width: 100%; height: 100%; overflow: auto; margin: 0; padding: 0; }
#containers { font-size: 100%; line-height: 140%; background: #fff; width: 100%; float: left; overflow: hidden; margin: 0; padding: 0; display: block; }
#header { background-color: rgba(47,39,25,0.7); position: fixed; width: 100%; top: 0; left: 0; z-index: 998; padding: 0 0 10px 12%; }
#logo { width: 140px; }
#main h1 { overflow: hidden; text-align: center; }
#main h1 span { position: relative; display: inline-block; margin: 3em 2.5em; padding: 0 1em; text-align: left; }
#main h1 span::before,
#main h1 span::after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #2f2719; }
#main h1 span::before { right: 100%; }
#main h1 span::after { left: 100%; }
#task1 { background-image: url(../common/data_img/index_bg_1.jpg); background-size: cover; background-position: 50% 50%; background-repeat: none; width : 100%; height : 400px; }
#task2 { background-image: url(../common/data_img/index_bg_2.jpg); background-size: cover; background-position: 50% 50%; background-repeat: none; width : 100%; height : 400px; }
#task3 { background-image: url(../common/data_img/index_bg_3.jpg); background-size: cover; background-position: 50% 50%; background-repeat: none; width : 100%; height : 400px; }
#task4 { width: 100%; height: 400px; }
#divbox2 { width: 47%; float: left; margin: 0; padding: 0 0 0 3%; display: block; }
#divbox3 { width: 26%; float: left; margin: 0; padding: 0 0 0 1%; display: block; }
.title { padding: 17px 0 12px 20px; }
#page-top { bottom: 60px; }
#page-top a { background-color: #453314; height: 33px; padding: 15px 0 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
#page-top a:hover { color: 453314; background-color: #998b73; }
#footer_warps { background-color: rgba(47,39,25,0.8); }
#footer { height: auto; }