@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* common */
* {font-family:'Sawarabi Mincho',sans-serif;}
body {font-family:'Sawarabi Mincho',sans-serif;}
a:hover {color:#e40011 !important;}
button:hover {opacity:0.6;}

/* breadCrumb */
.top-menu-title p{color:#1d2027;}

/* box */
.box {
  font-size: 15px;
  line-height: 1.5;
  text-align:justify;
  font-weight: 200;
  color: #222;
}

.box1 {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  padding: 8px;
  margin-bottom: 20px;
  color: #333;
  border-bottom: 1px solid #ccc;
  border-top: 2px solid #e40011;
}

.box2 {
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  color: #fff;
  background: #e40011;
}

.box3 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  padding: 5px 13px;
  margin-bottom: 20px;
  color: #222;
  border-left: 5px solid #e40011;
}

.box4 {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
  padding: 15px;
  margin-bottom: 20px;
  background: #f3f3f3;
  color: #555;
}

.box5 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  padding: 12px 15px;
  margin-bottom: 20px;
  background: #ececec;
  border-left: 8px solid #e40011;
  color: #111;
}

/* sub_table */
.s_table01, .s_table02, .s_table03, .s_table04, .s_table05 {
  width: 100%;
  overflow: hidden;
}

.s_table01 th, .s_table01 td {
  border-width: 1px 0;
  border-style: solid;
  border-color: #d0d4d9;
}

.s_table01 th {
  font-size: 16px;
  font-weight: 500;
  padding: 8px 12px;   
  background: #f5f7f9;
}

.s_table01 td {
  font-size: 14px;
  font-weight: 300;
  vertical-align: middle;
  padding: 8px 10px;
  background: #fff;
}

.s_table02 th {
  font-size: 16px;
  text-align: center;   
  padding: 8px 10px;
  color: #fff;
  border: 3px solid #fff;
  background: #960000;    
}

.s_table02 td {
  font-size: 16px;
  text-align: center;    
  padding: 8px 10px;
  border: 1px solid #e8e8e8;
  color: #960000;
}

.s_table03 th {
  font-size: 16px;
  font-weight: 500;    
  padding: 8px 5px;
  border-bottom: 1px dotted #ccc;
  color: #960000;
}

.s_table03 td {
  font-size: 14px;
  font-weight: 300;
  padding: 8px 10px;
  border-bottom: 1px dotted #ccc;
  color: #555;
}

.s_table04 {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.s_table04 th {
  font-size: 15px;
  border-bottom: 1px dashed #ccc;
  padding: 8px 10px;
}

.s_table04 td {
  font-size: 15px;
  text-align: right;   
  padding: 8px 10px;
  border-bottom: 1px dashed #ccc;
  color: #ee3524;
}

.s_table05 {
  border-bottom: solid 1px #e4e4e4;
}

.s_table05 th {
  font-size: 15px;
  padding: 8px 12px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #e4e4e4;
  background: #f8f8f8;
}

.s_table05 td {
  font-size: 14px;
  font-weight:300;
  padding: 8px 12px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #e4e4e4;
}
/* button */
.btn01 {font-size:16px;color: #fff;background:#1d2027;font-weight: 400; width:173px;margin:0 auto;border:0px; border-radius:50px;padding: 10px 0px;overflow: hidden;}
.btn02 {font-size:16px;color: #fff;background:#1d2027;font-weight: 400; width:173px;margin:0 auto;border:1px solid #fff;border-radius:50px;padding: 10px 0px;overflow: hidden;}

/* m_titbox */
.m_titbox {width:100%;margin:100px auto 40px auto;}
.m_titbox-type {width:120px;margin:0 auto;text-align:center;font-size:30px;overflow:hidden;border-bottom:2px solid #e40011;}
.m_titbox-type_w {width:300px;margin:0 auto;text-align:center;font-size:25px;overflow:hidden;border-bottom:1px solid #e40011;color:#fff;}

/*Board*/
.Board .m_titbox-type {width:120px;border-bottom:2px solid #999;}

/*Board mod_article01*/
.mod_article01 .time {color:#fff;background:#e40011;}
.mod_article01 .tit {color:#000;;}

/*Board mod_article02*/
.mod_article02 .time {;color:#fff;background:#e40011;}
.mod_article02 .tit {color:#000;}
.mod_article02 .txt {color:#999;}

/*Board mod_article03*/
.mod_article03 .time {color:#fff;background:#e40011;}
.mod_article03 .tit {color:#000;}
.mod_article03 .txt {color:#999;}

/* PC [ 769px ~ ] */
@media all and (min-width:769px),(max-width:1200px) {

  /* header for nav */
  .P-nav-logo {padding:30px 20px 10px 20px;font-size:30px;line-height:46px;z-index:999;color:#777;}
  .P-nav-logo img {width:170px;}

  /* Nav links */
  .P-nav-item {position:relative;display:inline-block;padding:30px 20px 20px 20px;font-weight:500;color:#111;display:table-cell;vertical-align:middle;}
  .P-nav-item:hover,.P-nav-item:focus {color:#000;text-decoration:none;}

  /* main _ slide */
  .main-slide-text {position:relative;width:1280px;margin:0 auto;text-align:center;z-index:1;}
  .main-slide-text .visual-text {position:absolute;width:100%;margin:auto;padding-top:180px;color:#fff;}
  .main-slider {width:100%;overflow:hidden;}
  .main-slider li {position:relative;width:100%;height:530px;overflow:hidden;background-size:100% auto;}

  /* main _ contents */
  .P-contents {width:100%;position:relative;display:block;}
  section {width:100%;margin:0px auto 100px auto;overflow:hidden;}

  /*section_01*/
  .section_01 {}
  .section_01 p {text-align:center;}
  .section_01 .tit_04 {margin-bottom:40px;}

  /*section_02*/
  .section_02 {width:100%;background:#f8f8f8;padding-bottom:100px;margin:0px !important;}
  .section_02  p {text-align:center;}

  .business_content {width:100%;max-width:1200px;overflow:hidden;margin-bottom:30px;}
  .bus_box {width:23.1%;margin-right:30px;float:left;}
  .bus_box:last-child {margin-right:0;}

  .bus_view {width:100%;height:150px;position:relative;overflow:hidden;float:left;}
  .bus_view img {width:100%;}
  .bus_cover {position:relative}
  .bus_cover img {width:100%}
  .bus_bg {position:absolute;top:0;background-position:center center;background-size:100% auto;width:100%;}

  .bus_txt {width:100%;background:#fff;overflow: hidden;padding: 10px 5px 30px 5px;}
  .bus_txt .tit_05 {padding:15px;font-weight:300;color:#888;font-size:15px;}
  .bus_txt .tit_05 span {font-weight:bold;color:#000;font-size:20px;}

  /*section_03*/
  .section_03 {width:100%;background:#1d2027;padding-bottom:80px;position:relative;margin:0px !important;}
  .section_03 p {text-align:center;}
  .career_bg {position:absolute;top:0;left:0;}

  .career_content {width:100%;max-width:450px;float:right;position:relative;z-index:2;}
  .career_content .tit_04 {color:#fff;margin-bottom:30px;}

  /*SNS_link*/
  .call_box {width:100%;margin:30px auto;float:left;}
  .call_txt {width:290px;height:70px;margin:0px auto 20px auto;}

  .sns_content .sns_box {width:200px;margin:30px auto;float:right;display:none;}
  .sns_content .sns_box a:nth-child(1) {background:#00a0e9;}
  .sns_content .sns_box a:nth-child(2) {background:#80d7ff;}
  .sns_content .sns_box a:nth-child(3) {background:#ced5d8;margin-right:0;}
}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {	

  /* header for nav */
  .P-nav-logo {padding:18px 0 18px 20px;font-size:24px;line-height:33px;}
  #btn-top-menu {width:38px;float:right;padding-top:27px;margin-right:15px;}

  /* main _ slide */
  .main-slider {width:100%;display:none;}
  .main-slide-text {position:relative;width:100%;margin:auto;text-align:center;z-index:1;top:0;}
  .main-slide-text .visual-text {position:absolute;padding:0 20px;padding-top:130px;}
  .main-slide-text .visual-text img {width:92%;margin:auto;}
  .wrap ul.slides{width:100%;overflow:hidden;}
  .wrap ul.slides li{position:relative;width:100%;height:350px;overflow:hidden;background-size:100% auto;background-position:center center;}

  /*section_01*/
  .section_01 {}
  .section_01 p {}
  .section_01 .tit_04 {}

  /*section_02*/
  .section_02 {}
  .section_02  p {}

  .business_content {width:100%;}
  .bus_box {width:50%;margin:0px 0 20px 0;padding: 0px 10px;}
  .bus_box:last-child {}
  .bus_view {width:100%;height:100%;}

  /*section_03*/
  .section_03 {width:100%;padding-bottom:80px;position:relative;margin:0px !important;}
  .section_03 p {text-align:center;}
  .career_bg {position:absolute;top:0;left:0;}

  .career_content {max-width:100%;float:none;}
  .career_content .tit_04 {}

  /*SNS_link*/
  .SNS_link {width:100%;height:230px  !important;}
  .sns_content {width:300px !important;margin:0 auto;}

  .call_box {width:270px;margin:30px auto;overflow: hidden;float:none;}
  .call_txt {width:270px;height:70px;margin-bottom:20px;}
  .call_txt .ct_02 {width:220px;padding-top:13px;}
  .call_txt .ct_02 .tit_05 {color:#162139;line-height:15px;}
  .call_box .tit_04 {text-align:center;}

  .sns_content .sns_box {margin:30px auto;float:none;}
  .sns_content .sns_box a {float:left;}
}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {	 
  /* sub_table */
  .s_table01 th, .s_table02 th, .s_table03 th {width:auto;display:block;padding:10px 13px;}
  .s_table01 td, .s_table02 td, .s_table03 td {width:auto;display:block;padding:10px 13px;}

  .bus_box {width:100%;}

}

/* mobile [0 ~ 320px] */
@media all and (max-width:320px) {	   

}


/* Sub : box01_content 50% ---------------------*/
.box01_content {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 40px auto;
}

.box01_left {
  float: left;
  margin-right: 2%;
}

.box01_right {
  float: right;
}

@media all and (max-width: 480px) {
  .box01_left {
    width: 100% !important;
    float: left;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .box01_right {
    width: 100% !important;
    float: left;
  }
}

/* Sub : photobox 50% ---------------------------*/
.photobox {
  width: 100%;
  overflow: hidden;
}

.photobox ul li {
  width: 50%;
  float: left;
  padding: 1%;
  transition: all .5s;
}

.phot03 ul li {
  width: 33.3%;
}

.phot04 ul li {
  width: 25%;
}

.phot05 ul li {
  width: 20%;
}

@media all and (max-width: 768px) {
  .photobox ul li {
    width: 50%;
  }

  .phot03 ul li {
    width: 33.3%;
  }
}

@media all and (max-width: 480px) {
  .photobox ul li {
    width: 100%;
  }
}

/* Sub : text css ---------------------------------*/
.t_st01 {
  font-size: 22px;
}

@media all and (max-width: 480px) {
  .t_st01, .t_st02 {
    font-size: 18px;
  }
}