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

/* -----------------------------

  サービス紹介／service.html

----------------------------- */

/*-- navi ハイライト --*/
body#body-service-other #navi_in ul li.navi_service a {
  text-decoration: none;
  background-color: #72c7cb;
  color: #fff;

  background-image: url(../img/navi_service_.png);
}

/*-- KV 背景 --*/
body#body-service-other #page_kv_sub {
  background-image: url("../img/page_kv_service_under.jpg");
}

/*-- サブナビゲーション ハイライト --*/
body#body-service-other .sub_navi ul li.sub_navi_other a {
  background-color: #d4eeef;
}

/*-- ボタンの共通設定 --*/
.service_other_button {
  width: 100%;
  text-align: center;
}
.service_other_button a {
  font-family: 'Noto Sans JP', sans-serif;
  background-image:url( "../img/servise_menu_list_icon_asset_.png");
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left 13px center;
  background-color: #72c7cb;
  display: inline-block;
  color: #fff;
  padding: 22px 30px 22px 62px;
  margin-top: 40px;
}
.service_other_button a:hover {
  text-decoration: none;
  background-color: #3ab0b6;
}



/*-- コンテンツA --*/

body#body-service-other .content-a .content-box {
  max-width: 900px;
  margin:0 auto;
}
body#body-service-other .content-a .content-box .left {
  width : calc( 60% - 25px );
}
body#body-service-other .content-a .content-box .left img {
  width : 100%;
}
body#body-service-other .content-a .content-box .right {
  width : calc( 40% - 25px );
}
.content-a .service_other_button a {
  background-image:url( "../img/servise_other_button_asset.png");
}


/*-- コンテンツB --*/

body#body-service-other .content-b .content-box {
  max-width: 900px;
  margin:0 auto;
}
body#body-service-other .content-b .content-box .right {
  width : calc( 60% - 25px );
}
body#body-service-other .content-b .content-box .right img {
  width : 100%;
}
body#body-service-other .content-b .content-box .left {
  width : calc( 40% - 25px );
}
.content-b .service_other_button a {
  background-image:url( "../img/servise_other_button_seminar.png");
}

/* -----------------------------

SP　スマホ
画面サイズが765px以下　

----------------------------- */

@media screen and (max-width:765px) { 

/*-- コンテンツA --*/
.servise_image {
  margin: -40px auto 20px auto;
}  
  
.servise_menu_list ul li {
  width: calc( 100% / 2 - 22px ); /* m20 p40 b2 */
}
.servise_menu_list ul li.nolink {
  width: calc( 100% / 2 - 62px ); /* m20 p40 b2 */
}

.servise_cards ul li {
  width: calc( 100% / 2 - 22px );
  padding-top: 60%;
  margin: 10px;
}
  
  
  
}


/* -----------------------------

SP　スマホ
画面サイズが600px以下　

----------------------------- */

@media screen and (max-width:600px) { 

/*-- コンテンツA --*/
.servise_menu_list ul li {
  width: calc( 100% - 22px ); /* m20 p40 b2 */
}
.servise_menu_list ul li.nolink {
  width: calc( 100% - 62px ); /* m20 p40 b2 */
}

.servise_menu_list ul li .servise_menu_list_title {
  max-width: 300px;
  margin: 0 auto;
}
  
}