@charset "UTF-8";

/**********　　（以下）小型キービジュアル　　**********/

.kyodo_kv {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.swiper {
  width: 1080px;
  margin: 0 auto;
  line-height: 0;
}

.swiper-slide img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
.kyodo_kv { width: 100%;}
}

@media screen and (max-width: 1080px) {
.swiper { width: 100%;}
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 32px !important;
  color: #0089ce !important;
}

.swiper-pagination-bullet {
  background-color: #0089ce !important;
}

/**********　　（以上）小型キービジュアル　　**********/

/**********　　（以下）グローバルメニューの位置調整　　**********/

.g-nav {
margin-top: 0 !important;
}

/**********　　（以上）グローバルメニューの位置調整　　**********/

.width100 {
  width: 100%;
}

.basic_wrap {
  width: 976px;
  margin: 0 auto;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.basic_wrap { width: calc(100% - 40px);}
}

.kyodo_menu_box {
  width: 100%;
  background-color: #e7e7e7;
  padding: 60px 0 100px 0;
}

.kyodo_menu_box2 {
  width: 100%;
  background-color: #fff;
  padding: 60px 0 100px 0;
}

.kyodo_menu_box3 {
  width: 100%;
  background-color: #b8cbe9;
  padding: 60px 0 100px 0;
}

.lineuptitle {
  background-color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 0;
  text-align: center;
  color: #fff;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3;
}

.lineup {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 24px;
}

.lineupitem {
  width: 25%;
  margin-right: 16%;
  padding: 0;
  text-align: center;
  line-height: 1.4;
}

.lineupitem:nth-child(2) {
  margin-right: 0;
}

.lineuphikaku {
  background-color: #c8cfe0;
  padding: 16px;
  text-align: center;
}

.lineuphikaku a {
  color: #333;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1;
  text-decoration: underline;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.kyodo_menu_box,.kyodo_menu_box2,.kyodo_menu_box3 { padding: 30px 0 50px 0;}
.lineuptitle { padding: 10px 0; font-size: 1.2em;}
.lineup { padding: 16px 24px;}
.lineupitem { width: 46%; margin-right: 8%; font-size: 0.9em;}
.lineupitem img{ width: 67%;}
.lineuphikaku { padding: 6px;}
.lineuphikaku a { font-size: 1em;}
}

.menu_wrap {
  width: 976px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.menu_left_wrap {
  width: 47%;
  margin-right: 6%;
  background-image: url(../images/top-kyodo/kyodo_image1.webp);
  background-size: cover;
  background-position: center;
}

.menu_right_wrap {
  width: 47%;
}

.menu_button_b a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background-color: #666;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1;
}

.menu_button_b a:hover {
  background-color: #888;
  color: #fff;
}

.menu_button_b a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/icon_ar_r_w.svg);
  background-repeat: none;
  background-size: 20px;
}

.menu_button_b_small {
  font-size: 60%;
}

.menu_button_c a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  background-color: #666;
  color: #fff;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
}

.menu_button_c a:hover {
  background-color: #888;
  color: #fff;
}

.menu_button_c a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/icon_ar_r_w.svg);
  background-repeat: none;
  background-size: 20px;
}

.btn_g[href$=".pdf"]:after {
  background-image: url(../images/icon_ar_r_w.svg)!important;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.menu_wrap { width: 100%;}
.menu_left_wrap { width: 100%; height: 250px; margin-right: 0; margin-bottom: 30px;}
.menu_right_wrap { width: 100%; padding: 0 20px;}
.menu_button_b a { height: 48px; font-size: 1em; }
.menu_button_b a:after { width: 16px; height: 16px; background-size: 16px;}
.menu_button_b_small { font-size: 80%; }
.btn_g[href$=".pdf"]:after { width: 16px !important; height: 16px !important; background-size: 16px !important;}
.menu_button_c a { margin-left: 20px; width: calc(100% - 40px); height: 42px; font-size: 1em; }
.menu_button_c a:after { width: 16px; height: 16px; background-size: 16px; }
}

@media screen and (max-width: 400px) and (orientation: portrait) {
.menu_button_b_longtxt { font-size: 3.5vw !important; }
}





.read-txt02-2 {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

.titleimage {
  text-align: center;
  margin-bottom: 60px;
}

.titleimage_kyodo1 {
  width: 850px;
  margin: 0 auto 60px auto;
}

.titleimage_kyodo2 {
  width: 720px;
  margin: 0 auto 60px auto;
}

.titleimage_kyodo1 img,.titleimage_kyodo2 img {
  width: 100%;
}

.installation-conditions-img {
  text-align: center;
}

.installation-conditions-img img {
  width: 100%;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.titleimage,.titleimage_kyodo1,.titleimage_kyodo2 { width: 90%; margin: 0 auto 30px auto; }
.titleimage img { width: 100%; }
}

h2 {
    display: block;
    width: 100%;
    font-family: "Shippori Mincho", serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
h2 { font-size: 22px; padding-bottom: 10px; }
}

.secondmenu_wrap,.thirdmenu_wrap,.fourthmenu_wrap {
  display: flex;
  flex-wrap: wrap;
}

.secondmenu_item {
  width:46.6%;
  margin-right: 6.8%;
}

.secondmenu_item:last-child {
  margin-right: 0;
}

.secondmenu_midashi {
  width: 100%;
  text-align: center;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  padding: 12px 0;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 1.3em;
  line-height: 1.4;
  margin-bottom: 10px;
}

.secondmenu_title {
  position: relative;
  background-color: #b8cbe9;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.4;
}

.secondmenu_title:after,.thirdmenu_title:after,.fourthmenu_center:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/icon_ar_r_w.svg);
  background-repeat: none;
  background-size: 20px;
}

.secondmenu_item img,.thirdmenu_item img {
  width: 100%;
}

.secondmenu_copy {
  position: relative;
}

.secondmenu_copy p{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  line-height: 1.3;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: min(2em, 6vw);
  line-height: 1.5;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.secondmenu_item { width:100%; margin-right: 0; margin-bottom: 20px;}
.secondmenu_item:last-child { margin-right: 0; margin-bottom: 0;}
.secondmenu_midashi { padding: 8px 0; font-size: 1em;}
.secondmenu_title { min-height: 64px; font-size: 1.1em;}
.secondmenu_title:after,.fourthmenu_center:after { width: 16px; height: 16px; background-size: 16px; }
}

.thirdmenu_item {
  width:32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.thirdmenu_item:nth-child(3n) {
  margin-right: 0;
}

.thirdmenu_item:nth-child(4),.thirdmenu_item:nth-child(5),.thirdmenu_item:nth-child(6) {
  margin-bottom: 0;
}

.thirdmenu_title {
  position: relative;
  background-color: #666;
  min-height: 72px;
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.4;
  padding-left:16px;
}

.thirdmenu_item a:hover .thirdmenu_title {
  background-color: #888;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.thirdmenu_item { width:48%; margin-right: 4%; margin-bottom: 8px;}
.thirdmenu_item:nth-child(3n) { margin-right: 4%;}
.thirdmenu_item:nth-child(2n) { margin-right: 0;}
.thirdmenu_item:nth-child(4) { margin-bottom: 10px;}
.thirdmenu_title { min-height: 64px; font-size: 0.85em; line-height: 1.3; padding-left:10px;}
.thirdmenu_title:after { right: 10px; width: 16px; height: 16px; background-size: 16px; }
}

.fourthmenu_leftimg {
  width: 30%;
  line-height: 0;
}

.fourthmenu_center {
  position: relative;
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.fourthmenu_rightimg {
  width: 30%;
  line-height: 0;
}

.fourthmenu_leftimg img,.fourthmenu_rightimg img {
  width: 100%;
}

.bgcolor_blue {
  background-color: #b8cbe9;
}

.bgcolor_gray {
  background-color: #666;
}

.fourthmenu_link:hover {
  opacity: .8;
}

.fourthmenu_txt1 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 8px 0;
}

.fourthmenu_txt2 {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}

.txtwhite {
  color: #fff !important;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.fourthmenu_leftimg { width: 50%; order: 2;}
.fourthmenu_center { width: 100%; order: 1; padding: 10px 0;}
.fourthmenu_rightimg { width: 50%; order: 3;}
.fourthmenu_txt1 { font-size: 1.2em; margin: 0;}
.fourthmenu_txt2 { font-size: 0.9em; line-height: 1.3;}
}

.kyodo_products_menu {
  width: 976px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  background-color: #333;
}

.kyodo_products_menu_item {
  width: 244px;
  height: 36px;
  border-right: 1px solid #ccc;
}

.kyodo_products_menu_item:last-child {
  width: 244px;
  border-right: none;
}

.kyodo_products_menu_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #333;
  font-size: 0.9em;
  color: #fff;
}

.kyodo_products_menu_item a:hover {
  background-color: #666;
  color: #fff !important;
}

.kyodo_products_menu_activ {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1f416d;
  color: #fff;
  font-size: 0.9em;
}

@media screen and (max-width: 599px) and (orientation: portrait) {
.kyodo_products_menu { width: 100%;}
.kyodo_products_menu_item { width: 50%; height: 28px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.kyodo_products_menu_item:nth-of-type(2n) { border-right: none;}
.kyodo_products_menu_item:last-child { width: 50%; border-right: 1px solid #ccc; border-bottom: none;}
.kyodo_products_menu_item a,.kyodo_products_menu_activ { font-size: min(3.5vw, 0.9em);}
}

.mp0 {
  padding-top: 0 !important;
}