/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}

#intro_txt h2,
#contents h3,
#page_title h2 span,
#copyright{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
#page_title h2 span{    font-weight: normal;}


/*--------全体--------*/
#fakeloader.bg_color1 { background-color: #64ab9f;}
.left-to-right {
  opacity: 0.1;
  transform: translateX(-40px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}
.right-to-left {
  opacity: 0.1;
  transform: translateX(0px);
  transition: all 1s;
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translateX(-40px);
}
header {padding-bottom: 10px;}
header #logo{    padding-top: 10px;}

#contents .box .d_flex{flex-direction: column;}
#contents .box .grid_6 h3{
color: #ffffff;
font-size: 25px;
    margin-bottom: 20px;
}
header #header #header_menu li:last-child a span { border-radius: 5px;}



#intro:before {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100vw;
    height:100vh;
    background-size:cover;
    content:"";
}

#contents{
max-width: inherit;
    padding: 0 10%;
background-size: auto auto;
background-color: #fcfaf1;
}
#contents .box:nth-of-type(odd) .grid_6:last-of-type{
    background-color: #e3d888;
    padding: 20px;
}
#contents .box:nth-of-type(even) .grid_6:last-of-type{
    background-color: #a1c6c0;
    padding: 20px;
}

#contents .box:nth-of-type(2) .grid_6{margin-left:auto;}
#contents .box:nth-of-type(2) .grid_6 h3,
#contents .box:nth-of-type(2) .grid_6 p{
width: 100%!important;
margin-left: 0;
}
#top_cms{
    position: relative;
    z-index: 10;
    background-color: #fcfaf1;
}
#top_cms .cms_2-c .cate_box{flex-direction: row-reverse;}
#top_cms .cms_2-c .cate_box:first-of-type{padding:0;}
#top_cms .cms_2-c .box_item:last-of-type{
background-size: auto auto;
background-color: #fcfaf1;
}
.more a{    border-radius: 5px;}
.cms_title h2{position:relative;    display: inline-block;    padding: 0px 15px;}
.cms_title h2::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: inline-block;
	height: 100%;
	width: 2px;
	background: #40b9b4;
	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.cms_title h2::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	height: 100%;
	width: 2px;
	background: #40b9b4;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
}
.svg_box2{color: #a1c6c0;}

/*--------下層--------*/
#page_title h2 span{border-radius: 5px;}
/*#cms_2-c .cate_box:nth-of-type(even){flex-direction: row-reverse;}*/
.cate_list li a {
    background-color: #a1c6c0;
    border-radius: 5px;
}
.page03 .box_txt1{
    background-color: #fffcea;
    border-radius: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
}
.page04 .box_txt1{
    background-color: #fbf9f0;
    border-radius: 15px;
}
.page05 .cate_title{
    background-color: #f9f4e1;
    border-radius: 5px;
    padding: 10px;
}
#page8 .d_flex > div {width: calc(100% / 3 - 20px);}
#page8 .d_flex > div:last-of-type {padding-right:0px;}
@media screen and (max-width: 1030px){
#page8 .d_flex > div {
    width: 70%;
    margin: 0 auto 30px;
    padding-right: 0px;
}
}
@media screen and (max-width: 1000px){
    #intro:before {
    background-position: 38% 50%;
    }
}

/*--------moblie_tb--------*/
@media screen and (max-width: 768px){
#main_img .svg_box {
    width: 120%;
}

#contents { padding: 0%;}
#contents .box .grid_11_tb{width: 80%!important;}

#top_cms .cms_2-c .cate_box:nth-of-type(even),#top_cms .cms_2-c .cate_box{flex-direction: column-reverse;  }
 #top_cms .cms_2-c .box_item:last-of-type{  margin-top: 30px;}
header #logo{margin-bottom:0px;}
}

/*--------mobile_sp--------*/
@media screen and (max-width: 667px){
.font_sp{font-size: 3.5vw;}
header{background: rgba(255,255,255,0);}
header #logo{opacity:0;}
header.transform #logo{opacity:1;}
/*#main_img{margin-top: 17%;}*/
#main_img .svg_box {
    bottom: 5px;
}
#intro {
    margin-top: -5px;
}
#intro #intro_txt {  padding-top: 20px;}
header {    padding-bottom: 0px;}
.drawer-nav{ background-color: #72d6d2;}
.right-to-left {
  opacity: 0.1;
  transform: translateX(80px);
  transition: all 1s;
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translateX(0px);
}
.logo { width: 110px;}
#contents .box .grid_6 h3 { font-size: 5.5vw;}
#info_title_box .info_title {
    display: none;
}
/*
#contents {
    padding: 0 5%;
background-image: repeating-linear-gradient(135deg, transparent, transparent 44px, rgba(183, 234, 232, 0.18) 44px, rgba(183, 234, 232, 0.18) 52px );
}
*/
#contents .box .grid_11_tb { width: 100%!important;}

#top_cms { padding: 0 3%;}
#top_cms .cms_title{    text-align: center;}
#top_cms .cms_2-c .cate_box:nth-of-type(even), #top_cms .cms_2-c .cate_box { flex-direction: row;}
#top_cms .cms_2-c .box_item:last-of-type { border: 1px dashed #c7b84d;margin-top: 15px;}
.cate_list li { margin: 0 0 15px;}
#page8 .d_flex > div {
    width: 100%;
}
#copyright{    text-align: left;    padding-left: 20px;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
header #header #header_menu li:last-child a span{padding:9px 10px 5px;}
#contents .box .d_flex .grid_6 {  min-height: 0%;}
#top_cms .cms_1-c .date{padding:14px 10px 0px 10px;}
#top_cms .cms_1-c .box_title1{padding:12px 10px 6px 10px;}
.cate_list li a{padding:11px 10px 5px 10px;}
#page_title h2 span{padding:17px 25px 6px 25px;}
.more a{padding-top:8px;padding-bottom:5px}
#page8 .tel a{padding:32px 10px 28px;}
#page9 .box_wrap .box p a{padding:8px 10px 4px;}
}