@charset "UTF-8";

body{
    background: rgb(255, 255, 255);
    width: 1290px; 
    margin-right: auto;
    margin-left : auto;
    margin-top: 0;
}

main {
    border: solid 0px;          /* 枠線指定 */
    padding: 2px 0px 2px 0px;         /* 余白指定 */
}

a {
	color:#000;
    text-decoration:none; 
}

/** ヘッダー共通　看板　開始 */
.com_header {
    z-index: 9999;
    background: #fff;
    display: flex;
    padding: 0;
    width: 1290px;
}

.com_wrap {
    display:flex;
    flex-flow: column;
    margin:auto;
    width: 1290px;
}

.com_signboard{
    height: 118px;
    overflow: hidden;
    padding-top: 8px;
}

.com_sigb_logo {
	float: left;
    width: 108px;
}

.com_sigb_text {
	float: left;
    width: 528px;
    padding-top: 6px;
    padding-left: 8px;
}

.com_sigb_info {
    float: left;
    width: 50%;
    display: flex;
    flex-direction: column;
}

.com_sigb_info_login {
    display: flex;
    width: 98%;
    justify-content: flex-end;
}

.com_sigb_info_tel {
    display: flex;
    width: 98%;
    justify-content: flex-end;
    font-size: 18px;
    line-height:26px;
    padding-top: 6px;
}
/** ヘッダー共通　看板　開始 */

/** ヘッダー共通　メニュー　開始 */
.com_head_navi {
    background-color: #000000;
    border: 1px solid #dedede;
    border-radius: 4px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
    color: #888888;
    display: block;
    margin: auto;
    overflow: hidden;
    width: 100%;
    z-index:10000;
}

.com_head_navi ul {
    margin: 0;
    padding: 0;
}

.com_head_navi ul li {
    display: inline-block;
    list-style-type: none;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    font-size: 16px;
    padding-right: 10px;
}

.com_head_navi > ul > li > a > .caret {
    border-top: 4px solid #aaaaaa;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    vertical-align: middle;
    -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
}

.com_head_navi > ul > li > a {
    color: #ffffff;
    display: block;
    line-height: 56px;
    padding: 0 10px;
    text-decoration: none;
}
.com_head_navi > ul > li:hover {
    background-color: rgb(218, 60, 65);
}
.com_head_navi > ul > li:hover > a {
    color: rgb( 255, 255, 255 );
}
.com_head_navi > ul > li:hover > a > .caret {
    border-top-color: rgb( 255, 255, 255 );
}
.com_head_navi > ul > li > div {
    background-color: rgb(218, 60, 65);
    border-top: 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
    display: none;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 218px;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
           transition: opacity 0.2s;
}
.com_head_navi > ul > li:hover > div {
    display: block;
    opacity: 1;
    visibility: visible;
}
.com_head_navi > ul > li > div ul > li {
    display: block;
    font-size: 14px;
}
.com_head_navi > ul > li > div ul > li > a {
    color: #ffffff;
    display: block;
    padding: 12px 24px;
    text-decoration: none;
}
.com_head_navi > ul > li > div ul > li:hover > a {
    background-color: rgba( 255, 255, 255, 0.1);
}
/** ヘッダー共通　メニュー　終了 */

/** フッダー共通　メニュー　開始 */
.com-footer {
    background: #333;
    padding: 8px 0;
}

.com_footer_box {
    overflow: hidden;
    padding-left: 60px;
}

.com_footer_box_company {
    float: left;
    width: 400px;
}

.com_footer_box_company_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.com_footer_box_company_box div {
    display: flex;
    justify-content: space-between;
    margin: 6px;
    color: #ffffff;
}

.com_footer_box_center {
    float: left;
    width: 400px;
}

.com_footer_box_center_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.com_footer_box_center_box div {
    display: flex;
    justify-content: space-between;
    margin: 6px;
    color: #ffffff;
}

.com_footer_box_info {
    float: left;
    width: 400px;
}

.com_footer_box_info_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.com_footer_box_info_box div {
    display: flex;
    justify-content: space-between;
    margin: 6px;
    color: #ffffff;
}

.com_footer_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.com_footer_menu li {
    display: block;
    padding: 3px 6px;
    text-decoration: none;
    color: #333;
    text-align: left;
    margin: .2em 0;
    color: #ffffff;
}

.com_footer_menu li a {
    display: block;
    text-decoration: none;
    color: #333;
    text-align: left;
    margin: .2em 0;
    color: #ffffff;
}

.com_footer_menu li a:hover {
    background: #eee;
    color: #333;
}

.com_footer_copyright {
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: rgb(129, 90, 90);
    padding: 8px 0;
}
/** フッダー共通　メニュー　終了 */

/** ヘッダー会員登録ボタン */
.com_head_mb_register_btn {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #000000;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  width: 148px;
  text-align: center;
}

/** トップバナー　開始 */
.top_main_bana001 {
    position: relative;
    width: 1290px;
    height: 400px;
    overflow: hidden;
    z-index: 0;
}

.top_img{
    padding:0;
    overflow:hidden;
    border-top:solid 1px #FFF;
    border-bottom:solid 1px #DFDFDF;
    height: 400px;
    width: 100%;
    padding-top: 0;
}

.top_img img{
    width:1290px;
    height:400px;
    border:solid 1px #CCC;
}

.top_main_bana001 div {
    position: absolute;
    top: 0;
    left: 0;
}

.top_main_bana001 div:nth-of-type(1) {
    animation: top_main_bana001 30s 0s infinite both;
    z-index: 6;
}

.top_main_bana001 div:nth-of-type(2) {
    animation: top_main_bana001 30s 5s infinite both;
    z-index: 5;
}

.top_main_bana001 div:nth-of-type(3) {
    animation: top_main_bana001 30s 10s infinite both;
    z-index: 4;
}

.top_main_bana001 div:nth-of-type(4) {
    animation: top_main_bana001 30s 15s infinite both;
    z-index: 3;
}

.top_main_bana001 div:nth-of-type(5) {
    animation: top_main_bana001 30s 20s infinite both;
    z-index: 2;
}

.top_main_bana001 div:nth-of-type(6) {
    animation: top_main_bana001 30s 25s infinite both;
    z-index: 1;
}

@keyframes top_main_bana001 {
    0% { left: 0; opacity: 0; }
    5% { left: 0; opacity: 1; }
    20% { left: 0; opacity: 1; }
    25% { left: 0; opacity: 0; }
    26% { left: 100%; opacity: 0; }
    100% { left: 100%; opacity: 0; }
}

.top_main_bana001:hover {
    animation-play-state: paused;
}

.top_main_bana001 a {/*aタグを画像の真ん中に*/
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*以下装飾*/
    margin:0;/*余計な隙間を除く*/
    font-size: 18px;/*文字サイズ*/
    border: solid white 2px; /*線で囲う*/
    padding: 7px;/*文字と線の間の余白*/
    color: white;/*文字色*/
    text-decoration: none;/*下線を表示させない*/
    background: gray;
}
  
.top_main_bana001 a:hover{/*カーソルを当てたとき*/
    background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
}
/** トップバナー　終了 */

/** よくある質問　開始 */
#faq_wrap {margin:10px 0 30px}
.faq_caption {
	padding-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap .faq_wrap_li {border:1px solid #ddd;background:#fff;margin:5px 0;}
#faq_wrap .faq_wrap_li .faq_wrap_h3{min-height:30px;line-height:30px;padding:10px;padding-left:50px;position:relative}
#faq_wrap .faq_wrap_li .faq_wrap_h3 .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#333;color:#fff;border-radius:50%;width:30px;height:30px}
#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:50px;position:relative;background: #f7f7f7;}
#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;}
#faq_con .con_closer{text-align:right}
/** よくある質問　終了 */

/** ヘッダーログインボタン */
.com_head_login_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #000000;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    width: 148px;
    text-align: center;
}