@charset "utf-8";

html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important; color: #444;font-size: 14px;line-height:25px;background:#f1f1f1;-webkit-font-smoothing: antialiased; overflow-x:hidden; }
a{color:#444; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#154897}
ol,ul,li{list-style:none}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

img{ border:none;}
input{-webkit-appearance: none ;}
.section{ padding:100px 0;}

#container{ width:94%; max-width:1200px; margin:0 auto; }
#container #header{ padding:30px 0 40px 0; margin:0 auto; text-align:center}
#container #header .title{ padding:20px 0; line-height:45px; font-size:32px; color:#000;}
#container #header .explain{ max-width:920px; margin:0 auto;}

#search{ padding:40px; background:#fff; border-radius:20px;}
#search form{ display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center; }
#search .contact{ display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
#search .item{ margin-right:3%}
#search .item:nth-child(3){ margin-right:0%}
#search .item select{ line-height:30px;height:30px; margin:5px 10px; padding:0 5px;}
#search .item label{ font-weight:bold; }
.zhu{ text-align:center;}
.right{ text-align:right}

#search .item:nth-child(3) { width:160px;height:40px; background:#eb0f0f;color:#fff; transition: 0.5s;  position:relative; border:none;padding-right:40px; border-radius:28px; overflow:hidden; }
#search .item:nth-child(3) input{ width:100%; display:block; cursor:pointer; color:#fff;line-height:40px; height:40px;  border:none; background:none;}
#search .item:nth-child(3):after{ position:absolute; content:""; left:70%; top:50%; margin-top:-9px; width:18px; height:18px; border-radius:50%; background:#eb0f0f;}
#search .item:nth-child(3):after{ background:url(../images/jt.png) #fff no-repeat right center; background-size:auto 18px; -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
#search .item:nth-child(3):hover:after{background:url(../images/jt.png) #fff no-repeat left center; background-size:auto 18px;}

#search .contact{margin-top:25px;}
#search .contact .item{ padding:10px 10px 10px 70px; border-radius:10px; border:solid 1px #ccc; min-width:360px;transition: 0.5s;}
#search .contact .item:hover{ border-radius:15px;}
#search .contact .item{ color:#fff; display:block;}
#search .contact .item:nth-child(1){background:url(../images/cicon001.png) #eb0f0f no-repeat 25px center; opacity:0.5}
#search .contact .item:nth-child(2){background:url(../images/cicon002.png) #eb0f0f no-repeat 25px center; opacity:0.5; margin-right:0;}
#search .contact .item:nth-child(1):hover{background:url(../images/cicon001.png) #eb0f0f no-repeat 25px center; opacity:1}
#search .contact .item:nth-child(2):hover{background:url(../images/cicon002.png) #eb0f0f no-repeat 25px center; opacity:1}

#main{padding:25px 50px; background:#fff; border-radius:20px; margin-top:5px; margin-bottom:65px;}
#main .item{ margin-top:40px;}
#main h2{ font-size:22px; font-weight:bold; border-bottom:solid 1px #ccc;}
#main h2 span{ position:relative;background:url(../images/abicon02.png) no-repeat 10px 5px; background-size:15px auto; display:inline-block;line-height:20px; padding:5px 0 15px 45px;}
#main h2 span:after{ content:""; width:40px; height:1px; background:#eb0f0f; position:absolute; left:0; bottom:-1px}
#main .item .content img{ width:30%; float:left; margin-top:4%}
#main .item .content .detail{ width:66%; float:right; padding:30px 0;}
#main .item .content .detail table{ border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0; margin:0}
#main .item .content .detail td{ border-right:solid 1px #ccc; border-top:solid 1px #ccc; padding:8px 0 8px 10px;}
#main .item .content .detail th{border-right:solid 1px #ccc; border-top:solid 1px #ccc; padding:8px 0 8px 10px; background:#f1f1f1; text-align:left; }
#main .item .content .detail th div{ display:inline-block; padding-right:20px; position:relative;}
#main .item .content .detail th div div{ padding-right:0}
#main .item .content .detail th div .aq{ position:absolute; display:block; top:50%; right:0; margin-top:-7px; width:16px; height:16px; background:url(../images/aq.png) no-repeat center center; background-size:16px auto;}
#main .item .content .detail tr:first-child td:nth-child(2){ background:#fffdce; color:#ec9234; font-weight:bold }

.red{ color:#f00;}

#main .item .content .detail tr .sub{ position:fixed; background:#fff; font-weight:normal; width:94%; max-width:460px; height:auto; top:50%;   left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);  color:#666; z-index:99; display:none;}
.bg{ position:fixed; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98; display:none}
.bg.cur{ display:block !important;}
#main .item .content .detail tr .sub .closed{ width:20px; cursor: pointer;  height:20px; display:block; background:url(../images/close.png) no-repeat center / cover; position:fixed; right:20px; top:20px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 9999;}
#main .item .content .detail tr .sub .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
#main .item .content .detail tr .sub .inconn{margin:30px 30px 50px 30px; max-height:70vh;overflow-y:auto; }
#main .item .content .detail tr .sub .inconn img{ display:block; width:100%; margin:30px 0;}
#main .item .content .detail tr .sub .inconn .list{ margin-top:30px; width:100%} 
#main .item .content .detail tr .sub .inconn .list p{ line-height:40px; border-bottom:solid 1px #ccc; display:block; width:100%; background:url(../images/link.png) no-repeat right center; background-size:18px auto;}
#main .item .content .detail tr .sub .inconn .list a{ color:#006fdc; display:inline-block; }
#main .item .content .detail .tuzhan a{ padding:0px 12px; line-height:25px; height:25px; border:solid 1px #eb0f0f; color:#eb0f0f; margin-right:5px; border-radius:3px; display: inline-block; }
#main .item .content .detail .tuzhan a:hover{ color:#fff; background:#eb0f0f; }