@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-color:#ffffff;border-top: solid 1px #666666;border-bottom: solid 1px #666666;padding: 3em 0 3em;}
#page_header h2.header_icon{color:#363b43;background-image: url("../img/header_ttl_mark.webp");background-repeat: no-repeat;background-size: contain;padding-left: 3.2em;}
#page_header h2.header_icon_02{color:#363b43;background-image: url("../img/header_ttl_mark_02.png");background-repeat: no-repeat;background-size: contain;padding-left: 3.2em;}
#page_header h2 span.en_ttl{display: block;font-size: 0.7em;}
#page_header h2 span.copy_small{display: block;font-size: 0.5em;}

.w90per{width: 90%;margin: 0 auto;}
.boxitem_02{width: 48%;
    height: auto;
    display: block;
    margin-bottom: 2%;}
.boxitem_04{width: 23%;
    height: auto;
    display: block;
    margin-bottom: 2%;}
.post_img{margin-bottom: 1em;}
.main_title{font-size: 2.2em;margin-bottom: 0.6em;}

.boxitem_03-02{width: 31%;
    height: auto;
    display: block;
    margin-bottom: 5%;}
.boxitem_03-03{width: 31%;
    height: auto;
    display: block;
    margin-bottom: 2%;}
.bk-img {
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");}

.boxitem_03-02 p span,.boxitem_03-03 p span{background-color:#d3d3d4;color:#595757;display: inline-block;padding: 0.2em 0.6em;margin: 0.4em 0.6em 0.4em 0;}
.boxitem_03-02 h3,.boxitem_03-03 h3{color:#000000;font-size: 1.2em;line-height: 1.14em;border-bottom: solid 1px #000000;border-top: solid 1px #000000;padding: 0.6em 0;}
@media screen and (max-width:640px) {
.boxitem_03-03{width: 48%;
    height: auto;
    display: block;
    margin-bottom: 2%;}
.boxitem_03-02{width: 48%;
    height: auto;
    display: block;
    margin-bottom: 5%;}
.bk-img {
  width: 100%;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");}
.boxitem_03-02 p span,.boxitem_03-03 p span{background-color:#d3d3d4;color:#595757;display: inline-block;padding: 0.1em 0.4em;margin: 0.4em 0.6em 0.4em 0;font-size: 0.74em;}
.boxitem_03-02 h3,.boxitem_03-03 h3{color:#000000;font-size: 1.0em;line-height: 1.14em;border-bottom: solid 1px #000000;border-top: solid 1px #000000;padding: 0.6em 0;}
	}
.category{display: flex;}
.category p span{background-color:#d3d3d4;color:#595757;display: inline-block;padding: 0.2em 0.6em;margin: 0.4em 0.6em 0.4em 0;}
p.sekou{font-size: 1.24em; padding: 0.0em 0.6em;margin: 0.4em 0.6em 0.4em 0;}

/* スライドショーのスタイル */
.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 8);
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
/* レイアウトのためのスタイル */
.swiper {
  max-width: 1000px;
  width: 100%;
 height: 670px;
}
.swiper-slide{background-color:#efefef;}
.swiper-slide img {
  height: 100%;
  width: 100%;
	margin-bottom: 1em;
object-fit:contain;
}
.slider-thumbnail .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
}
.slider-thumbnail .swiper-slide-thumb-active {
  opacity: 1;
}
.works_h3{font-size: 1.6em;margin-bottom: 1em;}
.works_boxitem_02{width: 48%;
    height: auto;
    display: block;
    margin-bottom: 2%;}
.works_boxitem_02 img{width: 100%;}

.section_02 .flexbox.works_box:nth-child(2n) {
    flex-direction: row-reverse;
}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.boxitem_04{width: 31%;
    height: auto;
    display: block;
    margin-bottom: 2%;}
.works_boxitem_02{width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5%;}

.main_title{font-size: 1.6em;margin-bottom: 0.6em;}

.swiper {
  max-width: 100%;
  width: 100%;
 height: 250px;
}
}