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

#contact_banner .over {background: url("img/index/box06_bg.jpg")top center no-repeat; padding: 90px 0 150px;}
#contact_banner .over .inbox {box-sizing: border-box; border: 1px solid #fff;}
#contact_banner .over .con {background: url("img/index/box06_bg02.jpg")top left repeat; box-sizing: border-box; border: 5px solid #000; padding: 60px 0;}
#contact_banner .over h2 {background: #a23025; width: 540px; margin: auto; font-size: 25px; padding: 10px 0;}
#contact_banner .over h2::before,#contact_banner .over h2::after {content: ''; flex-grow: 1; height: 1px; background: #fff; display: block; margin-right: 20px;}
#contact_banner .over h2::after {margin-right: inherit; margin-left: 20px;}
#contact_banner .over .txt01 {font-size: 40px; line-height: 1; margin: 25px auto 10px;}
#contact_banner .over .inner img {margin-right: 20px;}
#contact_banner .over .inner {font-size: 30px; line-height: 1.2; margin: 20px 0 10px;}
#contact_banner .over .tel {font-size: 30px; margin-top: 5px;}
#contact_banner .over .tel span {font-size: 50px;}
#contact_banner .over .btn {box-sizing: border-box; border: 1px solid #000; overflow: hidden; position: relative; line-height: 1; width: 400px; margin: 10px auto 0;}


#contact_banner .shop01 {margin-right: 50px;}
#contact_banner .shop02 img {margin: 30px auto 0;}

#contact_banner .shop01 .btn_inner{display: flex; justify-content: center; align-items: center; margin: 15px auto;}
#contact_banner .shop01 .btn_inner .cart_icon{width: 30px; margin-left: 10px; position: relative;}


#contact_banner .over .icon01 {position: absolute; left: -50px; top: -30px;}
#contact_banner .over .icon02 {position: absolute; left: -100px; bottom: -80px;}
#contact_banner .over .icon03 {position: absolute; right: -100px; top: -30px;}
#contact_banner .over .icon04 {position: absolute; right: -50px; bottom: -80px;}
#contact_banner .under {background: url("img/index/box10_bg.jpg")center center repeat; padding: 80px 0;}
#contact_banner .under .box {box-sizing: border-box; border: 3px solid #000; background: #fff; padding: 40px 70px; line-height: 1;}
#contact_banner .under .txt01 {font-size: 50px; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 20px; margin-bottom: 20px;}
#contact_banner .under .txt02 {font-size: 25px;}
#contact_banner .under .inner {margin: 30px auto 40px;}
#contact_banner .under .mail {box-sizing: border-box; width: 220px; height: 60px; background: #a23025; font-size: 18px;}
#contact_banner .under .mail:nth-child(2) {background: #6f805d;}
#contact_banner .under .tel {font-size: 40px;}
#contact_banner .under .tel span {font-size: 70px;}
#contact_banner .under .txt03 {font-size: 18px;}

h1,h2,h3,h4,h5 {font-weight: bold;}

/*blog*/
#blog .item {box-sizing: border-box; border-bottom: 1px solid #b5b5b5; padding: 20px 0; font-size: 16px; line-height: 1;}
#blog .item:nth-child(1) {padding-top: 0;}
#blog .tag {box-sizing: border-box; background: #a23025; font-size: 14px; margin: 0 20px; width: 50px; height: 18px;}
#blog h2 {font-size: 14px;}
#blog_single .box01 {box-sizing: border-box; border: 2px solid #161616; padding: 20px; background: #fff; font-size: 16px; margin-bottom: 50px; line-height: 2;}
#blog_single .box01 .time {color: #cfcfcf; font-size: 16px; line-height: 1;}
#blog_single h2 {font-size: 16px; box-sizing: border-box; border-bottom: 2px solid #cfcfcf; padding-bottom: 15px; margin: 15px 0; line-height: 1.5;}

/*news*/
#news .news_item {position: relative; width: 366px; margin-right: 50px;}
#news .news_item:nth-child(3) {margin-right: 0;}
#news .news_item:nth-child(n + 4) {margin-top: 50px;}
#news .tag {background-color: #000; width: 100px; height: 30px; font-size: 16px; position: absolute; left: 0; top: 5px; z-index: 10;}
#news .tag02 {background-color: #a23025;} 
#news .news_img {width: 100%; margin-bottom: 20px; position: relative; overflow: hidden;}
#news .news_img img {width: 100%; height: 230px; object-fit: cover; object-position: center;}
#news h2 {line-height: 1.5;}
#news .img_box img {
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96);
    transition: .8s cubic-bezier(.79,.17,.15,.96);}
#news .img_box img:hover{
  transform: scale(1.06);
	-webkit-transition: -webkit-transform 2s ease-out;
    transition: -webkit-transform 2s ease-out;
    transition: transform 2s ease-out;
    transition: transform 2s ease-out,-webkit-transform 2s ease-out;
}

/*interview*/
#interview .interview_item {box-sizing: border-box; width: 366px; margin-right: 40px; position: relative;}
#interview .interview_item:nth-child(3) {margin-right: 0;}
#interview .interview_item:nth-child(n + 4) {margin-top: 50px;}
#interview .interview_img {position: relative; width: 100%; margin-bottom: 40px; overflow: hidden;}
#interview .interview_img img {width: 100%; height: 230px; object-fit: cover;}
#interview .tag_box {position: absolute; top: -10px; left: 0; z-index: 10;}
#interview .tag {width: 100px; height: 30px; line-height: 1; font-size: 16px; background: #a23025;}
#interview .tag:nth-child(2) {margin: 0 20px; background: #6f805d;}
#interview .tag:nth-child(3) {background: #000;}
#interview .pick {font-size: 20px; line-height: 1; background: #000; width: 200px; height: 40px; position: absolute; left: 0; top: 210px;transition-duration: .6s; z-index: 10;
-webkit-transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s;
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);}
#interview .pick::before {
	content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#interview .pick::after {
	content: '';
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#interview .pick::before,#interview .pick::after {
	-webkit-transform: translate3d(0,0,0) scaleX(0);
    transform: translate3d(0,0,0) scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
}
#interview .inview .pick::before {
	-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96),-webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
}
#interview .inview .pick::after {
-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96),-webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
}


#interview h3 {font-size: 14px; line-height: 1.5;}
#interview .btn01 {width: 450px; height: 60px; line-height: 1; font-size: 16px; margin: 80px auto 0;}
#interview a:hover img {filter: alpha(opacity=100); opacity: 1;}
#interview .img_box img {
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96);
    transition: .8s cubic-bezier(.79,.17,.15,.96);}
#interview .img_box img:hover{
  transform: scale(1.06);
	-webkit-transition: -webkit-transform 2s ease-out;
    transition: -webkit-transform 2s ease-out;
    transition: transform 2s ease-out;
    transition: transform 2s ease-out,-webkit-transform 2s ease-out;
}
#interview_single .title01 {box-sizing: border-box; background: #161616; font-size: 20px; line-height: 1.5; padding: 10px 20px;}
#interview_single .img_box img {width: 100%; height: 500px; object-fit: cover; object-position: center; margin: 50px auto;}
#interview_single .gallery_box {box-sizing: border-box; border: 2px solid #161616; background: #fff; margin-bottom: 50px;}
#interview_single .gallery_box .title_box {background: #161616; font-size: 20px; line-height: 1; padding: 15px 20px 17px;}
#interview_single .gallery_box .title_box p {font-size: 16px;}
#interview_single .list {padding: 20px;}
#interview_single .list a {width: 372px; margin-right: 20px;}
#interview_single .list a:nth-child(3n) {margin-right: 0;}
#interview_single .list a:nth-child(n + 4) {margin-top: 20px;}
#interview_single .list a img {width: 100%; height: 229px; object-fit: cover;}
#interview_single .txt_box {box-sizing: border-box; border: 2px solid #161616; background: #fff; padding: 15px 20px; font-size: 16px; line-height: 2; margin-bottom: 50px;}
#interview_single .box02 {box-sizing: border-box; background: #fff; border: 2px solid #161616;}
#interview_single .box02 .list02 {padding: 30px 20px;}
#interview_single .box02 h2 {font-size: 30px; background: #1b1b1b; padding: 10px 0 12px;}
#interview_single .box02 h2::before,#interview_single .box02 h2::after {content: ''; flex-grow: 1; background: #fff; display: block; height: 1px;}
#interview_single .box02 h2::before {margin-right: 50px;}
#interview_single .box02 h2::after {margin-left: 50px;}
#interview_single .pro_item {width: 372px; margin-right: 20px;}
#interview_single .pro_item:nth-child(3n) {margin-right: 0;}
#interview_single .pro_item:nth-child(n + 4) {margin-top: 30px;}
#interview_single .pro_img {width: 100%; position: relative;}
#interview_single .pro_img img {width: 100%; height: 230px; object-fit: cover; object-position: center;}
#interview_single .pro_tag {background: #a23025; font-size: 16px; line-height: 1; width: 100px; height: 25px; position: absolute; left: 0; top: -12.5px; z-index: 30;}
#interview_single .box02 h3 {font-size: 14px; line-height: 1.3; margin-top: 5px;}
#interview_single a:hover img {filter: alpha(opacity=100); opacity: 1;}
#interview_single .lineup_item {box-sizing: border-box; width: 372px; margin-right: 20px;}
#interview_single .lineup_item:nth-child(3n) {margin-right: 0;}
#interview_single .lineup_item:nth-child(n + 4) {margin-top: 30px;}
#interview_single .lineup_img {position: relative;}
#interview_single .lineup_img img {width: 100%; height: 230px;}
#interview_single .tag_list {position: absolute; left: 0; top: -12.5px;}
#interview_single .lineup_tag {box-sizing: border-box; width: 60px; height: 25px; background: #1b1b1b; margin-right: 5px;}
#interview_single .lineup_tag01 {background: #6f805d;}
#interview_single .lineup_tag02 {background: #a23025;}
#interview_single .lineup_tag03 {background: #B7622F;}
#interview_single .bdr {content: ""; background: #161616; width: 100%; height: 2px; margin: 20px auto 15px;}
#interview_single .box02 .lineup_title {font-size: 20px;}

/*production*/
.pro_link_box {margin-bottom: 50px;}
.pro_link_box a {box-sizing: border-box; border: 1px solid #a23025; background: #fff; width: 183px; font-size: 18px; line-height: 1;}
.pro_link_box .icon {background: #a23025; width: 39px; height: 38px;}
#production .pro_item {width: 285px; margin-right: 20px;}
#production .pro_item:nth-child(4n) {margin-right: 0;}
#production .pro_item:nth-child(n + 5) {margin-top: 30px;}
#production .pro_img {width: 100%; position: relative;}
#production .pro_img img {width: 100%; height: 230px; object-fit: cover; object-position: center;}
#production .tag {background: #a23025; font-size: 16px; line-height: 1; width: 100px; height: 25px; position: absolute; left: 0; top: -12.5px; z-index: 30;}
#production h3 {font-size: 14px; line-height: 1.3; margin-top: 5px;}
#production a:hover img {filter: alpha(opacity=100); opacity: 1;}
#production .btn01 {background: #fff; line-height: 1; font-size: 16px; width: 350px; height: 50px; margin: 60px auto 0;}

/*lineup*/
.line_link_box a {width: 224px; height: 60px; background: #6f805d; margin-bottom: 50px; font-size: 25px; line-height: 1;}
.line_link_box a:nth-child(2) {background: #a23025;}
.line_link_box a:nth-child(3) {background: #b7622f;}
.line_link_box a:nth-child(4) {background: #1b1b1b;}
.line_link_box a:nth-child(5) {background: #34538c;}
#lineup .lineup_item {box-sizing: border-box; width: 285px; margin-right: 20px;}
#lineup .lineup_item:nth-child(4n) {margin-right: 0;}
#lineup .lineup_item:nth-child(n + 5) {margin-top: 40px;}
#lineup .lineup_img {position: relative;}
#lineup .lineup_img img {width: 100%; height: 229px;}
#lineup .tag_list {position: absolute; left: 0; top: -12.5px;}
#lineup .tag {box-sizing: border-box; width: 60px; height: 25px; background: #1b1b1b; margin-right: 5px;}
#lineup .tag01 {background: #6f805d;}
#lineup .tag02 {background: #a23025;}
#lineup .tag03 {background: #B7622F;}
#lineup .tag05 {background: #34538c;}
#lineup a:hover img {filter: alpha(opacity=100); opacity: 1;} 
#lineup .bdr {content: ""; background: #161616; width: 100%; height: 2px; margin: 20px auto 15px;}
#lineup h2 {font-size: 20px;}


/*company*/
#company h2 {box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 5px; font-size: 30px; margin-bottom: 50px;}
#company .box01 .inner {font-size: 16px; line-height: 1.9;}
#company .box01 .inner02 {margin-top: 50px;}
#company .box01 .inner .img01 {margin-right: 50px;}
#company .box01 .inner .img02 {margin-left: 50px;}
#company .box01  h3 {font-size: 30px; margin-bottom: 30px;}
#company .box02 table {box-sizing: border-box; border: 2px solid #000; background: #fff; width: 100%;}
#company .box02 th,#company .box02 table td {box-sizing: border-box; border-bottom: 1px solid #c9c9c9; font-size: 16px; line-height: 1; padding: 20px;}
#company .box02 th {text-align: center; color: #fff; background: #a23025; border-bottom: 1px solid #fff; width: 200px;}
#company .box02 .f th,#company .box02 .f td {border-bottom: none;}
#company .box03 iframe {box-sizing: border-box; border: 2px solid #000; width: 100%; height: 450px;}
#company .box04 .box {box-sizing: border-box; border: 2px solid #000; padding: 20px; background: #fff;}
#company .box04 a {box-sizing: border-box; line-height: 1; font-size: 20px; border-left: 3px solid #a23025; padding-left: 10px; margin-top: 20px;}
#company .box04 a:nth-child(1) {margin-top: 0;}
#company .box05 .txt {margin-top: 30px; font-size: 16px;}
#company .box05 .txt:nth-child(1) {margin-top: 0;}
#company .box05 .txt_box {box-sizing: border-box; border: 2px solid #dcdcdc; background: #fff; padding: 20px; margin-top: 30px;}
#company .box05 .txt_box p {font-size: 16px; line-height: 1; margin-top: 10px;}
#company .box05 .txt_box p:nth-child(1) {margin-top: 0;}

/*contact*/
#contact .tel_box {box-sizing: border-box; border: 1px solid #000; padding: 20px; font-size: 25px; line-height: 1; margin: 50px 0;}
#contact .tel {font-size: 50px; margin: 10px auto;}
#contact .tel span {font-size: 70px;}
#contact ul {font-size: 18px; line-height: 1; margin-bottom: 50px;}
#contact li {margin-top: 10px;}

#contact table {width: 100%; box-sizing: border-box; border: 2px solid #d2d2d2; margin-bottom: 40px;}
#contact table th,#contact table td {padding: 20px; box-sizing: border-box; border-bottom: 2px solid #d2d2d2; font-size: 16px;}
#contact table th{font-weight: bold; vertical-align: middle; width: 320px; background-color: #161616; color: #fff; position: relative;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 20px; font-weight: bold; border: 2px solid #d2d2d2;}
#contact table textarea {font: inherit;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
#contact table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover { opacity: 0.7;}
.mw_wp_form_input .btn input{
    font-size: 20px;
    width: 350px;
    padding: 20px 0;
    line-height: 1;
	background: #fff;
	box-sizing: border-box;
	font-weight: bold;
	border: 1px solid #000;
}
#contact .essential {background-color: #fff; color: #a23025;  position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: 24px; line-height: 1; top: 0; bottom: 0; right: 20px; margin: auto;}
#contact .thanks {margin-bottom: 40px;}

/*charm*/
#charm .main_box {position: relative;}
#charm .main_box .btn_inner {position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; padding: 0 50px;}
#charm .main_box a {font-size: 25px; line-height: 1; background: #a23025; box-sizing: border-box; border: 2px solid #fff; width: 525px; height: 80px;}
#charm .main_box a:last-child {background: #6f805d;}
#charm .block_text {position: relative;}
#charm .block_text p {font-size: 40px; position: relative; z-index: 100;}
#charm .block_text .bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 823px; height: 68px; background: #262626; transform: skewX(-10deg);}
#charm h2 {box-sizing: border-box; background: #a23025; padding: 15px 10px; font-size: 20px; margin-bottom: 50px;}
#charm h2 span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#charm .txt01 {font-size: 16px; margin-top: 40px; line-height: 1.8;}
#charm .title01 {font-size: 25px; box-sizing: border-box; border-left: 5px solid #000; padding: 5px 0 5px 20px;}
#charm h3 {margin-bottom: 50px;}
#charm .box01 .inner {font-size: 16px; line-height: 2;}
#charm .box01 .inner02 {margin-top: 20px;}
#charm .box01 .inner .img01 {margin-right: 20px;}
#charm .box01 .inner .img02 {margin-left: 20px;}
#charm .box01 .title02 {font-size: 30px;}
#charm .box01 li p {font-size: 18px; line-height: 1; margin-top: 20px;}
#charm .box02 h2 {background: #6f805d;}
#charm .box02 {font-size: 16px; line-height: 2;}
#charm .box02 .con01 p {margin-top: 15px;}
#charm .box02 ul {margin-top: 40px;}
#charm .box02 li {font-size: 18px; position: relative; width: 285px; margin-right: 20px;}
#charm .box02 li:nth-child(4n) {margin-right: 0;}
#charm .box02 li:nth-child(n + 5) {margin-top: 35px;}
#charm .box02 li .no {position: absolute; left: 0; top: -15px; background: #262626; width: 80px; height: 30px; line-height: 1;}
#charm .box02 .li_txt {font-size: 18px; line-height: 1; margin-top: 15px;}

/*original*/
#original h2 {box-sizing: border-box; border-bottom: 3px solid #a23025; font-size: 40px; padding-bottom: 20px;}
#original .box01 .min_txt {font-size: 20px; margin-bottom: 20px;}
#original .box01 .right_box {width: 535px;}
#original .box01 .right_box img:nth-child(n + 3) {margin-top: 20px;}
#original .box01 .point {background: #a23025; width: 190px; height: 40px; font-size: 20px; line-height: 1; margin: 20px 0;}
#original .box01 .point img {margin-right: 7px;}
#original .box01 .txt01 {font-size: 16px; line-height: 1.8;}
#original .box01 .c_area {font-size: 16px; line-height: 1.5; box-sizing: border-box; border-top: 2px solid #a23025; padding-top: 40px;}
#original .box01 .big {font-size: 40px; margin-bottom: 20px;}
#original .box02 .no {box-sizing: border-box; background: #6f805d; width: 100px; height: 100px; font-size: 50px; border-radius: 100px; line-height: 1;}
#original .box02 .txt_box {width: 400px; font-size: 16px; margin-top: 40px;}
#original .box02 h3 {font-size: 30px; box-sizing: border-box; border-bottom: 2px solid #a23025; padding-bottom: 10px; margin-bottom: 30px;}
#original .box02 .inner_box {position: relative; margin: -950px 0 75px;}
#original .box02 .inner {margin-top: 50px; font-size: 16px;}
#original .box02 .inner img {margin-right: 50px;}
#original .box02 .con02 {margin-top: 25px;}
#original .box02 .txt_box02 {font-size: 16px; margin-top: 40px; margin-left: 50px;}

/*mino*/
#mino h2 {box-sizing: border-box; background: #a23025; font-size: 20px; padding: 10px;}
#mino h2 span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#mino .box02 h2 {background: #6f805d; padding: 15px 10px;}
#mino .box03 h2 {background: #000;}
#mino .main_box {position: relative;}
#mino .main_box .btn_inner {padding: 0 50px; position: absolute; left: 0; right: 0; bottom: 50px;}
#mino .main_box a {box-sizing: border-box; border: 2px solid #fff; width: 333px; height: 80px; font-size: 25px; line-height: 1; background: #a23025;}
#mino .main_box a:nth-child(2) {background: #6f805d;}
#mino .main_box a:nth-child(3) {background: #000;}
#mino .title_box {position: relative; margin: 50px;}
#mino .title_box p {font-size: 40px; position: relative; z-index: 100;}
#mino .title_box .bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 823px; height: 68px; background: #262626; transform: skewX(-10deg);}
#mino .txt01 {font-size: 16px; line-height: 1.5;}
#mino .box01 .con01 h3 {box-sizing: border-box; border-left: 5px solid #000; padding-left: 20px; font-size: 25px;}
#mino .inner {font-size: 16px; line-height: 2; margin-top: 50px;}
#mino .box01 .inner img {margin-right: 20px;}
#mino .box01 .con02 h3 {font-size: 30px; margin-bottom: 50px;}
#mino .box02 .left_txt {writing-mode: vertical-rl; font-size: 18px; line-height: 1; background: #000; min-width: 50px;}
#mino .box02 .right_txt {font-size: 14px; width: 100%;}
#mino .ul01 {margin: 50px auto;}
#mino .ul01 li {background: #ebe8e3; box-sizing: border-box; position: relative; width: 285px; height: 153px;}
#mino .ul01 li:nth-child(n + 5) {margin-top: 20px;}
#mino .ul01 li::after {content: ''; background: url("img/mino/box02_arrow.png")no-repeat; width: 20px; height: 73px; position: absolute; top: 0; bottom: 0; margin: auto; right: -20px;}
#mino .ul01 li:first-child .left_txt,#mino .ul01 li:last-child .left_txt {background: #6f805d;}
#mino .ul01 li:first-child,#mino .ul01 li:last-child {border: 5px solid #6f805d;}
#mino .ul01 li:nth-child(4n)::after {display: none;}
#mino .ul02 li {background: #000; width: 224px; margin-right: 20px;}
#mino .ul02 li:nth-child(n + 6) {margin-top: 20px;}
#mino .ul02 li:nth-child(5),#mino .ul02 li:nth-child(9) {margin-right: 0;}
#mino .ul02 li p {font-size: 14px; line-height: 1.5; padding: 5px 0;}
#mino .box03 h3 {box-sizing: border-box; border-left: 5px solid #000; font-size: 25px; padding-left: 20px; margin-bottom: 50px;}
#mino .box03 ul {margin-top: 20px;}
#mino .box03 .inner img {margin-right: 0;}
#mino .box03 .inner .img01 {margin-right: 20px;}

/*kiln*/
#kiln h2 {box-sizing: border-box; border-bottom: 2px solid #a23025; font-size: 40px; padding-bottom: 20px; margin-bottom: 50px;}
#kiln .box01 h3 {font-size: 30px; margin-bottom: 20px;}
#kiln .box01 .inner {font-size: 16px; line-height: 2;}
#kiln .box01 .inner img {margin-left: 50px;}
#kiln .box02 h3 {font-size: 30px;}
#kiln .box02 .inner {margin: 50px auto 40px;}
#kiln .box02 .b_img {margin-right: 20px;}
#kiln .box02 .right_box img:nth-child(2n) {margin-left: 20px;}
#kiln .box02 .right_box img:nth-child(n + 3) {margin-top: 20px;} 
#kiln .box02 .point_box {box-sizing: border-box; border: 2px solid #6f805d; background: #fff; padding: 20px;}
#kiln .box02 h4 {box-sizing: border-box; background: #6f805d; width: 250px; height: 40px; margin-top: -40px; left: -20px; font-size: 20px; margin-bottom: 15px;}

/*j-hygge*/
#j-hygge .indent_content02 {margin-top: 80px;}
#j-hygge h1 img {margin-bottom: 50px;}
#j-hygge h2{margin-bottom:70px; font-size:30px; text-align: center;}
#j-hygge .box01 .txt01{font-size:18px; line-height:1.7;}
#j-hygge .box01 .txt02{margin-top:40px; margin-bottom: 80px;}
#j-hygge .box02 .txt01{font-size:18px; line-height:1.7; margin-bottom: 80px}
#j-hygge .box02 .txt02 p{background-color:#000; color:#fff; display:inline-block; font-size:18px; padding:8px 8px 8px 20px; margin-left:-10px;  } 
#j-hygge .box02 .txt02 {margin-top:80px; margin-left: -80px; }
#j-hygge .p02 {margin-top:10px; margin-bottom:10px; }
#j-hygge .box02 .inner02 {padding: 0 125px 0 30px; margin-top:-80px;}
#j-hygge .box02 .inner02 img:nth-child(2) {margin-bottom: 35px;  margin-left: -50px;}
#j-hygge .box02 .inner02 img:nth-child(1) {position: relative; z-index: 10;}
#j-hygge .box02 .btn {margin-top:62px; color:#000; border:solid #000 1px; font-size:30px; padding-top:6px; padding-bottom:6px; position:relative;}
#j-hygge .box02 .btn img {position:absolute; right:20px;  top:0; bottom: 0; margin:auto; }
#j-hygge .box03 p{position:relative; font-size:20px; line-height:1.9;}
#j-hygge .box03 p::before,#j-hygge .box03 p::after{content:""; position:absolute;} 
#j-hygge .box03 p::before{background:url("img/j-hygge/box03_img02.png") no-repeat; width:370px; height:247px; left:0; bottom:-100px;}
#j-hygge .box03 p::after{background:url("img/j-hygge/box03_img01.png") no-repeat; width:360px; height:240px; right:0; top:-100px;}
#j-hygge .box03 p span {position: relative; z-index: 10;}
#j-hygge .box04 .inner01 {position:absolute; top:0; width:100%;}
#j-hygge .box04 {position:relative; margin-top:160px;}
#j-hygge .box04 .img_box {position:relative;}
#j-hygge .box04 .img_box p {position:absolute; border-radius:50%; width:80px; height:80px;}
#j-hygge .box04 .icon_txt01 {left:-22px; bottom:-22px; color:#fff; background-color: #000;}
#j-hygge .box04 .icon_txt02 {right:-22px; bottom:-22px; color:#fff; background-color: #6f805d;}
#j-hygge .box04 .txt {font-size:18px; line-height:1.9; z-index: 10; position:relative;}
#j-hygge .box04 .icon_txt03 {left:-22px; bottom:-22px; color:#000; background-color: #e5e5e5;}
#j-hygge .box04 .icon_txt04 {left:-22px; bottom:-22px; color:#fff; background-color: #2892c2;}
#j-hygge .box04 .icon_txt05 {left:-22px; bottom:-22px; color:#fff; background-color: #9a5129;}
#j-hygge .box04 .inner02 {margin-top:50px;}
#j-hygge .box04 h2 {padding-top:50px;}
#j-hygge .box04 .txt02{margin-top:30px;}
#j-hygge .box05 {position:relative;}
#j-hygge .box05 .txt {position:absolute; left:20px; bottom:18px; font-size:30px; color:#000; opacity:0; transition-delay: .8s;}
#j-hygge .box05.inview .txt {opacity:1;} 
#j-hygge .box05 .txt span{background-color:#fff; display: inline-block; padding-left:6px;}
#j-hygge .box05 .txt .p02{margin-top:10px;}
#j-hygge .u_logo{margin-top:75px;}

#j-hygge .inner_view img {transform:translateY(50px); opacity:0; transition-duration: .5s;}
#j-hygge .inner_view.inview img {transform:translateY(0); opacity:1;}
#j-hygge .inner_view img:nth-child(2) {transition-delay: .1s;}
#j-hygge .inner_view img:nth-child(3) {transition-delay: .2s;}
#j-hygge .inner_view02 .img_box {transform:translateY(50px); opacity:0; transition-duration: .5s;}
#j-hygge .inner_view02.inview .img_box {transform:translateY(0); opacity:1;}
#j-hygge .inner_view02 .img_box:nth-of-type(2) {transition-delay: .2s;}

#j-hygge .inner_view03 .img_box {transform:translateY(50px); opacity:0; transition-duration: .5s;}
#j-hygge .inner_view03.inview .img_box {transform:translateY(0); opacity:1;}
#j-hygge .inner_view03 .img_box:nth-of-type(2) {transition-delay: .1s;}
#j-hygge .inner_view03 .img_box:nth-of-type(3) {transition-delay: .2s;}
#j-hygge .inner_view03 .img_box:nth-of-type(4) {transition-delay: .3s;}





























































