/* -----
 set module

---------------------------------------------------- */
#home .content__wide { padding: 0; }

.home_ttl__deco::after { content: ''; display: block; background: #ff7d00; width: 24px; height: 4px; margin: 20px auto; transform: skewX(-30deg); }
@media screen and (max-width: 899px) { .home_ttl__deco::after { margin: 16px auto; } }

.home_visual { position: relative; background: #f08c00; overflow: hidden; }
.home_visual__img_list > li { position: absolute; top: 0; left: 0; width: 100%; height: 600px; /*				&::after {
					@include media-screen(tablet){
						bottom: 0;
						right: calc(50.9% - 532px) -73px;
						background: rgba(0, 0, 0, 0.25);
						width: 600px;
						height: calc(38.687vw + 252.2px);
						z-index: 110;
					}
					@include media-screen(min-phone){
						right: -370px;
						height: 376px;
					}
				}*/ }
@media screen and (max-width: 899px) { .home_visual__img_list > li { height: 420px; } }
@media screen and (max-width: 639px) { .home_visual__img_list > li { height: calc(6.25vw + 356px); /*396px;*/ } }
@media screen and (max-width: 320px) { .home_visual__img_list > li { height: 376px; } }
.home_visual__img_list > li::before, .home_visual__img_list > li::after { position: absolute; content: ''; display: block; height: 100%; transform: skewX(-17deg); }
.home_visual__img_list > li::before { bottom: -1px; right: -95px; background: #f08c00; width: 80px; z-index: 120; }
@media screen and (max-width: 899px) { .home_visual__img_list > li::before { width: calc(6.90vw + 57.892px); /*120px*/ } }
@media screen and (max-width: 320px) { .home_visual__img_list > li::before { width: 80px; } }
.home_visual__img_list > li > span { position: absolute; }
.home_visual__img_list > li > span > img { height: 100%; }
.home_visual__img_list > li > span.scene { left: 50%; height: 600px; bottom: 0; z-index: 100; }
@media screen and (max-width: 899px) { .home_visual__img_list > li > span.scene { background-image: url("../images/home/photo_home_visual_00.png"); background-repeat: no-repeat; background-size: auto 100.2%; left: calc(35.625% - 150px); /*calc(50% - 242px)*/ height: calc(38.687vw + 252.2px); } }
@media screen and (max-width: 320px) { .home_visual__img_list > li > span.scene { left: -36px; /*calc(50% - 196px)*/ height: 376px; } }
@media screen and (max-width: 899px) { .home_visual__img_list > li > span.scene > img { opacity: 0.75; } }
.home_visual__img_list > li > span.product { top: 222px; left: 50%; height: 340px; z-index: 130; }
@media screen and (max-width: 899px) { .home_visual__img_list > li > span.product { top: 170px; left: auto; right: -16px; height: 255px; } }
@media screen and (max-width: 639px) { .home_visual__img_list > li > span.product { top: 212px; left: -34px; right: auto; height: 208px; } }
.home_visual__inner { position: relative; display: flex; flex-direction: column; width: 980px; height: 600px; margin: 0 auto; z-index: 140; }
@media screen and (max-width: 899px) { .home_visual__inner { width: 100%; height: auto; padding: 0 30px; } }
@media screen and (max-width: 639px) { .home_visual__inner { padding: 0 15px; } }
.home_visual__copy { order: 1; display: inline-block; padding-top: 90px; padding-bottom: 40px; width: 100%; max-width: 699px; min-height: 0%; }
@media screen and (max-width: 899px) { .home_visual__copy { max-width: 405px; padding-top: 64px; padding-bottom: 0; } }
@media screen and (max-width: 639px) { .home_visual__copy { max-width: 311px; max-width: calc(19vw + 185px); padding-top: 34px; height: 440px; } }
@media screen and (max-width: 320px) { .home_visual__copy { max-width: 248px; } }
.home_visual__copy > img { width: 100%; }
@media screen and (max-width: 899px) { .home_visual__copy > img { display: none; } }
.home_visual__copy > img + .img_sp { display: none; }
@media screen and (max-width: 899px) { .home_visual__copy > img + .img_sp { display: inline-block; } }
.home_visual__text { order: 2; max-width: 540px; }
@media screen and (max-width: 899px) { .home_visual__text { order: 3; max-width: 100%; padding-bottom: 42px; } }
@media screen and (max-width: 639px) { .home_visual__text { order: 2; padding-bottom: 0; } }
.home_visual__text > p { color: #fff; font-size: 16px; max-height: 100%; margin-top: -6px; margin-bottom: -6px; line-height: 1.75; }
@media screen and (max-width: 899px) { .home_visual__text > p { font-size: 15px; max-height: 100%; margin-top: -4.5px; margin-bottom: -4.5px; line-height: 1.6; } }
.home_visual__link { order: 3; padding-top: 32px; }
@media screen and (max-width: 899px) { .home_visual__link { order: 2; height: 166px; padding-top: 36px; } }
@media screen and (max-width: 639px) { .home_visual__link { order: 3; height: auto; padding-top: 36px; padding-bottom: 48px; text-align: center; } }
@media screen and (max-width: 320px) { .home_visual__link { padding-top: 24px; padding-bottom: 40px; } }
.home_visual__link > a { position: relative; display: inline-block; /*background: #f08c00;*/ max-width: 268px; width: 100%; padding: 12px 0 13px; border: solid 2px #fff; border-radius: 10px; color: #fff; font-size: 15px; font-weight: 500; text-align: center; transition: background 0.2s ease-out; vertical-align: top; }
@media screen and (max-width: 639px) { .home_visual__link > a { max-width: 100%; } }
.home_visual__link > a::after { position: absolute; top: 50%; right: 15px; display: inline-block; font-family: "FontAwesome"; color: #fff; content: "\f105"; font-size: 16px; font-weight: 900; transform: translateY(-50%); }
.home_visual__link > a:hover { background: rgba(255, 163, 34, 0.5); }
@media screen and (max-width: 639px) { .home_visual__link > a > span { display: none; } }

.home_product { background-color: #f7f6f4; background-image: url("../images/home/bg_home_product.jpg"); background-repeat: no-repeat; background-size: 1920px auto; background-position: top center; padding: 60px 0 50px 0; }
@media screen and (max-width: 899px) { .home_product { background-position: top left -180px; padding: 40px 30px; } }
@media screen and (max-width: 639px) { .home_product { padding: 40px 15px; } }
.home_product__link { display: inline-block; width: 100%; height: 100%; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); transition: box-shadow 0.2s ease-out; }
.home_product__link:hover { box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.15); }
.home_product__head { margin-bottom: 32px; text-align: center; }
@media screen and (max-width: 639px) { .home_product__head { margin-bottom: 24px; } }
.home_product__head > .ttl > img { max-width: 280px; width: 100%; }
@media screen and (max-width: 639px) { .home_product__head > .ttl > img { max-width: 245px; } }
.home_product__head > .text { font-size: 18px; max-height: 100%; margin-top: -2.997px; margin-bottom: -2.997px; line-height: 1.333; }
@media screen and (max-width: 899px) { .home_product__head > .text { hyphens: manual; font-size: 15px; max-height: 100%; margin-top: -3.9975px; margin-bottom: -3.9975px; line-height: 1.533; } }
.home_product__head > .text > br { display: none; }
@media screen and (max-width: 899px) { .home_product__head > .text > br { display: inherit; } }
@media screen and (max-width: 459px) { .home_product__head > .text > br { display: none; } }
.home_product__list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 899px) { .home_product__list { min-width: 100%; } }
.home_product__list > li { width: 300px; margin-bottom: 40px; }
.home_product__list > li:not(:nth-child(3n + 1)) { margin-left: 40px; }
@media screen and (max-width: 899px) { .home_product__list > li { width: calc(50% - 15px); }
  .home_product__list > li:not(:nth-child(3n + 1)) { margin-left: 0; }
  .home_product__list > li:not(:nth-child(2n + 1)) { margin-left: 30px; } }
@media screen and (max-width: 639px) { .home_product__list > li { width: 100%; max-width: 400px; margin: 0 auto 20px !important; } }
.home_product__card { display: flex; flex-wrap: wrap; flex-direction: column; background-color: #fff; width: 100%; height: 100%; padding-bottom: 20px; border-top: solid 3px #ff7d00; }
.home_product__card > .name { order: 2; padding: 0 15px; transition: color 0.2s ease-out; }
.home_product__card > .name > span { position: relative; display: inline-block; padding: 18px 0 18px 16px; font-size: 20px; font-weight: 500; }
.home_product__card > .name > span::before { position: absolute; content: "\f105"; display: block; font-size: 16px; font-weight: 600; font-family: "FontAwesome"; color: #ff7d00; top: 20px; left: 0px; transition: all 0.2s; }
.link_hover:hover .home_product__card > .name { color: #ff7d00; }
.home_product__card > .text { order: 3; padding: 0 15px; }
.home_product__card > .text > p { font-size: 14px; max-height: 100%; margin-top: -3.997px; margin-bottom: -3.997px; line-height: 1.571; }
@media screen and (max-width: 899px) { .home_product__card > .text > p { font-size: 14px; max-height: 100%; margin-top: -3.5px; margin-bottom: -3.5px; line-height: 1.5; } }
.home_product__card > .img { order: 1; transition: opacity 0.2s ease-out; }
.home_product__card > .img > span { position: relative; display: block; width: 100%; height: 168px; overflow: hidden; }
.home_product__card > .img > span > img { position: absolute; left: 50%; height: 100%; transform: translateX(-50%); }
.link_hover:hover .home_product__card > .img { opacity: 0.7; }

.home_product_search { width: 980px; margin: 0 auto 60px; }
@media screen and (max-width: 899px) { .home_product_search { width: 100%; margin-bottom: 40px; } }
.home_product_search__link { width: 100%; display: block; border-top: 3px solid #dddddd; position: relative; background: #ffffff; transition: box-shadow 0.2s ease-out; }
.home_product_search__link:hover { box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.15); }
.home_product_search__link:hover::before { width: 30%; }
.home_product_search__link:hover::after { right: 7px; }
@media screen and (max-width: 639px) { .home_product_search__link:hover::after { right: 6px; } }
.home_product_search__link::before { content: ''; position: absolute; top: -3px; left: 0; width: 10%; height: 3px; background: #f08c00; transition: width 0.2s ease-out; }
.home_product_search__link::after { content: "\f105"; position: absolute; top: 50%; right: 10px; display: inline-block; font-family: "FontAwesome"; color: #f08c00; font-size: 16px; font-weight: 900; transform: translateY(-50%); transition: right 0.2s ease-out; }
@media screen and (max-width: 639px) { .home_product_search__link::after { right: 8px; } }
.home_product_search__banner { width: 100%; display: flex; align-items: center; padding: 24px 34px 23px; }
@media screen and (max-width: 639px) { .home_product_search__banner { padding: 20px 28px 19px 15px; display: block; } }
.home_product_search__banner .ttl { font-size: 20px; max-height: 100%; margin-top: -3px; margin-bottom: -3px; line-height: 1.3; color: #f87300; padding-right: 25px; margin-right: 20px; border-right: 1px solid #cccccc; font-weight: 500; }
@media screen and (max-width: 639px) { .home_product_search__banner .ttl { font-size: 17px; max-height: 100%; margin-top: -2.975px; margin-bottom: -2.975px; line-height: 1.35; padding-right: 0; margin-right: 0; border-right: none; } }
@media screen and (max-width: 639px) { .home_product_search__banner .ttl br { display: none; } }
.home_product_search__banner .cont { font-size: 15px; max-height: 100%; margin-top: -3.975px; margin-bottom: -3.975px; line-height: 1.53; color: #515151; }
@media screen and (max-width: 639px) { .home_product_search__banner .cont { font-size: 14px; max-height: 100%; margin-top: 13.55px; margin-bottom: -2.45px; line-height: 1.35; } }
@media screen and (max-width: 899px) { .home_product_search__banner .cont br { display: none; } }

.home_news { padding: 60px 0 90px; }
@media screen and (max-width: 899px) { .home_news { padding: 60px 30px; } }
@media screen and (max-width: 639px) { .home_news { padding: 40px 15px; } }
.home_news__head { margin-bottom: 32px; text-align: center; }
@media screen and (max-width: 639px) { .home_news__head { margin-bottom: 24px; } }
.home_news__head > .ttl > img { max-width: 163px; width: 100%; }
@media screen and (max-width: 639px) { .home_news__head > .ttl > img { max-width: 143px; } }
@media screen and (max-width: 899px) { .home_news__box { min-width: 100%; } }
.home_news__box .news__list { /*news__list -> common_news.sass*/ }
.home_news__link { text-align: center; }
.home_news__link > a { position: relative; display: inline-block; background: #fff; max-width: 368px; width: 100%; padding: 12px 0 13px; margin-top: 32px; border: solid 2px #ff7d00; border-radius: 10px; font-size: 15px; font-weight: 500; text-align: center; transition: background 0.2s ease-out; }
@media screen and (max-width: 899px) { .home_news__link > a { margin-top: -12px; } }
@media screen and (max-width: 639px) { .home_news__link > a { max-width: 240px; margin-top: -20px; } }
.home_news__link > a::after { position: absolute; top: 50%; right: 15px; display: inline-block; font-family: "FontAwesome"; color: #ff7d00; content: "\f105"; font-size: 16px; font-weight: 900; transform: translateY(-50%); }
.home_news__link > a:hover { background: #fff5eb; }
@media screen and (max-width: 639px) { .home_news__link > a > span { display: none; } }

.home_contact { background-image: url("../images/home/bg_home_contact.png"); background-size: 1456px auto; background-repeat: no-repeat; background-position: top center; padding-top: 286px; }
@media screen and (max-width: 899px) { .home_contact { background-size: 113.6vw auto; padding-top: calc(22.1vw + 37.25px); /*236-108*/ } }
.home_contact__inner { background: #fff; padding: 40px 0 48px; margin-top: -36px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07); }
@media screen and (max-width: 899px) { .home_contact__inner { padding: 25px 0 0; min-width: 100%; box-shadow: none; } }
.home_contact__head { margin-bottom: 48px; text-align: center; }
@media screen and (max-width: 899px) { .home_contact__head { margin-bottom: 24px; } }
.home_contact__head > .ttl > img { max-width: 155px; width: 100%; }
@media screen and (max-width: 639px) { .home_contact__head > .ttl > img { max-width: 133px; } }
.home_contact__address { text-align: center; font-size: 0; font-style: normal; }
.home_contact__address > span { display: inline-block; height: 15px; margin-right: 30px; margin-bottom: 17px; }
@media screen and (max-width: 899px) { .home_contact__address > span.tel { text-align: right; padding-right: 15px; } }
@media screen and (max-width: 899px) { .home_contact__address > span.fax { text-align: left; padding-left: 15px; } }
@media screen and (max-width: 899px) { .home_contact__address > span { width: 50%; margin-right: 0; } }
@media screen and (max-width: 539px) { .home_contact__address > span { width: 100%; text-align: center !important; padding: 0 !important; } }
.home_contact__address > span img { height: 100%; }
.home_contact__address > a { position: relative; display: inline-block; background: #fff; max-width: 268px; width: 100%; padding: 12px 0 13px; margin-top: -14px; border: solid 2px #ff7d00; border-radius: 10px; font-size: 15px; font-weight: 500; text-align: center; transition: background 0.2s ease-out; vertical-align: top; }
@media screen and (max-width: 899px) { .home_contact__address > a { margin-top: 7px; } }
.home_contact__address > a::after { position: absolute; top: 50%; right: 15px; display: inline-block; font-family: "FontAwesome"; color: #ff7d00; content: "\f105"; font-size: 16px; font-weight: 900; transform: translateY(-50%); }
.home_contact__address > a:hover { background: #fff5eb; }
@media screen and (max-width: 639px) { .home_contact__address > a > span { display: none; } }

/*# sourceMappingURL=common_home.css.map */