@charset "utf-8";
/* CSS Document */
.edit_area {line-height: 1.6666667; letter-spacing: 0.45px; width: 100%;}
.edit_area h2 {font-size: 200%; color: rgba(198, 164, 126, 0.9);}
.edit_area h3 {font-size: 177.778%; color: rgba(198, 164, 126, 0.8);}
.edit_area h4 {font-size: 155.556%; color: rgba(198, 164, 126, 0.7);}
.edit_area h5 {font-size: 133.333%; color: rgba(198, 164, 126, 0.6);}
.edit_area h6 {font-size: 122.222%; color: rgba(198, 164, 126, 0.5);}

.seo-content {line-height: 1.6666667; letter-spacing: 0.45px; width: 100%; padding: 0 0 33px 0; margin: 0 0 0 -0.5px;}
.seo-content h1 {font-size: 200%; color: rgba(198, 164, 126,1);}
.seo-content h2 {font-size: 177.778%; color: rgba(198, 164, 126,1);}
.seo-content h3 {font-size: 155.556%; color: rgba(198, 164, 126,0.9);}
.seo-content h4 {font-size: 133.333%; color: rgba(198, 164, 126,0.8);}
.seo-content h5 {font-size: 122.222%; color: rgba(198, 164, 126,0.7);}
.seo-content h6 {font-size: 111.111%; color: rgba(198, 164, 126,0.6);}

#content {margin: 144px -17px 0 0!important;}
.top-bar {background: rgba(16, 16, 16, 1);}
@media only screen and (max-width:1600px){
    #content {margin: 144px 0 0 0!important;}
}
@media only screen and (max-width:1400px){
    #content {margin: 120px 0 0 0!important;}
}
@media only screen and (max-width:1200px){
    #content {margin: 0!important;}
}

.sub_bn {position: relative; z-index: 1;}
.sub_bn > .img {line-height: 0; font-size: 0;}
.sub_bn > .tit {position: absolute; top: 41.5%; left: 50%; z-index: 10; transform:translate(-50%, -50%); width: 100%; max-width: 1370px; padding: 0 100px; margin: 0; color: #fff; text-align: left; line-height: 1.083333; letter-spacing: 2.3px;}

.sub_wrap_black {background: #000; color: #fff;}
.sub_wrap_detail {background: #fff; color: #000;}
.sub_wrap_bgimg {background: url("../images/bg_05.jpg") repeat-y #000 center top / cover; color: #fff;}

.path {width: 100%; max-width: 1370px; padding: 26px 100px 45px 100px; margin: 0 auto; position: relative; z-index: 100;}
.path ul, .path ul li {list-style-type:none; margin: 0; padding: 0; font-weight: 500; line-height: 1.25; letter-spacing: 0.5px;}
.path ul {width: 100%; display: flex; flex-wrap: wrap;}
.path ul li {color:#ac8f6f; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center;}
.path ul li::after {content: '｜'; color: #fff;}
.path ul li:last-child::after {content: none;}
.path ul li a:link, .path ul li a:visited {text-decoration:none; color:#fff; font-weight: 400; letter-spacing: 0.3px; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.path ul li a:active, .path ul li a:hover {text-decoration:none; color:#ac8f6f; cursor:pointer; transition: all 0.5s ease 0s;}
.path ul li a::after {content: ''; height: 2px; background: #ff0101; width: 0; position: absolute; top: -3px; right: 0; z-index: -10; transition: all 0.5s ease 0s;}
.path ul li a:hover::after {width: 100%; left: 0;}
.sub_wrap_detail .path {max-width: 1662px; padding: 32px 100px 33px 100px;}
.sub_wrap_detail .path ul li {color:#c2a17c; flex-wrap: 400;}
.sub_wrap_detail .path ul li::after {content: '｜'; color: #000;}
.sub_wrap_detail .path ul li:last-child::after {content: none;}
.sub_wrap_detail .path ul li a:link, .sub_wrap_detail .path ul li a:visited {color:#000; font-weight: 500;}

.title_a {color: #c6a47e; font-weight: 500; line-height: 1.111111; letter-spacing: 0; padding: 0; margin: 0 0 25px -1px;}
.title_a::after {content: ''; background: url("../images/line_01.png") no-repeat center / cover; width: 136px; height: 10px; display: block; line-height: 0; font-size: 0; padding: 0; margin: 29px 0 0 2px;}

.title_b {color: #040404; font-weight: 500; line-height: 1.111111; letter-spacing: 0; padding: 0; margin: 0 0 25px -1px;}
.title_b::after {content: ''; background: url("../images/line_02.png") no-repeat center / cover; width: 124px; height: 10px; display: block; line-height: 0; font-size: 0; padding: 0; margin: 22px 0 0 3px;}

.title_c {color: #fff; font-weight: 500; text-align: center; line-height: 1.111111; letter-spacing: 3.4px; padding: 0 0 33px 3px; margin: 0 0 40px 0; position: relative; z-index: 10;}
.title_c::after {content: ''; background: #fff; height: 1px; position: absolute; left: 0; right: 1px; bottom: 0; z-index: -10;}
.title_c > span {position: relative; z-index: 1; padding: 0; margin: auto;}
.title_c > span::after {content: ''; position: absolute; top: calc(100% + 25px); left: -37px; right: -33px; z-index: -1; background: #bc122f; height: 3px;}

.item_a {padding: 18px 0 21px 0;}
.item_a > div {display: flex; flex-flow: wrap; padding: 3px 0;}
.item_a > div > .tit {font-weight: 400; line-height: 1.6666667; letter-spacing: 0.15px; color: #c5a37e; padding: 0; margin: 0;}
.item_a > div > p {font-weight: 400; letter-spacing: 0.45px; padding: 0; margin: 0;}
.item_b {padding: 21px 0 17px 0; margin: -22px 0 0 0;}
.item_b > div {display: flex; flex-flow: wrap;}
.item_b > div > .tit {font-weight: 400; line-height: 1.6666667; letter-spacing: 0; color: #c5a37e; padding: 0; margin: 0 4px 0 0;}
.item_b > div > .tit .dot_a {width: 9px; height: 9px; border-radius: 9px; background: #c5a37e; display: inline-block; line-height: 0; font-size: 0; padding: 0; margin: 0 7px 2px 0;}
.item_b > div > p {font-weight: 300; letter-spacing: 0; padding: 0; margin: 0;}

.pages {font-family: "Montserrat", 'Noto Sans JP', sans-serif; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 13px 0 0 0;}
.pages a:link, .pages a:visited {text-decoration:none; color: #fff; border: 1px solid #c6a47e; font-weight: 600; line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 41px; height: 36px; border-radius: 4px; overflow: hidden; padding: 0 10px; margin: 0 8px 5px 8px; position: relative; z-index: 10; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; background: #c6a47e; cursor:pointer; transition: all 0.5s ease 0s;}
.pages .prev, .pages .next {min-width: 39px!important;}
.pages .prev_pages, .pages .next_pages {min-width: 47px!important;}
.pages .current {color:#fff!important; background: #c6a47e!important; pointer-events: none; cursor: text;}

.ul_s1, .ul_s1 > li {list-style-type:none; margin: 0; padding: 0;}
.ul_s1 {padding: 4px 0 0 0;}
.ul_s1 > li {position: relative; z-index: 1; font-weight: 400; line-height: 1.69125; letter-spacing: 0.35px; padding: 0 0 0 23.5px;}
.ul_s1 > li::before {content: ''; background: #bf011f; width: 9px; height: 9px; border-radius: 9px; position: absolute; top: 10px; left: 3px;}

.ul_s2, .ul_s2 > li {list-style-type:none; margin: 0; padding: 0;}
.ul_s2 {padding: 1px 0 20px 0;}
.ul_s2 > li {position: relative; z-index: 1; font-weight: 400; line-height: 2; letter-spacing: 0px; padding: 0 0 0 25.5px;}
.ul_s2 > li::before {content: ''; background: #000; width: 9px; height: 9px; border-radius: 9px; position: absolute; top: 15px; left: 9px;}

.ul_s3, .ul_s3 > li {list-style-type:none; margin: 0; padding: 0;}
.ul_s3 {padding: 1px 0 20px 0;}
.ul_s3 > li {position: relative; z-index: 1; font-weight: 400; line-height: 1.6666667; letter-spacing: 0px; padding: 0 0 0 25.5px;}
.ul_s3 > li::before {content: ''; background: #fff; width: 9px; height: 9px; border-radius: 9px; position: absolute; top: 12px; left: 10px;}


.prod_cla {background: url("../images/bg_02.jpg") repeat-y top center; padding: 4.271% 0 2.032% 0;}
.prod_cla > div.frame_1170 {display: flex; flex-flow: wrap;}
.prod_cla > div.frame_1170 > div {width: 29.488%; margin: 0 5.768% 35px 0; position: relative; z-index: 1;}
.prod_cla > div.frame_1170 > div:nth-child(3n+3) {margin: 0 0 35px 0;}
.prod_cla > div.frame_1170 > div > .img {line-height: 0; font-size: 0; height: 0; padding-bottom: 128.7%; overflow: hidden; position: relative; z-index: 1;}
.prod_cla > div.frame_1170 > div > .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.prod_cla > div.frame_1170 > div > .txt {background: rgba(0, 0, 0, 0.6); padding: 12px 22px 10px 23px;}
.prod_cla > div.frame_1170 > div > .txt > .tit {font-weight: 400; line-height: 1; letter-spacing: 0; padding: 0; margin: 0 0 17px -1.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.5s ease 0s;}
.prod_cla > div.frame_1170 > div > .txt > .lin {background: #fff; height: 1px; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.prod_cla > div.frame_1170 > div > .txt > .lin::before {content: ''; height: 1px; background: #c6a47e; position: absolute; top: 0; left: 0; right: 71.15%; z-index: 10; transition: all 0.5s ease 0s;}
.prod_cla > div.frame_1170 > div > .txt > .but {line-height: 1; letter-spacing: 0; padding: 17px 0 3px 0; margin: 0 0 0 -1.5px; display: flex; flex-flow: row; align-items: center; transition: all 0.5s ease 0s;}
.prod_cla > div.frame_1170 > div > .txt > .but::after {content: ''; background: url("../images/icon_03a.png") no-repeat center / cover; width: 17px; height: 10px; display: block; line-height: 0; font-size: 0; padding: 0; margin: 1px 0 0 6px; transition: all 0.5s ease 0s;}
.prod_cla > div.frame_1170 > div:hover > .img img {transform: scale(1.2, 1.2);}
.prod_cla > div.frame_1170 > div:hover > .txt > .tit, .prod_cla > div.frame_1170 > div:hover > .txt > .but {color: #c6a47e;}
.prod_cla > div.frame_1170 > div:hover > .txt > .lin::before {right: 0;}
.prod_cla > div.frame_1170 > div:hover > .txt > .but::after {background: url("../images/icon_03ah.png") no-repeat center / cover;}

.prod_lis {background: url("../images/bg_02.jpg") repeat-y top center; padding: 3.594% 0 3.386% 0;}
.prod_lis > div.frame_1170 {z-index: 20!important;}
.prod_lis > div.frame_1170 > .tit {font-weight: 500; line-height: 1.111111; letter-spacing: 3.7px; padding: 0; margin: 0 0 29px 3px; position: relative; z-index: 10;}
.prod_lis > div.frame_1170 > .tit > span {position: relative; z-index: 1; padding: 0; margin: auto;}
.prod_lis > div.frame_1170 > .tit > span::after {content: ''; position: absolute; top: calc(100% + 22px); left: -1px; right: 6px; z-index: -1; background: #bc122f; height: 3px;}
.prod_lis > div.frame_1600 > .lis {display: flex; flex-flow: wrap; border-top: 1px solid #fff; padding: 42px 0 20px 0; margin: 0 -2px 0 2px;}
.prod_lis > div.frame_1600 > .lis > div {width: 23.125%; margin: 0 2.5% 44px 0; position: relative; z-index: 1; background: #fff;}
.prod_lis > div.frame_1600 > .lis > div:nth-child(4n+4) {margin: 0 0 44px 0;}
.prod_lis > div.frame_1600 > .lis > div > .img {line-height: 0; font-size: 0; height: 0; padding-bottom: 67.03%; overflow: hidden; position: relative; z-index: 1;}
.prod_lis > div.frame_1600 > .lis > div > .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.prod_lis > div.frame_1600 > .lis > div > .txt {padding: 15px 16px 25px 15.5px;}
.prod_lis > div.frame_1600 > .lis > div > .txt > .tit {color: #000; font-weight: 400; line-height: 1; letter-spacing: 0; padding: 0; margin: 0 0 16px -0.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.5s ease 0s;}
.prod_lis > div.frame_1600 > .lis > div > .txt > .lin {background: #cacaca; height: 1px; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.prod_lis > div.frame_1600 > .lis > div > .txt > .lin::before {content: ''; height: 3px; background: #c6a47e; position: absolute; top: -1px; left: 0; right: 59.38%; z-index: 10; transition: all 0.5s ease 0s;}
.prod_lis > div.frame_1600 > .lis > div > .txt > .but {color: #353535; line-height: 1; letter-spacing: 0; padding: 24px 0 0 0; margin: 0 0 0 -1.5px; position: relative; z-index: 1; display: flex; flex-flow: row; align-items: center; transition: all 0.5s ease 0s;}
.prod_lis > div.frame_1600 > .lis > div > .txt > .but::after {content: ''; background: url("../images/icon_03b.png") no-repeat center / cover; width: 37px; height: 37px; position: absolute; bottom: -11px; right: 0; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.prod_lis > div.frame_1600 > .lis > div:hover > .img img {transform: scale(1.2, 1.2);}
.prod_lis > div.frame_1600 > .lis > div:hover > .txt > .tit, .prod_lis > div.frame_1600 > .lis > div:hover > .txt > .but {color: #c6a47e;}
.prod_lis > div.frame_1600 > .lis > div:hover > .txt > .lin::before {right: 0;}
.prod_lis > div.frame_1600 > .lis > div:hover > .txt > .but::after {transform: scale(0.8, 0.8);}

.prod_det {display: flex; flex-flow: wrap; padding: 0 0 3.626% 0;}
.prod_det > .lef {width: 100%; max-width: 654px; line-height: 0; margin: 0 auto;}
.prod_det > .rig {width: calc(100% - 654px); padding: 0 0 0 5.678%;}
.prod_det > .rig > h1 {margin: -6px 0 22px -1px;}
.prod_det > .rig > .edit_area {min-height: 323px; max-height: 323px; margin: 0 0 20px 0; overflow-y: auto;}
.prod_det > .rig > .sha {display: flex; flex-flow: wrap; justify-content: flex-end; padding: 0 2.345% 0 0; margin: 0 0 32px 0;}
.prod_det > .rig > .but {display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; padding: 0 2.07% 0 0;}
.prod_det > .rig > .but > .lef {display: flex; flex-flow: wrap; align-items: center;}
.prod_det > .rig > .but > .lef > a {margin: 0 9px 10px 0;}
.prod_det > .rig > .but > .lef > a:last-child {margin: 0 0 10px 0;}
.prod_det > .rig > .but > .lef > .inq:link, .prod_det > .rig > .but > .lef > .inq:visited {text-decoration:none; color:#fff; font-weight: 300; letter-spacing: 0.6px; min-width: 201px; min-height: 52px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: relative; z-index: 1; padding: 0 10px 4px 10px; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .lef > .inq:active, .prod_det > .rig > .but > .lef > .inq:hover {text-decoration:none; color:#fff; background: #bf011f; cursor:pointer; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .lef > .inq::before {content: ''; background: #3f3f3f; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10;}
.prod_det > .rig > .but > .lef > .inq::after {content: ''; background: #bf011f; width: 0; position: absolute; top: 0; right: 0; bottom: 0; z-index: -5; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .lef > .inq:hover::after {left: 0; width: 100%;}
.prod_det > .rig > .but > .lef > .inq img {margin: 2px 9px 0 0;}
.prod_det > .rig > .but > .lef > .bac:link, .prod_det > .rig > .but > .lef > .bac:visited {text-decoration:none; color:#010101; font-weight: 400; letter-spacing: 0.6px; min-width: 171px; min-height: 51px; border: 1px solid #010101; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: relative; z-index: 1; padding: 0 10px 4px 10px; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .lef > .bac:active, .prod_det > .rig > .but > .lef > .bac:hover {text-decoration:none; color:#000; background: #c6a47e; border: 1px solid #c6a47e; cursor:pointer; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .lef > .bac::before {content: ''; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10;}
.prod_det > .rig > .but > .lef > .bac::after {content: ''; background: #c6a47e; width: 0; position: absolute; top: 0; right: 0; bottom: 0; z-index: -5; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .lef > .bac:hover::after {left: 0; width: 100%;}
.prod_det > .rig > .but > .lef > .bac img {margin: 4px 6px 0 0;}
.prod_det > .rig > .but > .lef > a:hover img {opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-drop; animation-name: hvr-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.prod_det > .rig > .but > .rig {display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end;}
.prod_det > .rig > .but > .rig > a {margin: 0 0 10px 9px;}
.prod_det > .rig > .but > .rig > a:first-child {margin: 0 0 10px 0;}
.prod_det > .rig > .but > .rig > a:link, .prod_det > .rig > .but > .rig > a:visited {text-decoration:none; color:#fff; min-width: 68px; height: 51px; border: 1px solid #010101; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: relative; z-index: 1; padding: 0 0 1px 0; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .rig > a:active, .prod_det > .rig > .but > .rig > a:hover {text-decoration:none; color:#fff; background: #c6a47e; border: 1px solid #c6a47e; cursor:pointer; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .rig > a::before {content: ''; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10;}
.prod_det > .rig > .but > .rig > a::after {content: ''; background: #c6a47e; width: 0; position: absolute; top: 0; right: 0; bottom: 0; z-index: -5; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .rig > a img:nth-child(1) {display: block; visibility: visible; opacity: 1; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .rig > a img:nth-child(2) {display: none; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s;}
.prod_det > .rig > .but > .rig > a:hover::after {left: 0; width: 100%;}
.prod_det > .rig > .but > .rig > a:hover img:nth-child(1) {display: none; visibility: hidden; opacity: 0;}
.prod_det > .rig > .but > .rig > a:hover img:nth-child(2) {display: block; visibility: visible; opacity: 1;}
.prod_det > .bot {width: 100%; padding: 0 0.616% 0 0; margin: 0 0 0 -0.5px;}
.demo_a {}
.demo_a .tit_a {color: #000; font-weight: 500; margin: 0 0 2.518% 0;}
.demo_a .tit_b {color: #000; font-weight: 500; margin: 0.153% 0 2.365% 0;}

.related_pro {background: url("../images/bg_03.jpg") repeat-y top center; padding: 3.021% 0 4.896% 0;}
.related_pro > div > .tit {color: #fff; font-weight: 500; text-align: center; line-height: 1.111111; letter-spacing: 3.7px; padding: 0 0 0 7px; margin: 0 0 32px 0; position: relative; z-index: 10;}
.related_pro > div > .tit > span {position: relative; z-index: 1; padding: 0; margin: auto;}
.related_pro > div > .tit > span::after {content: ''; position: absolute; top: calc(100% + 25px); left: -30px; right: -24px; z-index: -1; background: #bc122f; height: 3px;}
.related_pro > div > .lis {position: relative; z-index: 1; padding: 42px 0 0 0; margin: 0 0 0 -3px;}
.related_pro > div > .lis::before {content: ''; background: #fff; height: 1px; position: absolute; top: 0; left: 2px; right: 0;}
.related_pro > div > .lis .box {max-width: 339px;}
.related_pro > div > .lis .box {position: relative; z-index: 1; background: #fff;}
.related_pro > div > .lis .box > .img {line-height: 0; font-size: 0; height: 0; padding-bottom: 66.966%; overflow: hidden; position: relative; z-index: 1;}
.related_pro > div > .lis .box > .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.related_pro > div > .lis .box > .txt {padding: 12px 14px 23px 13.5px;}
.related_pro > div > .lis .box > .txt > .tit {color: #000; font-weight: 400; line-height: 1; letter-spacing: 0; padding: 0 0 10px 0; margin: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.5s ease 0s;}
.related_pro > div > .lis .box > .txt > .lin {background: #cacaca; height: 1px; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.related_pro > div > .lis .box > .txt > .lin::before {content: ''; height: 3px; background: #c6a47e; position: absolute; top: -1px; left: 0; right: 59.716%; z-index: 10; transition: all 0.5s ease 0s;}
.related_pro > div > .lis .box > .txt > .but {color: #353535; line-height: 1; letter-spacing: 0; padding: 20px 0 0 0; margin: 0 0 0 -0.5px; position: relative; z-index: 1; display: flex; flex-flow: row; align-items: center; transition: all 0.5s ease 0s;}
.related_pro > div > .lis .box > .txt > .but::after {content: ''; background: url("../images/icon_03b.png") no-repeat center / cover; width: 34px; height: 34px; position: absolute; bottom: -10px; right: 1px; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.related_pro > div > .lis .box:hover > .img img {transform: scale(1.2, 1.2);}
.related_pro > div > .lis .box:hover > .txt > .tit, .related_pro > div > .lis .box:hover > .txt > .but {color: #c6a47e;}
.related_pro > div > .lis .box:hover > .txt > .lin::before {right: 0;}
.related_pro > div > .lis .box:hover > .txt > .but::after {transform: scale(0.8, 0.8);}


.abot_A {display: flex; flex-flow: wrap; align-items: flex-start; padding: 35px 0 131px 0;}
.abot_A > .img {width: 498px; line-height: 0; font-size: 0; border-radius: 36.7% 0 0 0; overflow: hidden;}
.abot_A > .txt {width: calc(100% - 498px); padding: 0 0 0 6.325%;}
.abot_A > .txt > .title_a {margin: -6px 0 7.024% -1px;}
.abot_B {position: relative; z-index: 10; padding: 54px 0 47px 0;}
/*.abot_B::before {content: ''; background: #e5e5e5; position: absolute; top: 0; left: 0; bottom: 0; z-index: -1; width: 100%; max-width: 1545px;}*/
.abot_B::after {content: ''; background: url("../images/ab_1bg.jpg") no-repeat center right / cover; position: absolute; top: 0; right: 0; bottom: 0; z-index: -10; width: 100%; max-width: 930px;}
.abot_B > div.frame_1170 {width: 100%; display: flex; flex-flow: row; position: relative; z-index: 1;}
.abot_B > div.frame_1170::before {content: ''; background: #e5e5e5; position: absolute; top: -54px; right: 100px; bottom: -47px; z-index: -1; width: 120%; max-width: 1545px;}
.abot_B > div.frame_1170 > .txt {width: 43.762%; color: #010101; letter-spacing: 0.4px; padding: 0 9.403% 0 0;}
.abot_B > div.frame_1170 > .txt > .tit {font-family: "Montserrat", 'Noto Sans JP', sans-serif; color: #ac875e; font-weight: 600; line-height: 1.1111111; letter-spacing: 0; padding: 0; margin: 0 0 5.974% -2px;}
.abot_B > div.frame_1170 > .txt > ul, .abot_B > div.frame_1170 > .txt > ul li {list-style-type:none; margin: 0; padding: 0; line-height: 1.1;}
.abot_B > div.frame_1170 > .txt > ul {position: relative; z-index: 1; width: 100%; max-width: 185px; padding: 9.208% 0 9.453% 0; margin: 10.946% 0 0 0;}
.abot_B > div.frame_1170 > .txt > ul::before {content: ''; background: #c6a47e; width: 2px; position: absolute; top: 0; left: 1px; bottom: 0; z-index: -10;}
.abot_B > div.frame_1170 > .txt > ul li a:link, .abot_B > div.frame_1170 > .txt > ul li a:visited {text-decoration:none; color:#030303; letter-spacing: 0; font-weight: 500; padding: 12px 0 12px 20.5px; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.abot_B > div.frame_1170 > .txt > ul li a:active, .abot_B > div.frame_1170 > .txt > ul li a:hover {text-decoration:none; color:#ac875e; cursor:pointer; transition: all 0.5s ease 0s;}
.abot_B > div.frame_1170 > .txt > ul li a::after {content: ''; background: #c6a47e; height: 2px; width: 0; max-width: 159px; position: absolute; top: calc(100% - 1px); right: 0; z-index: -1; transition: all 0.5s ease 0s;}
.abot_B > div.frame_1170 > .txt > ul li a:hover::after {width: 100%; left: 0;}
.abot_B > div.frame_1170 > .img {width: 48.103%; line-height: 0; font-size: 0; position: absolute; top: 49%; right: 101px; transform: translateY(-50%); display: flex; flex-flow: wrap; justify-content: flex-end; align-items: center;}
.abot_B > div.frame_1170 > .img > div {width: 46.284%; max-width: calc(50% - 15px); margin: 8.5px 0 8.5px 15px;}
.abot_C {padding: 150px 0 5.834% 1px;}
.abot_C > div.frame_1170 {display: flex; flex-flow: wrap; align-items: flex-start;}
.abot_C > div.frame_1170 .img {width: 500px; line-height: 0; font-size: 0; position: relative; z-index: 1; background: #000;}
.abot_C > div.frame_1170 .img a img {opacity: 1; transition: all 0.5s ease 0s;}
.abot_C > div.frame_1170 .img a:hover img {opacity: 0.5;}
.abot_C > div.frame_1170 .img a::after {content: ''; background: url("../images/ind_a_04.png") no-repeat center / cover; width: 63px; height: 45px; position: absolute; top: calc(50% - 9px); left: calc(50% - 1px); z-index: 100; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition: all 0.5s ease 0s;}
.abot_C > div.frame_1170 .img a:hover::after {background: url("../images/ind_a_04h.png") no-repeat center / cover;}
.abot_C > div.frame_1170 .txt {width: calc(100% - 500px); padding: 0 0 0 5.813%;}
.abot_C > div.frame_1170 .txt > .tit {font-family: "Montserrat", 'Noto Sans JP', sans-serif; color: #ac875e; font-weight: 500; line-height: 1.111111; letter-spacing: 1px; padding: 7.81% 0 6.313% 0; margin: 0 0 0 -2px;}
.abot_C > div.frame_1170 .txt p {padding: 0; margin: 0; text-align: justify; letter-spacing: 0.4px;}
.abot_D {background: url("../images/bg_04.jpg") no-repeat top center / cover; padding: 0 0 4.4271% 3px;}
.abot_D > div.frame_1170 {display: flex; flex-flow: row; align-items: flex-start;}
.abot_D > div.frame_1170 > .en {font-size: 466.667%; font-family: "Montserrat", 'Noto Sans JP', sans-serif; color: #49494a; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 0; margin: 0; transform:rotate(90deg); position: absolute; top: 42.004%; right: calc(50% + 374px); z-index: -1;}
.abot_D > div.frame_1170 > .txt {width: 340px; background: rgba(0, 0, 0, 0.6); line-height: 2; letter-spacing: 0.6px; padding: 109px 25px 359px 32px; position: relative; z-index: 1; overflow: hidden;}
.abot_D > div.frame_1170 > .txt::after {content: attr(data-title); font-size: 1025.27777778%; font-family: "Montserrat", 'Noto Sans JP', sans-serif; color: #fff; font-weight: 500; letter-spacing: 0; line-height: 1; padding: 0; margin: 0; position: absolute; bottom: -31px; right: -20px; opacity: 0.175;}
.abot_D > div.frame_1170 > .txt .title_a {color: #c6a47e; margin: 0 0 44px -2px;}
.abot_D > div.frame_1170 > .txt .title_a::after {margin: 39px 0 0 2px;}
.abot_D > div.frame_1170 > .lis {width: calc(100% - 340px); padding: 113px 0 0 4.616%; display: flex; flex-flow: wrap; justify-content: space-between;}
.abot_D > div.frame_1170 > .lis > div {width: 45.748%; font-weight: 300; line-height: 1.875; display: flex; flex-flow: column; align-items: flex-start; margin: 0 -3px 27px 0;}
.abot_D > div.frame_1170 > .lis > div > .tit {min-width: 232px; font-weight: 300; line-height: 1.2; letter-spacing: 0.1px; background: #bf011f; border: 1px solid #c6a47e; padding: 8px 15px 12px 13px; margin: 0 0 27px 0;}
.abot_D > div.frame_1170 > .lis > div > .fon {width: 100%; line-height: 1.875; letter-spacing: 0.5px; padding: 0 0 0 20px; position: relative; z-index: 1;}
.abot_D > div.frame_1170 > .lis > div > .fon::before {content: ''; background: #c6a47e; width: 7px; height: 7px; position: absolute; top: 9px; left: 0;}
.abot_D > div.frame_1170 > .lis > div > .fon::after {content: ''; background: #c6a47e; width: 1px; height: 100%; max-height: 46px; position: absolute; top: 9px; left: 3px;}
.abot_D > div.frame_1170 > .lis > div.con {width: 100%; background: rgba(0, 0, 0, 0.2); line-height: 2; padding: 17px 30.5px 24px 36.5px; margin: 11px 2px 0 0; border: 1px solid #ad0520; border-right: 1px solid #ddc4c8; position: relative; z-index: 1;}
.abot_D > div.frame_1170 > .lis > div.con::before {content: ''; background: #ddc4c8; width: 84.586%; height: 1px; position: absolute; top: -1px; right: 0; z-index: 10;}
.abot_D > div.frame_1170 > .lis > div.con::after {content: ''; background: #ddc4c8; width: 32.125%; height: 1px; position: absolute; bottom: -1px; right: 0; z-index: 10;}

.hist_A {padding: 7px 0 0 0; margin: 0;}
.hist_A_lis {display: flex; flex-flow: wrap; padding: 3px 1px 40px 0;}
.hist_A_lis > div {width: 100%; padding: 6px 0 17px 50%; margin: 0 0 16px 0; position: relative; z-index: 1;}
.hist_A_lis > div::before {content: ''; width: 24px; background: #c5a37d; position: absolute; top: 0; left: calc(50% - 12px); bottom: 0; z-index: -10;}
.hist_A_lis > div > .yea {font-family: "Montserrat", 'Noto Sans JP', sans-serif; color: #010101; font-weight: 600; line-height: 1; letter-spacing: 0; position: absolute; top: calc(50% - 9px); right: calc(50% - 56px); z-index: 1; transform: translateY(-50%); background: #dcdcdc; min-width: 224px; min-height: 115px; display: flex; flex-flow: wrap; justify-content: center; align-items: center;}
.hist_A_lis > div > .yea::after {content: ''; clip-path: polygon(0 0, 0 100%, 100% 0); background: #dcdcdc; width: 44px; height: 28px; position: absolute; top: 100%; right: 0;}
.hist_A_lis > div > .con {width: 75.28%; min-height: 238px; border: 2px solid #dcdcdc; padding: 0; margin: 0 0 0 auto; position: relative; z-index: 1;}
.hist_A_lis > div > .con::before {content: ''; background: #dcdcdc; width: 22px; height: 37px; clip-path: polygon(100% 0, 0 50%, 100% 100%); position: absolute; top: calc(50% - 19px); right: calc(100% + 2px);}
.hist_A_lis > div > .con::after {content: ''; background: #fff; width: 38px; height: 38px; border-radius: 38px; border: 10px solid #dcdcdc; position: absolute; top: calc(50% - 20px); right: calc(100% + 36px);}
.hist_A_lis > div > .con > .tit {color: #000; font-weight: 500; line-height: 1.25; letter-spacing: 0; padding: 8px 10px 14px 21px; margin: 0; background: #dcdcdc;}
.hist_A_lis > div > .con > .txt {color: #fff; padding: 10px 12px; margin: 0;}
.hist_A_lis > div:nth-child(2n+2) {padding: 1px 50% 3px 1px;}
.hist_A_lis > div:nth-child(2n+2)::before {background: #dcdcdc;}
.hist_A_lis > div:nth-child(2n+2) > .yea {background: #c5a37d; color: #fff; top: calc(50% - 3px); right: auto; left: calc(50% - 56px); padding: 0 3px 2px 0;}
.hist_A_lis > div:nth-child(2n+2) > .yea::after {background: #c5a37d; right: auto; left: 0; clip-path: polygon(0 0, 100% 100%, 100% 0);}
.hist_A_lis > div:nth-child(2n+2) > .con {border: 2px solid #c5a37d; margin: 0 auto 0 0;}
.hist_A_lis > div:nth-child(2n+2) > .con::before {background: #c5a37d; clip-path: polygon(0 0, 0 100%, 100% 50%); right: auto; left: calc(100% + 2px);}
.hist_A_lis > div:nth-child(2n+2) > .con::after {border: 10px solid #c5a37d; top: calc(50% - 19px); right: auto; left: calc(100% + 36px);}
.hist_A_lis > div:nth-child(2n+2) > .con > .tit {background: #c5a37d; color: #fff; padding: 8px 10px 14px 18px;}
.hist_A_lis > div:nth-child(2n+2) > .con > .txt {padding: 10px;}


.appl_wrap {padding: 9px 0 3.125% 0; position: relative; z-index: 1; overflow: hidden;}
.appl_wrap > .en {font-size: 466.667%; font-family: "Montserrat", 'Noto Sans JP', sans-serif; color: #49494a; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 0; margin: 0; transform:rotate(90deg); position: absolute; top: 270px; right: calc(50% + 376.5px); z-index: -1; -webkit-animation: change_color_49494a 5000ms infinite; animation: change_color_49494a 5000ms infinite;}
.appl_lis {display: flex; flex-flow: wrap; position: relative; z-index: 1; padding: 0 3.334%;}
.appl_lis::before {content: ''; background: rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: -3px; right: -1920px; z-index: -10; height: 64.3%;}
.appl_lis > div {width: 29.671%; margin: 1px 1.8% 41px 1.8%; position: relative; z-index: 1;}
.appl_lis > div > .img {line-height: 0; font-size: 0;}
.appl_lis > div > .txt {position: absolute; bottom: 18px; left: 20px; right: 38px; z-index: 100; min-height: 10px; background: rgba(0, 0, 0, 0.6); padding: 22px 24px 33px 34px; display: flex; flex-flow: column; justify-content: space-between; transition: all 0.5s ease 0s;}
.appl_lis > div > .txt .con {}
.appl_lis > div > .txt .con > .tit {color: #c6a47e; font-weight: 500; line-height: 1.08333333; letter-spacing: 0; position: relative; z-index: 1; padding: 0; margin: 0 0 13px -0.5px;}
.appl_lis > div > .txt .con > .fon {max-height: 0; overflow: hidden; line-height: 0; opacity: 0; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; transition: all 0.25s ease 0s;}
.appl_lis > div > .txt > .but {line-height: 1; letter-spacing: 1.7px; padding: 0; margin: 0 0 0 -1px; display: flex; flex-flow: row; align-items: center;}
.appl_lis > div > .txt > .but img {margin: 1px 0 0 8px;}
.appl_lis > div:hover > .txt, .appl_lis > div.pick > .txt {bottom: 21px; left: 16px; right: 17px; min-height: calc(100% - 42px); padding: 37px 24px 30px 37px; transition: all 0.35s ease 0s;}
.appl_lis > div:hover > .txt .con > .tit, .appl_lis > div.pick > .txt .con > .tit {margin: 0 0 14px 0;}
.appl_lis > div:hover > .txt .con > .fon, .appl_lis > div.pick > .txt .con > .fon {max-height: 144px; line-height: 24px; opacity: 1; padding: 0 0 0 1px; transition: all 0.25s ease 0s;}

.company-pic-phone{display: none }
.company-pic-pc{max-width: 1280px; margin: 6% auto;}
.company-pic-pc img{ width: 100%;height:auto;}
@media only screen and (max-width:576px){
    .company-pic-pc{ display: none}
    .company-pic-phone{ display: block;width: 100%;padding: 0 20px 40px; }
    .company-pic-phone img{ width: 100%;height:auto;}
}

.sop-section { display: flex;flex-wrap: wrap;padding: 0;}
.sop-section li{ display: flex; width: 29%;padding: 20px; margin: 0 2% 80px;position: relative;border-radius: 20px;border: 3px solid #e5e5e5;align-items: center;position: relative;z-index: -2;}
.sop-section li.color-g{ border: 3px solid #c39f77;}
.sop-section li .sop-pic{ display: flex;justify-content: space-between;width: 50%;}
.sop-section li .sop-pic img{ width: 70px;margin: 0 auto;}
.sop-section li .sop-tit{ font-size: 24px;font-weight: 600;color: #fff;width: 50%;}
.sop-section li .sop-num{ position: absolute; width: 99px;height: 99px;top: -40px;right: -40px;border-radius: 50%;text-align: center;color: #fff;font-size: 42px;font-weight: 600;background: #000;z-index: -1;}
.sop-section li.color-g .sop-num{ color: #c39f77;;}
@media only screen and (max-width:992px){
    .sop-section li{ width: 46%;padding: 20px; margin: 0 2% 60px;}
}
@media only screen and (max-width:576px){
    .sop-section li{ width: 100%;padding: 20px 8px; margin: 0 10px 50px;}
    .sop-section li .sop-num{ right: -20px;}
    .sop-section li .sop-pic{ width: 40%;}
    .sop-section li .sop-pic img{ width: 50px;}
    .sop-section li .sop-tit{ width: 60%;}
}