section { position: relative; padding: 5vw 0; background: no-repeat 50% / cover; }
section .page_title {position: relative;margin-bottom: 30px;text-align: center;font-weight: 600;color: #363636;margin-top: -70px;margin-bottom: 150px;display: flex;flex-direction: column;align-items: center;}
section .page_title h2{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.5em;
    color: #2a2a2a;
}
section .more_box >* { padding: 5px 30px; border: 1px rgba(255, 255, 255, .3) solid; display: inline-block; color: #fff; }
section .page_title:before{
	content:"";
	position: absolute;
	width: 150px;
	height: 50px;
	font-size: 50px;
	background-image: url(/images/38/titleicon.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	top: -45px;
}
.cutitlee{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cutitlee h2{
	    position: relative;
	    margin-bottom: 30px;
	    text-align: center;
	    font-weight: 600;
	    font-size: 2.5em;
	    color: #363636;
	    margin-bottom: 0;
}
.maskcolor{
    position: absolute;
    width: 100%;
    height: 110px;
    background: linear-gradient(to bottom, #ffffff2e, #ffffff, #ffffff, #ffffff);
    z-index: 2;
    top: 552px;
}
#inwrapBox{
    position: relative;
    overflow: hidden;
}
#inwrapBox .boxJ01:before{
	content:"";
	position: absolute;
	width: 100%;
	height: 152px;
	background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #ffffff00);
	z-index: 1;
	top: -75px;
	-moz-transform-origin: left bottom;
	-moz-transform: rotate(1deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(1deg);
	-o-transform-origin: left bottom;
	-o-transform: rotate(1deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(1deg);
	transform-origin: left bottom;
	transform: rotate(1deg);
}
#inwrapBox .boxJ01{
    position: relative;
    display: flex;
    align-items: center;
    padding: 100px 0;
    z-index: 2;
    justify-content: space-between;
}
#inwrapBox .boxJ01 .mmimg{
    display: flex;
    flex-direction: column;
    width: 57%;
    position: relative;
    z-index: 1;
}
#inwrapBox .boxJ01 .mmimg:before{
	content:"";
	position: absolute;
	width: 114%;
	height: 225%;
	top: -29%;
	left: -9%;
	z-index: 0;
	background: linear-gradient(to left, #ffffff1f, #ffffff, #ffffff, #ffffff, #ffffff);
}

#inwrapBox .itemm img{
    height: 400px;
    aspect-ratio: 6/5;
}
#inwrapBox .boxJ01 .ttext{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 30%;
    padding: 5%;
    z-index: 0;
}
#inwrapBox .boxJ01 .ttext:before{
	content: "";
	position: absolute;
	width: 299px;
	aspect-ratio: 2/3;
	background-image:url(/images/38/rightmimg.png);
	background-size: contain;
	background-repeat: no-repeat;
	right: -200px;
	bottom: -12px;
}
#inwrapBox .boxJ01 .ttext:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 1001px 2001px 4px;
	border-color: transparent #fffde6 transparent transparent; /* 灯光颜色 */
	position: absolute;
	right: 51px;
	top: 24px;
	z-index: -1;
	-moz-transform-origin: right top;
	-moz-transform:rotate(-3deg);
	-webkit-transform-origin: right top;
	-webkit-transform:rotate(-3deg);
	-o-transform-origin: right top;
	-o-transform:rotate(-3deg);
	-ms-transform-origin: right top;
	-ms-transform:rotate(-3deg);
	transform-origin: right top;
	transform: rotate(13deg);
	animation: glow 1.7s infinite alternate;
}
 @keyframes glow {
    0% {
          border-color: transparent #fff9bf73 transparent transparent;
    }
	 75% {
          border-color: transparent #fff9bf0d transparent transparent;
    }
    100% {
          border-color: transparent #fff7b012 transparent transparent;
    }
  }

#inwrapBox .boxJ01 .ttext h2{
    font-size: 2em;
    line-height: 1.25em;
    color: #2a2a2a;
}
#inwrapBox .boxJ01 .ttext p{
    font-size: 1.1em;
    color: #585858;
    margin-top: 1.25em;
}
#inwrapBox .boxJ01 .ttext .coulink{
    position: relative;
    padding: 21px 15px;
    border: #4d4d4d70 2px solid;
    border-radius: 50px;
    margin-top: 50px;
    width: 256px;
    font-size: 1.0em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2a2a2a;
}
#inwrapBox .boxJ01 .ttext .coulink:before{
	content:"";
	position: absolute;
	width: 59px;
	height: 1px;
	right: -40px;
	background: #2a2a2a;
}
#inwrapBox .boxJ01 .ttext .coulink:after{
	content:"";
	border-style: solid;
	border-width: 0px 8px 9px 11px;
	border-color: transparent transparent #2a2a2a;
	position: absolute;
	right: -44px;
	margin-top: -9px;
}
#inwrapBox .boxJ01 .ttext .coulink:hover{
    background: #fdf5ea;
}

/* aboutBox */
#aboutBox .workframe { overflow: hidden; }
#aboutBox .left_box { padding: 0; float: left; width: 700px; height: calc(100vh - 71px); bottom: 0; z-index: 10; }
#aboutBox .info_box h4 { margin: 15px 0; height: 52px; text-align: center; font-weight: 400; font-size: 31px; }
#aboutBox .img_box_cover , #aboutBox .img_box_cover img { height: 65vh; }
#aboutBox .left_box .info_box article.text-clamp {margin-bottom: 20px;height: 84px;line-height: 190%;-webkit-line-clamp: 3;}
#aboutBox .right_box { float: right; width: 50%; }
#aboutBox .right_box .list_box { margin-bottom: 30px; width: calc(50% - 1px); border-left: 1px #ccc solid; display: inline-block; vertical-align: top; }
#aboutBox .right_box .list_box .relat_box { margin: 0 25px; }
#aboutBox .right_box .list_box .img_box_cover , #aboutBox .right_box .list_box .img_box_cover img { height: 370px; }
#aboutBox .right_box .list_box .info_box h4 { height: 40px; font-size: 24px; }
#aboutBox .right_box .list_box:nth-child(2n) .img_box_cover , #aboutBox .right_box .list_box:nth-child(2n) .img_box_cover img { height: 300px; }
#aboutBox .right_box .list_box:nth-child(2n) .info_box h4 { margin: 15px 0 90px; }
#aboutBox.about_content_end { width: 100%; display: block; }

/* secabout */
#secabout { margin-top: 50px; }
#secabout:before { position: absolute; width: 60%; height: 100%; background: #dc8661; display: block; top: 0; left: 0; content: ""; }
#secabout >div { width: 50%; display: inline-block; vertical-align: top; }
#secabout .customBox ul { margin: 0 auto; width: 500px; }
#secabout .customBox ul li { padding: 60px 0; }
#secabout .customBox ul li .page_sub_title { margin-bottom: 25px; font-weight: 400; font-size: 36px; color: #fff; }
#secabout .customBox ul li article { font-weight: 200; font-size: 18px; color: #ece4e0; }
#secabout .youtubeBox { top: 45px; }
#secabout .youtubeBox iframe { width: 90%; height: 350px; }

/*boxJ02*/
.boxJ02{
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 50px 0 50px;
}

.boxJ02 .brame{
    overflow: visible;
}
.boxJ02 .cew_bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.boxJ02 .cew_bg:before{
	content:"";
	position: absolute;
	width: 114%;
	height: 300px;
	background: white;
	top: -170px;
	border-radius: 50%;
	z-index: 0;
	left: -7%;
}

.buttfly01{
    position: absolute;
    margin-top: 40px;
    left: 203px;
    width: 131px;
    aspect-ratio: 1/1;
    z-index: 89;
}
/* productBox */
#productBox {width: 100%;padding: 7em 0 9em;}

#productBox .list_box {position: relative;width: 1280px;max-width: 100%;margin: 0 auto;}
#productBox .relat_box:before {position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 3;content: "";}
#productBox ul li .img_box_cover img {}
#productBox ul li .info_box.abso_box {height: auto;bottom: -45px;width: 300px;max-width: 90%;margin: 0 auto;background: white;border-radius: 10px;padding: 10px 0;}
#productBox ul li .info_box >* {margin: 0px auto;width: 70%;text-align: center;font-family: 'Noto Serif TC';font-size: 1.55em;color: #c43b38;line-height: 100%;}
#productBox ul li .info_box span{
    font-size: 21px;
}
#productBox ul li .info_box h4 {height: 40px;font-weight: 500;font-size: 1.75em;color: #2a2a2a;}
#productBox ul li .info_box article { margin: 80px auto 15px; width: 45%; color: rgb(255 255 255 / .7); line-height: 140%; font-size: 15px; -webkit-line-clamp: 2; opacity: 0; }
#productBox ul li .info_box .more_box { opacity: 0; }
#productBox .btn a { position: absolute; width: 26px; height: 26px; border: solid #444; display: block; top: calc((100% - 26px) / 2); }
#productBox .btn a#product_prev { border-width: 1px 0 0 1px; transform: rotate(-45deg); left: -50px; }
#productBox .btn a#product_next { border-width: 1px 1px 0 0; transform: rotate(45deg); right: -50px; }
#productBox .slick-slider { margin-bottom: 60px; }
#productBox .slick-list{
    overflow: visible;
}
#productBox .slick-list .slick-slide{
    margin: 0 10px;
	opacity:0;
}
#productBox .slick-list .slick-slide.slick-active{opacity:1;}
#productBox .slick-list .relat_box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#productBox .img_box_cover{
    border: #ffffff 6px solid;
    -webkit-box-shadow: 0 0px 14px rgb(49 49 49 / 30%);
    -moz-box-shadow: 0 0px 14px rgb(49 49 49 / 30%);
    -ms-box-shadow: 0 0px 14px rgb(49 49 49 / 30%);
    border-radius: 5px;
}
#productBox .toptabe{
   position: absolute;
   top: -12px;
   z-index: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
}
#productBox .toptabe:before{
	content:"";
	position: absolute;
	width: 150px;
	height: 37px;
	top: -5px;
	background-image: url(/images/38/catetitleimg.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}
#productBox .toptabe p{
	padding: 0px 11px;
	font-size: 1em;
}
#productBox .slick-dots li button:before { width: 12px; height: 12px; background: transparent; border: 1px #000 solid;  border-radius: 50%; text-align: center; opacity: 1; content: ""; }
#productBox .slick-dots li.slick-active button:before { background: #000; }

.buttfly02{
    position: absolute;
    margin-top: -42px;
    right: 271px;
    width: 200px;
    aspect-ratio: 1/1;
    z-index: 89;
}

/*boxJ03*/
.boxJ03{
    position: relative;
    z-index: 3;
    background-image: url(/images/38/service-poceimg.webp);
    background-position: 50% 0%;
}
.boxJ03:before{
	content:"";
	position: absolute;
	width: 114%;
	height: 300px;
	background: white;
	top: -90px;
	border-radius: 50%;
	z-index: 0;
	left: -7%;
	background-image: url(/images/38/service-poceimg.webp);
	background-position: 50% 0%;
}

/*customBox*/
.customBox{
    padding: 4em 0em 1em;
}
.customBox .maliast{
    display: flex;
    flex-wrap: wrap;
}
.customBox .maliast .mamaitem{
    width: 20%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 22px 0;
}
.customBox .maliast .mamaitem:nth-child(3):after{
    content: "";
    position: absolute;
    background-image: url(/images/38/servmice.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: contain;
    z-index: 9;
    width: 95px;
    aspect-ratio: 1 / 1;
    top: 0;
}
.customBox .maliast .mamaitem .emtitle{
    display: flex;
    justify-content: center;
    width: 250px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}
.customBox .maliast .mamaitem .emtitle:before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: white;
	border: #2a2a2a 5px solid;
	z-index: -1;
}
.customBox .maliast .mamaitem  .eminfo{
    width: 90%;
}
.customBox .maliast .mamaitem .emtitle span{
    color: #ca261a;
    font-size: 1.2em;
    font-family: 'Noto Serif TC';
}
.customBox .maliast .mamaitem .emtitle h3{
    font-weight: 500;
    position: relative;
    margin: 0 5px 0px 10px;
    font-size: 1.25em;
}
.customBox .maliast .mamaitem .emtitle h3:before{
	content:"";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #c43c38;
	right: -15px;
	top: 12px;
	border-radius: 50%;
}

/*goformBox*/
.goformBox{
    padding: 3em 0 4em;
}
.goformBox .eaJbox{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 10% 25% 61%;
    grid-gap: 2%;
    align-items: center;
    padding: 0em 0 0em;
}
.goformBox .eaJbox *{
	box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.goformBox .tree-Jbox{
}
.goformBox .left-Jbox{
    padding: 2em 2em 2em;
}
.goformBox .left-Jbox h3{
    font-size: 2em;
    font-weight: 600;
    position: relative;
    color: #2a2a2a;
}
.goformBox .left-Jbox h3:before{
	content:"";
	position: absolute;
	width: 2px;
	height: 60%;
	background: #2a2a2a;
	margin-left: 144px;
	top: 15%;
}
.goformBox .left-Jbox p{
    font-size: 17px;
}
.goformBox .right-Jbox{
    padding: 2em 0px 0px 2em;
}
.goformBox .right-Jbox form{}
.goformBox .right-Jbox form fieldset{
    display: grid;
    grid-template-rows: 1fr;
    display: grid;
    grid-template-columns: 35.3% 35.3% 29.3%;
    grid-template-areas:
        'go-01 go-02 go-05'
        'go-03 go-04 go-06';
}
.goformBox .right-Jbox form fieldset .list input{
    border: #2a2a2a 1px solid;
}
.goformBox .right-Jbox form fieldset .list{
    padding: 10px 0;
    display: grid;
}
.go-01{ grid-area: go-01;}
.go-02{grid-area: go-02;}
.go-03{grid-area: go-03;}
.go-04{grid-area: go-04;}
.go-05{grid-area: go-05;}
.go-06{grid-area: go-06;}
.goformBox .right-Jbox form fieldset .list p{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 90px 1fr;
}
.goformBox .right-Jbox form fieldset .list.btn p{
    grid-template-columns: 75px 1fr;
}
.goformBox .right-Jbox form fieldset .list.btn img{
    width: auto!important;
}
.send input{
    padding: 3px 9px;
    background: #2a2a2a;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 100px;
    font-size: 1em;
}
.goformBox .right-Jbox form fieldset .list p label{
    display: flex;
}
.goformBox .right-Jbox form fieldset .list #Checknum{
    width: 80px;
    margin-right: 10px;
}

/* newsBox */
#newsBox ul li { margin: 20px 15px 20px 0; width: calc((100% - 30px) / 2); display: inline-block; }
#newsBox ul li:nth-child(2n) { margin: 20px 0 20px 15px; }
#newsBox ul li .img_box_cover , #newsBox ul li .img_box_cover img { height: 200px; }
#newsBox ul li .info_box { margin-top: 15px; }
#newsBox ul li .info_box h4 { height: 33px; font-weight: 500; font-size: 21px; }
#newsBox ul li .info_box article { margin: 10px 0 0; color: #111; }
#newsBox ul li .info_box .time { color: #8f8f8f; }

/* bookBox */
#bookBox ul { margin: 0 auto; width: 1200px; display: grid; grid-gap: 0; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); }
#bookBox ul li { overflow: hidden; }
#bookBox ul li img { height: 275px; }
#bookBox ul li:first-child { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; }
#bookBox ul li:nth-child(8) { grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 4; }
#bookBox ul li:first-child img , #bookBox ul li:nth-child(8) img { height: 550px; }

@media screen and (max-width: 1470px){
	.customBox{
    padding: 2em 0em 1em;
}
	#productBox .list_box{
    width: 1024px;
}
	#inwrapBox .itemm img{
	    height: 350px;
	}
	#inwrapBox .boxJ01{
    padding: 50px 0;
}
	#inwrapBox .boxJ01 .mmimg{
    width: 52%;
}
	#inwrapBox .boxJ01 .ttext{
    width: 38%;
}
	#inwrapBox .boxJ01 .ttext:before{
    width: 244px;
    right: -106px;
}
	.goformBox .eaJbox{
    grid-template-columns: 12% 22% 64%;
    grid-gap: 1%;
    padding: 1em 0 6em;
    display: grid;
    align-items: center;
 }
	.goformBox .right-Jbox form fieldset{
		grid-row-gap: 0.5em;
	}
	.goformBox .left-Jbox{
    padding: 1em 1em;
}
	.goformBox .right-Jbox{
    padding: 1em 0px 0px 0em;
}
	.maskcolor{
    top: 433px;
    display: flex;
}
	.customBox .maliast .mamaitem .emtitle{
	    width: 200px;
	    height: 200px;
	}
	.customBox .maliast .mamaitem .emtitle:before{
	    border: #2a2a2a 3px solid;
	}
	.customBox .maliast .mamaitem:nth-child(3){
    background-size: 98px;
}
}
@media screen and (min-width: 1281px){
	
	#productBox ul li:hover .info_box.abso_box {/* top: calc((100% - 178px) / 2); */}
	#productBox ul li:hover .info_box article { margin: 30px auto 15px;  height: 44px; opacity: 1; }
	#productBox ul li:hover .info_box .more_box { opacity: 1; }
}
@media screen and (max-width: 1280px){
	#productBox ul li.slick-current .info_box article { margin: 30px auto 15px;  height: 44px; opacity: 1; }
	#productBox ul li.slick-current .info_box .more_box { opacity: 1; }
	#bookBox ul { width: 90%; }
	#bookBox ul li img { height: 22.5vw; }
	#bookBox ul li:first-child img , #bookBox ul li:nth-child(8) img { height: 45vw; }
	.goformBox .eaJbox{
    grid-template-columns: 6% 26% 66%;
    padding: 1em 0 12em;
 }
	.goformBox .right-Jbox form fieldset {
        grid-row-gap: 0;
    }
	.goformBox .right-Jbox form fieldset .list p{
    grid-template-columns: 82px 1fr;
}
}
@media screen and (max-width: 1024px){
	#inwrapBox .boxJ01 .ttext:before , #inwrapBox .boxJ01 .ttext:after{
	    display: none;
	}
	#aboutBox .left_box { width: calc(60vw - 25px); }
	#aboutBox .right_box { width: 35vw; }
	#aboutBox .right_box .list_box { width: calc(100% - 1px); }
	#aboutBox .right_box .list_box .img_box_cover , #aboutBox .right_box .list_box .img_box_cover img { height: 300px; }
	#aboutBox .right_box .list_box:nth-child(2n) .info_box h4 { margin: 15px 0; }
	#secabout:before { width: 90%; height: calc(100% - 300px); }
	#secabout >div{ width: 95%; }
	#secabout .customBox ul { width: 80%; }
	#secabout .youtubeBox { width: 100%; text-align: right; top: 0; }
	#productBox ul li .img_box_cover img {}
	.customBox .maliast .mamaitem{
	    width: 33.3%;
	}
	.goformBox .right-Jbox form fieldset{
		grid-template-areas:
			'go-01 go-02'
			'go-03 go-04'
			'go-05 go-06';
		grid-template-columns: 50%;
	}
	 .goformBox .eaJbox {
        grid-template-columns: 6% 29% 63%;
        padding: 1em 0 12em;
 }
}
@media screen and (max-width: 980px){
	#inwrapBox .itemm img{
	    height: 280px;
	}
	#inwrapBox .boxJ01 .mmimg{
    width: 45%;
}
	#inwrapBox .boxJ01 .ttext{
    width: 60%;
	}
	#inwrapBox .boxJ01:before{display:none;}
	#inwrapBox .boxJ01{
    padding: 10px 0;
}
	.buttfly01{width:90px;margin-top: 85px;}
	.buttfly02{width:90px;right: 200px;}
	.goformBox .tree-Jbox {
	    grid-area: tree-Jbox;
	}
	.goformBox .left-Jbox{grid-area:left-Jbox;}
	.goformBox .right-Jbox{grid-area:right-Jbox;}
	.goformBox .eaJbox{
    display: grid;
    grid-template-rows: 0;
    grid-template-columns: 69% 50%;
    grid-template-areas:
       ". ."
       "right-Jbox  left-Jbox";
 }

}
@media screen and (max-width: 820px){
	.goformBox .eaJbox{
    grid-template-areas:
        "left-Jbox"
        "right-Jbox";
    grid-template-rows:auto;
    grid-template-columns: 100%;
}
	.goformBox .left-Jbox{
	    padding: 10px 0;
	}
	#inwrapBox .boxJ01{
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	#inwrapBox .boxJ01 .mmimg{
	    width: 100%;
	}
	#inwrapBox .boxJ01 .ttext{
		width: 100%;
	}
	#inwrapBox .boxJ01 .mmimg:before , .maskcolor{display:none;}
	.buttfly01{
    width: 50px;
    margin-top: 131px;
}
}
@media screen and (max-width: 768px){
	#aboutBox .img_box_cover , #aboutBox .img_box_cover img { height: 380px; }
	#aboutBox .left_box { margin-bottom: 50px; width: 100%; height: auto; }
	#aboutBox .right_box { width: 100%; }
	#aboutBox .right_box .list_box { width: calc((100% - 1px) / 2); border-left: 0; border-right: 1px #ccc solid; }
	#aboutBox .right_box .list_box:nth-child(2n) { border-right: 0; }
	#aboutBox .right_box .list_box .relat_box { margin: 0 15px; }
	#aboutBox .right_box .list_box .img_box_cover , #aboutBox .right_box .list_box .img_box_cover img , #aboutBox .right_box .list_box:nth-child(2n) .img_box_cover , #aboutBox .right_box .list_box:nth-child(2n) .img_box_cover img { height: 50vw; }
	#aboutBox .right_box .list_box .info_box h4 { height: 30px; font-size: 18px; }
	#newsBox ul li { margin: 20px 5px 20px 0; width: calc((100% - 10px) / 2); }
	#newsBox ul li:nth-child(2n) { margin: 20px 0 20px 5px; }
	#bookBox ul { grid-template-rows: repeat(4, 1fr); }
	#bookBox ul li:first-child { grid-column-end: 4; }
	#bookBox ul li:nth-child(8) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; }
}
@media screen and (max-width: 640px){
	#bookBox ul { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); }
	#bookBox ul li:first-child { grid-column-end: 3; }
	#bookBox ul li:nth-child(8) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; }
	#bookBox ul li:nth-child(7) { grid-column-start: 2; grid-column-end: 4; grid-row-start: 3; grid-row-end: 5; }
	#bookBox ul li img , #bookBox ul li:nth-child(8) img { height: 30vw; }
	#bookBox ul li:first-child img , #bookBox ul li:nth-child(7) img { height: 60vw; }
	.goformBox .right-Jbox form fieldset{
		grid-template-areas:
			'go-01'
			'go-02'
			'go-03'
			'go-04'
			'go-05'
			'go-06';
		grid-template-columns: 100%;
	}
	.customBox .maliast .mamaitem{
	    width: 100%;
	}
	.buttfly02{
	    margin-top: -114px;
	}
	body div{
	    font-size: 14px;
	}
	#inwrapBox .boxJ01 .ttext h2{
	    font-size: 1.75em;
	}
	#inwrapBox .boxJ01 .ttext .coulink{
	    margin-top: 30px;
	}
}
@media screen and (max-width: 550px){
	#inwrapBox .itemm img{
	    height: 220px;
	}
	#secabout:before { width: 100%; }
	#productBox .list_box { margin: 0 auto; width: 350px; }
	#productBox .btn { display: none; }
	#newsBox ul li , #newsBox ul li:nth-child(2n) { margin: 20px 0; width: 100%; }
	#productBox .slick-dots{
    bottom: -102px;
}
}
@media screen and (max-width: 480px){
	#productBox .list_box { width: 100%; }
}
@media screen and (max-width: 320px){
	#aboutBox .right_box .list_box { width: 100%; border-right: 0; }
	#productBox .list_box { width: 100%; }
}