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

@media screen and (max-width: 1330px) {
	
	.loading-img { width: 350px; height: 410px; }
	
	#vegas .bg__logo img { width: 350px; }
	#vegas .bg__caption { font-size: 2.2em; }
	
	.l-header__onlineshop { left: 0; bottom: 0; }
	
	.top-contents .contents__box figure img { width: 50vw; height: 400px; object-fit: cover; }
	.top-contents .contents__box .title-box h3 { font-size: 2.3rem; }
    
    .top-contents .contents__new-item .shop-button{bottom: -94px;}
    .top-contents .contents__new-item .pdf-button{bottom: -5px;}
	
}

@media screen and (max-width: 1024px) {
	
	/* header */
	#header .header__nav { display: none; }
	
	/* slider */
	
	#vegas .bg__logo { top: 40%; left: 50%; margin: auto; }
	#vegas .bg__logo img { width: 350px; }
	
	#vegas .bg__caption {
		width: 440px;
		top: 65%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 2.2em;
		text-align: center;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
	}
	
	/* top page */
	.top-contents .contents__box { margin-bottom: 200px; }
	.top-contents .contents__box figure { position: relative; top: 0; right: 0; width: 100%; }
	.top-contents .contents__box figure img { width: 100%; }
	
	.top-contents .contents__box .title-box { position: relative; padding-top: 80px; }
	.top-contents .contents__box .title-box span {
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
	}
	.top-contents .contents__box .title-box span::before { display: none; }
	.top-contents .contents__box .title-box h3 { font-size: 2.5rem; text-align: center; }
	.top-contents .contents__box .title-box h4 { margin-bottom: 40px; font-size: 1.4em; text-align: center; }
	
	.top-contents .contents__box .text-box { width: 80%; padding: 0; margin: 0 auto; z-index: 0; }
	.top-contents .contents__box .text-box p { font-size: .9em; }
	
	.top-contents .contents__box .more-button {
		bottom: -8%;
		left: 50%;
		transform: translateX(-50%);
		display: table;
		margin-left: -40px;
	}
	
	.l-header__onlineshop { left: 0; bottom: 0; }
	
	.top-contents .contents__new-item { margin-bottom: 280px; }
	.top-contents .contents__new-item .image { width: 100%; text-align: center; margin-bottom: 20px;}
	.top-contents .contents__new-item .image img { width: 70%; }
	.top-contents .contents__new-item .text-box { width: 100%; text-align: center; }
	.top-contents .contents__new-item .text-box .en { padding: 0; }
	.top-contents .contents__new-item .text-box .en::before { display: none; }
	.top-contents .contents__new-item .text-box h4 { display: block; margin: 0 auto 10px; }
	.top-contents .contents__new-item .shop-button {
		bottom: -21%;
		left: 50%;
		transform: translateX(-50%);
		display: table;
		margin-left: -20px;
	}
    
    /*20221013 youtube btn*/
    .top-contents .contents__new-item .youtube-button a:before{right: -95px;}
    .top-contents .contents__new-item .youtube-button a::after{right: -95px;}
    .top-contents .contents__new-item .youtube-button {bottom: -14%; text-align: left; right: 0; left: 48%;}
    
    .top-contents .contents__new-item .pdf-button a:before{right: -95px;}
    .top-contents .contents__new-item .pdf-button a::after{right: -95px;}
    .top-contents .contents__new-item .pdf-button {bottom: -7%; text-align: left; right: 0; left: 48%;}
	
	.top-contents .contents__box:nth-child(3) .image { width: 48%; }
	.top-contents .contents__box:nth-child(3) .title-box { padding-top: 0; }
	.top-contents .contents__box:nth-child(3) .title-box span { top: 0; width: 100%; text-align: center; }
	.top-contents .contents__box:nth-child(3) .title-box h3 { margin: 50px 0 25px; font-size: 1.8rem; }
	.top-contents .contents__box:nth-child(3) .title-box p { font-size: .9em; }
	
	.top-contents .contents__box:nth-child(4) .image { width: 48%; }
	.top-contents .contents__box:nth-child(4) .title-box { padding-top: 0; }
	.top-contents .contents__box:nth-child(4) .title-box span { top: 0; width: 100%; text-align: center; }
	.top-contents .contents__box:nth-child(4) .title-box h3 { margin: 50px 0 25px; font-size: 1.8rem; }
	.top-contents .contents__box:nth-child(4) .title-box p { font-size: .9em; }
	
	/* common */
	.page__head { width: 100%; height: 550px; margin-bottom: 100px; }
	.page__head::after { height: 30px; background: url("../img/common/pagehead_under_line_1024.png") no-repeat; }
	.page__head .inner { padding-top: 170px; }
	.page__head .inner .page-title h3 { font-size: 3rem; }
	
	.contents__contact .text-box { font-size: .9em; }
	.contents__contact .title-box h3 span { font-size: 1.6em; }
	
	.overlay .address { margin-right: -5%; }
	
	/* commitment */
	#commitment .inner { width: 80%; }
	#commitment .point01 figure { width: 100%; margin-bottom: 50px; order: 1; }
	#commitment .point01 .point__text-box { width: 100%; margin-left: 0; order: 2; }
	#commitment .point01 .point__text-box .en { left: 37%; }
	
	#commitment .point02 figure { width: 100%; margin-bottom: 50px; order: 1; }
	#commitment .point02 .point__text-box { width: 100%; margin-right: 0; order: 2; }
	#commitment .point02 .point__text-box .en { left: 37%; }
	
	/* product */
	#product .item { margin-bottom: 100px; }
	
	#product .item .item__image01 { width: 50%; margin-left: 5%; }
	#product .item .item__image01::before { top: 120px; left: -20px; width: 320px; height: 320px; }
	#product .item .item__text01 { width: 40%; margin-right: 5%; }
	#product .item .item__text01 .text-inner h3 { font-size: 2.2em; margin-left: 30px; }
	#product .item .item__text01 .text-inner p { font-size: 1em; margin-left: 40px; }
	
	#product .item .item__image02 { width: 30%; margin-right: 15%; }
	#product .item .item__image02::before { top: -50px; right: -120px; width: 300px; height: 300px; }
	#product .item .item__text02 { width: 40%; margin-left: 10%; }
	#product .item .item__text02 .text-inner { margin-top: 60px; }
	#product .item .item__text02 .text-inner h3 { font-size: 2.2em; margin-left: 30px; }
	#product .item .item__text02 .text-inner p { font-size: 1em; margin-left: 40px; }
	
	#product .item .item__image03 { width: 30%; margin-left: 15%; }
	#product .item .item__image03::before { top: -50px; left: -120px; width: 300px; height: 300px; }
	#product .item .item__text03 { width: 40%; margin-right: 10%; }
	#product .item .item__text03 .text-inner { margin-top: 60px; }
	#product .item .item__text03 .text-inner h3 { font-size: 2.2em; margin-left: 30px; }
	#product .item .item__text03 .text-inner p { font-size: 1em; margin-left: 40px; }
	
	/* company */
	#company .inner .greeting h3 { font-size: 2.2em; margin-bottom: 100px; }
	#company .inner .company-box::before { top: 22%; }
	
	/* link */
	#link { margin-bottom: 100px; }
	#link .inner { width: 80%; }
	#link .inner h3 { font-size: 2em; margin-bottom: 30px; }
	#link .inner ul li { font-size: .9em; line-height: 1.8em; }
	#link .inner ul li strong { margin-bottom: 5px; }
	
	/* contact */
	#contact .inner { width: 80%; }
	
}

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

@media screen and (max-width: 830px) {
	
	/* top page */
	.top-contents .inner { padding: 150px 0 100px; }
	
	.top-contents .contents__box { margin-bottom: 80px; flex-direction: column; margin-top: 80px; }
	.top-contents .contents__box .title-box { padding-top: 60px; width: 80%; margin: 0 auto; order: 2; }
	.top-contents .contents__box .title-box h3 { margin: 30px 0; font-size: 1.8rem; }
	.top-contents .contents__box .title-box h4 { font-size: 1.2em; }
	.top-contents .contents__box .title-box span { top: 10%; }
	
	.top-contents .contents__box .image { width: 70%; margin: 0 auto; order: 1; }
	
	.top-contents .contents__new-item { margin-bottom: 80px; }
	.top-contents .contents__new-item .text-box h3 { font-size: 1.8rem; }
	
	.top-contents .contents__box:nth-child(3) { margin-bottom: 100px; }
	.top-contents .contents__box:nth-child(3) .image { width: 70%; margin: 0 auto 40px; }
	.top-contents .contents__box:nth-child(3) .title-box { width: 80%; margin: 0 auto; text-align: center; }
	
	.top-contents .contents__box:nth-child(4) .image { width: 70%; margin: 0 auto 40px; order: 1; }
	.top-contents .contents__box:nth-child(4) .title-box { width: 80%; margin: 0 auto; text-align: center; order: 2; }
	
	/* footer */
	#footer .inner { padding: 50px 0; }
	#footer .inner .footer-menu { display: none; }
	#footer .copyright { margin-top: 30px; }
	
	/* common */
	.page__head { height: 500px; }
	.page__head::after { height: 20px; background: url("../img/common/pagehead_under_line_768.png") no-repeat; }
	.page__head .inner { padding-top: 150px; }
	.page__head .inner .page-title h3 { font-size: 2.5rem; }
	
	.contents__onlineshop { margin-bottom: 20px; }
	.contents__onlineshop h3 { font-size: 1.8rem; }
	.contents__onlineshop .inner { padding: 70px 0!important; }
	
	.contents__contact .inner { width: 80%; padding: 70px 0!important; }
	.contents__contact .title-box { width: 90%; margin: 0 auto 50px; }
	.contents__contact .text-box { width: 90%; margin: 0 auto; }
	.contents__contact .text-box br { display: none; }
	
	.contents__sns .inner { padding: 0 0 50px!important; }
	
	/* navi */
	.overlay nav { top: 32%; }
	.overlay ul li a { padding: 0.5em 0 0.5em 0.8em; font-size: 1.2em; }
	.overlay ul li:nth-child(1)::after { top: 17px; }
	.overlay ul li:nth-child(2)::after { top: 17px; }
	.overlay ul li:nth-child(3)::after { top: 17px; }
	.overlay ul li:nth-child(4)::after { top: 17px; }
	.overlay ul li:nth-child(5)::after { top: 17px; }
	.overlay ul li:nth-child(6)::after { top: 17px; }
	
	.overlay .onlineshop { margin-top: 15px; }
	
	.overlay .address { position: relative; left: 8%; top: 35%; text-align: left; }
	.overlay .address h2 img { width: 150px; }
	.overlay .address p { line-height: 1.8em; }
	.overlay .address .sns { justify-content: flex-start; margin-top: 20px; }
	
	/* commitment */
	#commitment .point01 { margin-bottom: 100px; }
	#commitment .point01 .point__text-box .en { left: 35%; }
	#commitment .point01 .point__text-box p { font-size: .9em; }
	
	#commitment .point02 .point__text-box .en { left: 35%; }
	#commitment .point02 .point__text-box p { font-size: .9em; }
	
	/* product */
	#product .item .item__image01 { width: 45%; }
	#product .item .item__image01::before { width: 220px; height: 220px; }
	#product .item .item__text01 .text-inner span { margin-left: 15px; }
	#product .item .item__text01 .text-inner h3 { font-size: 1.7em; margin-left: 15px; }
	#product .item .item__text01 .text-inner p { font-size: .9em; line-height: 1.8em; }
	
	#product .item .item__image02 { width: 30%; margin-right: 10%; }
	#product .item .item__image02::before { right: -50px; width: 220px; height: 220px; }
	#product .item .item__text02 .text-inner span { margin-left: 15px; }
	#product .item .item__text02 .text-inner h3 { font-size: 1.7em; margin-left: 15px; }
	#product .item .item__text02 .text-inner p { font-size: .9em; line-height: 1.8em; }
	
	#product .item .item__image03 { width: 30%; margin-left: 10%; }
	#product .item .item__image03::before { left: -50px; width: 220px; height: 220px; }
	#product .item .item__text03 .text-inner span { margin-left: 15px; }
	#product .item .item__text03 .text-inner h3 { font-size: 1.7em; margin-left: 15px; }
	#product .item .item__text03 .text-inner p { font-size: .9em; line-height: 1.8em; }
	
	/* company */
	#company .inner .greeting-box { display: block; margin-bottom: 150px; }
	#company .inner .greeting-box figure { display: none; width: 30%; margin: 0 auto; }
	#company .inner .greeting { width: 90%; margin: 0 auto; }
	#company .inner .greeting h3 { font-size: 1.8em; }
	#company .inner .greeting p { font-size: .9em; }
	
	#company .inner .company-box h3 { padding-left: 60px; font-size: 1.8em; margin-bottom: 50px; }
	#company .inner .company-box dl { padding-left: 60px; font-size: .9em; }
	#company .inner .company-box::before { top: 20%; height: 450px; }
	
	/* contact */
	#contact .inner h3 { font-size: 1.6em; }
	#contact .inner .text-box p { font-size: .9em; }
	
	/* 20231207 */
	.top-contents .contents__new-item .image { width: 70%; margin: 0 auto; margin-bottom: 40px; }
	.top-contents .contents__new-item .image img { width: 100%; }
	
	.new-item__btn-box { height: 200px; }
	.top-contents .contents__new-item .shop-button { top: 60%; bottom: 0; margin-left: 0; }
	.top-contents .contents__new-item .pdf-button { top: 0; bottom: 0; }
	.top-contents .contents__new-item .youtube-button { top: 30%; bottom: 0; }
}

@media screen and (max-width: 640px) {
	
	/* loading */
	.loading-img { width: 310px; height: 370px; }
	
	/* header */
	#header { height: 60px; padding: 15px; }
	#header .logo img { width: 150px; }
	
	/* slide */
	#vegas .bg__logo img { width: 100%; }
	#vegas .bg__caption { width: 100%; top: 60%; left: 50%; font-size: 1.4em; }
	#vegas .kv__sns { top: 80px; right: 20px; }
	
	.l-header__onlineshop a { padding: 12px 13px; font-size: .9em; }
	.l-header__onlineshop a span { margin-bottom: 14px; letter-spacing: .12em; }
	
	/* top page */
	.top-contents .inner { padding: 100px 0; }
	
	.top-contents .contents__box { margin-bottom: 140px; }
	.top-contents .contents__box figure img { width: 100%; height: 200px; object-fit: cover; }
	.top-contents .contents__box .title-box { padding-top: 40px; }
	.top-contents .contents__box .title-box span { top: 10%; font-size: .8em; }
	.top-contents .contents__box .title-box h3 { margin: 10px 0 20px; font-size: 1.3rem; }
	.top-contents .contents__box .title-box h4 { font-size: 1em; }
	.top-contents .contents__box .text-box p { font-size: .8em; }
	.top-contents .contents__box .more-button { font-size: .9em; }
	.top-contents .contents__box .more-button::after { width: 158px; }
	
	.top-contents .contents__new-item { margin-bottom: 240px; }
	.top-contents .contents__new-item .image img { width: 90%; }
	.top-contents .contents__new-item .text-box { width: 80%; margin: 0 auto; }
	.top-contents .contents__new-item .text-box .en { font-size: .8em; }
	.top-contents .contents__new-item .text-box h3 { font-size: 1.3rem; margin: 20px 0; }
	.top-contents .contents__new-item .text-box h3 font { display: block; }
	.top-contents .contents__new-item .text-box h4 { font-size: 1.3rem; }
	.top-contents .contents__new-item .text-box h4 span { display: table; margin: 0 auto 5px; padding: 2px 10px; font-size: .7em; }
	.top-contents .contents__new-item .text-box p { font-size: .8em; text-align: left; }
	.top-contents .contents__new-item .shop-button { width: 50%; bottom: -22%; margin-left: -30px; font-size: .9em; text-align: left;}
	.top-contents .contents__new-item .shop-button::after { width: 210px; }
    
    /*20221013 youtube btn*/
    .top-contents .contents__new-item .youtube-button a:before{right: -95px;}
    .top-contents .contents__new-item .youtube-button a::after{right: -95px;}
    .top-contents .contents__new-item .youtube-button {bottom: -14%; text-align: left; right: 0; left: 50%;}
    
    .top-contents .contents__new-item .pdf-button a:before{right: -95px;}
    .top-contents .contents__new-item .pdf-button a::after{right: -95px;}
    .top-contents .contents__new-item .pdf-button {bottom: -6%; text-align: left; right: 0; left: 50%;}
	
	.top-contents .contents__box:nth-child(3) .image { width: 100%; margin: 0 auto 20px; }
	.top-contents .contents__box:nth-child(3) .title-box h3 { margin: 35px 0 20px; font-size: 1.3rem; }
	.top-contents .contents__box:nth-child(3) .title-box p { font-size: .8em; }
	
	.top-contents .contents__box:nth-child(4) .image { width: 100%; margin: 0 auto 20px; order: 1; }
	.top-contents .contents__box:nth-child(4) .title-box h3 { margin: 25px 0 20px; font-size: 1.2rem; }
	.top-contents .contents__box:nth-child(4) .title-box p { font-size: .8em; }
	
	/* navi */
	.button__container { height: 60px; width: 60px; }
	.button__container span { top: 20px; }
	.button__container span:nth-of-type(2) { top: 30px; }
	.button__container span:nth-of-type(3) { top: 40px; }
	
	.button__container:hover span:nth-of-type(1) { top: 23px; }
	.button__container:hover span:nth-of-type(3) { top: 37px; }
	
	.button__container:hover.active .top { top: 20px; }
	.button__container:hover.active .bottom { top: 40px; }
	
	.overlay nav { top: 32%; width: 55%; }
	.overlay ul li a { font-size: 1em; padding: 0.5em 0 0.5em 1em; }
	.overlay ul li:nth-child(1)::after { top: 12px; }
	.overlay ul li:nth-child(2)::after { top: 12px; }
	.overlay ul li:nth-child(3)::after { top: 12px; }
	.overlay ul li:nth-child(4)::after { top: 12px; }
	.overlay ul li:nth-child(5)::after { top: 12px; }
	.overlay ul li:nth-child(6)::after { top: 12px; }
	
	.overlay .onlineshop { width: 300px; margin-left: -50px; }
	.overlay .onlineshop a { padding: 15px 12px; font-size: .8em; }
	
	.overlay .address { left: 10%; top: 33%; }
	.overlay .address h2 img { width: 120px; }
	.overlay .address p { font-size: .8em; letter-spacing: .05em; }
	
	/* common */
	.page__head { height: 450px; margin-bottom: 70px; }
	.page__head::after { height: 15px; background: url("../img/common/pagehead_under_line_640.png") no-repeat; }
	.page__head .inner { padding-top: 120px; }
	.page__head .inner .page-title h3 { font-size: 2rem; }
	
	.contents__onlineshop .inner { padding: 50px 0!important; }
	.contents__onlineshop h3 { font-size: 1.3rem; }
	.contents__onlineshop span { font-size: .8em; }
	.contents__onlineshop .more-button { width: 100px; }
	.contents__onlineshop .more-button::after { width: 100px; }
	.contents__onlineshop .more-button a { font-size: .8em; }
	
	.contents__contact .inner { padding: 50px 0!important; }
	.contents__contact .title-box .en { font-size: .8em; }
	.contents__contact .title-box h3 { font-size: .9em; }
	.contents__contact .title-box h3 span { display: block; margin: 5px 0; margin-left: 0; font-size: 2em; }
	.contents__contact .title-box p { font-size: .8em; }
	.contents__contact .title-box .button { width: 100%; text-align: center; }
	.contents__contact .title-box .button a { padding: 1em 2em 1em 4em; font-size: .9em; border: 2px #89b839 solid; }
	.contents__contact .text-box { font-size: .8em; }
	
	.contents__sns .sns-box .sns-icon { margin: 0 10px; }
	.contents__sns .sns-box .sns-icon img { width: 35px; }
	
	/* footer */
	#footer .inner { padding: 55px 0; }
	#footer .inner .add { font-size: .8em; }
	#footer .copyright { font-size: .6em; letter-spacing: .1em; }
	
	/* commitment */
	#commitment { margin-bottom: 100px; }
	#commitment .point01 .point__text-box { width: 90%; margin: 0 auto; }
	#commitment .point01 .point__text-box .en { left: 25%; font-size: .7em; }
	#commitment .point01 .point__text-box h3 { padding-bottom: 100px; font-size: 1.3em; }
	#commitment .point01 .point__text-box h3::before { bottom: 20px; left: 40px; height: 60px; }
	#commitment .point01 .point__text-box p { font-size: .8em; }
	
	#commitment .point02 .point__text-box { width: 90%; margin: 0 auto; }
	#commitment .point02 .point__text-box .en { left: 25%; font-size: .7em; }
	#commitment .point02 .point__text-box h3 { padding-bottom: 100px; font-size: 1.3em; }
	#commitment .point02 .point__text-box h3::before { bottom: 20px; left: 40px; height: 60px; }
	#commitment .point02 .point__text-box p { font-size: .8em; }
	
	/* product */
	#product { margin-bottom: 100px; }
	#product .item .item__image01 { width: 70%; margin: 30px auto; }
	#product .item .item__image01::before { top: -30px; left: 80px; width: 180px; height: 180px; }
	#product .item .item__text01 {
		width: 80%;
		margin: 0 auto;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
	}
	#product .item .item__text01 .text-inner span { font-size: .9em; margin: 0 0 15px 0; }
	#product .item .item__text01 .text-inner h3 { font-size: 1.3em; margin: 0 0 15px 0; }
	#product .item .item__text01 .text-inner p { font-size: .8em; margin: 0 0 20px 0; }
	#product .item .item__text01 .text-inner p br:nth-child(2) { display: none; }
	#product .item .item__text01 .text-inner p br:nth-child(3) { display: none; }
	
	#product .item .item__image02 { width: 35%; margin: 0 auto; order: 1; }
	#product .item .item__image02::before { top: -50px; right: -70px; width: 180px; height: 180px; }
	#product .item .item__text02 {
		width: 80%;
		margin: 0 auto;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		order: 2;
	}
	#product .item .item__text02 .text-inner span { font-size: .9em; margin: 0 0 15px 0; }
	#product .item .item__text02 .text-inner h3 { font-size: 1.3em; margin: 0 0 15px 0; }
	#product .item .item__text02 .text-inner p { font-size: .8em; margin: 0 0 20px 0; }
	#product .item .item__text02 .text-inner p br:nth-child(2) { display: none; }
	#product .item .item__text02 .text-inner p br:nth-child(3) { display: none; }
	
	#product .item .item__image03 { width: 35%; margin: 0 auto; order: 1; }
	#product .item .item__image03::before { top: -50px; left: -70px; width: 180px; height: 180px; }
	#product .item .item__text03 {
		width: 80%;
		margin: 0 auto;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		order: 2;
	}
	#product .item .item__text03 .text-inner span { font-size: .9em; margin: 0 0 15px 0; }
	#product .item .item__text03 .text-inner h3 { font-size: 1.3em; margin: 0 0 15px 0; }
	#product .item .item__text03 .text-inner p { font-size: .8em; margin: 0 0 20px 0; }
	#product .item .item__text03 .text-inner p br:nth-child(2) { display: none; }
	#product .item .item__text03 .text-inner p br:nth-child(3) { display: none; }
	
	#product .button { margin-top: 30px; }
	#product .button a { padding-bottom: 0; font-size: .9em; }
	#product .button a::before { bottom: 7px; left: 125px; width: 6px; height: 6px; }
	#product .button a::after { top: 30px; right: -30px; width: 140px; height: 2px; transform: scale(1,1); }
	#product .button a:hover::after { transform: scale(0,1); }
	
	/* company */
	#company .inner .greeting-box { margin-bottom: 80px; }
	#company .inner .greeting { width: 80%; }
	#company .inner .greeting h3 { font-size: 1.5em; margin-bottom: 60px; }
	#company .inner .greeting h3::before { left: -85px; width: 200px; height: 200px; }
	#company .inner .greeting p { font-size: .8em; }
	
	#company .inner .company-box { width: 80%; }
	#company .inner .company-box::before { top: 12.5%; height: 430px; }
	#company .inner .company-box figure { margin-bottom: 50px; }
	#company .inner .company-box h3 { padding-left: 30px; font-size: 1.5em; margin-bottom: 20px; }
	#company .inner .company-box dl { padding-left: 30px; font-size: .8em; }
	#company .inner .company-box dl dt { width: 30%; }
	#company .inner .company-box dl dd { width: 70%; }
	
	/* link */
	#link .inner { width: 75%; margin: 0 10% 0 15%; }
	#link .inner h3 { font-size: 1.5em; margin-bottom: 10px; }
	#link .inner ul li { font-size: .8em; }
	#link .inner ul li strong { font-size: 1.2em; }
	#link .inner ul li strong::before { top: 5px; height: 15px; }
	#link .inner ul li span { display: block; margin-right: 0; }
	
	/* contact */
	#contact .inner { width: 70%; }
	#contact .inner h3 { font-size: 1.3em; }
	#contact .inner .text-box p { font-size: .8em; }
	
	/* page top */
	#page-top a { width: 90px; padding: 10px 0; letter-spacing: .1em; }
    
    /*br sp*/
    .br-sp { display: block; }
	
	/* news */
	.top-news ul li a { display: block; margin-top: 15px; }
	
	/* 20231207 */
	.top-contents .inner { padding: 50px 0; }
	
	.top-contents .contents__new-item { margin-bottom: 30px; }
	.top-contents .contents__new-item .image { width: 90%; }
	.top-contents .contents__new-item .shop-button { width: 100%; margin-left: 0; }
	
	.new-item__btn-box { height: 150px; }
	
	.top-contents .contents__box { margin-bottom: 30px; margin-top: 60px; }
	.top-contents .contents__box .title-box span { width: max-content; top: 5%; }
	
}

@media screen and (max-width: 420px) {
	
	/* loading */
	.loading-img { width: 235px; height: 280px; }

	/* common */
	.page__head::after { height: 10px; background: url("../img/common/pagehead_under_line_380.png") no-repeat; }
	
	
}