@charset "utf-8";
/* CSS Document */

/* 追加
------------------------------------------------------------*/
.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-2 {padding-left:2em;text-indent:-2em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.pnavi{text-align:center;font-size:16px;margin-top:20px;}
.anime {
 width: 100vw;
 height: 100vh;
background:#fff;
 position: relative;

}
 
.anime img {
 display: block;
 width: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}


.sns_box{display:flex;justify-content:center;margin:20px 0 40px;}
.sns_icon{width:43px;margin:0 20px;}
.sns_icon img{width:100%;}


.headimg{margin-bottom:70px;}
.headimg img{width:100%;}
h2.title {font-size:36px;font-family: "a-otf-ryumin-pr6n", serif;font-weight: 400;font-style: normal;text-align:center;margin:0 auto 40px;line-height:1;color:#BD9463;}
h3.title{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:36px;color:#BD9463;text-align:center;margin:0 auto;padding:80px 0;clear:both;line-height:1.4;}


/*TOP
------------------------------------------------------------*/
#top_page_box{
animation-name: fadein;
animation-duration: 4s;
   animation-timing-function: ease-out;
   animation-fill-mode: normal;
}
@keyframes fadein {
  0% {opacity: 0;}
90%{opacity: 0;}
  100% {opacity: 1;}
}

#para_box{height:370px;background: 0;}

#para_box:before{content: "";width: 100%;height: 100vh;background: url(/wp-content/uploads/2023/02/para.jpg) no-repeat center / cover;position: fixed;left: 0;top: 0;z-index: -1;display: block;}

h2.about{width:198px;margin:0 auto 60px;}
h2.crystal{width:248px;margin:0 auto 60px;}
h2.topics{width:206px;margin:0 auto 40px;}
h2.about img,h2.crystal img,h2.topics img{width:100%;}

.top_area{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 0 60px;}
.top_box_l{display:flex;width:48%;flex-direction:column;align-items:flex-end;position:relative;}
.top_box_r{display:flex;width:48%;position:relative;}
.top_box_txt{width:500px;font-size:20px;text-align:justify;}
.top_box_txt h3{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:34px;color:#BD9463;}
.top_box_img{width:100%;}
.top_box_img img{width:100%;}
.top_btn_box{display:flex;align-items:flex-start;width:500px;margin-top:20px;}
.top_btn{width:330px;}
.top_btn img{width:100%;}
.aboutimg1{position: absolute;top:-200px;left:20%;}
.aboutimg1 img{width:80%;}
.aboutimg2{position: absolute;bottom:-150px;left:35%;}
.aboutimg2 img{width:70%;}

.news{width:650px;margin:0 auto 55px;}
.view_btn{width:330px;margin:0 auto;}
.view_btn img{width:100%;}

.loop_slide{margin:60px auto 0px;width:100%;height:308px;}
.loop_slide li{list-style-type: none;}
.loop_slide img{height:308px;}

.top_btn_area{display:flex;justify-content:center;flex-wrap:wrap;margin:45px 0 60px;}
.crystal_btn{width:330px;margin:0 15px;}
.crystal_btn img{width:100%;}

.infobox{display:table;width:100%;font-size:20px;margin:0 auto 10px;padding:15px 10px;border-bottom:1px solid #707070;}
.info_date {width: 15%;display:table-cell;line-height:1;vertical-align:middle;}
.info_title {width: 85%;display:table-cell;vertical-align: middle;line-height:1;padding-left:20px;}
.info_txt{padding:10px;}


.link_btn{position:relative;margin:50px auto 0px;display:flex;width:250px;height:50px;text-align:center;background:#777;clear:both;}
.link_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;}
.link_btn a:hover{background:#fff;color:#333;border:1px solid #333;}





/*about
------------------------------------------------------------*/
h3.about1{background: url(/wp-content/uploads/2023/02/h3back1.png) top center / 32px auto no-repeat;font-family: "a-otf-ryumin-pr6n", serif;font-weight: bold;font-style: normal;font-size:36px;color:#BD9463;text-align:center;margin:0 auto 10px;line-height:1;padding-top:110px;}
h3.about2{background: url(/wp-content/uploads/2023/02/h3back2.png) top center / 66px auto no-repeat;font-family: "a-otf-ryumin-pr6n", serif;font-weight: bold;font-style: normal;font-size:36px;color:#BD9463;text-align:center;margin:0 auto 5px;line-height:1.4;padding-top:110px;}
h3.about3{background: url(/wp-content/uploads/2023/02/h3back3.png) top center / 92px auto no-repeat;font-family: "a-otf-ryumin-pr6n", serif;font-weight: bold;font-style: normal;font-size:36px;color:#BD9463;text-align:center;margin:0 auto 10px;line-height:1;padding-top:110px;}
h3.about_sub{font-size:14px;color:#BD9463;text-align:center;margin:0 auto;line-height:1;}
.abouts_area{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto 100px;}
.abouts_img{width:430px;}
.abouts_img img{width:100%;}
.abouts_txt{width:550px;font-size:16px;text-align:justify;}
.owner_area{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:30px auto 30px;}
.owner_img{width:336px;margin-right:20px;}
.owner_img img{width:100%;}
.owner_txt{width:644px;display:flex;flex-direction:column;}
.owner_txt h2{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:38px;line-height:1;margin:10px 0 30px;display:flex;align-items:center;}
.owner_sub{font-family: "yu-gothic-pr6n", sans-serif;font-weight: 400;font-style: normal;font-size:14px;margin-left:10px;}
.topics_btn{width:330px;margin:40px 0 0 314px;}
.topics_btn img{width:100%;}


/*crystal-single
------------------------------------------------------------*/
.crystal_img{width:100%;}
.crystal_img img{width:100%;}
.crystal_title_jp{font-size:14px;text-align:center;margin:25px auto 10px;line-height:1;}
.crystal_title{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:36px;color:#897c29;text-align:center;margin:0 auto;line-height:1;}
.crystal_area{font-size:14px;text-align:center;margin:20px auto 50px;line-height:1;}
.crystal_con{font-size:16px;text-align:justify;width:600px;margin:0 auto;}
.pager_box{display:flex;flex-wrap:wrap;justify-content:center;margin:30px auto 30px;}
.pager_btn{position:relative;display:flex;width:250px;height:50px;text-align:center;background:#777;clear:both;margin:0 10px;}
.pager_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;}
.pager_btn a:hover{background:#fff;color:#333;border:1px solid #333;}

/*crystal-arc
------------------------------------------------------------*/
.crystal_arc_box{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:20px auto 50px;}
.crystal_arc{margin:0 17.5px 60px;width:215px;overflow:hidden;}
.crystal_arc img{width:215px;height:215px;object-fit: cover;transition:0.5s all;}
.crystal_arc img:hover{transform:scale(1.05,1.05);transition:0.5s all;}
.crystal_arc_title{font-size:16px;margin-top:5px;line-height:1.2;}
.crystal_sub{font-size:20px;font-family: "a-otf-ryumin-pr6n", serif;font-weight: 400;font-style: normal;text-align:center;margin:-30px auto 40px;line-height:1;}

/*TOPICS
------------------------------------------------------------*/
h3.topics_title{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:36px;color:#897c29;text-align:center;margin:40px auto 0;clear:both;line-height:1.4;}
.topics_date{font-size:16px;text-align:center;}
.topics_txt{width:600px;margin:20px auto;}
.topics_txt img{width:100%;}


.shareList__item {
	height:28px;
	line-height:28px;
	margin-top:10px;
	text-align:center;
width:180px;
float:right;
}
.shareList__link {
	display:block;
	padding:0 10px;
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
}
.shareList__link::before{
	font-size:14px;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList__link::after{
	content:attr(title);
	font-size:12px;
	vertical-align: top;
	margin-left:5px;
}
.shareList__link:hover{opacity: 0.75;}
.shareList__link.icon-facebook{background:#3B5998;}



/* 1740px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1740px){
.aboutimg2{position: absolute;bottom:-250px;left:25%;}
}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
.banner_img img{width:100%;}


}





/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.order1{order:1;}
.order2{order:2;}

.anime img {
width:60%;

margin-top:-85px;
}


.sns_icon{width:40px;margin:0 15px;}

h2.title {font-size:30px;font-family: "a-otf-ryumin-pr6n", serif;font-weight: 400;font-style: normal;text-align:center;margin:0 auto 40px;line-height:1;}
h3.title{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:24px;text-align:center;margin:0 auto;padding:80px 0;clear:both;line-height:1.4;}

#para_box{height:185px;background: 0;}

h2.about{width:130px;margin:0 auto 60px;}
h2.crystal{width:166px;margin:0 auto 60px;}
h2.topics{width:130px;margin:0 auto 40px;}

.top_box_l{display:flex;width:100%;flex-direction:column;align-items:flex-end;position:relative;order:2;padding:0 1em;}
.top_box_r{display:flex;width:100%;position:relative;order:1;}
.top_box_txt{width:100%;font-size:16px;text-align:justify;}
.top_box_txt h3{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:24px;text-align:center;margin:20px auto 0;}
.top_box_img{width:100%;}
.top_btn_box{display:flex;align-items:center;width:100%;justify-content:center;}
.top_btn{width:80%;}
.aboutimg1,.aboutimg2{display:none;}

.loop_slide{margin:60px auto 0px;width:100%;height:160px;}
.loop_slide img{height:160px;}

.top_btn_area{display:flex;justify-content:center;margin:45px 0 60px;}
.crystal_btn{width:80%;margin:10px auto;}
.crystal_btn img{width:100%;}
.view_btn{width:80%;margin:0 auto;}
.pager_btn{position:relative;display:flex;width:250px;height:50px;text-align:center;background:#777;clear:both;margin:5px 0;}

.news{width:100%;margin:0 auto 55px;}
.infobox{display:block;width:100%;margin:0 auto;padding:15px 10px;border-bottom:1px solid #9A9A9A;font-size:16px;}
.info_date {width: 100%;display:block;line-height:2;vertical-align:middle;}
.info_title {width: 100%;display:block;vertical-align: middle;line-height:1;padding:10px 0 0;}

h3.about1{background: url(/wp-content/uploads/2023/02/h3back1.png) top center / 22px auto no-repeat;font-size:24px;padding-top:80px;}
h3.about2{background: url(/wp-content/uploads/2023/02/h3back2.png) top center / 46px auto no-repeat;font-size:24px;padding-top:80px;}
h3.about3{background: url(/wp-content/uploads/2023/02/h3back3.png) top center / 64px auto no-repeat;font-size:24px;padding-top:80px;}
.abouts_img{width:100%;margin-bottom:10px;}

.abouts_txt{width:100%;font-size:14px;text-align:justify;}
.owner_img{width:100%;margin:0 0 10px 0;}
.owner_txt{width:100%;display:flex;flex-direction:column;}
.owner_txt h2{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:28px;line-height:1;margin:10px 0 30px;display:flex;align-items:center;}
.topics_btn{width:80%;margin:20px auto 40px;}

.crystal_title{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:26px;color:#897c29;text-align:center;margin:0 auto;line-height:1;}
.crystal_con{font-size:14px;text-align:justify;width:100%;margin:0 auto;}

.crystal_arc{margin:0 2% 60px;width:46%;overflow:hidden;}
.crystal_arc img{width:100%;height:41.4vw;object-fit: cover;transition:0.5s all;}
.crystal_arc_title{font-size:14px;margin-top:5px;line-height:1.2;}

h3.topics_title{font-family: shippori-mincho, sans-serif;font-style: normal;font-weight: 600;font-size:26px;color:#897c29;text-align:center;margin:60px auto 20px;clear:both;line-height:1.4;}
.topics_date{font-size:16px;text-align:center;}
.topics_txt{width:100%;margin:20px auto;}

}