@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=WindSong:wght@500&display=swap');
.font1,.hannari,.catch,.num{
    font-family: 'Kiwi Maru', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",serif;
}
.font2{font-family: 'WindSong', cursive;}

/*----all page----------------------------------------
----------------------------------------------------*/
.font_14,body{
    font-size:18px;
}


#fakeloader{
    background-color:transparent;
    background-image:url(./Dup/img/yoko_bg.jpg);
    background-size:cover;
}
#fakeloader:before{background-color: rgba(255,255,255,0.1);}
main{
    background-image:url(./Dup/img/yoko_bg.jpg);
    background-size:cover;
    background-attachment:fixed;
}
header.scr_header {background-color: rgba(53,37,20,0.5)!important;}
header.scr_header #logo {max-width: 70px;}
#footer{
    background-image:url(./Dup/img/wood.jpg);
    background-size:cover;
    position:relative;
}
#footer::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    pointer-events:none;
}
#footer_con{position:relative;}
#footer_con h2,#footer_txt,#h1txt{color:white;}
#footer_nav{
    background-color: #72a570;
    margin-bottom:0;
    padding-top: 20px;
    padding-bottom: 20px;
}
#footer_nav_wrap li a{color:white;}
#footer_nav li a::after{background:#fff;}
.tel_bt{color: #72a570;}
.return::before, .return::after {background-color: white;}
#h1txt{position:relative;}
#copyright{background-color: #191008;}
.linkStyle{
    color: #72a570;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}
.bg_white{background-color:transparent;}
.txt_color_nomal{color:white;}

/*----top page----------------------------------------
----------------------------------------------------*/
#main_img .square_box{background-color:transparent;}
#main_img:before{background-color: rgba(70,70,70,0.3);}
#top_pc_nav{display:none;}
/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 3s/*処理にかかる時間*/;}
.load-fade.done{opacity : 1; transform : translate(-50%, 0);}
.catch{
    top: 80%;
    left: 50%;
    transform: translate(-50%,0);
}
.num{
    color:white;
    opacity:1;
}
.line:before{background-color: rgb(114,165,112)!important;}
#intro_wrap{
    background-color:transparent;
    padding-top:2%;
}
#intro .num{line-height:1;}
.bnr a:hover{transform:translateY(-3px);}
#contents3 .con_box{background-color:transparent;}
.intro_title,.intro_txt{color:white;}
.back1:before,.back2::before{
    background-color:transparent!important;
    background-image:url(./Dup/img/retro.png);
    opacity: 0.35;
}
.con1_back{padding-top:27vh;}
.con_title,.con_txt{color:white;}
#contents1_wrap{padding-bottom:12%;}
#contents2_wrap{padding-bottom:3%;}
#contents3 .con_box{margin:0 30%;}
#contents3_wrap:after {background-color: rgba(76,60,40,0.6)!important;}
#top_cms .font1{
    font-size:3rem;
    padding-top:20vh;
}
.top_cms_box{position:relative;}
.cms_title .pop400{color: #72a570;}
.cms_title h3{color:white;}
.cms_1-f figure{background-color:rgba(255,255,255,0.5);}
/*
.cms_title .line-l::before{
    background-color:transparent;
    width:53px;
    height:53px;
    background-image:url(./Dup/img/hikari1.png);
    left: -45px;
}
*/
#info_contact .con_img:before{background-color: rgba(84,51,23,0.2);}
/*フェードイン*/
.fadein,.fadein2 {
  opacity: 0;
  transition : all 1500ms;
}
.fadein.scrollin,.fadein2.scrollin{
  opacity: 1;
  transform: translate(-50%, 0);
}
/*下からフェードイン*/
 .fadein_u {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein_u.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 12em;
  -webkit-line-clamp: 10; 
  line-height: 1.2em;
}
/*hikari*/
.hikari{transform: translate(-50%, 0);}
.hikari1{
    top: 1%;
    left: 50%;
}
.hikari2{
    top: 3%;
    left: 50%;
}
.hikari3{
    top: 7%;
    left: 50%;
}

.hikari4{
    bottom:-1%;
    left: 50%;
}
.hikari5{
    bottom: -9%;
    left: 50%;
}
.hikari6{
    bottom: -20%;
    left: 50%;
}
.hikari8{
    bottom: 15%;
    left: 50%;
}
.hikari9{
    bottom:7%;
    left: 50%;
}
.hikari10{
    bottom: 0;
    left: 50%;
}
.hikari11{
    bottom: 20%;
    left: 50%;
}
.hikari12{
    bottom:11%;
    left: 50%;
}
.hikari13{
    bottom: 6%;
    left: 50%;
}
.hikari14{
    top: 1%;
    left: 50%;
}
.hikari15{
    top:2%;
    left: 50%;
}
.hikari16{
    top: 4%;
    left: 50%;
}

/*----under page----------------------------------------
----------------------------------------------------*/
#logo {max-width: 100px;}
#page_title:before{background-color: rgba(93,93,93,0.4);}
.cate_list li a{
    background-color: #72a570;
    color: white;
}
.cate_list li a:hover{
    transition:all 0.3s;
    opacity:0.7;
    transform:translateY(-3px);
}
.cate,.con_box{color:white;}
#cms_2-c .box_description2{background-color:rgba(255,255,255,0.3);}
#cms_6-c .cate_box,
.cms_6-c .cate_box{
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}
#cms_6-c .icon img{width:auto;}
/*cms_5-c*/
#cms_5-c .cate_box *, #cms_5-c .cate_box *::after,#cms_5-c .cate_box *::before,
.cms_5-c .cate_box *, .cms_5-c .cate_box *:after,.cms_5-c .cate_box *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#cms_5-c .box_title1,#cms_5-c .box_txt1,
.cms_5-c .box_title1,.cms_5-c .box_txt1 {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
#cms_5-c .box_title1,
.cms_5-c .box_title1{
	margin: 0 3em 1em 3em;
	background: #72a570;
	color:#fff;
}
#cms_5-c .box_txt1,
.cms_5-c .box_txt1{
	margin: 0 3em 3em 3em;
	background: #fff;
	color:#333;
}
/* 吹き出し▶︎ */
#cms_5-c .box_title1::before,#cms_5-c .box_txt1::before,
.cms_5-c .box_title1::before,.cms_5-c .box_txt1::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
	z-index:1;
}
/* 質問吹き出し▶︎ */
#cms_5-c .box_title1::before,
.cms_5-c .box_title1::before{
	left: -0.3em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #72a570 transparent transparent;
}
/* 答え吹き出し▶︎ */
#cms_5-c .box_txt1::before,
.cms_5-c .box_txt1::before{
    left:auto;
	right: -0.3em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #fff;
}
/* ?!アイコン */
#cms_5-c .box_title1::after,#cms_5-c .box_txt1::after,
.cms_5-c .box_title1::after,.cms_5-c .box_txt1::after{
	font-size: 1.2em;
	position: absolute;
	top: 0;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* ?アイコン */
#cms_5-c .box_title1::after,
.cms_5-c .box_title1::after{
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	content: url(./Dup/img/icon_q.png);
}
/* !アイコン */
#cms_5-c .box_txt1::after,
.cms_5-c .box_txt1::after{
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.2em 0.55em;
	content: url(./Dup/img/icon.png);
}


/* ---------- responsive ---------- */
@media screen and (max-width: 1280px){
header #logo img{opacity:0;}
.scr_header #logo img{opacity:1;}
.overlay {background: linear-gradient(135deg, rgb(37 21 4 / 90%) , rgb(86 66 35 / 90%) )!important;}
.nav_menu_more:first-of-type a .icon:before{display:none;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.con1_back {padding-top: 20vh;}
.hikari4,.hikari5,.hikari6{display:none;}
.hikari8 {bottom: 18%;}
#contents2{padding-bottom:20vh;}
#contents3 .con_box {margin: 0 20%;}
#info_contact{
    margin-bottom:0;
    padding-bottom:50px;
}
.page_title_box h2{letter-spacing:1px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch{
    left:0;
    right: 0;
    margin: auto;
}
.load-fade.done {transform: translate(0, 0);}
.load-fade.done{transform: translate(0, 0);}
.con1_back {padding-top: 37vh;}
#contents1{padding-bottom:25vh;}
#contents1 h3{letter-spacing:1px;}
#contents2 {padding-bottom: 32vh;}
#contents3 .con_box {margin: 0 5%;}
#top_cms .font1 {
    font-size: 2rem;
    padding-top: 25vh;
}
.hikari14 {top: 0%;}
.hikari15 {top: 1%;}
.hikari16 {top: 3%;}
.top_cms_box:first-of-type {padding-top: 30px;}
.page_title_box {width: 70%;}
#cms_5-c .box_txt1::after, .cms_5-c .box_txt1::after {right: -1.5em;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#cms_5-c .box_title1,.cms_5-c .box_title1 {padding-top:20px;}
#cms_5-c .box_txt1,.cms_5-c .box_txt1{padding-top:15px;}
.contact_box a{padding-top:35px;}
}

::-webkit-full-page-media, :future, :root main {
background-size:cover;
}