@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
.font1,
#contents2 .con_box .number,
.top_cms_title p,
.more a,
#page_top span,
#footer_txt .tel,
#page_title p,
.pager li a,
#cms_1-a .date{
    font-family: 'Nunito', sans-serif;
}
.font2,
h2,h3{
    font-family: 'Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*
#loader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#444;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
}
#wrap #header_nav ul{
    background-color:transparent;
}
#page08_link a{
    border: 2px solid #fff;
    border-right: 0;
}

/*--top page---------------------------
-------------------------------------*/

.catch {
    z-index: 2;
    width: 46vw;
    max-width: 1000px;
    top: 9%;
    left: 1%;
}
#intro {
    background: url(./Dup/img/item1.png) no-repeat top right 11% /20%;
}
#intro h2,
#contents1 h3,
#contents2 .con_title{
    border-bottom: 2px solid #f9ab37;
}
.con_bnr{
    margin: 0;
}


/*--under page---------------------------
-------------------------------------*/

#cms_2-h .box_img1, #cms_2-h .box_img2 {
    width: initial!important;
}


.v_type1 .triangle {
    display: block;
    border: #444 solid 2px;
    box-shadow: 5px 5px 0 0 rgba(70,70,70,0.3);
}
.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: 2px solid #444;
}
.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: #f5f5f5;
	border-radius: 5px;
}

@media screen and (max-width: 768px){
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
}
@media screen and (max-width: 667px){
.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;
}
}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 1024px){

.catch{
    width: 60vw;
    top: -6%;
}
.catch img{
    filter: drop-shadow(2px 2px 0 #fff);
}
#intro{
    background: url(./Dup/img/item1.png) no-repeat top 2% right 3% /20%;
}
#contents2 .con_box .number{
    font-size: 60px;
}
.mg_b-150px_tb{
    margin-bottom:130px;
}
.con_bnr{
    margin: 0 auto;
}
footer h3{
    letter-spacing: 0px;
}
    
}
@media screen and (max-width: 768px){


#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{
    padding-top:120px;
}
.catch {
    width: 90vw;
    top: -7%;
}

#page08_link a{
    border-right: 2px solid #fff;
}
#page08_link a span{
    position:relative;
}
#page08_link a span::before{
    content:'';
    position:absolute;
    display:block;
    width:30px;
    height:1px;
    background-color:#fff;
    top:50%;
    left:-50px;
    transform:translateY(-50%);
    z-index:1;
}



#cms_2-g .cate_title{
    font-size: 1.5em;
}

header{
    background-color: #fff;
}
header.sc_nav .nav_bt {
    top: 50%;
}


#loader {
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100);
}

}