@charset "UTF-8";
/*
writing-mode: vertical-rl; text-orientation: mixed; 
 * vt_custom css date : 06.03.2023 (dd.mm.yyy)
 * user:Văn Lực
*CSS-FONT
*CSS-LAYOUT
*CSS-HEADER
*CSS-SLIDER
*CSS-MENU
*CSS-FOOTER
*CSS-TITLE
*CSS-PAGE
*CSS-POST
*CSS-BTN
*CSS-FORM
*CSS-SINGLE
*CSS-ARCHIVE
*CSS-SHARE
*@939
*@768
*@680
Press [Ctrl + f] to search for the prefix [-] to move to the corrected location
for example: [-css-font] go to -> CSS-FONT
-------------- */

/*---------------------
CSS-FONT
--------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
body .site{
/* 	font-family:"ヒラギノ角ゴ Pro W6", "hiragino Kaku Gothic ProN","Hiragino Sans", "ヒラギノ角ゴシック","Yu Gothic","Yu Gothic M","メイリオ",sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size:16px;
	line-height:32px;
	color:#333;
	font-weight: 400;
}
body .module-title {
    font-size: 16px;
}

#pagewrap .font-cor{
	font-family: "cormorant-garamond", serif;
	font-weight: 400;
	font-style: normal;
}
#pagewrap .font-cor-title .module-title{
	font-family: "cormorant-garamond", serif;
	font-weight: 400;
	font-style: normal;
}
#pagewrap .font-yu{
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
}
#pagewrap .font-yu-title .module-title{
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
	font-weight: 400;
}

#pagewrap .font-noto{
	font-family: 'Noto Serif JP', serif;
}
#pagewrap .font-noto-title .module-title{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}

#pagewrap .font-sou{
	font-family: "Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
	font-style: normal;
}
#pagewrap .font-sou-title .module-title{
	font-family: "Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝", serif;
	font-weight: 700;
	font-style: normal;
}


/*---------------------
end of CSS-FONT
--------------------*/

/*---------------------
CSS-SHARE
--------------------*/
#pagewrap a,
#pagewrap a img
{
  transition:all 0.3s;
}
#pagewrap a{
  outline:none;
}

#pagewrap .a-none a,
#pagewrap .a-none img
{
  pointer-events:none;
}

#pagewrap a:hover img{
  opacity:0.6;
}

#pagewrap .tel-link a{
    pointer-events:none;
}
.module p{
  margin-bottom:0;
}
#pagewrap .m-frame-250{
    height:250px;
  overflow:hidden;
}

#pagewrap .tb_flex{
  display:inline-flex;
  margin:0px auto;
}

#pagewrap .m-button a{
  display:inline-flex;
  align-content:center;
  justify-content:center; 
  box-sizing:border-box;
}

#pagewrap .frame-block iframe, #pagewrap .frame-block object {
    max-width: 100%;
    display: block;
	border-radius:20px;
}


#pagewrap .col-hover{
  overflow:hidden;
  transition:all 0.3s;
}
#pagewrap .col-hover:hover{
  opacity:0.6;
}



#pagewrap .m-tel a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center left 0px;
    padding-left: 49px;
}




#pagewrap .ov-hide{
  overflow:hidden;
}

#pagewrap .m-flex{
  display:flex;
}
#pagewrap .j-center{
  justify-content:flex-center;
}
#pagewrap .j-start{
  justify-content:flex-start;
}
#pagewrap .j-end{
  justify-content:flex-end;
}

#pagewrap .a-center{
  align-items:center;
}
#pagewrap .a-start{
  align-items:flex-start;
}
#pagewrap .a-end{
  align-items:flex-end;
}

#pagewrap .m-anchor ul {
    display: flex;
    align-items: center;
    justify-content: center;
	margin:0;
	padding:0;
	flex-wrap: wrap;
}
#pagewrap .m-anchor ul li{
	display: flex;
    align-items: center;
    justify-content: center;
}

#pagewrap .m-anchor ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #000;
    line-height: 1;
    padding: 0px 10px;
    color: #000;
}

#pagewrap .m-anchor ul li:last-child a{
	border-right: 0px solid #000;
}
#pagewrap .m-anchor ul li a:hover{

}

#pagewrap .flex-align-center{
	display:flex;
	align-items:center;
}
#pagewrap .image-radius-20 .image-wrap img{
	border-radius:20px;
}
#pagewrap .image-radius-20-top .image-wrap img{
	border-radius:20px 20px 0px 0px;
}






/* SHARE @768*/
@media screen and (max-width: 768px){
#pagewrap .tel-link a{
    pointer-events:auto;
}
#pagewrap .image-center-768 .image-wrap {
  width:100%;
  text-align:center;
} 
}/*@768*/


/* SHARE @680*/
@media screen and (max-width: 680px){
#pagewrap .m-anchor a{
  display:inline-block;
}

#pagewrap .image-center-680 .image-wrap {
  width:100%;
  text-align:center;
} 

}/*@680*/


/*---------------------
end of CSS-SHARE
--------------------*/



/*---------------------
CSS-LAYOUT
--------------------*/
#pagewrap {
    width: auto;
/*     max-width: 1600px; */
    margin: 0px auto;
}
#pagewrap .pagewidth {
  width: 100%;
  max-width: 100%;
}

#pagewrap .module_row{
/*   max-width:1600px; */
  margin:0px auto;
}
#pagewrap .row_inner{
    width:100%;
    max-width:1100px;
}
#pagewrap .fullwidth .row_inner{
    width:100%;
    max-width:1600px;
}
#pagewrap .full-inner .row_inner{
    width:100%;
    max-width:100%;
}

@media screen and (max-width: 939px){
    #pagewrap .pagewidth {width: 100%;max-width: 100%;}
    #pagewrap .row_inner{width: 100%;max-width: 100%; padding:0px 2%;}
    #pagewrap .full-inner  .row_inner{width: 100%;max-width: 100%; padding:0px 0%;}
}


/*---------------------
end of CSS-LAYOUT
--------------------*/



/*---------------------
CSS-HEADER
--------------------*/

#headerwrap {
}

#header.header {
  padding:0;
}
#site-logo {
}
#site-description {
}
.header-brand-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 115px;
    padding: 30px;
    box-sizing: border-box;
}
.rb {
    display: flex;
    justify-content: flex-end;
}
.rb1 {
    display: flex;
    justify-content: flex-end;
	margin-right: 40px;
}
.rb2 {
    display: flex;
    justify-content: flex-end;
}

#pagewrap .rb-two a{
	background-color: #86e2d2;
    display: flex;
    width: 135px;
    height: 55px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;	
	text-decoration: none;
}
#pagewrap .rb-two a:hover{
	opacity:0.6;
}
#pagewrap .rb-two a p {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: white;
    padding: 0px 6px;
}
#pagewrap .rb-two a p span {
	font-size: 16px;
    color: white;
    line-height: 1.4;
}


#pagewrap .rb-one a{
	background-color: #55c5e5;
    display: flex;
    width: 135px;
    height: 55px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;	
	text-decoration: none;
}
#pagewrap .rb-one a p {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: white;
    padding: 0px 6px;
}
#pagewrap .rb-one a p span {
	font-size: 16px;
    color: white;
    line-height: 1.4;
}

#pagewrap .rb-one a:hover{
	opacity:0.6;
}


#pagewrap .contact a{
  
}


#pagewrap .tel-header a{
  
}
#pagewrap .tel-header a:hover{
  
}




/*---------------------
end of CSS-HEADER
--------------------*/


/*---------------------
CSS-SLIDER
--------------------*/
#pagewrap .slider-home .tb_backstretch{
	border-radius:50px 0px 0px 50px;
}
#pagewrap .row-main .col-main{
    position: absolute;
/*    bottom: -175px; */
	bottom: -130px;
    width: 550px;
    z-index: 9;	
}



/*---------------------
end of CSS-SLIDER
--------------------*/

/*---------------------
CSS-MENU
--------------------*/

#main-menu-container{
}
#main-menu {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
}
#main-menu > li {
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
}
#main-menu > li >a {
	font-size: 14px;
    line-height: 24px;
    color: #333;
    padding: 5px 13px;
    font-family: "Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
	    box-sizing: border-box;
}
#main-menu > li:last-child{
}
#main-menu > li > a:before{
}
#main-menu > li > a:hover:before{
}
#main-menu > li > a:hover{
	text-decoration:none;
	color:#55c5e5;
}
/*menu-edit*/
#main-menu > li.nav00{
   display:none;
}
#main-menu > li.nav01 > a{
 
}
#main-menu > li.nav02 > a{
 
}
#main-menu > li.nav03 > a{
 
}
#main-menu > li.nav04 > a{
 
}
#main-menu > li.nav05 > a{
 
}
#main-menu > li.nav06 > a{
 
}
#main-menu > li:last-child a{
    padding-right:0;
}
/*menu hover*/
#main-menu > li.nav01 > a:hover{
 
}
#main-menu > li.nav02 > a:hover{
 
}
#main-menu > li.nav03 > a:hover{
 
}
#main-menu > li.nav04 > a:hover{
 
}
#main-menu > li.nav05 > a:hover{
 
}
#main-menu > li.nav06 > a:hover{
 
}
/*menu sub*/
#main-menu .menu-item-has-children{
}
#main-menu  li .sub-menu{
    z-index:99;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 240%;
    transform: translateX(-30%);
}




#main-menu  li .sub-menu li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#main-menu  li .sub-menu li a{
	display: block;
    color: #333;
    font-size: 14px;
    background-color: transparent;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

#main-menu  li .sub-menu li:last-child a{
    border-bottom: 0px solid #ccc;
}

#main-menu  li .sub-menu li a:hover{
 text-decoration:none;
	opacity:0.6;
	color:#55c5e5;
}


/*sub hover*/
#main-menu > li:hover .sub-menu{
    display: block;
    margin: 0;
    position: absolute;
    top: 100%;
    width: 240%;
    transform: translateX(-30%);
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 2px 2px 7px #ccc;
}

#main-menu > li.nav01:hover .sub-menu {
    width: 153%;
    transform: translateX(-22%);
}

#main-menu > li.nav02:hover .sub-menu {
    width: 203%;
    transform: translateX(-22%);
}

#main-menu > li.nav03:hover .sub-menu {
    width: 123%;
    transform: translateX(-8%);
}

#main-menu > li.nav04:hover .sub-menu {
    width: 140%;
    transform: translateX(-22%);
}

#main-menu > li.nav05:hover .sub-menu {
    width: 203%;
    transform: translateX(-22%);
}

#pagewrap #menu-item-1410 a {
    line-height: 22px;
    padding: 10px 0;
}

/* =============================================
  mobile menu settings
=============================================　*/
/* Mobile Menu Button */
#menu-button{
  visibility:hidden;
  opacity:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 900;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background-color: #fafafa;
}
#menu-button.nav-on {
  visibility:visible;
  opacity:1;
}
#menu-button .ham-lines {
  position: relative;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
#menu-button .ham-lines span,
#menu-button .ham-lines::before,
#menu-button .ham-lines::after {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 28px;
  height: 2px;
  background-color: #111;
  border-radius: 1px;
}
#menu-button .ham-lines span {
  bottom: 15px;
  transition: all .25s .25s;
  opacity: 1;
}
#menu-button .ham-lines::before,
#menu-button .ham-lines::after {
  content: "";
}
#menu-button .ham-lines::before{
  bottom: 24px;
  animation: menu-bar01 .75s forwards;
}
#menu-button .ham-lines::after {
  bottom: 6px;
  animation: menu-bar03 .75s forwards;
}
#menu-button .ham-text {
  font-size: 12px;
  line-height: 1;
	display: none;
}
#menu-button.is-active .ham-lines span {
  opacity: 0;
}
#menu-button.is-active .ham-lines::before {
  animation: active-menu-bar01 .5s forwards;
}
#menu-button.is-active .ham-lines::after {
  animation: active-menu-bar03 .5s forwards;
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(9px) rotate(45deg);
  }
  50% {
    transform: translateY(9px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar03 {
  0% {
    transform: translateY(-9px) rotate(-45deg);
  }
  50% {
    transform: translateY(-9px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(9px) rotate(0);
  }
  100% {
    transform: translateY(9px) rotate(45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-9px) rotate(0);
  }
  100% {
    transform: translateY(-9px) rotate(-45deg);
  }
}
/* Mobile Header Menu Container */

#main-menu-container.nav-off {
  position: fixed;
  z-index: 700;
  top: 0;
  left: -100vw;
  right: auto;
  bottom: auto;
  overflow-y: auto;
  background-color: #f1f1f1;
  display:block;
  width: 100vw;
  height: 100vh;
  transition: .3s linear;
}
#main-menu-container.is-active{
  left: 0;  
}
@media screen and (max-width: 1024px) { /* mobile visibility changes for max-width */
  #menu-button{
    visibility:visible;
    opacity:1;
  }
	#pagewrap{
		overflow: hidden;
	}
}

/* === mobile menu end === */

















/*---------------------
CSS-TITLE
--------------------*/
/*title-main*/
#pagewrap .title-main{
}
#pagewrap .title-main .module-title{
 
}
/*title-01*/
#pagewrap .title-01{
   background-size:30px;
}
#pagewrap .title-01 .module-title{
}


/*title-02*/
#pagewrap .title-02{

}
#pagewrap .title-02 .module-title{
	display: inline-flex;
    padding: 0px 20px;
}


/*---------------------
end of CSS-TITLE
--------------------*/


/*---------------------
CSS-PAGE
--------------------*/
#pagewrap .home-bg-s1{
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center right;
}
#pagewrap .m-icon-1 .module-icon-item{
	align-items: flex-start;
}
#pagewrap .m-icon-1 .module-icon-item b{
	color:#24b8dd;
}
/*---------------------
end of CSS-PAGE
--------------------*/


 

/*---------------------
CSS-LIST
--------------------*/
#pagewrap .m-list-01 ol li{
	line-height:32px;
	margin-bottom:15px;
}
#pagewrap .m-list-01 ol li::marker{
	color:#55c5e5;
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
	font-weight:bold;
}






/*---------------------
end of CSS-LIST
--------------------*/












/*---------------------
CSS-POST
--------------------*/
/*post-01*/
#pagewrap .post-01.module.module-post{
}
#pagewrap .post-01.module.module-post .module-title{
}
#pagewrap .post-01.module.module-post .module-title span{
}
#pagewrap .post-01.module.module-post .builder-posts-wrap {
}
#body .post-01.module.module-post .builder-posts-wrap .post{
    border-bottom: 1px solid #c9cfd1;
    padding-bottom: 25px;
    margin-bottom: 28px;	
}
#body .post-01.module.module-post .builder-posts-wrap .post .post-image{
}
#body .post-01.module.module-post .builder-posts-wrap .post .post-image a{
}
#body .post-01.module.module-post .builder-posts-wrap .post .post-image a img{
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .post-date{
	    margin: 0;
    margin-right: 40px;
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .ex-title {
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .more-link {
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .ex-title p {
}


#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .post-title{
}

#pagewrap .post-01.module.module-post .builder-posts-wrap .post.tag-new1 .post-content .post-title a:before {
	content: 'NEW!';
    color: #ce1c5f;
    display: inline-flex;
    padding-right: 10px;
    font-size: 16px;
}

#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .post-title a{
	    color: #333;
    margin: 0;
    line-height: 1.7em;
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content{
        display: flex;
    align-items: center;
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .entry-content{
}
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content .entry-content p{
}
@media screen and (max-width: 680px){
  #body .post-01.module.module-post .builder-posts-wrap .post{}
  #body .post-01.module.module-post .builder-posts-wrap .post .post-image{text-align:center;}
}


#pagewrap .pagenav {
  text-align: center;
}
#pagewrap .pagenav .number,
#pagewrap .pagenav a{
    display: inline-flex;
    border: 1px solid #55c5e5;
    width: 32px;
    height: 32px;
    border-radius: 0;
    background-color: #55c5e5;
    color: #fff;
    justify-content: center;
    align-items: center;
    padding: 0;
} 

#pagewrap .pagenav .current{
	background-color: #f4fcfc;
    color: #55c5e5;
    border: 0;
}





/*---------------------
end of CSS-POST
--------------------*/





/*=== CSS-FORM ===*/
/*form*/
#pagewrap #body .module .wpcf7 table tbody tr th span {
    color: #ff0000;
    font-size: 15px;
}
#pagewrap #body .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
#pagewrap #body .module .wpcf7 table tbody tr th, #pagewrap #body .module .wpcf7 table tbody tr td {

}
#pagewrap #body .module .wpcf7 table tbody tr th {
    font-size: 15px;
    color: #333;
    font-weight: normal;
	vertical-align: top;
}


#pagewrap #body .module .wpcf7 table tbody tr td p {
    align-items: center;
}


#pagewrap #body .module .wpcf7 table tbody tr td span:last-child input, #pagewrap #body .module .wpcf7 table tbody tr td span:last-child textarea {
    
}
#pagewrap #body .module .wpcf7 table tbody tr td span input,#pagewrap  #body .module .wpcf7 table tbody tr td span textarea {
	margin-bottom: 0;
    border-radius: 0;
    box-shadow: 0px 0px;
/*     width: 100%; */
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.7em;
    background-color: #fff;
    min-height: 38px;
    border: 0;
}

#pagewrap #body .module .wpcf7 table tr td select {
    background-color: #fff;
    border: solid 1px #fff;
    padding: 6px 10px;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    max-width: 200px;
}

#pagewrap #body .module .wpcf7  .wpcf7-list-item {
    display: inline-flex;
    align-items: center;
}
#pagewrap #body .module .wpcf7  .wpcf7-list-item  label {
    display: flex;
    align-items: center;
    justify-content: center;
}

#pagewrap #body .module .wpcf7 table tbody tr td span:last-child input[type="radio"] {
    width: 18px;
}





#pagewrap .table-contactform7 input,#pagewrap  .table-contactform7 textarea {
}
#pagewrap #body .module .wpcf7 table tbody tr td.reader {
    border: 0;
    display: flex;   
}
#pagewrap #body .module .wpcf7 table tbody tr td.reader .wpcf7-form-control-wrap {
}
#pagewrap #body .module .wpcf7 input[type=submit] {
	width: 100%;
    margin: 15px auto;
    background: #55c5e5;
    font-size: 24px;
    color: white;
    border-radius: 0;
    transition: all 0.3s ease;
    max-width: 250px;
    height: 50px;
    margin-top: 45px;
}

#pagewrap #body .module .wpcf7 input[type=submit]:hover {
	opacity:0.7;
}

#pagewrap .wpcf7-form > p{
    text-align: center;
    display: block;
    position: relative;
    max-width: 488px;
    margin: 0px auto;
    margin-top: 20px;
}
#pagewrap .wpcf7-form > p:after{
}
#pagewrap  #body .module .wpcf7 table {
    border-collapse: collapse;
    width: 100%;
}
#pagewrap .reader {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}


/* by fujimoto */
#pagewrap .rb-two a, #pagewrap .rb-one a {
	width: 200px;
	height: 70px;
	font-family: "Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
}

#pagewrap .rb-one a p span, #pagewrap .rb-two a p span {
	font-size: 18px;
}

.rb {
    align-items: center;
}

#main-menu li .sub-menu {
    font-family: "Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
}

.tb_vtx2480 p {
	line-height: 2;
}

#pagewrap .tb_9vf7450 .subrow_inner {
	display: flex;
	justify-content: space-around;
}

#pagewrap .tb_9vf7450 .subrow_inner .last {
	max-width: 677px;
	width: 100%;
}

#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content {
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
}

#pagewrap .themify_builder_content-522 .tb_w1e525.module_subrow {
    box-shadow: 0px 3px 30px rgba(185, 209, 215, 0.30);
}

#main-menu > li:hover .sub-menu {
    box-shadow: 0px 3px 30px rgba(185, 209, 215, 0.30);
}

.post-title {
	font-weight: 400;
}

#pagewrap .sub-title {
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
	line-height: 2;
	letter-spacing: 0.1rem;
}

#pagewrap .le-sp {
	letter-spacing:0.1rem
}

.eq_in .module-image {
	    border: 1px solid #c0c1c2;
}

/*murata*/

#pagewrap .fontfix span{
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体","MS PMincho","ＭＳ Ｐ明朝",serif;
}
.staffbg .new-post:before{
	content:"NEW";
	color:red;
	margin-right:5px;
	font-weight: 600;
}

/*ft*/
body #footer .sp-footer-icons-container .tel_open, body #footer .sp-footer-icons-container .map_open,  body #footer .sp-footer-icons-container .res_open {
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 50px;
	display: none
}
body #footer .sp-footer-icons-container .open {
	display: block;
}
#pagewrap #footer .sp-footer-icons-container .open a {
	border-left: 0;
	background-color: #55c5e5;
	padding: 0;
}

#footer .sp-footer-icons-container .open svg {
	width: 16px;
	height: 18px;
	fill: #fff;
	margin: 0px 5px 0 0;
}
.open p{
	margin:0;
}
#pagewrap #footer .sp-footer-icons-container .open a.ootu_open {
    background-color: #86e2d2;
}
.tel_flex {
	display: flex;
	align-items: center;
}

.tel_flex p {
	font-size: 14px;
	margin: 0;
}

.res_open .tel_flex p {
	font-size: 14px;
}
.tel_in{
	padding:15px 0px 15px 20px;
}
.tel_logo {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 0px;
	letter-spacing: 1px;
	text-align: left;
}
body #footer .sp-footer-icons-container a, body #footer .sp-footer-icons-container .sp_icon {
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 11px;
	padding: 5px 0 6px;
	display: block;
	width: 100%;
	line-height: 1;
	text-align: center;
}
@media screen and (max-width: 940px) {
	#pagewrap .tb_col_count_3 {
		--area: "col1 col2" "col3 .";
	}
}

@media screen and (max-width: 1440px) {
	#pagewrap .rb {
		flex-direction: column-reverse;
		align-items: flex-end;
	}

	#pagewrap .rb1 {
		margin-right: 0;
	}
	.header-brand-container{
		height: auto;
	}
}

@media screen and (max-width: 1280px) and (min-width: 680px){
	#pagewrap .tb_col_count_4 {
    --area: "col1 col2" "col3 col4";
	row-gap: 30px;
}	
}

	.device_box2 {
		display: none;
	}

@media screen and (max-width: 1280px) and (min-width: 821px){
	.device_box .subrow_inner {
		display: flex;
		flex-wrap: wrap;
	}

	.device_box .subrow_inner .module_column {
		display: flex;
		width: 100%;
		flex-basis: calc(31.33% - 10px);
	}
	
	.device_box_no {
		display: none;
	}
	
	.device_box2 {
		display: block;
	}
}

@media screen and (max-width: 1260px) {
	#pagewrap .tb_szsp312.module_row {
		padding: 307px 5% 0;
	}
	
	#pagewrap .tb_szsp312.module_row .row_inner {
		padding: 0;
	}
	
}

@media screen and (max-width: 1260px) and (min-width: 939px){
	.layout_tab {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#pagewrap .row_inner {
		width: 92%;
	}
	
	#pagewrap .no-wrap .row_inner {
		width: 100%;
	}
}

@media screen and (max-width: 1260px) {
	.category-9.archive #pagewrap #layout {
		width: 80%;
	}
	
	.default_width #pagewrap #layout .row_inner {
		max-width: 1100px;
	}
}

/*---------------------
//  sub-page
--------------------*/
#pagewrap .m-main {
    max-width: 400px;
    width: 100%;
    padding: 30px 0 30px 30px;
    border-radius: 0px;
    box-shadow: 0px 3px 30px rgba(185, 209, 215, 0.30);
}

/*---------------------
//  Beginner-page
--------------------*/

#pagewrap .target_animal .module-box-content {
	width: 100%;
    height: 100%;
	padding: 37.6% 0;
	border-radius: 20px 20px 0 0;
}

/*---------------------
//  Staff-page
--------------------*/

#pagewrap .link_box .subrow_inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

#pagewrap .link_img img {
	max-width: 343px;
	width: 100%;
	box-shadow: 0px 3px 30px rgba(185, 209, 215, 0.30);
	border-radius:20px;
}

#pagewrap .link_bg a {
	width: 100%;
	height: 100%;
	padding: 37.6% 0;
	border-radius: 20px 20px 0 0;
	display: block;
	box-shadow: none;
}

#pagewrap .link_bg .tf-lb-content {
	position: absolute;
	bottom: -102px;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 35px 0;
	box-shadow: 0px 3px 30px rgba(185, 209, 215, 0.30);
	border-radius: 0 0 20px 20px;
}

#pagewrap .link_bg .tb_link_block_heading {
	font-weight: 400;
	margin: 0 45px 0 0;
	font-size: 25px;
}

#pagewrap .link_bg .tf-lb-content img {
	margin: 0;
	width: 25px;
}

.link_bg_box .col3-1:hover {
	opacity: 0.7;
	transition: .5s ease;
}

.link_bg_box .col3-1 {
	box-shadow: 0px 3px 30px rgba(185, 209, 215, 0.30);
}

#pagewrap .link_bg_box .module_subrow {
	padding: 0;
}

/*---------------------
//  Introduction-page
--------------------*/

#pagewrap #body .module .wpcf7 input[type=submit] {
    font-size: 18px;
}

/*---------------------
//  Case surgery
--------------------*/
#pagewrap #sidebar #themify-list-categories-2 {
	background-color: #f4fcfc;
    padding: 30px 20px;
    width: 100%;
    max-width: 340px;
    float: none;
}

.category-9 #pagewrap #sidebar {
    background-color: transparent;
    padding: 0;
}

.category-9.archive #pagewrap .post .post-content {
    align-items: flex-start;
    flex-direction: column;
}

/*---------------------
//  Equipment
--------------------*/
#pagewrap .eq_in .font-yu.module-text {
	margin-top: 10px;
}

/*---------------------
//  facility
--------------------*/
.facility_gallery .themify_image_title {
	padding-left: 20px;
    margin-top: 20px;
    border-left: 3px solid #55c5e5;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
}

#pagewrap .gallery-caption .themify_image_caption {
	margin-top: 10px;
	display: block;
	text-align: left;
	font-size: 16px;
	line-height: 32px;
}

.facility_gallery img {
	width: 100%;
}

.facility_gallery .module-gallery-grid {
    row-gap: 30px;
}

/*---------------------
//  hamburger-menu
--------------------*/
body #main-menu-container .rb3 {
	display: none;
}

body #main-menu-container.is-active .rb3 {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

body #main-menu-container.is-active {
	display: block;
	background-color: #f4fcfc;
}

body #pagewrap #main-menu-container.is-active #main-menu {
    padding: 40px 8%;
}

body #pagewrap #main-menu-container.is-active #main-menu li {
    align-items: flex-start;
}

body #pagewrap #main-menu-container.is-active #main-menu li a {
    color: #55c5e5;
    background-position: 0% 43.5%;
    background-repeat: no-repeat;
    background-image: url(https://www.elmani.jp/manasys/wp-content/uploads/bg.png);
    padding-left: 20px;
    width: auto;
    justify-content: flex-start;
	font-size: 16px;
}

body #pagewrap #main-menu-container.is-active #main-menu li .sub-menu li a {
	color: #333;
	font-size: 13px;
	justify-content: flex-start;
	padding-left: 20px;
}

body #pagewrap #main-menu-container.is-active #main-menu .sub-menu li::before {
	content: "-";
	width:10px;
	color: #333;
	position: absolute;
	left: 9px;
}

body #pagewrap #main-menu-container.is-active #main-menu li br {
	display: none
}

body #pagewrap #main-menu-container.is-active #main-menu li:not(.sub-menu li) {
	border-bottom: 1px solid #e1f3f3;
}

#pagewrap #main-menu-container.is-active #main-menu li .sub-menu {
	background-color: #f4fcfc;
}
/* end fujimoto */



/*@==== media-680 =====*/
@media screen and (max-width: 680px){
/*form*/
    #pagewrap #body .module .wpcf7 table tbody tr th span {
        float: none !important;
    }  
    #pagewrap #body .module .wpcf7 table tbody tr th, #pagewrap #body .module .wpcf7 table tbody tr td {
        border-bottom: 0 !important;
        display: block;
        width: 100%;
        padding: 0;
    }
    
    #pagewrap #body .module .wpcf7 table tbody tr th {
        padding: 10px 0px !important;
        margin-top: 15px;
    }   
    
    #pagewrap #body .module .wpcf7 table tbody tr:last-child td:last-child{
        border: solid 0px #cccccc !important;
    }    
    #pagewrap #body .wpcf7-form-control-wrap {
        position: relative;
        display: block;
        padding: 0px 10px;
        padding: 0;
    }
    #pagewrap #body .module .wpcf7 input[type=submit] {
        padding: 10px 0px !important;
        max-width: 378px !important;
    }  
    #pagewrap .wpcf7-form > p:after {
        right: 25px !important;
        top: 27px !important;
    }
}/*680-form */










/*---------------------
CSS-BUTTOM
--------------------*/
/*btn-fixed*/
#pagewrap .btn-fixed.module-buttons{
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;    
}
#pagewrap .btn-fixed.module-buttons *{
    width: 100%;
    height:100%;
    opacity: 0;   
    padding: 0;
    margin: 0;
}

#pagewrap .btn-01 a{
    height: 80px;
    max-width: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    background-color: #8fbdfb;
}
#pagewrap .btn-01 a:before{
  content: url();
    display: inline-block;
    line-height: 1;
    margin-right: 0px;
}
#pagewrap .btn-02 a:after{
  content: url();
    display: inline-block;
    line-height: 1;
    margin-right: 0px;
}
#pagewrap .btn-02 a:hover{
  text-decoration:none;
  opacity:0.6;
}


/*---------------------
// CSS-BUTTOM
--------------------*/


/*---------------------
end of CSS-BOTTON
--------------------*/


/*---------------------
CSS-TABLE
--------------------*/

/*table-01*/
.table-01.module table{
}
.table-01.module table tr td,
.table-01.module table tr th{
	padding: 0px 0px;
    text-align: left;
    border-top: 1px solid #fff;
    line-height: 1.7;
}

.table-01.module table tr:last-child td,
.table-01.module table tr:last-child th{
    border-bottom: 1px solid #fff;
}

#pagewrap .table-01.module table tr td a,
#pagewrap .table-01.module table tr th a{
	display: flex;
    width: 100%;
    max-width: 100%;
    background-image: url(../../uploads/ola.png);
    background-repeat: no-repeat;
    background-position: right center;
    transition: all 0.3s;
    padding: 13px 0px;
    text-shadow: 0px 0px 5px #000;
}

#pagewrap .table-01.module table tr td a:hover,
#pagewrap .table-01.module table tr th a:hover{
	opacity:0.6;
	text-decoration:none;
	background-position: right 20px center;
}


@media screen and (max-width: 768px){body #body #layout #content .table-01.module  tbody th{display:table-cell;width:auto;}}
@media screen and (max-width: 768px){body #body #layout #content .table-01.module  tbody td{display:table-cell;width:auto;}}





/*table-02*/
.table-02.module table{
	width: auto;
}
.table-02.module table tr td,
.table-02.module table tr th{
    padding: 10px 49px;
    text-align: center;
    border: 1px solid #fff;
    line-height: 2;
    background-color: #f4fcfc;
}

.table-02.module table tr th{
	background-color: #55c5e5;
    color: white;
}


@media screen and (max-width: 768px){body #body #layout #content .table-02.module  tbody th{display:table-cell;width:auto;}}
@media screen and (max-width: 768px){body #body #layout #content .table-02.module  tbody td{display:table-cell;width:auto;}}




/*table-03*/
.table-03.module table{

}
.table-03.module table tr td,
.table-03.module table tr th{
	padding: 13px 15px;
    border: 1px solid #fff;
    line-height: 2;
    background-color: #f4fcfc;
    width: 50%;
    text-align: right;
}

.table-03.module table tr th{
	background-color: #55c5e5;
    color: white;
    text-align: left;
}


@media screen and (max-width: 768px){body #body #layout #content .table-03.module  tbody th{display:table-cell; width: 60%;}}
@media screen and (max-width: 768px){body #body #layout #content .table-03.module  tbody td{display:table-cell;width:auto;}}






/*table-022*/
.table-022.module table{
	width: auto;
}
.table-022.module table tr td,
.table-022.module table tr th{
    padding: 10px 20px;
    text-align: left;
    border: 1px solid #fff;
    line-height: 2;
    background-color: #f4fcfc;
}

.table-022.module table tr th{
	background-color: #55c5e5;
    color: white;
	text-align: left;
}


@media screen and (max-width: 768px){body #body #layout #content .table-022.module  tbody th{display:table-cell;width:auto;white-space: nowrap;}}
@media screen and (max-width: 768px){body #body #layout #content .table-022module  tbody td{display:table-cell;width:auto;}}









/*---------------------
end of CSS-TABLE
--------------------*/


/*---------------------
CSS-FOOTER
--------------------*/
#pagewrap #footer {
}
#pagewrap .copyright-container {
	font-size: 13px;
    color: #ffffff;
    padding: 5px 5px;
    background: #55c5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}


#pagewrap .copyright-container span{
  display:inline-flex;
  align-content:center;
  justify-content:center;
}


#pagewrap .copyright-container a{
  display:inline-flex;
  align-content:center;
  justify-content:center;
}

#pagewrap .copyright-container img{
  display:inline-flex;
  align-content:center;
  justify-content:center;
  margin: 0px 5px;
}

#pagewrap .footer-nav{
    text-align: center;
    margin-top:40px;
}
#pagewrap .footer-nav li{
    margin: 0;
}
#pagewrap .footer-nav li a{
    color: white;
    padding: 0px 15px;
    border-right: 1px solid white;
    text-decoration: underline;   
}
#pagewrap .footer-nav li:last-child a{
    border-right: 0px solid #000; 
}
#pagewrap .footer-nav li a:hover{
    text-decoration: none;   
}

#pagewrap .footer-nav li a:hover{
    text-decoration: none;   
}
#pagewrap #pc-backtop {
	bottom: 135px;
	right: 50px;
}
#pagewrap #pc-backtop .fa-arrow-circle-up:before,#pagewrap #pc-backtop .fa-circle-arrow-up:before {
    content: "\f0aa";
    font-size: 40px;
    color: #55c5e5;
}
/*---------------------
end of CSS-FOOTER
--------------------*/


/*--------------------
 * CSS-archive
 * ------------------*/


.archive #pagewrap #layout {
	max-width: 1100px;
    margin: 0px auto;
    padding: 100px 0px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.archive .page-title {
    display: none;
}
.archive.sidebar-left #content {
    float: none;
    width: 100%;
    margin-left: 35px;
}

.archive #pagewrap .post{
	border-bottom: 1px solid #c9cfd1;
    padding-bottom: 25px;
    margin-bottom: 28px;
}

.archive #pagewrap .post .post-title a{
    color: #333;
    margin: 0;
    line-height: 1.7em;
	font-size: 16px;
}


.archive #pagewrap .post .post-content {
    display: flex;
    align-items: center;
}

.archive #pagewrap .post .post-date {
    margin: 0;
    margin-right: 40px;
	color:#55c5e5;
}







/*--------------------
 * end of CSS-archive
 * ------------------*/



/*--------------------
 * CSS-sidebar
 * ------------------*/
#pagewrap #sidebar{
	background-color: #f4fcfc;
    padding: 30px 20px;
    width: 100%;
    max-width: 340px;
	float: none;
}
#pagewrap #sidebar .widgettitle {
    font-size: 18px;
    color: #55c5e5;
    font-family: 'cormorant-garamond';
    text-align: center;
    padding-bottom: 10px;
}
#pagewrap #sidebar  .widget li{
    display: block;
    background-image: url(../../uploads/bg.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 24px;
    font-size: 16px;
    color: #333;
}


#pagewrap #sidebar  .widget li.current-cat a{
    font-weight: bold;
    color: red;
}

#pagewrap #sidebar  .widget li a{
    font-size: 16px;
    color: #333;
}


#pagewrap #sidebar #themify-list-categories-2 {
    margin: 0;
}



/*--------------------
 * end of CSS-sidebar
 * ------------------*/






/*--------------------
 * CSS-SINGLE
 * ------------------*/
.single #layout {
    padding: 100px 2%;
    margin: 0px auto;
    max-width: 1100px;
}
.single .post-title {
    font-size: 20px;
    border-bottom: 1px solid #c9cfd1;
    padding: 15px 0px;
    margin-bottom: 30px;
}

.single .post-date.entry-date.updated {
    color: #55c5e5;
}





.single .history-back-container {
    text-align: center;
}
.single .history-back-container a:hover {
	opacity:0.6;
	text-decoration:none;
}
.single .history-back-container a {
	display: inline-block;
    background-color: #55c5e5;
    font-weight: bold;
    color: white;
    padding: 10px 100px;
}

/*--------------------
 * end of CSS-SINGLE
 * ------------------*/

@media screen and (max-width: 1024px){
/*humbeger*/   
#menu-button {
	background-image: url(../../uploads/bg-btn.png);
    color: white;
    height: 50px;
    width: 50px;
    background-size: cover;
	top: 5px;
    right: 5px;
}   
#menu-button .ham-lines span {
    background-color: white;
}   
#menu-button .ham-lines::before {
     background-color: white;
}   
#menu-button .ham-lines::after {
     background-color: white;
}    
}
/*---------------------------
 * -@939@
 * ------------------------*/

@media screen and (max-width: 1024px){
   
 /*header*/    
.header-brand-container {
	height: auto;
    padding: 5px 10px;
    flex-direction: row;
    justify-content: flex-start;
}  
.rb2 {
    display: none;
}	
.rb1 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}    
.rb1 p{
    margin-bottom:0;
}       
    
.rb1 .contact{
    margin-top:10px;
}    
#site-logo a img{
   height: 50px;
}
	
#pagewrap .row-main .col-main {
    position: absolute;
    bottom: -536px;
    width: 400px;
    z-index: 9;
    left: -30px;
}	
	
	
/*menu -footer*/ 
#pagewrap #main-menu {
    display: flex;
    flex-direction: column;
}
#main-menu li a:before {
    display:none;
}   
#main-menu li a {
    height: auto;
    padding: 10px;
}   
   
   
/*f-con*/   
#footerwrap {
    margin-bottom: 52px;
} 
	
#pagewrap .sp-footer-icons-container a {
    background-color: #a90c0b;
}	
#pagewrap .sp-footer-icons-container {
 background-color: #55c5e5;
    padding: 0px 0px;
    bottom: 0px;
    display: flex;
    z-index: 97;
	background-image: url(../../uploads/bg-btn.png);
    background-size: 100%;
}   
#pagewrap  .sp-footer-icons-container svg {
	color: white;
	fill:#fff !important;
}   

#pagewrap .sp-footer-icons-container a {
	border-color: white;
    color: #1f7bb6;
	
} 

#pagewrap #footer .sp-footer-icons-container a {
    display: block;
    width: 100%;
    line-height: 1;
    text-align: center;
    background-color: transparent;
    text-decoration: none;
    font-size: 10px;
    padding: 10px 0 6px;
    border-left: 1px solid #fff;
    background-size: 100%;
    color: white;
}	
	
	
	
	
	
/*single*/
.single    .post-image {
    text-align: center;
}



/*menu mobile*/
#main-menu-container {
  display:none;
} 
#main-menu-container.is-active {
	display: flex;
    position: fixed;
    z-index: 99;
    background-color: #9fcdbf;
    width: 100%;
    height: 100vh;
    top: 0;
    overflow: auto;
	box-sizing:border-box;
}   
#pagewrap #main-menu-container.is-active #main-menu{  
	padding-top: 10px;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
	box-sizing:border-box;
}
#pagewrap #main-menu-container.is-active #main-menu li {
background: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}   
  
#pagewrap #main-menu-container.is-active #main-menu li a {
	text-indent: unset;
    background: none;
    padding: 10px 10px;
    font-size: 18px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: white;
	font-weight: bold;
} 
  
#pagewrap #main-menu-container.is-active #main-menu li .sub-menu {
    z-index: 9;
    display: flex;
    margin: 0;
    padding: 0;
    position: static;
    top: 100px;
    width: 98%;
    transform: translateX(0%);
    flex-direction: column;
}
	
#pagewrap #main-menu-container.is-active #main-menu li .sub-menu li a {
    text-indent: unset;
    background: none;
    padding: 5px;
    font-size: 14px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #efefef;
    border: 0;
	font-weight: normal;
}	
	
	
	
#pagewrap #main-menu-container.is-active #main-menu .current_page_item a, 
#pagewrap #main-menu-container.is-active #main-menu .current-menu-item a {
    color: #55c5e5;
    text-decoration: none;
    font-weight: bold;
}


#pagewrap #pc-backtop {
    display: none;
}

/* by fujimoto */
	#pagewrap .row-main .col-main {
		bottom: -180px;
		position: absolute;
		width: 400px;
		z-index: 9;
		left: -30px;
	}
	#pagewrap .new-main-slider .slide-inner-wrap{
		height:auto;
	}
	#pagewrap .tb_9vf7450 .subrow_inner .last {
		width: 72%;
	}
	
	#pagewrap .tb_9vf7450 .subrow_inner {
		flex-direction: column;
		align-items: center;
	}
	
	#pagewrap .tb_czyw450 {
		margin-bottom: 30px;
	}
/* sub-page	 */
	.tb_jshb550 img {
		width: 60%;
	}
	
	.facility_gallery .module-gallery-grid {
		--galN: 2;
	}
	
	.three_box .last {
		margin-top: 150px;
	}
	
	.three_box2 .last {
		margin-top: 135px;
	}
	#pagewrap .ffix{
		display:none;
	}
}/*@939-*/


/*---------------------------
 * end of @939
 * ------------------------*/



/*---------------------------
 * @768@
 * ------------------------*/
@media screen and (max-width: 768px){
#pagewrap .table-wrap .tb_text_wrap{
    width: 100%;
    overflow: auto;   
}
#pagewrap .table-wrap .tb_text_wrap table{
    width: 768px;
}
	
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: flex-start;
}	

.archive #pagewrap #layout {
    flex-direction: column;
}	
	
.archive.sidebar-left #content {
    margin: 0;
    padding: 0px 2%;
}	
	
#pagewrap #sidebar {
    margin: 0px auto;
    margin-top: 60px;
}
	
/* 	by fujimoto */
	#pagewrap .row-main .col-main {
		bottom: -536px;
	}
	
	.tb_6p9a207  .subrow_inner {
		display: flex;
		flex-direction: column-reverse;
	}
/* 	end fujimoto */
	
}/*@768-*/
/*---------------------------
 * end of @768
 * ------------------------*/



/*---------------------------
 * @680@
 * ------------------------*/

@media screen and (max-width: 680px){
#pagewrap .copyright {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
#pagewrap .copyright-container {
    flex-direction: column;
}
#pagewrap .row-main .col-main {
    position: absolute;
    bottom: -420px;
    width: 220px;
    z-index: 9;
    left: -9px;
    padding: 16px; /* koike addjust */
}	
#pagewrap .post-01.module.module-post .builder-posts-wrap .post .post-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: flex-start;
}	
	
.table-02.module table {
    width: 100%;
    table-layout: fixed;
}
	
.table-02.module table tr td, .table-02.module table tr th {
    padding: 10px;
}	
	
	
.archive #pagewrap .post .post-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}	
	
#pagewrap #main-menu-container.is-active #main-menu {
    width: 99%;
}	

/* 	by fujimoto */
	#pagewrap .tb_u7m9511 .row_inner {
		padding: 0;
	}

	#pagewrap .tb_u7m9511 .row_inner .module_column {
		padding: 0 10px 50px;
	}
	
	.tb_szsp312 .col4-2.module_column.first {
		width: 41%;
	}
	
	#pagewrap .themify_builder_content-522 .tb_9vf7450.module_subrow {
		padding: 60px 0;
	}
	
	#pagewrap .themify_builder_content-522 .tb_w1e525.module_subrow {
		padding: 50px 20px 0px;
	}

/* link */
	#pagewrap .link_box .subrow_inner {
		flex-direction: column;
	}
	
	#pagewrap .link_bg .tb_link_block_heading {
		font-size: 20px;
	}
	
/* sub-page */
	#pagewrap .top_sp .module_column {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	
	#pagewrap .tb_col_count_3 {
		--area: "col1"  "col2" "col3";
	}
	
	.eq_in .module_column.sub_column {
		margin-top: 30px;
	}
	
	.facility_gallery .module-gallery-grid {
		--galN: 1;
	}

	.count_box .tb_col_count_2 {
		--gutter: 0%;
	}
	
	body #body #layout #content .count_box .table-03.module tbody th, body #body #layout #content .count_box .table-03.module tbody td {
		width: 50%;
	}
	
	.three_box .last, .three_box2 .last {
		margin-top: 0px;
	}
	
	#pagewrap .rb-two a, #pagewrap .rb-one a {
		width: 172px;
	}
	
	body #pagewrap #main-menu-container.is-active #main-menu {
		padding: 40px 4% 100px;
	}
	.module_column.sub_column.col4-2.tb_rh2c103.last{
		display: none;
	}

/* 20230704 koike adjust */
#pagewrap .tb_szsp312.module_row{
    padding: 260px 5% 0;
    background-position: 90% 19.5%;
}

}/*@680-*/

/*---------------------------
 * end of @680
 * ------------------------*/
.new-main-slider .slide-inner-wrap{
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
    border: 1px;
	height:735px;
    overflow: hidden;
}
.new-main-slider .tf_swiper-pagination-clickable{
	position:absolute;
	bottom:45px;
}
#pagewrap .new-main-slider .carousel-prev,
#pagewrap .new-main-slider .carousel-next{
	background:none;
}
.tf_carousel_nav_wrap .carousel-prev:hover,
.tf_carousel_nav_wrap .carousel-next:hover{
    background:none;
}
#pagewrap .new-main-slider .tf_carousel_bullet{
	color:#fff;
	opacity:.7;
}

@media screen and (max-width: 680px){
	.new-main-slider .slide-inner-wrap img{
		height:239px;
}
	.new-main-slider .slide-inner-wrap{
	height:239px;
}
	body #pagewrap .row-main .col-main {
    top: auto;
}
body #pagewrap .row-main .col-main {
    bottom: -440px;
}
body #pagewrap .tb_szsp312.module_row {
    padding: 190px 5% 0;
    background-position: 90% 9.5%;
}
}





#pagewrap #follow_consultation {
	bottom: 0px;
	right: 5px;
	position: fixed;
	z-index: 500;	
}
button#open-chatbot{
	background-color:transparent;
	padding:0px;
}
button#open-chatbot:hover{
	background-color:transparent;
}
#pagewrap #follow_consultation #open-chatbot img{
	width: 280px;
}
@media screen and (max-width: 1024px){
	#pagewrap #follow_consultation {
		bottom: 25px;
	}
	#pagewrap #follow_consultation #open-chatbot img {
		width: 180px;
	}
}