/*common*/
/*------------------------------------------------------------------------------*/

.img100_none img {
  width: auto !important;
  height: auto !important;
}

.line_top {
  width: 100%;
  display: block;
  height: 25px;
  background: url(../image/common/tit_01.jpg) no-repeat left top;
}

.line_box {
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}

.txt_mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/**/
.section_in {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.right_img {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

.tit {
  font-size: 120%;
  margin-bottom: 10px;
}

.bg01 {
  background: url(../image/common/bg01.jpg);
  padding: 30px;
}

.bg02 {
  background: #8cc700;
  color: #fff;
}
.bg03 {
  background: #d45492;
  color: #fff;
}
.bg04 {
  background: #ff8000;
  color: #fff;
}

.bg05 {
  background: #e5f4fb;
  padding: 20px;
}

.bg05 .tit {
  color: #0098d8;
}

.bg06 {
  background: #ecf3e5;
  padding: 20px;
}
.bg06 .tit {
  color: #468c00;
}

.bg07 {
  background: #f9e9f1;
  padding: 20px;
}
.bg07 .tit {
  color: #c72573;
}

.bg08 {
  background: #fff2e5;
  padding: 20px;
}
.bg08 .tit {
  color: #ff7f00;
}

.box2_in {
  width: 90%;
  margin: 0px auto;
}

.box2_in_left {
  width: 95%;
  margin: 0px;
  margin-left: 5%;
}

@media only screen and (max-width: 690px) {
  .bg01 {
    padding: 15px;
  }

  .right_img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
  }

  .right_img img {
    width: 100%;
    height: auto;
  }

  .pt50 {
    padding-top: 20px;
  }

  .box2_in_left {
    width: 90%;
    margin: 0px auto;
    padding-bottom: 10px;
  }
}

.common_left {
  width: 49%;
  float: left;
}
.common_right {
  width: 49%;
  float: right;
}

.common_ti_left {
  width: 34%;
  float: left;
}
.common_ti_right {
  width: 62%;
  float: right;
}
.common_ti_left img,
.common_ti_right img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 690px) {
  .common_left img,
  .common_right img {
    width: 100%;
    height: auto;
  }

  .no_float .common_ti_left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .no_float .common_ti_right {
    width: 100%;
    float: none;
  }

  .no_float .box2_left {
    margin-bottom: 10px;
  }
}

.img100 img {
  width: 100%;
  height: auto;
}

.txt_c_sph {
  text-align: center;
}

@media only screen and (max-width: 690px) {
  .img100_sp img {
    width: 100%;
    height: auto;
  }

  .txt_c_sph {
    text-align: left;
  }
}

.common_box {
  display: block;
  background: url(../image/common/bg03.jpg);
  padding: 10px 10px 0px;
}

.common_box li {
  background: #fff;
  padding: 5px;
  margin-bottom: 10px;
}

.common_box li a {
  color: #f97a2b;
}

.common_box li img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 690px) {
  .common_box li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.common_box01 {
  background: #eaf5f7;
  padding: 20px;
}

.common_box02 {
  background: #f9eae9;
  padding: 20px;
}

.common_box02 .subtitle04 {
  color: #c7332c;
}

.common_box02 .subtitle06 {
  font-size: 130%;
  background: url(../image/common/tit_06.png) no-repeat 5px center #c7332c;
  padding: 5px 5px 5px 25px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
}

.common_btn {
  width: auto;
  display: table;
}

.common_btn a {
  display: block;
  background: url(../image/common/arr02.png) no-repeat 90% center #000;
  text-align: center;
  padding: 10px 15% 10px 15%;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common_btn:hover {
  opacity: 0.7;
}
.common_btn a:hover {
  opacity: 1;
}

@media only screen and (min-width: 691px) and (max-width: 980px) {
}

@media only screen and (max-width: 690px) {
  .common_btn {
    margin: 0px auto;
  }
}
.common_btn01 {
  width: auto;
  display: table;
}

.common_btn01 a {
  display: block;
  background: url(../image/common/arr02.png) no-repeat 90% center #006bac;
  text-align: center;
  padding: 10px 15% 10px 15%;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common_btn01:hover {
  opacity: 0.7;
}

.common_btn01 a:hover {
  opacity: 1;
}

@media only screen and (max-width: 690px) {
  .common_btn01 {
    margin: 0px auto;
  }
}

.common_btn02 {
  display: block;
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}

.common_btn02 a {
  color: #000;
  display: block;
  background: url(../image/common/arr03.png) no-repeat right center;
  padding-right: 10px;
}

.common_btn03 {
  width: 100%;
  margin-top: 20px;
  clear: both;
}

.common_btn03 a {
  width: auto;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  background-size: cover;
  padding: 30px 10px;
  color: #333;
  font-size: 140%;
  display: block;
  text-align: center;
}

.common_btn03 a:after {
  content: "";
  width: auto;
  background: url(../image/common/arr07.png) no-repeat right center;
  padding: 9px 15px;
}
.common_btn03 a:hover {
  opacity: 0.7;
}

.common_ul {
  width: 100%;
}

.common_ul li {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.common_ul li:before {
  content: "●";
  color: #1f3f85;
  padding-right: 5px;
  position: absolute;
  left: 0px;
}
.common_ul li a {
  color: #333;
}
.common_ul li a:hover {
  color: #4285f4;
}

.common_ul_01 {
  width: 100%;
}

.common_ul_01 li a {
  width: 33.333%;
  min-height: 70px;
  margin: 0px;
  float: left;
  color: #333;
  padding: 10px;
  display: block;
  background: #eaeaea;
}

.common_ul_01 li:nth-child(2n) a {
  background: #fff;
}

.common_ul_01 li a:hover {
  opacity: 0.7;
}

.common_ul_02 {
  width: 100%;
}

.common_ul_02 li {
  width: 100%;
  margin-bottom: 5px;
}

.common_ul_02 li:before {
  content: "●";
  padding-right: 10px;
}

.common_ul_03 {
  width: 100%;
}

.common_ul_03 li a {
  width: 33.333%;
  min-height: 70px;
  margin: 0px;
  float: left;
  color: #fff;
  padding: 10px;
  display: block;
  text-align: center;
  background: #4385f5;
  font-weight: bold;
}
.common_ul_03 li a:before {
  content: ">";
  padding-right: 10px;
  font-weight: normal;
}
.common_ul_03 li:nth-child(2n) a {
  background: #0b3486;
}

.common_ul_03 li a:hover {
  opacity: 0.7;
}

.common_table {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.common_table th {
  width: 14.28%;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #000;
  color: #fff;
  text-align: center;
}

.common_table td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  vertical-align: middle;
  background: #fff;
  text-align: center;
}
.common_table td.tit {
  background: #eee;
  font-weight: bold;
  font-size: 100%;
}

.common_table .box3 li {
  margin-bottom: 0;
}

.common_table01 {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.common_table01 th {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #35383f;
  color: #fff;
  text-align: center;
}

.common_table01 td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  vertical-align: middle;
  background: #fff;
}
.common_table01 td.tit {
  background: #d6dbe9;
  font-weight: bold;
  text-align: center;
}

.common_table02 {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.common_table02 th {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #d6dbe9;
  font-weight: bold;
  width: 30%;
}

.common_table02 td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
  vertical-align: middle;
  background: #fff;
}
.common_table02 td.tit {
  background: #d6dbe9;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 690px) {
  .common_ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
    float: none;
  }

  .common_ul li:nth-child(2n) {
    margin-right: 0%;
  }

  .common_table {
    font-size: 90%;
  }

  .table_box {
    width: 100%;
    overflow: scroll;
  }

  /*.table_box .common_table{
	width: 700px;
}
*/

  .common_table01 {
    width: 700px;
  }

  .common_table02 th {
    display: block;
    width: 100%;
  }

  .common_table02 td {
    display: block;
    width: 100%;
  }
}

/*service*/
/*------------------------------------------------------------------------------*/
.service_box {
  width: 25%;
  border: 1px solid #e0e0e0;
  float: left;
}

.service_box01 {
  background: #00a220;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 30px;
}

.service_box02 {
  width: 90%;
  margin: 0px auto;
  padding: 15px 0px;
}

.service_box03 {
  background: #014da3;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 30px;
}

/*profile*/
/*------------------------------------------------------------------------------*/
.profile_box {
  width: 100%;
  display: table;
}

.profile_box:hover {
  opacity: 0.7;
}

.profile_txt {
  width: 50%;
  padding: 0px 30px;
  display: table-cell;
  vertical-align: middle;
}
.profile_img {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.profile_box01 {
  background: #00a220;
  color: #fff;
}

.profile_box02 {
  background: #014da3;
  color: #fff;
}

.profile_box01 h3,
.profile_box02 h3 {
  color: #fff;
}

.profile_img img {
  width: 100%;
  height: auto;
}

.profile_img span img {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
}

.profile_img span.profile_right img {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
}

@media only screen and (max-width: 690px) {
  .profile_box {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }

  .profile_box:hover {
    opacity: 0.7;
  }

  .profile_txt {
    width: 100%;
    padding: 20px;
    display: block;
    vertical-align: middle;
  }
  .profile_img {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
  }

  .profile_img img {
    width: 100%;
    height: auto;
  }

  .profile_img span img {
    display: none;
  }
}

/*life*/
/*------------------------------------------------------------------------------*/

.life_box {
  background: url(../image/common/life_top.jpg) no-repeat center top,
    url(../image/common/life_bottom.jpg) no-repeat center bottom,
    url(../image/common/life_body.jpg) repeat-y center top #014da3;
  background-size: 100% auto;
  color: #fff;
  padding: 30px;
}

.life_box h4 {
  color: #fff;
}

.life_box01,
.life_box02,
.life_box03 {
  background: url(../image/life_img01.png) no-repeat center top;
  background-size: 100% auto;
  color: #fff;
  padding: 200px 20px 20px;
}

.life_box02 {
  background: url(../image/life_img02.png) no-repeat center top;
}

.life_box03 {
  background: url(../image/life_img03.png) no-repeat center top;
}

.life_box01 img,
.life_box02 img,
.life_box03 img {
  display: none;
}
@media only screen and (max-width: 690px) {
  /*
.life_box{
	width:94%;
	margin:0px auto;

}
*/

  .life_box01,
  .life_box02,
  .life_box03 {
    background: none;
    background-size: 100% auto;
    color: #fff;
    padding: 0px;
    margin-bottom: 10px;
  }

  .life_box01 img,
  .life_box02 img,
  .life_box03 img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/*audio*/
/*------------------------------------------------------------------------------*/

.audio_box li a {
  color: #fff;
  background: #e1011a;
  text-align: center;
  padding: 20px 10px;
  display: block;
}

.audio_box li a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 690px) {
  .audio_box li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.audio_box01,
.audio_box02,
.audio_box03,
.audio_box04,
.audio_box05 {
  width: 100%;
  padding: 20px;
  background: url(../image/audio_img01.jpg) no-repeat right center;
  border: 1px solid #e0e0e0;
  margin-bottom: 30px;
}

.audio_box01 h3,
.audio_box02 h3,
.audio_box03 h3,
.audio_box04 h3,
.audio_box05 h3 {
  margin-bottom: 0;
}

.audio_box02 {
  background-image: url(../image/audio_img02.jpg);
}
.audio_box03 {
  background-image: url(../image/audio_img03.jpg);
}
.audio_box04 {
  background-image: url(../image/audio_img04.jpg);
}
.audio_box05 {
  background-image: url(../image/audio_img05.jpg);
}

/*use*/
/*------------------------------------------------------------------------------*/

.tab {
  display: table;
  width: 100%;
}

.tab li {
  display: table-cell;
  width: 25%;
}

.tab li a {
  text-align: center;
  font-size: 120%;
  display: block;
  padding: 10px;
  background: #f5f5f5;
  color: #000;
  border-bottom: 2px solid #fff;
}
.tab li a.tabover {
  border-bottom: 2px solid #e1011a;
}

.use_map {
  background: url(../image/use_img01.jpg) no-repeat center center;
  background: cover;
  display: block;
  width: 100%;
  height: 599px;
  position: relative;
}

.use_map li {
  position: absolute;
}

.use_map li:nth-child(1) {
  left: 261px;
  top: 110px;
}
.use_map li:nth-child(2) {
  left: 805px;
  top: 439px;
}
.use_map li:nth-child(3) {
  left: 45px;
  top: 82px;
}
.use_map li:nth-child(4) {
  left: 399px;
  top: 350px;
}
.use_map li:nth-child(5) {
  left: 332px;
  top: 212px;
}
.use_map li:nth-child(6) {
  left: 476px;
  top: 53px;
}
.use_map li:nth-child(7) {
  left: 544px;
  top: 158px;
}
.use_map li:nth-child(8) {
  left: 670px;
  top: 448px;
}
.use_map li:nth-child(9) {
  left: 223px;
  top: 441px;
}
.use_map li:nth-child(10) {
  left: 705px;
  top: 280px;
}
.use_map li:nth-child(11) {
  left: 97px;
  top: 289px;
}
.use_map li:nth-child(12) {
  left: 779px;
  top: 54px;
}
.use_map li:nth-child(13) {
  left: 388px;
  top: 450px;
}

.use_box img {
  width: 100%;
  height: auto;
}

.use_left {
  width: 20%;
  max-width: 80px;
  float: left;
}

.use_right {
  width: 78%;
  float: right;
}

@media only screen and (max-width: 980px) {
  .use_map {
    background: none;
    display: block;
    width: 100%;
    padding: 20px;
    height: auto;
    position: relative;
    border: 2px solid #e1011a;
  }
  .use_map li {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

/*faq*/
/*------------------------------------------------------------------------------*/
.faq_box {
  width: 94%;
  margin: 0px auto 10px;
}

.faq_box01 {
  margin-bottom: 0px;
}

.faq_box01 table {
  width: 100%;
  border: none;
  cursor: pointer;
}

#contents_left .faq_box01 table p {
  margin-bottom: 0px;
}

.faq_box01 table th {
  width: 40px;
  padding: 0;
  border: none;
  font-size: 140%;
  font-weight: bold;

  background: #000;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}

.faq_box01 table td {
  width: auto;
  padding: 5px 40px 5px 20px;
  border: none;
  background: url(../image/common/faq_bg.png) no-repeat left center,
    url(../image/common/faq_open.jpg) no-repeat right center #eeeeee;
  color: #333;
  font-size: 110%;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
}

.faq_box02 table td {
  background: url(../image/common/faq_bg.png) no-repeat left center,
    url(../image/common/faq_close.jpg) no-repeat right center #eeeeee;
}

.faq_box03 {
  padding-left: 60px;
  padding-top: 20px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1030px) {
  .faq_box01 table td {
    font-size: 120%;
  }

  .faq_box03 {
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 40px;
  }
}

/*
.faq_box{
  margin-bottom:0px;
}


.faq_box01{
  margin-bottom:0px;
}


.faq_box01 table{
	width:100%;
	border:none;
	border:1px solid #000;
	border-top:none;
}


.faq_box_first .faq_box01 table{
	border-top:1px solid #000;
}

.faq_box_last{
	margin-bottom:40px;
}


#contents_left .faq_box01 table p{
	margin-bottom:0px;
}

.faq_box01 table th{
	width:70px;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif,"HGｺﾞｼｯｸE";
	font-size:140%;
    font-weight:bold;

	background: #000;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
}

.faq_box01 table td{
	width: auto;
	padding:5px 60px 5px 20px;
	border:none;
	background: url(../image/common/arr05.jpg) no-repeat right center #FFF;
	color:#333;
  font-size:120%;
  vertical-align:middle;
}




.faq_box03 table{
	width:100%;
	border:1px solid #000;
	border-top:none;
}
.faq_box03 table th{
	width:70px;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif,"HGｺﾞｼｯｸE";
	font-size:140%;
    font-weight:bold;

	background:#EEEEEE;
	color:#DF0019;
	vertical-align:middle;
	text-align:center;
}

.faq_box03 table td{
	width: auto;
	padding:5px 60px 5px 20px;
	border:none;
	background:#F9F9F9;
	color:#333;
  font-size:120%;
  vertical-align:middle;
}



@media only screen and (min-width:691px) and (max-width:980px) {



}

@media only screen and (max-width:690px) {
.faq_box01 table td{
  font-size:120%;
}

}

/*download*/
/*------------------------------------------------------------------------------*/

.download a {
}

.download a:hover {
  opacity: 0.7;
}

.download_area01 {
  width: 75%;
  vertical-align: middle;
}
.download_area02 {
  min-width: 40px;
  width: 15%;
  vertical-align: middle;
}

.download_area02 {
  text-align: center;
}

/*fine*/
/*------------------------------------------------------------------------------*/

.fine_box {
  background: url(../image/common/life_top.jpg) no-repeat center top,
    url(../image/common/life_bottom.jpg) no-repeat center bottom,
    url(../image/common/life_body.jpg) repeat-y center top #014da3;
  background-size: 100% auto;
  color: #fff;
  padding: 30px;
}

.fine_box h4 {
  color: #fff;
}

.fine_box01,
.fine_box02,
.fine_box03 {
  background: url(../image/fine_img01.png) no-repeat center top;
  background-size: 100% auto;
  color: #fff;
  padding: 200px 20px 20px;
}

.fine_box02 {
  background: url(../image/fine_img02.png) no-repeat center top;
}

.fine_box03 {
  background: url(../image/fine_img03.png) no-repeat center top;
}

.fine_box01 img,
.fine_box02 img,
.fine_box03 img {
  display: none;
}
@media only screen and (max-width: 690px) {
  /*
.life_box{
	width:94%;
	margin:0px auto;

}
*/

  .fine_box01,
  .fine_box02,
  .fine_box03 {
    background: none;
    background-size: 100% auto;
    color: #fff;
    padding: 0px;
    margin-bottom: 10px;
  }

  .fine_box01 img,
  .fine_box02 img,
  .fine_box03 img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/*flow*/
/*------------------------------------------------------------------------------*/
.flow_box {
  width: 100%;
  display: table;
}

.flow_left {
  width: 160px;
  color: #fff;
  background: #2772cc;
  display: table-cell;
  vertical-align: middle;
  font-size: 120%;
  padding: 0px;
  min-height: 100px;
  text-align: center;
}
.flow_left strong {
  font-size: 300%;
}

.flow_right {
  display: table-cell;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
}

.flow_box03 {
  width: 100%;
  display: table;
  padding: 20px;
  border: 1px solid #2772cc;
}

.flow_box03 .flow_left {
  width: 50px;
  color: #fff;
  background: #fff;
  display: table-cell;
  vertical-align: top;
  padding: 0px;
  min-height: 50px;
  text-align: center;
}
.flow_box03 .flow_left strong {
  font-size: 300%;
}

.flow_box03 .flow_right {
  display: table-cell;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
}

.flow_box04 {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 690px) {
  .flow_left {
    max-width: 160px;
    width: 30%;
  }

  .flow_left img {
    width: 100%;
    height: auto;
  }

  .flow_right {
    width: 70%;
  }

  .flow_box02 {
    width: 100%;
    text-align: center;
  }
}

/*company*/
/*------------------------------------------------------------------------------*/
.company_box {
  width: 100%;
  display: table;
}

.company_box01 {
  padding: 10px 0px;
}

/*reason*/
/*------------------------------------------------------------------------------*/
.reason_tit {
  margin: 0px auto;
  padding: 0px 0px 30px;
}

.reason_box h3 {
  text-indent: 300px;
}

@media only screen and (min-width: 691px) and (max-width: 980px) {
  .reason_tit img {
    width: 100%;
    height: auto;
  }

  .reason_box h3 {
    text-indent: 50px;
  }
}

@media only screen and (max-width: 690px) {
  .reason_tit img {
    width: 100%;
    height: auto;
  }

  .reason_box h3 {
    text-indent: 0px;
  }
}

/*outline*/
/*------------------------------------------------------------------------------*/

.outline_box {
  width: 100%;
  display: table;
}

.outline_box01 {
  width: 180px;
  background: #eee;
  color: #006bac;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px dotted #666;
}

.outline_box02 {
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  padding: 10px;
  border-bottom: 1px dotted #666;
}
.outline_box02 table {
  width: 100%;
}
.outline_box02 table th {
  color: #006bac;
  font-weight: bold;
  padding-right: 5px;
  width: 100px;
  position: relative;
}

.outline_box02 table th:after {
  content: ":";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
}

@media only screen and (max-width: 690px) {
  .outline_box {
    width: 100%;
    display: block;
  }
  .outline_box01 {
    width: 100%;
    display: block;
    vertical-align: middle;
    padding: 10px;
    border-bottom: none;
  }

  .outline_box02 {
    width: 100%;
    display: block;
    border-bottom: none;
  }
}
/*history*/
/*------------------------------------------------------------------------------*/

.history_box {
  width: 100%;
  display: table;
}

.history_box01 {
  width: 25%;
  background: #4285f4;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px dotted #fff;
}

.history_box02 {
  width: 75%;
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  padding: 10px;
  border-bottom: 1px dotted #4285f4;
}
@media only screen and (max-width: 690px) {
  .history_box {
    width: 100%;
    display: block;
  }
  .history_box01 {
    width: 100%;
    display: block;
    vertical-align: middle;
    padding: 10px;
    border-bottom: none;
  }

  .history_box02 {
    width: 100%;
    display: block;
    border-bottom: none;
  }
}

/*message*/
/*------------------------------------------------------------------------------*/

.message_box {
  width: 100%;
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #014da3;
}

.message_box01 {
  font-size: 120%;
  font-weight: bold;
  background: url(../image/common/message.png) no-repeat left center;
  line-height: 40px;
  padding-left: 40px;
  margin-bottom: 10px;
}
.message_box02 {
  padding: 10px 0;
}

/*schedule*/
/*------------------------------------------------------------------------------*/

.schedule_box {
  width: 100%;
  display: table;
  background: url(../image/common/schedule_bg.jpg) repeat-y 10px 0;
  padding: 20px 0px;
}

.schedule_box01 {
  width: 50px;
  display: table-cell;
  background: url(../image/common/arr10.png) no-repeat right center;
  vertical-align: middle;
}

.schedule_box02 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background: #014da3;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.schedule_box03 {
  display: table-cell;
  background: #014da3;
  color: #fff;
}

.schedule_box04 {
  padding: 30px;
}

/*greeting*/
/*------------------------------------------------------------------------------*/
.greeting_area {
  padding: 25px 25px 25px 25px;
  background: url(../image/common/bg_04.jpg);
}

.greeting_box {
  padding: 25px;
  background: #fff;
}

/*course*/
/*------------------------------------------------------------------------------*/
.course_area {
  padding: 25px 25px 25px 25px;
  background: url(../image/common/bg_04.jpg);
}

.course_box {
  padding: 25px;
  background: #fff;
}

/*university*/
/*------------------------------------------------------------------------------*/

.university_box {
  width: 100%;
  display: table;
  text-align: left;
}

.university_box_left {
  width: 70px;
  display: table-cell;
  vertical-align: top;
}

.university_box_right {
  display: table-cell;
  vertical-align: top;
}

.university_area01 {
  width: 20%;
}
.university_area02 {
  width: 40%;
}

.university_area03 {
  width: 40%;
}

/*link*/
/*------------------------------------------------------------------------------*/
.link_box {
  width: 100%;
  margin: 0;
  padding: 0px 0px;
}

.link_box ul {
  width: 100%;
  margin: 0px auto;
  padding: 0px 0px;
}

.link_box li {
  width: 23.5%;
  margin-right: 2%;
  float: left;
}
.link_box li:nth-child(4n) {
  margin-right: 0%;
}

.link_box li a {
  font-size: 140%;
  width: 100%;
  padding: 10px 10px 70px;
  display: block;
  text-align: center;
  font-weight: bold;
  color: #333;
  border: 1px solid #bbbbbb;
}
.link_box li a span {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 80%;
  color: #999999;
}

.link_box li a:hover span {
  color: #fff;
}

.link_box li:nth-child(1) a {
  background: url(../image/common/icon_link01.png) no-repeat center bottom;
}

.link_box li:nth-child(2) a {
  background: url(../image/common/icon_link02.png) no-repeat center bottom;
}

.link_box li:nth-child(3) a {
  background: url(../image/common/icon_link03.png) no-repeat center bottom;
}

.link_box li:nth-child(4) a {
  background: url(../image/common/icon_link04.png) no-repeat center bottom;
}

.link_box li:nth-child(1) a:hover {
  background: url(../image/common/icon_link01.png) no-repeat center bottom
    #d41218;
  border: 1px solid #d41218;
  color: #fff;
}

.link_box li:nth-child(2) a:hover {
  background: url(../image/common/icon_link02.png) no-repeat center bottom
    #d41218;
  border: 1px solid #d41218;
  color: #fff;
}

.link_box li:nth-child(3) a:hover {
  background: url(../image/common/icon_link03.png) no-repeat center bottom
    #d41218;
  border: 1px solid #d41218;
  color: #fff;
}

.link_box li:nth-child(4) a:hover {
  background: url(../image/common/icon_link04.png) no-repeat center bottom
    #d41218;
  border: 1px solid #d41218;
  color: #fff;
}

@media only screen and (min-width: 691px) and (max-width: 980px) {
  .link_box li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
  }
  .link_box li:nth-child(2n) {
    margin-right: 0%;
  }
}

@media only screen and (max-width: 690px) {
  .link_box li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
  }
  .link_box li:nth-child(2n) {
    margin-right: 0%;
  }
}

/*technical*/
/*--------------------------------------------------------------------------------*/

.technical_box {
  width: 100%;
  margin: 0px auto 20px;
  text-align: left;
  display: block;
}
.technical_box dl {
  width: 100%;
  display: block;
  border-bottom: 1px dotted #dedede;
}
.technical_box dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.technical_box dt {
  display: table-cell;
  width: 120px;
  padding: 10px 0px;
}
.technical_box dd {
  display: table-cell;
  padding: 10px 0px;
}

/*search*/
/*------------------------------------------------------------------------------*/
.search_area {
  width: 100%;
  display: table;
}

.search_result {
  display: table-cell;
  vertical-align: middle;
}

.search_link {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.search_link_box {
  float: right;
}

.search_link a {
  display: block;
  float: left;
  padding: 2px;
  margin-right: 5px;
}

.search_link a:hover {
  background: #e1011a;
  color: #fff;
}

.search_left {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding-left: 1%;
}

.search_right {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding-right: 1%;
}

.search_right ul li {
  margin: 5px 0px;
}

.search_right ul li.serch_icon {
  display: block;
  background: #e1011a;
  color: #fff;
  text-align: center;
}

.search_right ul li img {
  width: auto;
}
.search_area h4 {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
}

.search_h4_bg {
  display: table-cell;
  vertical-align: middle;
  background: url(../image/common/search_tit.jpg) no-repeat left center;
}

.search_box3 li {
  float: left;
  width: 33.333%;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.search_box3 li:nth-child(3n) {
  border-right: none;
}

.search_box3 li a {
  font-size: 90%;
  display: block;
  padding: 5px;
  background: #f5f5f5;
}

.search_box3 li a:hover {
  background: #e1011a;
  color: #fff;
}

@media only screen and (max-width: 690px) {
  .search_result {
    display: block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
  .search_link {
    display: block;
    vertical-align: middle;
    text-align: right;
  }
}

/*detail*/
/*------------------------------------------------------------------------------*/
.detail_tag {
  margin-bottom: 10px;
}

.detail_tag li {
  background: #e5e9ea;
  border-left: 5px solid #4a8987;
  color: #005999;
  text-align: center;
  float: left;
  padding: 0px 5px;
  margin-right: 5px;
}

.detail_category {
  background: #f5f5f5;
  padding: 0px 2px;
  margin-left: 3px;
}

.detail_price {
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: right;
  font-weight: bold;
  color: #e1011a;
  font-size: 120%;
}

.detail_price_link {
  padding: 10px 0px;
}
.detail_price_link li a {
  background: #737373;
  color: #fff;
  padding: 5px 10px;
  float: left;
  margin: 0px 5px 5px 0px;
}

.detail_price_link li a:before {
  content: ">";
  padding: 5px 5px 5px 0px;
}
.detail_price_link li a:hover {
  background: #ff9933;
}
.detail_tag_link li a {
  background: #c1c1c1;
  color: #fff;
  padding: 5px 10px;
  float: left;
  margin: 0px 5px 5px 0px;
}
.detail_tag_link li a:hover {
  background: #00a1e7;
}

#detail_photo {
  width: 99%;
  margin-right: 1%;
  margin-bottom: 10px;
}

#detail_photo img {
  border: 1px solid #ccc;
}

#detail_navi li {
  float: left;
  width: 19%;
  margin-right: 1%;
  border: 1px solid #ccc;
}

.detail_tit {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 15px;
}
.detail_tit h4 {
  margin-bottom: 0;
}

.detail_link a {
  background: url(../image/common/arr03.png) no-repeat left center;
  padding: 5px 5px 5px 10px;
  color: #005999;
}

.detail_box3 li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 5px;
}
.detail_box3 li:nth-child(3n) {
  margin-right: 0%;
}

.detail_box3 li a {
  font-size: 90%;
  display: block;
  padding: 10px 10px 10px 10px;
  background: #f5f5f5;
}
.detail_box3 li a:before {
  content: "";
  background: url(../image/common/arr09.png) no-repeat left center;
  padding: 5px 8px;
}

.detail_box3 li a:hover {
  background: #e1011a;
  color: #fff;
}

.detail_box3 li a:hover:before {
  content: "";
  background: url(../image/common/arr08.png) no-repeat left center;
  padding: 5px 8px;
}

.detail_table {
  width: 100%;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}

.detail_table th {
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #69a0c3;
  color: #fff;
  text-align: center;
}

.detail_table td {
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 5px;
  vertical-align: middle;
  background: #fff;
}
.detail_table td.tit {
  background: #4385f5;
  color: #fff;
  width: 25%;
}

.detail_table01 {
  width: 100%;
  border-top: 1px solid #035d9d;
  border-left: 1px solid #035d9d;
}

.detail_table01 th {
  border-right: 1px solid #035d9d;
  border-bottom: 1px solid #035d9d;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #035d9d;
  color: #fff;
  text-align: center;
}

.detail_table01 td {
  border-right: 1px solid #035d9d;
  border-bottom: 1px solid #035d9d;
  padding: 10px 5px;
  vertical-align: middle;
  background: #fff;
}
.detail_table01 td.tit {
  background: #4385f5;
  color: #fff;
  width: 25%;
}

.detail_table02 {
  width: 100%;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}

.detail_table02 th {
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}

.detail_table02 td {
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 5px;
  vertical-align: middle;
}
.detail_table02 td.tit {
  background: #52beb9;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 690px) {
  .detail_price {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
    color: #e1011a;
    font-size: 120%;
  }

  .detail_box3 li {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5px;
  }
}

/*choose*/
/*------------------------------------------------------------------------------*/
.choose_box {
  width: 80%;
  margin: 0px auto;
}

@media only screen and (max-width: 690px) {
  .choose_box {
    width: 100%;
    margin: 0px auto;
  }
}

/*health*/
/*------------------------------------------------------------------------------*/

.health_box01 {
  background: url(../image/health_img01.jpg) no-repeat left bottom #000000;
  background-size: cover;
  height: 201px;
  padding: 20px;
  color: #fff;
}

.health_box01 h3 {
  font-size: 300%;
  font-weight: bold;
}

.health_box01 h4 {
  font-size: 120%;
  margin-bottom: 20px;
}

.health_btn a {
  padding: 5px 15px;
  border: 1px solid #fff;
  color: #fff;
}

.health_btn a:hover {
  opacity: 0.7;
}

/*brazier*/
/*------------------------------------------------------------------------------*/

.brazier_box01 {
  background: url(../image/brazier_img01.jpg) no-repeat left bottom #000000;
  background-size: cover;
  padding: 20px;
  color: #fff;
}

.brazier_box01 h3 {
  font-size: 300%;
  font-weight: bold;
  margin-bottom: 20px;
}

.brazier_box01 h4 {
  font-size: 120%;
  margin-bottom: 20px;
}

.brazier_box02 {
  width: 50%;
  border: 1px solid #fff;
  padding: 20px;
}

.brazier_box02 a {
  color: #fff;
}

.brazier_box02 a:before {
  content: ">";
}

.brazier_box02 a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 980px) {
  .brazier_box02 {
    width: 100%;
    border: 1px solid #fff;
    padding: 20px;
  }
}

/*banner*/
/*------------------------------------------------------------------------------*/
.banner {
  width: 100%;
  margin: 0px auto 0px;
  padding: 50px 0px 50px;
  background: #eeeeee;
}

.banner_in {
  max-width: 800px;
  width: 100%;
  margin: 0px auto 0px;
}

.banner li {
  width: 32%;
  margin-right: 2%;
  float: left;
}

.banner li img {
  width: 100%;
  height: auto;
}

.banner li:nth-child(3n) {
  margin-right: 0%;
}

@media only screen and (min-width: 691px) and (max-width: 980px) {
  .banner_in {
    max-width: 800px;
    width: 94%;
    margin: 0px auto 0px;
  }
}

@media only screen and (max-width: 690px) {
  .banner_in {
    max-width: 800px;
    width: 94%;
    margin: 0px auto 0px;
  }

  .banner li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
    float: none;
  }
}

/*feature*/
/*------------------------------------------------------------------------------*/
.feature_box01 h3 {
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
}

.feature_box01 h4 {
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
  font-size: 200%;
}

.feature_box01 h5 {
  width: 100%;
  margin: 0px auto 0px;
  text-align: center;
  font-size: 120%;
}

.feature_box02 {
  width: 100%;
  margin: 0px auto 0px;
  display: table;
}

.feature_box02 img,
.feature_box03 img {
  width: 100%;
  height: auto;
}

.feature_box02_left {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

.feature_box02_right {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
}

.feature_box03 {
  width: 100%;
  margin: 0px auto 0px;
  display: table;
}
.feature_box03_left {
  padding-right: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.feature_box03_right {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

.feature_box03_txt {
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.feature_box04 {
  width: 100%;
  margin: 0px auto 0px;
  font-size: 120%;
  text-align: center;
}

.feature_box05 li {
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
}

.feature_box05 li:before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #2772cc;
}

@media only screen and (max-width: 690px) {
  .feature_box02 {
    display: block;
  }

  .feature_box02_left {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }

  .feature_box02_right {
    padding-left: 0px;
    display: block;
  }

  .feature_box03 {
    width: 100%;
    margin: 0px auto 0px;
    display: block;
  }
  .feature_box03_left {
    padding-right: 0px;
    display: block;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 10px;
  }

  .feature_box03_right {
    width: 100%;
    display: block;
    vertical-align: middle;
  }
}

/*craftmanship*/
/*------------------------------------------------------------------------------*/

.craftmanship_box {
  width: 100%;
  background: url(../image/common/craftmanship_bg01.jpg) no-repeat center bottom;
  background-size: cover;
  display: block;
  margin-bottom: 30px;
}

.craftmanship_box_in {
  max-width: 980px;
  width: 100%;
  background: url(../image/common/craftmanship_bg02.png) no-repeat center bottom;
  background-size: cover;
  margin: 0px auto;
  display: block;
  padding: 50px;
}

.craftmanship_tit {
  width: 100%;
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  color: #035d9c;
  letter-spacing: 10px;
  margin-bottom: 30px;
}

.craftmanship_tit span {
  position: relative;
}

.craftmanship_tit span:before {
  content: "・";
  position: absolute;
  display: block;
  top: -70%;
  left: 0;
}

.craftmanship_txt {
  text-align: center;
}

.craftmanship_ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #e9edee;
}
.craftmanship_ul li {
  width: 33.333%;
  display: table-cell;
  vertical-align: middle;
}

.craftmanship_ul li h4 {
  text-align: center;
}
.craftmanship_ul li img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 691px) and (max-width: 980px) {
  .craftmanship_tit span:before {
    content: "・";
    position: absolute;
    display: block;
    top: -100%;
    left: 0;
  }
}

@media only screen and (max-width: 690px) {
  .craftmanship_tit {
    font-size: 180%;
    letter-spacing: normal;
  }
  .craftmanship_tit span:before {
    content: "・";
    position: absolute;
    display: block;
    top: -100%;
    left: 0;
  }

  .craftmanship_box .box3 li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }

  .craftmanship_box .box3 li:nth-child(3n) {
    margin-right: 0%;
  }

  .craftmanship_box .box3 li img {
    width: 100%;
    height: auto;
  }

  .craftmanship_box {
    background: none;
  }

  .craftmanship_box_in {
    max-width: 980px;
    width: 94%;
    background: none;
    margin: 0px auto;
    display: block;
    padding: 20px 0px 20px;
  }

  .craftmanship_txt {
    text-align: left;
  }

  .craftmanship_ul {
    width: 100%;
    display: block;
    table-layout: fixed;
    background: #e9edee;
  }
  .craftmanship_ul li {
    width: 100%;
    display: block;
    vertical-align: middle;
  }

  .craftmanship_ul li h4 {
    text-align: center;
  }
  .craftmanship_ul li img {
    width: 100%;
    height: auto;
  }
}

/*products*/
/*------------------------------------------------------------------------------*/
.products_dl {
  width: 100%;
}

.products_dl dt {
  font-size: 110%;
  font-weight: bold;
}

.products_dl dt:before {
  content: "■";
  padding-right: 5px;
  color: #a53333;
}

.products_dl dd {
  padding-left: 20px;
  padding-bottom: 15px;
}

.products_ul {
  width: 100%;
}

.products_ul li {
  width: auto;
  margin-right: 20px;
  margin-bottom: 10px;
  display: table;
  float: left;
  text-align: left;
}

.products_icon {
  padding-right: 5px;
  display: table-cell;
  vertical-align: middle;
}

.products_icon_txt {
  display: table-cell;
  vertical-align: middle;
}

/*support*/
/*------------------------------------------------------------------------------*/

.support_ul {
  width: 100%;
}

.support_ul li {
  width: 100%;
  margin-bottom: 10px;
  display: table;
  text-align: left;
}

.support_icon {
  width: 35px;
  padding-right: 5px;
  display: table-cell;
  vertical-align: middle;
}

.support_icon_txt {
  display: table-cell;
  vertical-align: middle;
}

/*partner*/
/*------------------------------------------------------------------------------*/
.partner_box {
  width: auto;
  margin: 0px auto;
  display: table;
  border: 1px solid #ddd;
}

.partner_left {
  display: table-cell;
  vertical-align: middle;
  background: #a53333;
  color: #ffffff;
  padding: 10px;
}

.partner_center {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  text-align: right;
}

.partner_right {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 10px 0px;
}

/*about*/
/*------------------------------------------------------------------------------*/

.about_btn {
  width: 100%;
}

.about_btn li {
  width: 100%;
  display: block;
  border-bottom: 1px dotted #cccccc;
}

.about_btn li a {
  color: #008bd4;
  padding: 5px;
  display: block;
}
.about_btn li a:before {
  content: "Q";
  padding-right: 10px;
  color: #008bd4;
}
.about_btn li a:hover {
  opacity: 0.7;
}

.about_box {
  display: block;
  padding: 5px;
  text-align: center;
}

/**/
.about_area {
  display: block;
  padding-bottom: 40px;
  border-bottom: 3px solid #0056b4;
}

.about_area_in {
  display: block;
  background: url(../image/common/about_bg.jpg) no-repeat center center;
  position: relative;
  width: 866px;
  height: 676px;
  margin: 0px auto;
}

.about_area_in li {
  position: absolute;
  width: 210px;
  background: #fff;
}

.about_area_in li:nth-child(1) {
  left: 108px;
  top: 40px;
}
.about_area_in li:nth-child(2) {
  left: 328px;
  top: 40px;
}
.about_area_in li:nth-child(3) {
  left: 548px;
  top: 40px;
}
.about_area_in li:nth-child(4) {
  left: 193px;
  top: 400px;
}
.about_area_in li:nth-child(5) {
  left: 463px;
  top: 400px;
}

.about_area_in li img {
  width: 100%;
  height: auto;
}

.about_tit {
  padding: 5px;
}

.about_tit span {
  font-size: 80%;
  display: block;
}

.about_area_in li:nth-child(1) .about_tit {
  color: #00448c;
}
.about_area_in li:nth-child(2) .about_tit {
  color: #704e9b;
}
.about_area_in li:nth-child(3) .about_tit {
  color: #eb5941;
}
.about_area_in li:nth-child(4) .about_tit {
  color: #30ad64;
}
.about_area_in li:nth-child(5) .about_tit {
  color: #df6490;
}

.about_txt {
  padding: 5px;
}

.about_tit01 {
  font-size: 120%;
  font-weight: bold;
  padding: 10px 0px;
}

.about_txt01 {
  padding: 0px 0px 20px;
}

.about_btn01 {
  width: 100%;
  display: block;
}

.about_btn01 a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.bg05 .about_btn01 a {
  background: #0098d8;
}

.bg06 .about_btn01 a {
  background: #468c00;
}

.bg07 .about_btn01 a {
  background: #c72573;
}

.bg08 .about_btn01 a {
  background: #ff7f00;
}

.about_btn01 a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 980px) {
  /**/
  .about_area {
    display: block;
    padding-bottom: 20px;
    border-bottom: 3px solid #0056b4;
  }

  .about_area_in {
    display: block;
    background: none;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px auto;
  }

  .about_area_in li {
    position: relative;
    width: 100%;
    top: 0 !important;
    left: auto !important;
    padding-bottom: 20px;
  }

  .about_area_in li img {
    width: 100%;
    height: auto;
  }

  .about_tit {
    padding: 5px 0px;
  }

  .about_tit span {
    font-size: 80%;
    display: block;
  }

  .about_txt {
    padding: 5px 0px;
  }
}

/*imminent*/
/*------------------------------------------------------------------------------*/

.imminent_box {
  width: 100%;
  padding-bottom: 10px;
}

.imminent_box dl {
  width: 100%;
  display: table;
}

.imminent_box dt {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  background: #666666;
  color: #fff;
  width: 100px;
}

.imminent_box dd {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}

.imminent_txt {
  width: 100%;
  padding-bottom: 10px;
}

/*concept*/
/*------------------------------------------------------------------------------*/
.concept_box {
  width: 100%;
  display: table;
}

.concept_left {
  display: table-cell;
  vertical-align: middle;
}

.concept_right {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 690px) {
  .concept_box {
    width: 100%;
    display: block;
  }

  .concept_left {
    width: 100%;
    display: block;
    margin: 0px auto;
    vertical-align: middle;
  }

  .concept_right {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
  }
  .concept_box img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*case*/
/*------------------------------------------------------------------------------*/

.case_img {
  width: 100%;
  padding: 5px;
  border: 1px solid #000000;
  border-radius: 10px;
  position: relative;
  display: block;
  text-align: center;
}

.case_01 .case_img {
  border-color: #f886ae;
}
.case_02 .case_img {
  border-color: #52bffa;
}
.case_03 .case_img {
  border-color: #9ad70c;
}
.case_04 .case_img {
  border-color: #c29aee;
}

.case_img::before {
  content: "";
  background: url(../image/common/category01.png) no-repeat 0 0;
  width: 104px;
  height: 66px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.case_02 .case_img::before {
  background-image: url(../image/common/category02.png);
}
.case_03 .case_img::before {
  background-image: url(../image/common/category03.png);
}
.case_04 .case_img::before {
  background-image: url(../image/common/category04.png);
}

.case_img div {
  width: 100%;
  display: block;
  border-radius: 5px;
  position: relative;
  height: 120px;
  display: block;
  text-align: center;
  background: url(../image/index_img11.png) no-repeat center center;
  background-size: 100% auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.case_img div:hover {
  background-size: 150% auto;
}

.case_box {
  padding: 10px 0px;
  display: block;
  color: #333;
  text-align: left;
}

.case_tit {
  display: block;
  color: #f96430;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 110%;
}

.case_tit a {
  color: #f96430;
  text-decoration: underline;
}

.case_date {
  margin-bottom: 10px;
}

.case_txt {
}

@media only screen and (max-width: 690px) {
  .case_img {
    width: 100%;
    padding: 5px;
    border: 1px solid #000000;
    border-radius: 10px;
    position: relative;
    display: block;
    text-align: center;
  }

  .case_01 .case_img {
    border-color: #f886ae;
  }
  .case_02 .case_img {
    border-color: #52bffa;
  }
  .case_03 .case_img {
    border-color: #9ad70c;
  }
  .case_04 .case_img {
    border-color: #c29aee;
  }

  .case_img::before {
    content: "";
    background: url(../image/common/category01.png) no-repeat 0 0;
    width: 104px;
    height: 66px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
  }

  .case_02 .case_img::before {
    background-image: url(../image/common/category02.png);
  }
  .case_03 .case_img::before {
    background-image: url(../image/common/category03.png);
  }
  .case_04 .case_img::before {
    background-image: url(../image/common/category04.png);
  }

  .case_img div {
    width: 100%;
    display: block;
    border-radius: 5px;
    position: relative;
    height: 150px;
    text-align: center;
    background: url(../image/index_img11.png) no-repeat center center;
    background-size: 100% auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .case_img div:hover {
    background-size: 150% auto;
  }

  .case_box {
    padding: 10px 0px;
    display: block;
    color: #333;
    text-align: left;
  }

  .case_tit {
    display: block;
    color: #f96430;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 110%;
  }

  .case_tit a {
    color: #f96430;
    text-decoration: underline;
  }

  .case_date {
    margin-bottom: 10px;
  }

  .case_txt {
  }
}

/**/

.example_box li {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 5px;
}

.example_box li:nth-child(2n) {
  margin-right: 0%;
}

.example_box li a {
  display: block;
  background: url(../image/common/arr01.png) no-repeat left center;
  padding-left: 20px;
}

/*20161207_add*/
/*------------------------------------------------------------------------------*/
.question,
.qa_lead {
  border-top: 1px solid #ddd;
}
.question p,
.answer p {
  text-indent: -3em;
  padding-left: 3em;
}

.table_em {
  font-weight: bold;
}
.table_box {
  width: 100%;
  /*overflow: auto;*/
}
.common_table {
  /*
    width: 1400px;
    */
  width: 100%;
}

.other_link {
  margin-bottom: 20px;
}
.other_link:last-child {
  margin-bottom: 0;
}
.other_link li {
  display: block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  float: left;
}
.other_link li:hover {
  opacity: 0.7;
}
.other_link li:nth-child(3n) {
  margin-right: 0;
}
.other_link li img {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 690px) {
  .other_link li:nth-child(3n) {
    margin-right: 4%;
  }

  .other_link li {
    width: 48%;
    margin-right: 4%;
  }
  .other_link li:nth-child(even) {
    margin-right: 0;
  }
  .other_link li:nth-child(3n) {
    margin-right: 4%;
  }
}

/* new recruit */
.recruit_banner {
  position: relative;
  color: #fff;
  padding: 52px 48px;
}

.recruit_banner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
}

.recruit_banner img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}

.recruit_banner_title {
  position: relative;
  font-size: 1.875rem;
  font-weight: bold;
  z-index: 1;
}

.recruit_banner_text {
  position: relative;
  font-size: 1.25rem;
  z-index: 1;
}

.recruit_banner_btn {
  position: relative;
  z-index: 1;
}

/* new recruit interview detail page */
.interview_mv {
  position: relative;
  font-size: 1rem;
  margin-bottom: 100px;
}

.interview_mv img {
  max-width: 100%;
  height: auto;
}

.interview_mv_detail {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 96%;
  max-width: 300px;
  min-height: 150px;
  left: 20px;
  bottom: 20px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}

.interview_mv_title {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4;
}

.interview_mv_subtitle {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4;
}

.interview_box {
  position: relative;
  font-size: 1rem;
  padding: 50px 0;
  z-index: 0;
}

.interview_box::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media only screen and (min-width: 1200px) {
  .interview_box::before {
    width: calc(100vw - 17px);
  }
}

.interview_box:not(.bg_accent_02)::before {
  background-color: #fff;
}

.interview_box.bg_accent_02::before {
  background-color: #edf4fc;
}

.interview_box p + .interview_box_img {
  margin-top: 38px;
}

.interview_box_img img {
  max-width: 100%;
  height: auto;
}

.interview_box_detail {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  padding: 48px;
  /* margin-top: -72px; */
  margin-top: 30px;
}

/* new recruit guideline page */
.flow_box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.flow_box_col {
  position: relative;
  width: calc(25% - 22.5px);
  font-size: 1rem;
  border: 1px solid #00698c;
  padding: 60px 30px 30px;
  margin-top: 35px;
}

.flow_box .flow_box_col:not(:last-child):after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #00698c;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}

.flow_box_step {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border: 1px solid #fff;
  background-color: #00698c;
  padding: 4px;
  top: -35px;
  left: calc(50% - 35px);
}

.flow_box_step .sm {
  display: block;
  font-size: 0.75rem;
  margin-bottom: 4px;
}

.pd_box {
  padding: 16px 24px;
}

/* new recruit common */
#contents_wide {
  max-width: 1120px;
  width: 96%;
  margin: 0px auto 0px;
  padding: 30px 0px 100px;
}

table.new_common_table {
  width: 100%;
  border: 1px solid #ddd;
}

table.new_common_table th {
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #00698c;
  padding: 10px;
}

table.new_common_table td {
  font-size: 1rem;
  border: 1px solid #ddd;
  padding: 10px;
}

.subtitle02_box_in.-wide {
  max-width: 1120px;
}

.new_common_btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  min-height: 56px;
  background-color: #edf4fc;
  padding: 4px 36px;
  height: 100%;
}

.new_common_btn a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #00698c;
  border-radius: 0 2px 0 0;
  top: 50%;
  right: 20px;
}

.new_common_btn:not(.-anchor) a::after {
  transform: translateY(-50%) rotate(45deg);
}

.new_common_btn.-anchor a::after {
  transform: translateY(-65%) rotate(135deg);
}

.new_common_btn01,
.new_common_btn02 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.new_common_btn01.-center,
.new_common_btn02.-center {
  justify-content: center;
}

.new_common_btn01 a,
.new_common_btn02 a {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 10px 15% 10px 15%;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.new_common_btn01 a {
  background: #00698c;
}

.new_common_btn02 a {
  background: #007fff;
}

.common_btn02.-lg-btn {
  font-size: 1.5rem;
}

.common_btn02.-arrow-bottom a {
  background-position: right bottom 0.65em;
}

.text_color_01 {
  color: #00698c;
}

.bg_accent_02 {
  background-color: #edf4fc;
}

.h2 {
  font-size: 2rem;
  font-weight: 700;
}

.fw700 {
  font-weight: 700;
}

.fs16 {
  font-size: 1rem;
}

.fs18 {
  font-size: 1.125rem;
}

.fs20 {
  font-size: 1.25rem;
}

.tel a {
  color: #007fff;
  text-decoration: underline;
}

@media only screen and (max-width: 1200px) {
  .interview_mv_detail {
    position: relative;
    max-width: inherit;
    left: auto;
    bottom: auto;
    /* margin-top: -20px; */
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 691px) {
  /* table向け */
  .w20_pc {
    width: 20%;
  }
  .w25_pc {
    width: 25%;
  }
  .w30_pc {
    width: 30%;
  }
  .w35_pc {
    width: 35%;
  }
  .w40_pc {
    width: 40%;
  }
  .w45_pc {
    width: 45%;
  }
  .w50_pc {
    width: 50%;
  }
}

@media only screen and (max-width: 979px) {
  .flow_box {
    justify-content: center;
  }

  .flow_box_col {
    width: 100%;
    padding: 40px 20px 20px;
  }

  .flow_box .flow_box_col:not(:last-child):after {
    border-width: 10px 15px 0 15px;
    border-color: #00698c transparent transparent transparent;
    top: auto;
    bottom: -20px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 690px) {
  .table_list table th,
  .table_list table td {
    display: block;
  }

  .recruit_banner {
    padding: 32px 24px;
  }

  .recruit_banner_title {
    font-size: 1.5rem;
  }

  .recruit_banner_text {
    font-size: 1.125rem;
  }

  .interview_mv {
    margin-bottom: 50px;
  }

  .interview_box p + .interview_box_img {
    margin-top: 24px;
  }

  .interview_box_detail {
    padding: 24px;
    /* margin-top: -36px; */
  }

  #contents_wide {
    width: 96%;
    padding: 20px 0px 50px;
  }

  .h2 {
    font-size: 1.5rem;
  }

  .fs18_sp {
    font-size: 1.125rem;
  }

  .common_btn02.-lg-btn {
    font-size: 1.25rem;
  }
}

#tinymce .recruit_banner img {
  position: static;
  object-fit: contain;
}

#tinymce .recruit_banner::before {
  display: none;
}

#tinymce .interview_mv_detail {
  position: static;
}