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

* {
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
margin: 0;padding: 0;color:#404040;line-height:1.8em;
}
body {text-align: center;font-size:14px;}
img{vertical-align:bottom;max-width: 100%;height: auto;width:auto;}

/* position */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center}
.f_left, .f_left2{float:left;}
.f_right, .f_right2{float:right;}
.clearfix:after{content: "";display:block;clear:both;}
.w47{width:47%}

/* font */
.white, #fotter li{color:#fff !important}
.bold{font-weight:bold}
.s1_2{font-size:1.2em}

/* backgroud */
.bg_red{background:#e2041b}
.bg_gray{background:#f3f3f3}

/* padding */
.pt6{padding-top:6%}
.pb2{padding-bottom:2%}
.pb4{padding-bottom:4%}
.pl2{padding-left:2%;}
.prl2{padding:0 2%}


/* title */
h2{font-size:1.3em !important;font-weight:bold !important;padding:3% 0 !important;}
h3{color:#fff !important;font-size:1.7em !important;text-align:left !important;font-weight:bold !important;}
h4{font-size:1.1em !important;text-align:left !important;font-weight:bold !important}
h5{font-size:1em !important;text-align:left !important;font-weight:bold !important;
padding:1% !important;background:#f5f5f5 !important;border-left:5px solid #e2041b !important;
border-right:1px solid #d7d7d7 !important;border-top:1px solid #d7d7d7 !important;border-bottom:1px solid #d7d7d7 !important}

/* ----------- common ----------- */
.wrapper{max-width:960px;margin:0 auto;}
.block2{padding:4% 0}

/* ----------- style ----------- */

/* nav */
.pc_nav{position:fixed;background:#fff;width:100%;}

/* link */
.menu a{text-decoration:none;}
.nav_list:hover{background:#e2041b;}
.nav_list a:hover, .nav_mail a{color:#fff;}
.nav_mail:hover, .nav_list2:hover, .f_right.news_list.white.bold:hover, #fotter a:hover{text-decoration:underline;}
.f_right.news_list.white.bold a, #fotter a{color:#fff;text-decoration:none}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}


/* catch */
#catch_bg{background:url(../images/catch_bg.jpg) center top;height:476px}

/* sub page top title */
.heading{background: linear-gradient(-135deg, #b60c00, #2b0001);}
.pc_headding{padding-top:147px}

/* pagination */
#pagination{background:#fafafa;padding: 10px; 0}

/* line */
.line{border-bottom:1px solid #ccc;width:200px;margin: 0 auto;}

/* company */
.disc li{list-style-type:disc;list-style-position:inside}
table.tableStyle{width:100%}
.tableStyle th {width: 30%;padding: 3%;background: #f8f8f8;border: 1px solid #eee;}
.tableStyle td {width: 70%;padding: 3%;border: 1px solid #eee;}

/* news */
.news_list{padding:1px 2%;border:1px solid #fff;border-radius:35px}
.news_gray{color:#8f8f8f;font-size:0.8em;position: relative;z-index: -1;}
.news_gray:after{width:20px;content: "";border-bottom: 1px solid #e2041b;
position: absolute;top:0;left: 0;right: 0;bottom: -2px;margin:auto;}

/* sub title */
.subTitle{background:#e2041b;padding:1% 3%;border-radius:35px;}

/* recruit */
.w6{width:6%;text-align:center}
.underLine{border-bottom:1px solid #cdcdcd}
.recruit_p{padding:5% 0 2%}

/* colum */
.bg_gray_img{background:url(../images/bg_gray.jpg) no-repeat center bottom #f3f3f3;}
.bg_img{background:url(../images/bg_gray_inner.jpg) no-repeat center bottom}
.bg_white_img{background:url(../images/bg_content_all.jpg) no-repeat center bottom}
.bg_white_inner{background:url(../images/bg_content.jpg) no-repeat center bottom}
.columnLink{width:60%;background:#797979;margin:0 auto;}
.columnLink a{color:#fff;display:block}.columnLink a:hover{color:#fff;background:#e2041b;}

/* お知らせ */
.right a{text-decoration:none}
.releaseList{background:#e2041b;padding:2px 1%;color:#fff;font-weight:bold}
.release li{border-bottom:1px solid #ccc;padding-bottom:5px}
.release_p{padding-bottom:40%}

/* common info(bottom) */
.info_bg{background:#f7f7f7}

/* footer */
#fotter, #fotter p{background:#797979;color:#fff}
.fotterList li:first-child {font-weight: bold;padding-bottom: 4px;}

/* pc */
@media screen and (min-width:771px) {
/* common */
.block{padding:7% 0}
.block_sp, i.fas.fa-angle-double-right{display:none !important}

/* font */
.s1_3{font-size:2em}

/* padding */
.ptb2{padding:10px 0;}	

/* nav */
.p_pc{padding-top:101px}#menu{display:block}
.f_right2 ul#menu{float:left}
#nav{font-weight:bold;background:#fff;height:auto;}
.home_color{color:#9b9b9b}
.menu li {height:101px;display: table-cell;vertical-align: middle;list-style: none;}
.nav_list, .nav_list2{width:100px;}

/* link */
.submenu p a:hover{color: #000;text-decoration: underline;}
li.submenu a:hover{background:#ccc;}
.submenu p {background: #fff;padding:5%;}

/* nav link style */
ul.menu {width: 100%;margin: 0 auto;position: relative;z-index: 9999;text-align: center;}
li.nav_list > div {position: absolute;visibility: hidden;opacity: 0;top: 101px;height:10px}
li.nav_list:hover > div {visibility: visible;transition: .5s;opacity: 1;height:5px}
.submenu {background: #fff;color:#404040;border-top:6px solid #e2041b;width: 200px;} 
.submenu p:last-child{border-bottom:1px solid #f7f7f7;}
.submenu p{border-left:1px solid #f7f7f7;border-right:1px solid #f7f7f7;}
.nav_mail{background:#dd0319;color:#fff !important;}

/* colum */
.column{width:calc(94% / 4);float:left;}
.column2{width:calc(96% / 3);float:left;}.column img, .column2 img{width:100%}
.columnBlock{padding:4% 2% 7%;background:#fff;box-sizing: border-box;
    box-shadow: -1px -1px 4px -1px #ccc inset;border-left: 1px solid #f3f3f3;}

/* fotter */
#fotter .f_left {padding-right: 8%;}
}


/* sp */
@media screen and (max-width:960px) {
/* bg */#catch_bg{background-image:none;height:auto}}
@media screen and (max-width:770px) {
/* common */
.none{display:none !important}
.block_sp{display:block}
.block {padding: 7% 4%;}.block2 {padding: 4% 2%;}
.bg_red{padding:0 4%}
.p_pc {padding-top: 13%;}

/* font */
.s1_3{font-size:1.3em}

/* padding */
.ptb2{padding:2% 0}

/* position */
.f_left.w47, .f_right.w47{width:100%;float:none;padding-bottom:6%}

/* nav */
.f_left2{width:12%;}.f_right2{width:88%;}#nav{padding:1%}
ul.menu.active a:fast-child{pointer-events: none;}
li.nav_list {border-top: 1px solid #f8f8f8;}
.submenu p {border-top: 1px dotted #f8f8f8;width:96%;margin:0 auto;}

/* link */
.submenu p a:hover{background:#e2041b;display:block;}
ul.menu.active a {text-align: left;padding: 3% 6%;display: block;}
li.nav_list2 a:hover, .submenu a:hover{background:#dd0319;color: #fff;}

/* column */
.column2, .column{border: 1px solid #ccc;margin-bottom: 1%;background:#fff}
.column2:after, .column:after, .clearfixSp:after{content: "";display:block;clear:both;}
.column2 img, .column img{float:left;width:26%;}
.columnBlock{float:right;width:65%;text-align: left;}
.column2.prl2, .column.prl2, .column.pl2 {padding: 0;}

/* new */
ul.left.release li:not(:first-child) {padding-top: 3%;}
p.f_left.white.bold {text-align: left;}
p.f_right.news_list.white.bold {margin-top: 1.8%;}

/* recruite */
.f_left.w47.recruit> img, .f_right.w47.recruit > img{width: 100%;}

/* fotter */
.sp_fotter{width:100%;text-align:center}
.sp_fotter span{display:none}
.floatNoneSP{float:none}
.spLeft{float:left;width:46%}.spRight{float:right;width:46%}
.clearfixSp {padding: 0 6%;font-size: 1.1em;}
#fotter li {padding-bottom: 2%;}
}
@media screen and (min-width:501px) {.block_sp_catch{display:none !important}.none_pc{display:block !important;}}
@media screen and (max-width:500px) {.p_pc {padding-top: 23%;}
	.clearfixSp {padding: 0 3%;font-size: 1.1em;}.block_sp_catch{display:block !important;}.none_pc{display:none !important}
	h3{color:#fff !important;font-size:1.4em !important;text-align:left !important;font-weight:bold !important;}
	.menu.active {margin-top: 22% !important}.f_left2 {width: 23%;}
	}