@charset "UTF-8";

.thumbnail{display: none;}

/*m_img_area
---------------------------------------------------------*/
.m_img_area {
	position: relative;
    overflow: hidden!important;
}
.m_img_area .m_img{
    position: relative;
    background: url("../images/top/m_bg@2x.jpg")no-repeat top center;
	background-size: 94.5% auto;
    height: 100%;
    min-height: 950px;
}
.m_img_area .m_img::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/m_abs1@2x.png")no-repeat bottom left;
    background-size: 100% auto;
    width: 100%;
    height: 1000px;
    bottom:-1px;
    left: 0;
    z-index: 2;
}
.m_img_area .m_img::after{
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    background-size: 100% auto;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
}
.m_img_area .m_img .m_copy{
    position: absolute;
    display: block;
    width: 62%;
    top: -18px;
    left: 0;
}
.m_img_area .m_img .m_copy div{
    position: relative;
    max-width: 923px;
    margin-left: auto;
    margin-right: 0;
}
.m_img_area .m_img .m_copy div::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/top/m_copy_deco@2x.png)no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 500px;
    top:0;
    left: 0;
    mix-blend-mode:screen;
}
.m_img_area .m_img .m_copy div::after{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/top/m_copy_deco2@2x.png)no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 500px;
    top:0;
    left: 0;
}
.m_img_area .m_img .m_copy img{
    position: relative;
    z-index: 10;
}
.m_img_area .m_img .m_image{
    position: absolute;
    width: 57%;
    right: 0;
    top: -55px;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1500px) {
.m_img_area .m_img{
    height: 70vw!important;
    min-height: 0!important;
}
.m_img_area .m_img .m_copy{
    top: -1vw;
}
.m_img_area .m_img .m_copy div::after{
    background-image: url(../images/top/m_copy_deco3@2x.png);
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.m_img_area .m_img{
    height: 70vw!important;
    min-height: 0!important;
}
.m_img_area .m_img .m_copy{
    top: -1.1vw;
}
.m_img_area .m_img .m_copy div::after{
    background-image: url(../images/top/m_copy_deco3@2x.png);
}
.m_img_area .m_img .m_image{
    top: -3vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.m_img_area .m_img{
    background: url("../images/top/m_bg_sp@2x.jpg")no-repeat top center;
    background-size: cover;
    height: 100%;
    min-height: 153vw;
}
.m_img_area .m_img::before{
    background-image: url("../images/top/m_abs1_sp@2x.png");
}
.m_img_area .m_img::after{
    height: 17%;
}
.m_img_area .m_img .m_copy{
    width:100%;
    top: auto;
    bottom: 12vw;
    left: 0;
}
.m_img_area .m_img .m_copy div{
    max-width: 750px;
}
.m_img_area .m_img .m_copy div::before{
    background-image: url(../images/top/m_copy_deco_sp@2x.png);
}
.m_img_area .m_img .m_copy div::after{
    display: none;
}
.m_img_area .m_img .m_image{
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: -3vw;
}
}






/* フォントサイズ
---------------------------------------------------------*/
.fs20{
    font-size: min(130%,2vw);
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
    line-height: 1.6em;
}
.fs25{
    font-size: min(160%,2.4vw);
    letter-spacing: 0.2em;
    font-feature-settings: "palt";
    line-height: 1.6em;
}
.fs30{
    font-size: min(195%,2.8vw);
    letter-spacing: 0.17em;
    font-feature-settings: "palt";
    line-height: 1.4em;
}
.fs32{
    font-size: min(205%,2.9vw);
    letter-spacing: 0.15em;
    font-feature-settings: "palt";
    line-height: 1.8em;
}
.fs35{
    font-size: min(220%,3.1vw);
    letter-spacing: 0.15em;
    font-feature-settings: "palt";
    line-height: 1.8em;
}
.fs40{
    font-size: min(255%,3.5vw);
    letter-spacing: 0.13em;
    font-feature-settings: "palt";
    line-height: 1.4em;
}
.fs50{
    font-size: min(310%,4vw);
    letter-spacing: 0.15em;
    font-feature-settings: "palt";
    line-height: 1.5em;
}
.fs55{
    font-size: min(350%,4.2vw);
    letter-spacing: 0.15em;
    font-feature-settings: "palt";
    line-height: 1.5em;
}
.fs60{
    font-size: min(390%,5vw);
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
    line-height: 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.fs20{
    line-height: 1.5em;
}
.fs25{
    line-height: 1.5em;
}
.fs30{
    line-height: 1.3em;
}
.fs32{
    line-height: 1.7em;
}
.fs35{
    line-height: 1.6em;
}
.fs40{
    line-height: 1.3em;
    letter-spacing: 0.1em;
}
.fs50{
    line-height: 1.4em;
}
.fs55{
    line-height: 1.4em;
}
.fs60{
    line-height: 1.4em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.fs20{
    font-size: 110%;
    letter-spacing: 0.05em;
    line-height: 1.6em;
}
.fs25{
    font-size: 120%;
    letter-spacing: 0.05em;
    line-height: 1.6em;
}
.fs30{
    font-size:130%;
    letter-spacing: 0.05em;
    line-height: 1.4em;
}
.fs32{
    font-size: 135%;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}
.fs35{
    font-size: 138%;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}
.fs40{
    font-size: 140%;
    letter-spacing: 0.05em;
    line-height: 1.4em;
}
.fs40.kana{
    font-size: 150%;
}
.fs50{
    font-size: 150%;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
.fs55{
    font-size: 155%;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
.fs60{
    font-size: 160%;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
}





/* sec01
---------------------------------------------------------*/
#sec01{
    margin-bottom: 110px;
}
#sec01 .bg1{
    background: #fff;
}
#sec01 .bg2{
    position: relative;
    padding-top: 30px;
    background: linear-gradient(to bottom,  rgba(179,146,84,0.8) 0%,rgba(94,60,6,0.8) 90%); 
}
#sec01 .bg2::before{
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    background-size: 100% auto;
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
}
#sec01 .box1{
    padding-bottom: 30px;
}
#sec01 .box1 .w1450{
    text-align: center;
}
#sec01 .box1 h3{
    position: relative;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 50px;
}
#sec01 .box1 h3::before{
    position: absolute;
    display: block;
    content: "";
    background: url(../images/top/abs01_deco@2x.png)no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 500px;
    top:0;
    left: 0;
    mix-blend-mode:multiply;
    opacity: .3;
}
#sec01 .box1 h3 img{
    position: relative;
    z-index: 10;
}
#sec01 .box1 ul{
    display: inline-block;
    color: #fff;
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
}
#sec01 .box1 li{
    position: relative;
    display: inline-block;
    padding-left: 1.8em;
    box-sizing: border-box;
    margin-bottom: 1.8em;
}
#sec01 .box1 li:last-child{
    margin-bottom: 0;
}
#sec01 .box1 li:nth-child(1){
    margin-right: 1em;
}
#sec01 .box1 li::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/check_brown@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 1.2em;
    height: 1.2em;
    top:.2em;
    left: 0;
}
#sec01 .box1 li span{
    position: relative;
}
#sec01 .box1 li span::before{
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    background-size: 100% auto;
    width: 100%;
    height: 1px;
    bottom: -0.3em;
    left: 0;
}
#sec01 .box2{
    position: relative;
}
#sec01 .box2::after{/*円*/
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/abs02@2x.png")no-repeat bottom left;
    background-size: 100% auto;
    width: 103%;
    height: 127px;
    bottom: calc(60% - 1px);
    left: -1.5%;
    z-index: 1;
}
#sec01 .box2::before{/*グラデ*/
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(to bottom,  rgba(246,244,244,1) 1%,rgba(255,255,255,1) 100%);
    background-size: 100% auto;
    width: 103%;
    height: 60%;
    bottom: 0;
    left: -1.5%;
    z-index: 2;
}
#sec01 .box2_inbox{
    position: relative;
    z-index: 3;
}
#sec01 .box2 .img1{
    width: 65%;
    margin: 0 auto 50px;
}
#sec01 .box2 .fs35{
    text-align: center;
    margin-bottom: 70px;
}
#sec01 .box3{display: none;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#sec01{
    margin-bottom: 10vw;
}
#sec01 .bg2{
    padding-top: 1vw;
}
#sec01 .bg2::before{
    height: 15vw;
}
#sec01 .box1{
    padding-bottom: 3vw;
}
#sec01 .box1 h3{
    margin-bottom: 3vw;
}
#sec01 .box1 li{
    margin-bottom: 1.5em;
}
#sec01 .box2 .img1{
    margin: 0 auto 3vw;
}
#sec01 .box2 .fs35{
    margin-bottom: 4vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#sec01{
    margin-bottom: 15vw;
}
#sec01 .bg2{
    padding-top: 6vw;
}
#sec01 .bg2::before{
    height: 10vw;
}
#sec01 .box1{
    padding-bottom: 4vw;
}
#sec01 .box1 h3{
    width: 100%;
    margin-bottom: 7vw;
}
#sec01 .box1 h3::before{
    background-image: url(../images/top/abs01_deco_sp@2x.png);
}
#sec01 .box1 ul{
    width: 100%;
    text-align: center;
}
#sec01 .box1 li{
    display: inline-block;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
    letter-spacing: normal;
}
#sec01 .box1 li:nth-child(1){
    margin-right: 0;
}
#sec01 .box1 li::before{
    width: 1em;
    height: 1em;
    top:.2em;
}
#sec01 .box2::after{/*円*/
    bottom: calc(75% - 2px);
}
#sec01 .box2::before{/*グラデ*/
    height:75%;
}
#sec01 .box2 .img1{
    width: 95%;
    margin: 0 auto 3vw;
}
#sec01 .box2 .fs35{
    width: 94%;
    margin: 0 auto 7vw;
    font-size:110%;
}
}



/*case_slide
---------------------------------------------------------*/
.case_slide{
    margin-top: 80px;
}
.case_slide .swiper-slide{
	background:#ffffff;
	padding: 40px 2% 35px;
	box-sizing: border-box;
	width: 608px!important;
	height: 100%;
	border: 5px solid #EEEBDD;
	margin: 0 15px;
}
.case_slide .img_box ul{
	display: flex;
    justify-content: space-between;
	max-width: 498px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.case_slide .img_box ul::before{
	position: absolute;
	content: "";
	background: url(../images/top/abs17@2x.png) no-repeat center content-box;
	background-size: 100% auto;
	width: 4%;
    max-width: 16px;
	height: 18px;
	left: 0;
	right: 0;
	margin: auto;
	top:50%;
	transform: translateY(-50%);
}
.case_slide .img_box ul li{
	width: 45%;
    text-align: center;
}
.case_slide .case_txt{
	text-align: center;
	line-height: 1.6em;
    max-width: 410px;
    margin: 1.5em auto 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.case_slide{
    margin-top: 8vw;
}
.case_slide .swiper-slide{
	padding: 3%;
	width: 40%!important;
	margin: 0 1%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.case_slide{
	margin-top: 8vw;
}
.case_slide .swiper-slide{
	padding: 5% 4%;
	width: 70%!important;
	margin: 0 1%;
}
.case_slide .case_txt{
    margin: 1em auto 0;
}
}





/* sec02
---------------------------------------------------------*/
#sec02 .box1{
    position: relative;
    z-index: 2;
    margin-bottom: 120px;
}
#sec02 .box1 .sec_title{
    max-width: 1167px;
    margin: 0 auto;
}
#sec02 .box1 .sec_title .abs{
    width: 90%;
    margin: 0 auto;
}
#sec02 .box1 .sec_title h3{
    width: 70%;
    margin: -40px auto 0;
    text-align: center;
}
#sec02 .bg{
    position: relative;
    padding-top: 40px;
    padding-bottom: 150px;
    background: rgba(244,243,228,0.80);
}
#sec02 .bg::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/abs05@2x.png")no-repeat bottom left;
    background-size: 100% auto;
    width: 100%;
    height: 500px;
    bottom: 100%;
    left: 0;
}

/*point_box*/
#sec02 .point_box{
    margin-bottom: 120px;
}
#sec02 .point_box:last-of-type{
    margin-bottom: 0;
}

/*point_index1*/
#sec02 .point_box .point_index1{
    position: relative;
    text-align: center;
    padding-bottom: 80px;
}
#sec02 .point_box .point_index1::before{
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); 
    background-size: 100% auto;
    width: 102%;
    height: calc(100% - 3em);
    bottom: 0;
    left: -1%;
}
#sec02 .point_box .point_index1 .number{
    width: 15em;
    margin: 0 auto 65px;
}
#sec02 .point_box:nth-child(3) .point_index1 .number{
    margin-bottom: 40px;
}
#sec02 .point_box .point_index1 h4 span{
    color: #C8A326;
}
#sec02 .point_box .point_index1_inbox{
    padding-bottom: 70px;
    position: relative;
    z-index: 2;
}
#sec02 .point_box .point_index1_inbox::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/img03@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 100px;
    top: 100%;
    left: 0;
}

/*txt_center*/
#sec02 .point_box .txt_center{
    text-align: center;
}

/*col2_img*/
#sec02 .point_box .col2_img{
    max-width: 1340px;
    margin: 60px auto 0;
}
#sec02 .point_box .col2_img li{
    width: 45%;
}
#sec02 .point_box .col2_img li:nth-child(2){
    width: 6.5%;
    padding-top: 120px;
}
#sec02 .point_box .col2_img li div{
    margin: 0 auto 30px;
}

/*point_index3*/
#sec02 .point_box .point_index3{
    text-align: center;
}
#sec02 .point_box .point_index3 .fs20{
    margin-bottom:.3em;
}
#sec02 .point_box .point_index3 .fs40{
    color: #BA8B42;}
#sec02 .point_box .col2_img li:nth-child(3) .point_index3 .fs40{
    color: #776D4D;}

/*fltbox1*/
#sec02 .point_box .top .fltbox1{
    margin-top: -80px;
}
#sec02 .point_box .fltbox1{
    position: relative;
    z-index: 2;
    width: 106%;
    margin-left: -3%;
}
#sec02 .point_box .fltbox1 .imgbox{
    width: 44%;
}
#sec02 .point_box .fltbox1 .txtbox{
    width:50%;
    padding-top: 85px;
    box-sizing: border-box;
}
#sec02 .point_box .fltbox1 .txtbox.flt_r{
    padding-right: 5%;
}
#sec02 .point_box .fltbox1 .txtbox.flt_l{
    padding-left: 5%;
}

/*col2_txt*/
#sec02 .point_box .col2_txt{
    margin: 70px auto 0;
    max-width: 1200px;
}

/*inbox*/
#sec02 .point_box .inbox{
    position: relative;
    padding-bottom: 100px;
}
#sec02 .point_box .inbox:last-of-type{
    padding-bottom: 0;
}
#sec02 .point_box .inbox::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/img03@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
}
#sec02 .point_box .inbox.no_shadow::before{
    display: none;
}
#sec02 .point_box .inbox.top::before{
    display: none;
}

/*point_index2*/
#sec02 .point_box .point_index2 .fs40{
    border-bottom: 1px solid #928A71;
    padding-bottom:30px;
    margin-bottom: 35px;
}
#sec02 .point_box .point_index2 dt,
#sec02 .point_box .point_index2 dd{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    box-sizing: border-box;
}

/*col2_txt*/
#sec02 .point_box .col2_txt li{
    width: 48.8%;
    background: #fff;
    padding: 40px 3.8% 50px;
    box-sizing: border-box;
    text-align: center;
}
#sec02 .point_box .col2_txt li .fs30{
    height: 2.8em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #A57E24;
}
#sec02 .point_box .col2_txt li:nth-child(2) .fs30{
    color: #354D70;
}
#sec02 .point_box .col2_txt li .fs30 p{
    margin: 0 auto;
}
#sec02 .point_box .col2_txt li p:nth-child(2){
    background: #C29410;
    text-align: center;
    color: #fff;
    font-size: min(150%,2.3vw);
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1em;
    padding: .7em 1em;
    box-sizing: border-box;
    border-radius: 50px;
    margin: .8em auto .9em;
}
#sec02 .point_box .col2_txt li:nth-child(2) p:nth-child(2){
    background: #354D70;
}
#sec02 .point_box .col2_txt li p:nth-child(3){
    text-align: left;
}

/*serif*/
#sec02 .point_box .serif{
    margin: 70px auto 0;
    text-align: center;
    letter-spacing: 0.13em;
}
#sec02 .point_box .serif p{
    width: 100%;
    max-width: 915px;
    margin: 0 auto 50px;
    display: inline-block;
    position: relative;
    padding: 0 1.5em;
    box-sizing: border-box;
    color: #A57E24;
}
#sec02 .point_box .serif p::before{
    position: absolute;
    display: block;
    content: "";
    background: #A57E24;
    background-size: 100% auto;
    width: 1px;
    height: 1.8em;
    left: 0;
    bottom: 0;
    transform: rotate(-20deg);
}
#sec02 .point_box .serif p::after{
    position: absolute;
    display: block;
    content: "";
    background: #A57E24;
    background-size: 100% auto;
    width: 1px;
    height: 1.8em;
    right: 0;
    bottom: 0;
    transform: rotate(20deg);
}

/*col3_txt*/
#sec02 .point_box .col3_txt{
    max-width: 1200px;
    margin: 0 auto;
}
#sec02 .point_box .col3_txt li{
    width: 32%;
    border:4px solid #EDECD4;
    background: #fff;
    position: relative;
    padding: 40px 2% 30px;
    box-sizing: border-box;
    text-align: center;
}
#sec02 .point_box .col3_txt li::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/abs09@2x.png")no-repeat top center;
    background-size: 100% auto;
    width: 18px;
    height: 16px;
    top:-10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#sec02 .point_box .col3_txt li .fs30{
    margin-bottom: .3em;
}
#sec02 .point_box .col3_txt li p:nth-child(2){
    line-height: 1.8em;
}

/*fltbox2*/
#sec02 .point_box .fltbox2{
    padding-top: 85px;
}
#sec02 .point_box .fltbox2 .imgbox{
    width: 43%;
    text-align: left;
}
#sec02 .point_box .fltbox2 .imgbox img{
    margin-left: 0;
    margin-right: auto;
}
#sec02 .point_box .fltbox2 .txtbox{
    width: 50%;
    padding-left: 2.5%;
    box-sizing: border-box;
}

/*bnr_ceramic*/
#sec02 .point_box .bnr_ceramic{
    position: relative;
    max-width: 1268px;
    margin: 0 auto 60px;
    background: #7E6338;
}
#sec02 .point_box .bnr_ceramic::before{
    position: absolute;
    display: block;
    content: "";
background: linear-gradient(to bottom,  rgba(244,243,228,0) 0%,rgba(244,243,228,1) 60%,rgba(244,243,228,1) 100%);
    background-size: auto 100%;
    width: 100%;
    height: 50%;
    bottom:0;
    left: 0;
    z-index: 2;
}
#sec02 .point_box .bnr_ceramic::after{
    position: absolute;
    display: block;
    content: "";
    background:url("../images/top/img09@2x.png")no-repeat top right;
    background-size: auto 100%;
    width: 100%;
    height: 80%;
    top:0;
    left: 0;
}
#sec02 .point_box .bnr_ceramic > div{
    position: relative;
    z-index: 2;
}
#sec02 .point_box .bnr_ceramic .bnr_title .ft_co{
    font-size: min(1010%,13vw);
    line-height: .8em;
    color:#452C05;
    mix-blend-mode:multiply;
    opacity: .8;
    padding-left: 1%;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
#sec02 .point_box .bnr_ceramic .bnr_title .ft_min{
    color: #fff;
    padding-left: 6%;
    line-height: 1.5em;
    box-sizing: border-box;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox{
    position: relative;
    width: 87%;
    margin: 30px auto 0;
    background: #fff;
    padding: 70px 4% 60px;
    box-sizing: border-box;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/img02@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 100px;
    top:100%;
    left: 0;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul{
    max-width: 980px;
    margin: 0 auto -3em;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li{
    width: 48%;
    border-bottom: 1px solid #E2DFD8;
    max-width: 450px;
    text-align: center;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;	
    line-height: 1em;
    padding-bottom: 1.5em;
    margin-bottom: 3em;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li div{
    width: 50%;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li div:nth-child(1){
    font-size:110%;
    font-size: min(110%,1.5vw);
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li div:nth-child(2){
    color: #C8A326;
    font-size: 260%;
    font-size: min(260%,3.5vw);
    letter-spacing: 0.13em;
	display: flex;
	align-items: flex-end;	
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li div:nth-child(2) p:nth-child(2){
    font-size: 60%;
    margin-left: .1em;
    margin-bottom: -.15em;
}

/*col_box*/
#sec02 .point_box .col_box{
    max-width: 1268px;
    margin: 60px auto 0;
}
#sec02 .point_box .col_box li{
    width: 48%;
    max-width: 600px;
}
#sec02 .point_box .col_box li .fs40{
    color: #C8A326;
}
#sec02 .point_box .col_box li .point_index3{
    margin: 25px auto 15px;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
/*fltbox1*/
#sec02 .point_box .fltbox1 .txtbox.flt_r{
    padding-right: 0;
}
#sec02 .point_box .fltbox1 .txtbox.flt_l{
    padding-left: 0;
}
#sec02 .point_box .point_index2 dt{
    letter-spacing: normal;
}
#sec02 .point_box .flt_l.point_index2 dt,
#sec02 .point_box .flt_l.point_index2 dd{
    padding-right: 0!important;
}
#sec02 .point_box .flt_r.point_index2 dt,
#sec02 .point_box .flt_r.point_index2 dd{
    padding-left: 0!important;
}
  
/*fltbox2*/
#sec02 .point_box .fltbox2 .txtbox{
    width: 55%;
    padding-left: 0;
    margin-left: -3%;
}
    
/*col2_txt*/
#sec02 .point_box .col2_txt li{
    padding-left: 3%;
    padding-right: 3%;
}
#sec02 .point_box .col2_txt li .fs30{
    letter-spacing: normal;
}

/*col3_txt*/
#sec02 .point_box .col3_txt li {
    letter-spacing: normal;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#sec02 .box1{
    margin-bottom: 10vw;
}
#sec02 .box1 .sec_title h3{
    margin: -5vw auto 0;
}
#sec02 .bg{
    padding-top: 5vw;
    padding-bottom: 10vw;
}

/*point_box*/
#sec02 .point_box{
    margin-bottom: 8vw;
}

/*point_index1*/
#sec02 .point_box .point_index1{
    padding-bottom: 5vw;
}
#sec02 .point_box .point_index1::before{
    height: calc(100% - 4vw);
}
#sec02 .point_box .point_index1 .number{
    width: 18vw;
    margin: 0 auto 3.5vw;
}
#sec02 .point_box:nth-child(3) .point_index1 .number{
    margin-bottom: 3vw;
}
#sec02 .point_box .point_index1_inbox{
    padding-bottom: 5vw;
}

/*col2_img*/
#sec02 .point_box .col2_img{
    margin: 5vw auto 0;
}
#sec02 .point_box .col2_img li{
    width: 47%;
}
#sec02 .point_box .col2_img li:nth-child(2){
    width: 4%;
    padding-top: 9.5vw;
}
#sec02 .point_box .col2_img li div{
    margin: 0 auto 3vw;
}

/*fltbox1*/
#sec02 .point_box .top .fltbox1{
    margin-top: -5vw;
}
#sec02 .point_box .fltbox1 .txtbox{
    width:52%;
    padding-top: 5vw;
}
#sec02 .point_box .fltbox1 .txtbox.flt_r{
    padding-right: 3%;
}
#sec02 .point_box .fltbox1 .txtbox.flt_l{
    padding-left: 3%;
}

/*col2_txt*/
#sec02 .point_box .col2_txt{
    margin: 4vw auto 0;
}

/*inbox*/
#sec02 .point_box .inbox{
    padding-bottom: 7vw;
}

/*point_index2*/
#sec02 .point_box .point_index2 .fs40{
    padding-bottom: 2.5vw;
    margin-bottom: 3vw;
}
#sec02 .point_box .point_index2 dt,
#sec02 .point_box .point_index2 dd{
    padding-left: 0;
    padding-right:0;
}

/*col2_txt*/
#sec02 .point_box .col2_txt li{
    width: 49.5%;
    padding: 3vw 2% 4vw;
}
#sec02 .point_box .col2_txt li p:nth-child(2){
    padding: .5em 1em;
    margin: .6em auto .7em;
}

/*serif*/
#sec02 .point_box .serif{
    margin: 5vw auto 0;
}
#sec02 .point_box .serif p{
    margin: 0 auto 5vw;
    padding: 0 1em;
}

/*col3_txt*/
#sec02 .point_box .col3_txt li{
    width: 33%;
    padding: 3vw 1%;
}
#sec02 .point_box .col3_txt li p:nth-child(2){
    letter-spacing: normal;
}

/*fltbox2*/
#sec02 .point_box .fltbox2{
    padding-top: 6vw;
}
#sec02 .point_box .fltbox2 .txtbox{
    width: 54%;
}

/*bnr_ceramic*/
#sec02 .point_box .bnr_ceramic{
    margin: 0 auto 5vw;
}
#sec02 .point_box .bnr_ceramic .bnr_title .ft_co{
    margin-bottom: 1vw;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox{
    margin: 3vw auto 0;
    padding: 4.5vw 4% 6vw;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul{
    margin: 0 auto -3em;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li{
    padding-bottom: 1.3em;
    margin-bottom: 2em;
}

/*col_box*/
#sec02 .point_box .col_box{
    margin: 4vw auto 0;
}
#sec02 .point_box .col_box li .point_index3{
    margin: 2vw auto 1vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#sec02 .box1{
    margin-bottom: 10vw;
}
#sec02 .box1 .sec_title .abs{
    width:100%;
}
#sec02 .box1 .sec_title h3{
    width: 90%;
    margin: -2vw auto 0;
}
#sec02 .bg{
    padding-top: 8vw;
    padding-bottom: 10vw;
}

/*point_box*/
#sec02 .point_box{
    margin-bottom: 12vw;
}

/*point_index1*/
#sec02 .point_box .point_index1{
    padding-bottom: 8vw;
}
#sec02 .point_box .point_index1::before{
    height: calc(100% - 5vw);
}
#sec02 .point_box .point_index1 .number{
    width: 30vw;
    margin: 0 auto 5vw;
}
#sec02 .point_box:nth-child(3) .point_index1 .number{
    margin-bottom: 5vw;
}
#sec02 .point_box .point_index1_inbox{
    padding-bottom: 7vw;
}

/*txt_center*/
#sec02 .point_box .txt_center{
    text-align: left;
}

/*col2_img*/
#sec02 .point_box .col2_img{
    margin: 6% auto 0;
    display: block;
}
#sec02 .point_box .col2_img li{
    width: 100%;
}
#sec02 .point_box .col2_img li:nth-child(2){
    width: 100%;
    padding-top: 0;
    margin: 4% auto 5%;
}
#sec02 .point_box .col2_img li:nth-child(2) img{
    width: 8vw;
    margin: 0 auto;
}    
#sec02 .point_box .col2_img li div{
    width: 90%;
    margin: 0 auto 4vw;
}

/*point_index3*/
#sec02 .point_box .point_index3 .fs20{
    margin-bottom:.1em;
}
/*fltbox1*/
#sec02 .point_box .top .fltbox1{
    margin-top: -8vw;
}
#sec02 .point_box .fltbox1{
    width: 100%;
    margin-left: 0;
}
#sec02 .point_box .fltbox1 .imgbox{
    width: 100%;
    margin: 0 auto;
}
#sec02 .point_box .fltbox1 .imgbox img{
    width: 90%;
    margin: 0 auto;
}
#sec02 .point_box .fltbox1 .txtbox{
    width: 100%;
    padding-top: 4vw;
}
#sec02 .point_box .fltbox1 .txtbox.flt_r{
    padding-right:0;
}
#sec02 .point_box .fltbox1 .txtbox.flt_l{
    padding-left: 0;
}

/*col2_txt*/
#sec02 .point_box .col2_txt{
    margin: 4vw auto 0;
    display: block;
}
    
/*inbox*/
#sec02 .point_box .inbox{
    padding-bottom: 12vw;
}

/*point_index2*/
#sec02 .point_box .point_index2 .fs40{
    padding-bottom:3vw;
    margin-bottom: 3vw;
    text-align: center;
}
#sec02 .point_box .point_index2 dt,
#sec02 .point_box .point_index2 dd{
    padding-left: 0;
    padding-right: 0;
}
#sec02 .point_box .point_index2 dd{
    text-align: left;
}
    
/*col2_txt*/
#sec02 .point_box .col2_txt li{
    width: 100%;
    padding:5% 4%;
    margin-bottom: 2%;
}
#sec02 .point_box .col2_txt li:last-child{
    margin-bottom: 0;
}
#sec02 .point_box .col2_txt li .fs30{
    height: auto;
    display: block;
}
#sec02 .point_box .col2_txt li p:nth-child(2){
    font-size: 4vw;
    padding: .5em 1em;
    margin: .5em auto .6em;
}

/*serif*/
#sec02 .point_box .serif{
    margin: 5vw auto 0;
    letter-spacing: 0.1em;
}
#sec02 .point_box .serif p{
    margin: 0 auto 6vw;
    padding: 0 1em;
}
    
/*col3_txt*/
#sec02 .point_box .col3_txt{
    display: block;
}
#sec02 .point_box .col3_txt li{
    width: 100%;
    padding: 7% 4%;
    margin-bottom: 4%;
}
#sec02 .point_box .col3_txt li:last-child{
    margin-bottom: 0;
}
#sec02 .point_box .col3_txt li .fs30{
    margin-bottom: .2em;
}
#sec02 .point_box .col3_txt li p:nth-child(2){
    line-height: 1.6em;
}

/*fltbox2*/
#sec02 .point_box .fltbox2{
    padding-top: 12vw;
}
#sec02 .point_box .fltbox2 .imgbox{
    width: 100%;
    margin: 0 auto 5%;
    text-align: center;
}
#sec02 .point_box .fltbox2 .imgbox img{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#sec02 .point_box .fltbox2 .txtbox{
    width: 100%;
    padding-left: 0;
}

/*bnr_ceramic*/
#sec02 .point_box .bnr_ceramic{
    margin: 0 auto 8vw;
}
#sec02 .point_box .bnr_ceramic::before{
    height: 15vw;
}
#sec02 .point_box .bnr_ceramic::after{
    background-size: 100% auto;
    width: 90%;
    height: 5000px;
    top:0;
    right: 0;
    left: auto;
}
#sec02 .point_box .bnr_ceramic .bnr_title .ft_co{
    font-size: 15vw;
    margin-bottom: .8rem;
}
#sec02 .point_box .bnr_ceramic .bnr_title .ft_min{
    padding-left: 5%;
    letter-spacing: normal;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox{
    width: 94%;
    margin: 4% auto 0;
    padding: 6% 3% 5%;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul{
    margin: 0 auto -1.5em;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li{
    line-height: 1em;
    padding-bottom: .7em;
    margin-bottom: 1.3em;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li div:nth-child(1){
    font-size: 3.3vw;
}
#sec02 .point_box .bnr_ceramic .bnr_inbox ul li div:nth-child(2){
    font-size: 6vw;
}

/*col_box*/
#sec02 .point_box .col_box{
    display: block;
    margin: 4vw auto 0;
}
#sec02 .point_box .col_box li{
    width: 100%;
    max-width:100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6%;
    margin-bottom: 8%;
}
#sec02 .point_box .col_box li:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#sec02 .point_box .col_box li .img{
    width: 90%;
    margin: 0 auto;
}
#sec02 .point_box .col_box li .point_index3{
    margin: 3vw auto 1vw;
}
}










/* sec03
---------------------------------------------------------*/
.com_index1{
    position: relative;
    display: block;
    width: 94%;
    max-width: 900px;
    margin: 0 auto 25px;
    text-align: center;
}
.com_index1::before{
    position: absolute;
    display: block;
    content: "";
    background: #D4C19E;
    background-size: 100% auto;
    width: 0;
    height: 1px;
    bottom: .9em;
    left: 0;
}
#sec04 .com_index1::before{
    background: #AE9D82;
    bottom: .8em;
}
#sec05 .com_index1::before{
    background: #9F9F9F;
    bottom: .8em;
}
#sec06 .com_index1::before{
    background: #E5D9C3;
    bottom: .7em;
}


.com_index1.anime_on::before{
    width: 100%;
    transition: 1.5s;
}

.com_index1 img{
    width: 92%;
    margin: 0 auto;
}
.com_index2{
    margin-bottom: 75px;
    text-align: center;
}
.com_index3{
    text-align: center;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom: 60px;
    padding: .6em 0;
}

#sec03 .com_index2,
#sec03 .com_index3{
    color: #fff;
}
#sec03 .com_index3{
    border-color: #fff;
}

/*box1*/
#sec03 .box1{
    padding-top: 150px;
    padding-bottom: 90px;
    background: #BDA06A;
}
#sec03 .box1 .inbox{
    margin-bottom: 80px;
}
#sec03 .box1 .inbox:last-of-type{
    margin-bottom: 0;
}
#sec03 .box1 .col2{
    max-width: 1200px;
    margin: 0 auto;
}
#sec03 .box1 .col2 > li{
    width: 49.5%;
    background: #fff;
    padding: 40px 4% 60px;
    box-sizing: border-box;
}
#sec03 .box1 .col2 > li .col2_inbox{
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}
#sec03 .box1 .col2 .tit{
    font-size: min(128%,2vw);
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    background: #354D70;
    border-radius: 50px;
    color: #fff;
    margin-bottom: 20px;
    padding: .55em 1em;
    box-sizing: border-box;
}
#sec03 .box1 .col2 > li:nth-child(2) .tit{
    background: #C29410;
}
#sec03 .box1 .col2 dl{
    margin-bottom: 40px;
}
#sec03 .box1 .col2 dl:last-of-type{
    margin-bottom: 0;
}
#sec03 .box1 .col2 .fs30{
    border-bottom: 1px solid #354D70;
    padding-bottom: .3em;
    margin-bottom: .8em;
    color: #354D70;
}
#sec03 .box1 .col2 > li:nth-child(2) .fs30{
    border-color:#A57E24;
    color: #A57E24;
}
#sec03 .box1 .col2 dd ul{
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    font-size:95%;
    font-weight: bold;
    line-height: 1.5em;
}
#sec03 .box1 .col2 dd li{
    position: relative;
    padding-left: 2.7em;
    box-sizing: border-box;
    margin-bottom: .8em;
}
#sec03 .box1 .col2 dd li:last-child{
    margin-bottom: 0;
}
#sec03 .box1 .col2 dd li::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/check_blue@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 1.7em;
    height: 1.7em;
    top:0;
    left: 0;
}
#sec03 .box1 .col2 > li:nth-child(2) dd li::before{
    background-image: url("../images/top/check_yellow@2x.png");
}
#sec03 .box1 .col2 dd li span{
    color: #354D70;
}
#sec03 .box1 .col2 > li:nth-child(2) dd li span{
    color: #A57E24;
}

/*box2*/
#sec03 .box2{
    background: #BDA06A;
}
#sec03 .box2 .box2_title{
    position: relative;
    padding-bottom: 80px;
    z-index: 5;
}
#sec03 .box2 .box2_title h3{
    width: 70%;
    margin: 0 auto;
}
#sec03 .box2 .box2_title .arrow{
    position: absolute;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 89px;
}
#sec03 .box2 .box2_title .arrow img{
    height: 100%;
    width: auto;
}
#sec03 .box2_inbox{
    position: relative;
    background: #B39254;
    padding-top: 120px;
    padding-bottom: 150px;
}
#sec03 .box2_inbox::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/img12@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 40%;
    max-width: 590px;
    height: 1000px;
    top:0;
    left: 0;
}
#sec03 .box2_inbox::after{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/img13@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 100px;
    top:0;
    left: 0;
}
#sec03 .box2_inbox .w1270{
    position: relative;
    z-index: 2;
}
#sec03 .box2 .fltbox .flt_r{
    width: 43%;
}
#sec03 .box2 .fltbox .flt_l{
    width: 52%;
    color: #fff;
}
#sec03 .box2 .fltbox .flt_l dt{
    margin-bottom:.8em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
#sec03 .box2 .fltbox .flt_r{
    margin-bottom: 1rem;
    margin-left: 4%;
}
#sec03 .box2 .fltbox .flt_l{
    width: 100%;
    float: none;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.com_index1{
    margin: 0 auto 2vw;
}
.com_index2{
    margin-bottom: 6vw;
}
.com_index3{
    margin-bottom: 3vw;
}

/*box1*/
#sec03 .box1{
    padding-top: 8vw;
    padding-bottom: 6vw;
}
#sec03 .box1 .inbox{
    margin-bottom: 6vw;
}
#sec03 .box1 .col2 > li{
    padding: 3vw 2.5% 5vw;
}
#sec03 .box1 .col2 .tit{
    margin-bottom: 2vw;
}
#sec03 .box1 .col2 dl{
    margin-bottom: 3vw;
}
#sec03 .box1 .col2 .fs30{
    margin-bottom: .7em;
}
#sec03 .box1 .col2 dd ul{
    letter-spacing: normal;
}
#sec03 .box1 .col2 dd li{
    padding-left: 2em;
    margin-bottom: .7em;
}
#sec03 .box1 .col2 dd li::before{
    width: 1.4em;
    height: 1.4em;
}

/*box2*/
#sec03 .box2 .box2_title{
    padding-bottom: 7vw;
}
#sec03 .box2 .box2_title .arrow{
    bottom: -5vw;
    height: 8vw;
}
#sec03 .box2_inbox{
    padding-top: 8vw;
    padding-bottom: 10vw;
}
#sec03 .box2 .fltbox .flt_r{
    margin-left: 4%;
    margin-bottom: .8rem;
}
#sec03 .box2 .fltbox .flt_l{
    width: 100%;
    float: none;
}
#sec03 .box2 .fltbox .flt_l dt{
    margin-bottom:.5em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_index1{
    margin: 0 auto 4vw;
}
.com_index1::before{
    bottom: .3em;
}
#sec04 .com_index1::before{
    bottom: .3em;
}
#sec05 .com_index1::before{
    bottom: .3em;
}
#sec06 .com_index1::before{
    bottom: .3em;
}
.com_index2{
    margin-bottom: 8vw;
}
.com_index3{
    margin-bottom: 5vw;
    padding: .5em 0;
}

/*box1*/
#sec03 .box1{
    padding-top: 12vw;
    padding-bottom: 15vw;
}
#sec03 .box1 .inbox{
    margin-bottom: 10vw;
}
#sec03 .box1 .col2{
    display: block;
}
#sec03 .box1 .col2 > li{
    width:100%;
    padding: 6% 4% 7%;
    margin-bottom: 4%;
}
#sec03 .box1 .col2 > li:last-child{
    margin-bottom:0;
}
#sec03 .box1 .col2 > li .col2_inbox{
    max-width: 100%;
}
#sec03 .box1 .col2 .tit{
    font-size:110%;
    margin-bottom: 4vw;
}
#sec03 .box1 .col2 dl{
    margin-bottom: 5vw;
}
#sec03 .box1 .col2 .fs30{
    padding-bottom: .5em;
    margin-bottom: .8em;
}
#sec03 .box1 .col2 dd ul{
    width: 94%;
    margin: 0 auto;
    max-width: 100%;
    font-size:90%;
}
#sec03 .box1 .col2 dd li{
    padding-left: 1.8em;
    margin-bottom: .6em;
    letter-spacing: normal;
}
#sec03 .box1 .col2 dd li::before{
    width: 1.3em;
    height: 1.3em;
}

/*box2*/
#sec03 .box2 .box2_title{
    padding-bottom: 10vw;
}
#sec03 .box2 .box2_title h3{
    width: 90%;
}
#sec03 .box2 .box2_title .arrow{
    position: absolute;
    bottom: -10vw;
    height: 13vw;
}
#sec03 .box2_inbox{
    padding-top: 18vw;
    padding-bottom: 15vw;
}
#sec03 .box2_inbox::before{
    width: 65%;
}
#sec03 .box2 .fltbox .flt_r{
    width: 90%;
    margin: 0 auto 5%;
    float: none;
}
#sec03 .box2 .fltbox .flt_l{
    width:100%;
    float: none;
}
#sec03 .box2 .fltbox .flt_l dt{
    margin-bottom:.7em;
    text-align: center;
    letter-spacing: 0.15em;
}
}




/* sec04
---------------------------------------------------------*/
#sec04{
    margin-bottom: 150px;
}
#sec04 .bg{
    padding-top: 150px;
    background: linear-gradient(to bottom,  rgba(244,243,228,1) 0%,rgba(255,255,255,1) 100%);
}

/*sec4_box*/
#sec04 .sec4_box{
    background: url("../images/top/img15@2x.png")no-repeat top left;
    background-size: 100% auto;
    padding-top: 270px;
    margin-bottom: 80px;
}
#sec04 .sec4_box.gam{
    background-image: url("../images/top/img19@2x.png");
    margin-bottom: 0;
}
#sec04 .sec4_box .index1{
    margin-bottom: 50px;
    text-align: center;
}
#sec04 .sec4_box .index1 .ft_co{
    font-size: min(800%,10vw);
    letter-spacing: 0.08em;
    line-height: 1em;
    color: #fff;
}
#sec04 .sec4_box .index1 h4{
    color: #246CB1;}
#sec04 .sec4_box.gam .index1 h4{
    color: #279673;}

#sec04 .sec4_box .fs25{
    text-align: center;
}
#sec04 .sec4_box .txt{
    max-width: 1080px;
    margin: 1.5em auto 50px;
}

/*col3*/
#sec04 .sec4_box .col3{
    position: relative;
    z-index: 2;
}
#sec04 .sec4_box .col3 li{
    width: 32%;
    text-align: center;
}
#sec04 .sec4_box .col3 .li_inbox{
    position: relative;
    padding:30px 3% 0;
    box-sizing: border-box;
}
#sec04 .sec4_box .col3 .li_inbox::before{
    position: absolute;
    display: block;
    content: "";
    background: #6BC6D4;
    background-size: 100% auto;
    width: 100%;
    height: calc(100% - 3em);
    top: 0;
    left: 0;
    z-index: -2;
}
#sec04 .sec4_box .col3 > li:nth-child(2) .li_inbox::before{
    background: #F4938D;
}
#sec04 .sec4_box .col3 > li:nth-child(3) .li_inbox::before{
    background: #9483AD;
}
#sec04 .sec4_box .col3 .li_inbox::after{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/abs15@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 70%;
    max-width: 270px;
    height: 270px;
    top: 0;
    left: 0;
    z-index: -1;
}
#sec04 .sec4_box .col3 .li_inbox .fs25{
    color: #fff;
    line-height: 1.4em;
    margin-bottom: .7em;
}
#sec04 .sec4_box .col3 dl{
    margin: 2rem auto 1rem;
}
#sec04 .sec4_box .col3 dt{
    font-size: min(110%,1.8vw);
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: .5em;
    color: #6BC6D4;
}
#sec04 .sec4_box .col3 > li:nth-child(2) dt{
    color: #F4938D;
}
#sec04 .sec4_box .col3 > li:nth-child(3) dt{
    color: #9483AD;
}
#sec04 .sec4_box .col3 li dd{
    line-height: 1.2em;
}
#sec04 .sec4_box .col3 li > p{
    display: inline-block;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    text-align: left;
}

/*osusume*/
#sec04 .sec4_box .osusume{
    background: #32C294;
    color: #fff;
    padding: 50px 4% 55px;
    box-sizing: border-box;
}
#sec04 .sec4_box .osusume dt{
    border-bottom: 1px solid #fff;
    padding-bottom: .6em;
    margin-bottom: 1.3em;
    text-align: center;
}
#sec04 .sec4_box .osusume dd{
    text-align: center;
}
#sec04 .sec4_box .osusume .flexbox{
    max-width: 1030px;
    margin: 0 auto -.5em;
    font-weight: bold;
    font-size: min(115%,1.8vw);
    line-height: 1.6em;
    text-align: left;
}
#sec04 .sec4_box .osusume .flexbox li{
    width: 36%;
    margin-bottom: .5em;
}
#sec04 .sec4_box .osusume .flexbox li:nth-child(2),
#sec04 .sec4_box .osusume .flexbox li:nth-child(5){
    width: 31%;
}
#sec04 .sec4_box .osusume .flexbox li:nth-child(3),
#sec04 .sec4_box .osusume .flexbox li:nth-child(6){
    width: 29%;
}
#sec04 .sec4_box .osusume .flexbox li span{
    position: relative;
    padding-left: 2.2em;
    box-sizing: border-box;
}
#sec04 .sec4_box .osusume .flexbox li span::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/check_green@2x.png")no-repeat top left;
    background-size: 100% auto;
    width: 1.5em;
    height: 1.5em;
    top: 50%;
	transform: translateY(-50%);
    left: 0;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
#sec04 .sec4_box .col3 .li_inbox .fs25 {
    letter-spacing: normal;
    font-feature-settings: "palt";
}
#sec04 .sec4_box .col3 li dt,
#sec04 .sec4_box .col3 li dd {
    letter-spacing: normal;
    font-feature-settings: "palt";
}
#sec04 .sec4_box .osusume .flexbox{
    letter-spacing: normal;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#sec04{
    margin-bottom: 10vw;
}
#sec04 .bg{
    padding-top: 10vw;
}

/*sec4_box*/
#sec04 .sec4_box{
    padding-top: 10vw;
    margin-bottom: 8vw;
}
#sec04 .sec4_box .index1{
    margin-bottom: 3vw;
}
#sec04 .sec4_box .txt{
    margin: .8em auto 4%;
}

/*col3*/
#sec04 .sec4_box .col3 li{
    width: 32.5%;
}
#sec04 .sec4_box .col3 .li_inbox{
    padding: 3vw 3% 0;
}
#sec04 .sec4_box .col3 .li_inbox::before{
    height: calc(100% - 5vw);
}
#sec04 .sec4_box .col3 .li_inbox .fs25{
    letter-spacing: normal;
}
#sec04 .sec4_box .col3 dl{
    margin: 1.3rem auto .5rem;
}
#sec04 .sec4_box .col3 dt{
    margin-bottom: .3em;
}
#sec04 .sec4_box .col3 li dd{
    letter-spacing: normal;
}
#sec04 .sec4_box .col3 li > p{
    width: 95%;
}

/*osusume*/
#sec04 .sec4_box .osusume{
    padding: 3vw 3% 4vw;
}
#sec04 .sec4_box .osusume .flexbox{
    letter-spacing: normal;
}
#sec04 .sec4_box .osusume .flexbox li span{
    padding-left: 2em;
}
#sec04 .sec4_box .osusume .flexbox li span::before{
    width: 1.3em;
    height: 1.3em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#sec04{
    margin-bottom: 15vw;
}
#sec04 .bg{
    padding-top: 12vw;
}
    
/*sec4_box*/
#sec04 .sec4_box{
    padding-top: 20vw;
    margin-bottom: 10vw;
}
#sec04 .sec4_box .index1{
    margin-bottom: 4vw;
}
#sec04 .sec4_box .index1 .ft_co{
    font-size: 250%;
}
#sec04 .sec4_box .txt{
    margin: 1.2em auto 6%;
}

/*col3*/
#sec04 .sec4_box .col3{
    display: block;
}
#sec04 .sec4_box .col3 li{
    width: 100%;
    margin-bottom: 8%;
}
#sec04 .sec4_box .col3 li:last-child{
    margin-bottom: 0;
}
#sec04 .sec4_box .col3 .li_inbox{
    padding: 6% 4% 0;
}
#sec04 .sec4_box .col3 .li_inbox::before{
    height: calc(100% - 3em);
}
#sec04 .sec4_box .col3 .li_inbox .fs25{
    margin-bottom: .9em;
}
#sec04 .sec4_box .col3 .img{
    width: 70%;
    margin: 0 auto;
}
#sec04 .sec4_box .col3 dl{
    margin:1.5rem auto 1rem;
}
#sec04 .sec4_box .col3 dt{
    font-size: 100%;
    margin-bottom: .4em;
}
#sec04 .sec4_box .col3 li > p{
    max-width: 100%;
}

/*osusume*/
#sec04 .sec4_box .osusume{
    padding: 6% 4% 7%;
}
#sec04 .sec4_box .osusume dt{
    padding-bottom: .5em;
    margin-bottom: 1em;
}
    #sec04 .sec4_box .osusume dd{
        text-align: center;
    }
#sec04 .sec4_box .osusume .flexbox{
    display: inline-block;
    margin: 0 auto -.5em;
    font-size: 100%;
    text-align: left;
}
#sec04 .sec4_box .osusume .flexbox li{
    display: block!important;
    width: auto!important;
    margin-bottom: .7em;
}
#sec04 .sec4_box .osusume .flexbox li span{
    padding-left:1.8em;
}
#sec04 .sec4_box .osusume .flexbox li span::before{
    width: 1.2em;
    height: 1.2em;
}
}





/* sec05
---------------------------------------------------------*/
#sec05 .bg{
    position: relative;
    padding-top: 130px;
    margin-bottom: 150px;
}
#sec05 .bg::before{
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(to bottom,  rgba(229,232,233,1) 0%,rgba(255,255,255,1) 100%);
    background-size: 100% auto;
    width: 100%;
    height: 900px;
    top:0;
    left: 0;
    z-index: -10;
}
#sec05 .case_list > li{
    border-bottom: 1px solid #9F9F9F;
    padding-bottom: 120px;
    margin-bottom: 120px;
}
#sec05 .case_list > li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#sec05 .case_list .inbox{
    max-width: 1200px;
    margin: 0 auto;    
}
#sec05 .case_list .title{
    text-align: center;
    max-width: 1050px;
    margin: 0 auto 80px;
}
#sec05 .case_list .imgbox{
    width: 90%;
    margin: 0 auto 90px;
}
#sec05 .case_list .imgbox .col2{
    width: 100%;
    max-width: 946px;
    margin: 0 auto;
}
#sec05 .case_list .imgbox .col2 li{
    width: 45%;
}
#sec05 .case_list .imgbox .col2 li:nth-child(1) .img{
    position: relative;
}
#sec05 .case_list .imgbox .col2 li:nth-child(1) .img::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/abs17@2x.png") no-repeat top right;
    background-size: 100% auto;
    width: 5%;
    height: 25px;
    top: 50%;
	transform: translateY(-50%);
    right: -14%;
}
#sec05 .case_list .imgbox .col3{
    width: 100%;
    max-width: 895px;
    margin: 75px auto 0;
    justify-content: center;
}
#sec05 .case_list .imgbox .col3 li{
    width: 29%;
    margin-right: 6.5%;
}
#sec05 .case_list .imgbox .col3 li:last-child,
#sec05 .case_list .imgbox .col3 li:nth-child(3n){
    margin-right: 0;
}
#sec05 .case_list .imgbox .col2 .txt,
#sec05 .case_list .imgbox .col3 .txt{
    margin-top: 1.2rem;
}
#sec05 .case_list .imgbox .col2 .txt{
    text-align: center;
    color: #C8A326;
    line-height: 1em;
    font-size: min(250%,3.5vw);
    letter-spacing: 0.1em;
}
#sec05 .case_list table ,
#sec05 .case_list table tr{
    width: 100%;
}
#sec05 .case_list table th,
#sec05 .case_list table td{
    box-sizing: border-box;
}
#sec05 .case_list table th{
    background: #BDA06A;
    width: 25.5%;
    border-bottom: 1px solid #fff;
    font-size: min(115%,1.8vw);
    color: #fff;
    padding: 1.6rem 3.2rem;
}
#sec05 .case_list table td{
    background:rgba(187,158,106,0.07);
    width: 74.5%;
    border-bottom: 1px solid rgba(72,46,58,0.35);
    padding: 1.6rem 2.7rem;
}
#sec05 .case_list table tr:last-child th,
#sec05 .case_list table tr:last-child td{
    border-bottom: none;
}

#sec05 .case_list .risk{
    margin-top: 60px;
    border:6px solid #F3E8D4;
    padding: 30px 3% 35px;
    box-sizing: border-box;
    text-align: center;
}
#sec05 .case_list .risk dt{
    font-size: min(130%,2vw);
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    padding-bottom: 1em;
    border-bottom:1px solid #A57E24;
    margin-bottom: 1.5em;
    color: #A57E24;
}
#sec05 .case_list .risk dd{
    text-align: center;
}
#sec05 .case_list .risk dd ul{
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
#sec05 .case_list .risk dd li{
    position: relative;
    padding-left: 1.3em;
    box-sizing: border-box;
}
#sec05 .case_list .risk dd li::before{
    position: absolute;
    top:0;
    left: 0;
    content: "・";
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#sec05 .bg{
    padding-top: 8vw;
    margin-bottom: 10vw;
}
#sec05 .bg::before{
    height:50vw;
}
#sec05 .case_list > li{
    padding-bottom: 8vw;
    margin-bottom: 8vw;
}
#sec05 .case_list .title{
    margin: 0 auto 3vw;
}
#sec05 .case_list .imgbox{
    margin-bottom: 4vw;
}
#sec05 .case_list .imgbox .col3{
    margin: 4vw auto 0;
}
#sec05 .case_list .imgbox .col3 li{
    width: 30%;
    margin-right: 5%;
}
#sec05 .case_list .imgbox .col2 .txt,
#sec05 .case_list .imgbox .col3 .txt{
    margin-top: .8rem;
}
#sec05 .case_list table th{
    padding: 1.4rem .8rem;
}
#sec05 .case_list table td{
    width: 74.5%;
    padding: 1.4rem .8rem;
}

#sec05 .case_list .risk{
    margin-top: 4%;
    border: 5px solid #F3E8D4;
    padding: 3vw 3%;
}
#sec05 .case_list .risk dt{
    margin-bottom: 1.3em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#sec05 .bg{
    padding-top: 11vw;
    margin-bottom: 15vw;
}
#sec05 .bg::before{
    height: 50vw;
}
#sec05 .case_list > li{
    padding-bottom: 10vw;
    margin-bottom: 10vw;
}
#sec05 .case_list .title{
    margin: 0 auto 4vw;
    line-height: 1.5em;
}
#sec05 .case_list .imgbox{
    width: 100%;
    margin: 0 auto 9vw;
}
#sec05 .case_list .imgbox .col2 li:nth-child(1) .img::before{
    width: 7%;
    right: -15%;
}
#sec05 .case_list .imgbox .col3{
    margin: 4vw auto 0;
}
#sec05 .case_list .imgbox .col3 li{
    width: 31%;
    margin-right: 3.5%;
}
#sec05 .case_list .imgbox .col2 .txt,
#sec05 .case_list .imgbox .col3 .txt{
    margin-top: .8rem;
    font-size:90%;
    letter-spacing: normal;
    font-feature-settings: "palt";
    line-height: 1.7em;
}
#sec05 .case_list .imgbox .col2 .txt{
    font-size: 150%;
    margin-top: .1em;
}
#sec05 .case_list table{
    font-feature-settings: "palt";
    letter-spacing: normal;
}
#sec05 .case_list table th{
    width: 25.5%;
    padding: 1.5rem .7rem;
    font-size:88%;
    line-height: 1.5em;
}
#sec05 .case_list table td{
    width: 74.5%;
    padding: 1.5rem 1rem;
}
#sec05 .case_list .risk{
    margin-top: 4vw;
    border: 5px solid #F3E8D4;
    padding: 6% 4%;
}
#sec05 .case_list .risk dt{
    font-size:100%;
    padding-bottom: .8em;
    margin-bottom: 1em;
}
#sec05 .case_list .risk dd{
    font-feature-settings: "palt";
    letter-spacing: normal;
}
#sec05 .case_list .risk dd li{
    padding-left: 1em;
}
}







/* sec06
---------------------------------------------------------*/
.com_ank_link li{
    display: inline-block;
    margin-right: 1em;
    font-size: min(130%,2vw);
    letter-spacing: 0.1em;
    line-height: 1em;
}
.com_ank_link li:last-child{
    margin-right: 0;
}
.com_ank_link li a{
    position: relative;
    width: 12em;
    display: block;
    background: #AC8945;
    color: #fff;
    text-align: center;
    padding: 1.2em 0;
    box-sizing: border-box;
    font-feature-settings: "palt";
}
.com_ank_link li a::before{
    position: absolute;
    display: block;
    content: "";
    background: url("../images/top/arrow04@2x.png")no-repeat bottom center;
    background-size: 100% auto;
    width: 1.4em;
    height: 1.4em;
    bottom: -0.7em;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#sec06 .com_index2{
    color: #fff;
}
#sec06 .bg{
    background: url("../images/top/img03@2x.png")no-repeat top center #BDA06A;
    background-size: 100% auto;
    position: relative;
    padding-top: 130px;
    padding-bottom: 150px;
}
#sec06 .com_btn2{
    margin-bottom: 100px;
}
#sec06 #ceramic,
#sec06 #whitening{
    margin-bottom: 120px;
}
#sec06 .sec6_index1{
    background: #D4B845;
    color: #fff;
    text-align: center;
    line-height: 1em!important;
    padding: 65px 4% 70px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#sec06 #whitening .sec6_index1{
    background: #7DD0F2;}
#sec06 #gam .sec6_index1{
    background: #91D996;}

#sec06 .sec6_index1 .ft_co{
    font-size: min(110%,1.8vw);
    margin-top: .5em;
}
#sec06 .memo{
    text-align: right;
    margin-bottom: 40px;
    color: #fff;
}
#sec06 #ceramic .memo{
    margin-bottom: -40px;
}
#sec06 .sec6_index2{
    text-align: center;
    border-top:1px solid #fff;
    color: #fff;
    padding: 1em 0 1.3em;
    margin-top: 80px;
}

/*sec6_list*/
#sec06 .sec6_list > li{
    background: #fff;
    padding: 80px 4%;
    box-sizing: border-box;
    margin-bottom:5px;
}
#sec06 .sec6_list_inbox{
    max-width: 1200px;
    margin: 0 auto;
}
#sec06 .sec6_list .flexbox .img{
    width: 26%;
}
#sec06 .sec6_list .flexbox .txt{
    width: 69%;
}
#sec06 .sec6_list .flexbox .txt dl{
    position: relative;
    display: block;
}
#sec06 .sec6_list .flexbox .txt dd{
    position:absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 0;    
}

/*line*/
#sec06 .sec6_list .flexbox .txt .line{
    border-bottom: 2px solid #C0B87E;
    padding-bottom: .8rem;
    margin-bottom: 1.5rem;
}
#sec06 #whitening .sec6_list .flexbox .txt .line{
    border-color: #7DD0F2;}
#sec06 #gam .sec6_list .flexbox .txt .line{
    border-color: #91D996;}

/*price*/
#sec06 .price{
    font-size: min(195%,2.8vw);
    letter-spacing: 0.1em;
    color: #A57E24;
}
#sec06 #whitening .price,
#sec06 #whitening .price_list{
    color: #354D70;
}
#sec06 #gam .price,
#sec06 #gam .price_list{
    color: #278584;
}
#sec06 .price span{
    font-size:70%;
    padding-left: .2em;
    box-sizing: border-box;
}
#sec06 .price_list{
    margin-top: 1em;
    color: #A57E24;
}
#sec06 .price_list li{
    display: inline-block;
    margin-right: 2.8em;
}
#sec06  .price_list li:last-child{
    margin-right: 0;
}
#sec06 .price_list li p{
    display: inline-block;
    vertical-align: middle;
}
#sec06 .price_list li p:nth-child(1){
    position: relative;
    font-weight: bold;
    padding-right: .8em;
    padding-left: 1.1em;
    box-sizing: border-box;
}
#sec06 .price_list li p:nth-child(1)::before{
    position: absolute;
    display: block;
    content: "";
    background: #C0B87E;
    background-size: 100% auto;
    width: .85em;
    height: .85em;
    top: .57em;
    left: 0;
    border-radius: 50%;
}
#sec06 .price_list li.no_icon{
    margin-right: 0;
}
#sec06 .price_list li.no_icon p:nth-child(1){
    font-weight: normal;
    padding-left: 0;
}
#sec06  .price_list li.no_icon p:nth-child(1)::before{
    display: none;
}
#sec06 #whitening .price_list li p:nth-child(1)::before{
    background: #7DD0F2;}
#sec06 #gam  .price_list li p:nth-child(1)::before{
    background: #91D996;}

#sec06 .sec6_list_inbox > p{
    margin-top: 35px;
}

/*merit_col2*/
#sec06 .sec6_list .merit_col2{
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}
#sec06 .sec6_list .merit_col2 > li{
    width: 49%;
    border:1px solid #C9933E;
    padding: 30px 3% 50px;
    box-sizing: border-box;
}
#sec06 .sec6_list .merit_col2 > li:nth-child(2){
    border-color:#9C947E;
}
#sec06 .sec6_list .merit_col2 .fs25{
    color: #C9933E;
    border-bottom: 1px solid #C9933E;
    text-align: center;
    padding-bottom: .7em;
    margin-bottom: 1em;
    line-height: 1em;
}
#sec06 .sec6_list .merit_col2 > li:nth-child(2) .fs25{
    color: #9C947E;
    border-color: #9C947E;
}
#sec06 .sec6_list .merit_col2 ul{
    max-width: 496px;
    margin: 0 auto;
}
#sec06 .sec6_list .merit_col2 ul li{
    position: relative;
    padding-left: 1.3em;
    box-sizing: border-box;
    font-weight: bold;
    font-size:95%;
    line-height: 1.5em;
    margin-bottom: .6em;
}
#sec06 .sec6_list .merit_col2 ul li:last-child{
    margin-bottom: 0;
}
#sec06 .sec6_list .merit_col2 ul li::before{
    position: absolute;
    display:block;
    content: "";
    background: #C9933E;
    background-size: 100% auto;
    width: .85em;
    height: .85em;
    top: .35em;
    left: 0;
    border-radius: 50px;
}
#sec06 .sec6_list .merit_col2 > li:nth-child(2) ul li::before{
    background: #9C947E;
}

/*rank*/
#sec06 .sec6_list .rank{
    margin-top: 8px;
    margin-bottom: 30px;
    background: #C0B87E;
    color: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 1em;
    display: flex;
    justify-content: space-between;
}
#sec06 .sec6_list .txt > ul:last-child{
    margin-bottom: 0!important;
}
#sec06 .sec6_list .rank li{
    width: 32.333%;
    display: flex;
    justify-content: space-between;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    padding: 7px 1.8rem;
}
#sec06 .sec6_list .rank li:last-child{
    border-right: none;
}
#sec06 .sec6_list .rank li div:nth-child(1){
    width: 5rem;
    font-size:105%;
}
#sec06 .sec6_list .rank li div:nth-child(2){
    width: calc(100% - 5rem);
    text-align: right;
    letter-spacing: 0.5em;
    font-size:95%;
}
#sec06 .sec6_list .rank li div:nth-child(2) span{
    color: #A59A47;
}

#sec06 .com_index3{
    color: #fff;
    border-color:#fff;
}

/*sec6_list2*/
#sec06 .sec6_list2 li{
    background: #fff;
    margin-bottom: 5px;
    padding: 40px 4%;
    box-sizing: border-box;
}
#sec06 .sec6_list2 li:last-child{
    margin-bottom: 0;
}
#sec06 .sec6_list2 dl{
    display: flex;
    justify-content: space-between;
    align-items: center;	
}
#sec06 .sec6_list2 dl dt{
    width: 30%;
}
#sec06 .sec6_list2 dl dd{
    width: 70%;
    text-align: right;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
/*rank*/
#sec06 .sec6_list .rank{
    letter-spacing: normal;
    font-feature-settings: "palt";
}
#sec06 .sec6_list .rank li{
    padding: 7px 1rem;
}
#sec06 .sec6_list .rank li div:nth-child(1){
    width: 3rem;
    font-size:100%;
}
#sec06 .sec6_list .rank li div:nth-child(2){
    width: calc(100% - 3rem);
    letter-spacing: 0.05em;
    font-size:90%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.com_ank_link li{
    margin-right: .5em;
}
.com_ank_link li a::before{
    width: 1.2em;
    height: 1.2em;
    bottom: -0.6em;
}
#sec06 .bg{
    padding-top: 8vw;
    padding-bottom: 10vw;
}
#sec06 .com_btn2{
    margin-bottom: 8vw;
}
#sec06 #ceramic,
#sec06 #whitening{
    margin-bottom: 10vw;
}
#sec06 .sec6_index1{
    padding: 5vw 4% 6vw;
    margin-bottom: 8px;
}
#sec06 .memo{
    margin-bottom: 2vw;
}
#sec06 #ceramic .memo{
    margin-bottom: -8vw;
}
#sec06 .sec6_index2{
    padding: 1em 0 .9em;
    margin-top: 8vw;
}

/*sec6_list*/
#sec06 .sec6_list > li{
    padding: 5vw 4%;
}
#sec06 .sec6_list .flexbox .txt{
    width: 70%;
}
    
/*line*/
#sec06 .sec6_list .flexbox .txt .line{
    padding-bottom: .6rem;
    margin-bottom: 1rem;
}

/*price*/
#sec06 .price{
    font-size: min(195%,2.8vw);
    letter-spacing: 0.1em;
    color: #A57E24;
}
#sec06 .price_list{
    margin-top: .8em;
}
#sec06 .price_list li{
    margin-right:1.5em;
}
#sec06 .price_list li p:nth-child(1){
    padding-right: .5em;
}
#sec06 .price_list li p:nth-child(1)::before{
    top: .5em;
}

#sec06 .sec6_list_inbox > p{
    margin-top: 1.5em;
}

/*merit_col2*/
#sec06 .sec6_list .merit_col2{
    margin-top: 1.5em;
}
#sec06 .sec6_list .merit_col2 > li{
    padding: 2.5vw 2.5% 3vw;
}
#sec06 .sec6_list .merit_col2 .fs25{
    padding-bottom: .7em;
    margin-bottom: 1em;
}
#sec06 .sec6_list .merit_col2 ul li{
    letter-spacing: normal;
    margin-bottom: .5em;
}

/*rank*/
#sec06 .sec6_list .rank{
    margin-bottom: 1rem;
    padding: 1vw 0;
}
#sec06 .sec6_list .rank li{
    padding: .3rem .5rem;
    letter-spacing: normal;
}
#sec06 .sec6_list .rank li:last-child{
    border-right: none;
}
#sec06 .sec6_list .rank li div:nth-child(1){
    width: 3rem;
    font-size:95%;
}
#sec06 .sec6_list .rank li div:nth-child(2){
    width: calc(100% - 3rem);
    letter-spacing: 0.1em;
    font-size:95%;
}

/*sec6_list2*/
#sec06 .sec6_list2 li{
    padding: 3vw 4%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_ank_link{
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.com_ank_link li{
    width: 32%;
    display:block;
    margin-right: auto;
    font-size:110%;
    line-height: 1.2em;
}
.com_ank_link li:last-child{
    margin-right: auto;
}
.com_ank_link li a{
    width: 100%;
    padding: 1.2em 0 1.4em;
}
    
#sec06 .bg{
    padding-top: 12vw;
    padding-bottom: 15vw;
}
#sec06 .com_btn2{
    margin-bottom: 10vw;
}
#sec06 #ceramic,
#sec06 #whitening{
    margin-bottom: 12vw;
}
#sec06 .sec6_index1{
    padding: 5.5vw 4% 7vw;
    margin-bottom: 1vw;
}
#sec06 .sec6_index1 .ft_co{
    font-size:110%;
    margin-top: .2em;
}
#sec06 .memo{
    margin-bottom: 8vw;
}
#sec06 #ceramic .memo{
    margin-bottom: -8vw;
}
#sec06 .sec6_index2{
    padding: .8em 0;
    margin-top: 10vw;
}

/*sec6_list*/
#sec06 .sec6_list > li{
    padding: 6% 3%;
    margin-bottom:1vw;
}
#sec06 .sec6_list .flexbox{
    display: block;
}
#sec06 .sec6_list .flexbox .img{
    width:60%;
    margin: 0 auto 4%;
}
#sec06 .sec6_list .flexbox .txt{
    width:100%;
}
#sec06 .sec6_list .flexbox .txt dl{
    text-align: center;
}
#sec06 .sec6_list .flexbox .txt dd{
    position:static;
	transform: translateY(0);
}

/*line*/
#sec06 .sec6_list .flexbox .txt .line{
    padding-bottom: .8rem;
    margin-bottom: 1.5rem;
}

/*price*/
#sec06 .price{
    font-size: 120%!important;
}
#sec06 .price_list{
    margin-top: .5em;
    text-align: center;
}
#sec06 .price_list li{
    margin-right: .5em;
}
#sec06 .price_list li p:nth-child(1){
    /*font-size:88%;
    letter-spacing: normal;*/
    padding-right: 0;
    padding-left: 1em;
}
#sec06 .price_list li p:nth-child(1)::before{
    width: .7em;
    height: .7em;
    top: .5em;
}
#sec06 .sec6_list_inbox > p{
    margin-top: 4vw;
}

/*merit_col2*/
#sec06 .sec6_list .merit_col2{
    margin-top: 4vw;
    display: block;
}
#sec06 .sec6_list .merit_col2 > li{
    width: 100%;
    padding: 4% 4% 5%;
    margin-bottom: 3%;
}
#sec06 .sec6_list .merit_col2 > li:last-child{
    margin-bottom: 0;
}
#sec06 .sec6_list .merit_col2 .fs25{
    padding-bottom: .5em;
    margin-bottom: .8em;
}
#sec06 .sec6_list .merit_col2 ul{
    max-width: 100%;
}
#sec06 .sec6_list .merit_col2 ul li{
    padding-left: 1.2em;
    margin-bottom: .4em;
}

/*rank*/
#sec06 .sec6_list .rank{
    margin-top: 2vw;
    margin-bottom:4vw;
    padding: 1.5vw 0;
    font-size:3vw;
    letter-spacing: normal;
}
#sec06 .sec6_list .rank li{
    width: 33.333%;
    padding: 1vw 2vw;
}
#sec06 .sec6_list .rank li div:nth-child(1){
    width: 3rem;
    font-size:100%;
}
#sec06 .sec6_list .rank li div:nth-child(2){
    width: calc(100% - 3rem);
    letter-spacing: normal;
    font-size:90%;
}
/*sec6_list2*/
#sec06 .sec6_list2 li{
    padding: 4.5vw 4% 4vw;
}
#sec06 .sec6_list2 dl dt{
    width: 40%;
}
#sec06 .sec6_list2 dl dd{
    width: 60%;
}
}








/* sec07
---------------------------------------------------------*/
#sec07 .bg{
    background: url("../images/top/img03@2x.png")no-repeat top center #B39254;
    background-size: 100% auto;
    padding-top: 115px;
    padding-bottom: 120px;
}
#sec07 .w1240{
    text-align: center;
    color: #fff;
}
#sec07 .fs50{
    position: relative;
    padding-bottom: .8em;
    margin-bottom: 1.1em;
}
#sec07 .fs50::before{
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    background-size: 100% auto;
    width: 5em;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#sec07 .txt1{
    text-align: left;
    max-width: 1080px;
    margin: 0 auto 80px;
}
#sec07 h4{
    background: #C2A876;
    color: #fff;
    text-align: center;
    font-size: min(125%,2vw);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.4em;
    padding: 1.2em;
    box-sizing: border-box;
    margin-bottom: 40px;
}
#sec07 .flexbox,
#sec07 .attention{
    margin: 0 auto;
    max-width: 1037px;
}
#sec07 .flexbox{
    margin-top: 40px;
    align-items: center;	
}
#sec07 .flexbox li:nth-child(odd){
    width: 22%;
}
#sec07 .flexbox li:nth-child(even){
    width: 1.8%;
}
#sec07 .attention{
    text-align: right;
    margin-top: 20px;
    line-height: 2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#sec07 .bg{
    padding-top: 10vw;
    padding-bottom: 10vw;
}
#sec07 .fs50{
    padding-bottom: .6em;
    margin-bottom: .9em;
}
#sec07 .txt1{
    margin: 0 auto 5vw;
}
#sec07 h4{
    margin-bottom: 2.5vw;
}
#sec07 .flexbox{
    margin-top: 3vw;	
}
#sec07 .attention{
    margin-top: 2vw;
    line-height: 1.8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#sec07 .bg{
    padding-top: 12vw;
    padding-bottom: 12vw;
}
#sec07 .fs50{
    margin-bottom: 1em;
}
#sec07 .txt1{
    margin: 0 auto 8vw;
}
#sec07 .txt2{
    text-align: left;
}
#sec07 h4{
    font-size:110%;
    letter-spacing: 0.1em;
    padding:.8em;
    margin-bottom: 3vw;
}
#sec07 .flexbox{
    margin-top: 4vw;
    align-items: center;	
    margin-bottom: -4%;
}
#sec07 .flexbox li{
    margin-bottom: 4%;
}
#sec07 .flexbox li:nth-child(even){
    width: 2%;
}
#sec07 .attention{
    text-align: left;
    font-size:80%;
    line-height: 1.8em;
    letter-spacing: normal;
    margin-top: 4vw;
}
}




/* sec08
---------------------------------------------------------*/
#sec08 .bg{
    background: #F4F3E4;
}
#sec08 .bgimg{
    height: 550px;
    background: url("../images/top/img33@2x.jpg")no-repeat center center;
    background-size: cover;
}
#sec08 .w1450{
    margin-top: -90px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#sec08 .bgimg{
    height: 35vw;
}
#sec08 .w1450{
    margin-top: -8vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#sec08 .bgimg{
    height:40vw;
}
#sec08 .w1450{
    margin-top: -5vw;
}
}