@charset "UTF-8";
.second-text img{width:100%;}

.intro{margin-bottom:10vw;}
.intro .pic{position:relative;padding: 10% 0 13% 0;}
.intro .pic img:nth-child(1){width: 62%;position:relative;left: -5%;}
.intro .pic img:nth-child(2){width: 55%;position:absolute;right: -5%;top:0;z-index:-1}
.intro .pic img:nth-child(3){width: 36%;position:absolute;right:0;bottom: -4vw;}
.intro .title{font-size: 5.5vw;font-family: var(--mincho);font-weight: bold;text-align: center;margin-bottom: 4%;color: var(--gold);}

.philo {margin-bottom:15vw;}
.philo .title {position:relative;font-size: 5vw;font-family: var(--mincho);font-weight: 600;}
.philo .title:before{content:"";width:100%;height:1px;top:50%;background:#ccc;position:absolute;}
.philo .title span{display:table;margin:0 auto;background: #efeae1;position: relative;text-align: center;line-height: 1.4;padding: 0 7%;}
.philo ul{margin-bottom:8vw;}
.philo li{background:#fff;margin-bottom:5%;padding: 0 0 7% 0;}
.philo li img{margin-bottom:5%;}
.philo li .sub{font-weight:bold;text-align:center;font-size:140%;color: var(--gold);margin-bottom: 1%;}
.philo li .txt{width:90%;margin:0 auto;}
.philo .addbox img{margin-bottom:5%;}

.bnrbox{margin-bottom:10%;}
.bnrbox a{background:#fff;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;padding: 7%;margin-bottom: 5%;}
.bnrbox a img{width: 40%;}
.bnrbox a .textbox{width: 53%;}
.bnrbox a .tit{font-size: 5vw;font-family: var(--mincho);font-weight: 600;}
.bnrbox a .tit span{display:block;color: var(--gold);font-size: 3.5vw;line-height: 1;}
.bnrbox a .more{width: 30vw;padding: 0 5vw;color: #fff;font-size: 4.5vw;font-family: "Cormorant Garamond";font-optical-sizing: auto;font-weight: 400;letter-spacing: 0.2vw;background: #d0b070 url(../../images/arrow01.png) no-repeat center right 4vw;background-size: 2.5vw;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;display: table;}

.specialty ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.specialty li{width:49%;margin-bottom:4vw;}
.specialty li p{font-weight:bold;text-align:center;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.intro .title{font-size:30px;margin-bottom: 20px;}
.philo .title span{font-size:25px;}
.philo ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.philo li{width:49%;padding-bottom: 40px;margin-bottom: 30px;}
.bnrbox{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.bnrbox a{width:48%;padding: 30px;align-items: center;}
.bnrbox a .tit{font-size: 26px;}
.bnrbox a .tit span{font-size:14px;}
.bnrbox a .more{width: 140px;font-size: 20px;background: #d0b070 url(../../images/arrow01.png) no-repeat center right 17px;background-size: 8px;}
.specialty li img{margin-bottom:10px;}
.specialty li p{font-size:18px;}

}

@media screen and (min-width: 1000px) {
.intro{margin-bottom:100px;}
.intro .pic{padding: 0;margin-bottom: 70px;}
.intro .pic img:nth-child(1){width:55%;}
.intro .pic img:nth-child(2){width:45%;}
.intro .pic img:nth-child(3){width: 24%;bottom: 0px;right: 22%;}
.addbox{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.addbox .midashi04{width:100%;}
.philo{margin-bottom:100px;}
.philo ul{margin-bottom:50px;}
.philo .addbox img{width:45%;margin-bottom: 0;}
.philo .addbox .textbox{width: 50%;}
.philo  .more01{margin:0 0 0 0;}
.bnrbox{margin-bottom:50px;}
}

@media screen and (min-width: 1200px) {
.second-text .center{text-align:center;}
.specialty li{width:32%;margin-bottom:30px}
}