@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');
.cms_title p,.more a,.font_bar{font-family: 'Playfair Display', serif;}



/*------------------all page-------------------------------------------------------*/
html, body {font-size: 16px;}
body{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#body{ background-color: #ececec;}
.bg_color1,footer{
  background-image: url(./Dup/img/bg.jpg);
}
.linkstyle{color:#ce891d;}


/*-------------------top page-------------------------------------------------------*/
.con_no{font-size:2rem;}
#top_cms{color:white;}
#top_cms .more a{border:1px solid white;}
.item{
  top:-50px;
  right:0;
  z-index:1;
}
.item img{width:10vw;}
.item2{
  bottom:-50px;
  left:0;
  z-index:1;
}
.item2 img{width:8vw;}
#custom .custom_img{
  right: 0;
  bottom: 0;
}
.footer_left,.footer_left a,.footer_right_top a{color:white;}
.footer_right_top a:hover{color:#1a1a1a;}



/*---------------under page---------------------------------------------------------*/
footer{background-color: #241a08!important;}
.footer_right a{color:white;}
.footer_right a:hover{color:#ce891d;}

.cms_4-a .box_detail{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 4.2em;
    line-height: 1.5em;
}
.cate_list li a:hover{transform:translateY(-3px);}


/*faq page*/
#cms_5-c .box_title1::before,#cms_5-c .box_txt1::before{
  content:'';
  width:10px;
  height:10px;
  background-repeat:no-repeat;
  
}
#cms_5-c .box_title1::before{
  background-image:url(./Dup/img/faq3.png);
  top:40%;
  left:-9px;
}
#cms_5-c .box_txt1::before{
  background-image:url(./Dup/img/faq4.png);
  bottom:0.5em;
  top:auto;
  left:auto;
  right:-9px;
}
#cms_5-c dl{margin-bottom:150px;}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	  box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
	position: relative;
	padding: 0.5em;
	/*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
	border-radius: 0.3em;
}
.cp_qa dt {
	margin: 0 50px 30px;
	background: #ce891d;
}
.cp_qa dd {
	margin: 0 50px 30px;
	background: white;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
	position: absolute;
	display: inline-block;
	content: '';
}
/* 質問吹き出し▶︎ */

.cp_qa dt::before {left: -0.5em;}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {right: -0.5em;}

/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
	position: absolute;
	display: inline-block;
	width: 3vw;
	height: 7vh;
	background-repeat:no-repeat;
	background-size:contain;
}
/* ?アイコン */
.cp_qa dt::after {
top:-0.3em;
	left: -3.5em;
	content: '';
	background-image:url(./Dup/img/faq1.png) ;
}
/* !アイコン */
.cp_qa dd::after {
	right: -4.5em;
	bottom:-1em;
	content:'';
	background-image:url(./Dup/img/faq2.png) ;
}

/* ---------- responsive ---------- */
@media screen and (max-width: 1550px){
.cp_qa dt::after, .cp_qa dd::after{width:4vw;}
}

@media screen and (max-width: 1060px){
.cp_qa dt::after, .cp_qa dd::after{width:5vw;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.custom_title img{width:70vw;}
.item img {width: 20vw;}
.item2 img {width: 17vw;}
#intro .intro_left{padding-bottom:150px;}
.footer_bg{ background:url(./Dup/img/bg.jpg);}
.copyright{color:white;}
.cp_qa dt::after, .cp_qa dd::after{width:7vw;}
#cms_5-c dl {margin-bottom: 100px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.cp_qa dt::after, .cp_qa dd::after{width:15vw;}
.cp_qa dt::after{
    top: 0;
    left: -3.2em;
}
.cp_qa dt {margin: 0 10px 30px 50px;}
.cp_qa dd {margin: 0 50px 30px 10px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.pager li:not(.prev) a{line-height:55px;}
#cms_5-c .box_title1{padding-top:20px;}
#cms_5-c .box_txt1{padding-top:17px;}
}