@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap');
.font1{
    font-family: 'Roboto', sans-serif;
    line-height: 1.1;
}

.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}




/*--all page---------------------------
-------------------------------------*/
body{
    line-height: 2;    
}
#loading #loading_text .progressbar-text{
    color:#333!important;
}
header.scr_header {
    background-color: rgba(252,249,241,0.9)!important;
}
.scr_header .menu-trigger-bar{
    background-color: #DD7631;
}
.blur_t {
    /*background: #f4f2f2;*/
    background-color:#fff;
    background-image:url(./Dup/img/bg1.png),url(./Dup/img/bg2.png),url(./Dup/img/bg3.png),url(./Dup/img/bg4.png);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:top left,top 20% right,top 38% left,top 62% right;
    background-size:100% 27%,28% 800px,70% 25%,100% 27%;
}
.cms_title h3,
#page_title .en, #page10 .con_box,
.overlay .overlay-nav .en{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.overlay .overlay-nav .top li {
    margin-bottom: 0px;
}
.overlay .overlay-nav > ul li a{
    line-height: 1.6;
}
.overlay .overlay-nav .bottom li a{
    background-color: #198dc2!important;
    border-radius:10px;
}
.scr_header #pc_nav li a, #footer_nav li a {
    color: #333;
}
#footer_nav{
    background-color: #fcf9f1;
    padding-top:20px;
    padding-bottom:20px;
}
#footer_info{
    background-color: #198dc2!important;
    padding: 30px;
}
#footer_info .tel_bt a, #footer_info .contact_bt a {
    background-color: #DD7631;
    border-radius:10px;
}
#footer_info .tel_bt a:hover, #footer_info .contact_bt a:hover{
    opacity:0.7;
}
.fix_bnr{
    right:10px;
    z-index:2;
}


/*--top page---------------------------
-------------------------------------*/
/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-fade.done{opacity : 1; transform : translate(-50%, -50%);}

.aoken{
    z-index:2;
    opacity:0.5;
}
.catch{
    z-index:3;
}
.catch .jp{
    font-size:2rem;
}
.catch .en{
    font-size:1.5rem;
}
#contents .con_title {
    font-size: 28px;
}
#intro_wrap{
    padding-left:0!important;
}
#intro .intro_title{
    font-size:2rem;
    font-weight:bold;
}
#intro .con_title,
#contents .con_sub_title,
.top_cms_sub_title{
    font-size: 6rem;
    letter-spacing: 4px;
    font-weight: 900;
}
.intro_img1{
    border-radius:0 50px 50px 0;
}
.intro_img2,
.con_img,
.con_photo .filter,
.filter{
    border-radius:50px;
}
.more_item{
    width: 150px;
    line-height: 150px;
    padding: 0;
    border-radius: 50%;
    background-color: #f1bc65!important;
    border:0;
}

.icon-right:after,
.more .more_item:after{
    display:none;
}
#top_cms{
    position:relative;
}
#top_cms:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:62%;
    background-color:#fcf9f1;
    bottom:0;
    left:0;
}
.top_cms_box{
    border-radius:50px;
}
.cms_title{
    text-align:center;
}

/*下から順番にフェードイン*/
 .fade_up {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fade_up.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*--under page---------------------------
-------------------------------------*/
#page_title .en {
    top: -25px;
    font-size: 50px;
    color: #333;
    font-weight: bold;
}
#page_title .en:before{
    background-color:#333;
}
#page_title .jp{
    color: #333;
}

.blur_u{
    background-color:#fff;
    background-image:url(./Dup/img/bg1.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-size:100% 50%;    
}
.cate_list li a{
    border-radius:10px;
}

.v_type1 .triangle {
    display: block;
    border: #000 solid 2px;
    box-shadow: 5px 5px 0 0 #e2e2e2;
}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #000 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}

.qa_type1 .cate_box {
	border-radius: 10px;
	border: 1px solid #909090;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 1px;
	background-color: #5c5c5c;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #f57f40;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	background-color: #fff;
	border-radius: 5px;
}
#page8 .con_title{
    font-size:3rem;
    font-weight: 900;
}
.tel_box a,
#contact_mail a{
    border-radius:10px;
}


#page10 .con_box li a {
    color: #333;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo img{
    max-width: 200px;
}
.catch .jp {
    font-size: 1.5rem;
}
.catch .en {
    font-size: 1.2rem;
}
#intro .con_title, #contents .con_sub_title, .top_cms_sub_title {
    font-size: 3.5rem;
    letter-spacing: 1px;
}
.blur_t{
    background-size: 100% 14%,28% 500px,70% 14%,100% 14%;
}
#top_cms:before{
    height: 74%;
}
#footer_info {
    padding: 0 0 30px 20px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
}

/* ---------- スマートフォン ---------- */

@media screen and (max-width: 667px){
#logo img {
    max-width: 130px;
}
#video {
    height: 37vh;
}
.catch{
    width:100%;
}
.catch .jp {
    font-size: 1.2rem;
    line-height: 1.5;
}
.catch .en {
    font-size: 0.8rem;
}
.sns_links{
    justify-content: flex-start;
}
.blur_t {
    background-position: top left,top 19% right,top 38% left,top 62% right;
    background-size: 100% 5%,62% 400px,95% 10%,100% 5%;
}
#intro_wrap {
    padding-left: 5%!important;
}
#intro .intro_title {
    font-size: 1.5rem;
}
#intro .rectangle_img,
.intro_img2, .con_img, .con_photo .filter, .filter,
.top_cms_box{
    border-radius:30px;
}
#contents .con_title {
    font-size: 23px;
}
.con_box_item{
    margin-bottom:50px;
}
.more{
    margin-top:20px;
}
.more_item {
    width: 100px;
    line-height: 100px;
}
#top_cms:before {
    height: 97%;
}
.top_cms_sub_title,
.loupe{
    position:relative;
}
#footer_info {
    padding: 20px 20px 30px 20px;
}
#page_title .en {
    top: -13px;
    font-size: 30px;
}
.close-trigger{
    top:80%;
}
.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 73px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.2em 1.2em;
}
.width_80_sp{
    width:80px;
}
}