html{
	font-size: 16px
}
body{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #0b0200;
	  -webkit-appearance: none ;
  appearance: none;
}

button{
    -webkit-appearance: none;
}
/*header*/

header{
	width: 100%;
    height: 100px;
    z-index: 100;
    left: 0;
    padding: 0;
    background: #fff;
    -webkit-transition: .5s cubic-bezier(.25,.1,.25,1);
    transition: .5s cubic-bezier(.25,.1,.25,1);
}
.header_line{
	height: 10px;
	background: #de5418;
	margin-bottom: 10px
}
.header_logo a{
	color: #0b0200;
	font-size: 14px;
}
.header{
	display: flex;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1300px;
    margin: auto;
    margin-top: 20px;
}
header img{
	width: 150px;
}
.header_logo{
    width: 200px;
    text-align: -webkit-center;
}
.menu_flex{
    padding: 10px 0;
    max-width: 1400px;
	color: #675952;
	display: flex;
}
.menu_flex li{
	padding: 0 10px;
	font-size: 1rem
}
.menu_flex a{
	color: #675952;
}
.menu_flex > li > ul{
    display: none;
}

.btn_flex{
	display:flex;
}
.submenu li{
	border-top: solid 1px #675952;
    margin: 0 5px;
	font-size: 14px!important;
	    z-index: 9999;
    position: relative;
}

.line_bottom{
	border-bottom: solid 1px #675952;
    margin: 0 5px;
}
.fa-angles-right{
	color: #de5418;
}
ul.menu_flex > li > ul > li > a{
    width: 100%;
}

.contact a{
	background: #de5418;
}
.member a{
	background:#2f75b6;
}
.menu_btn a{
	color: #fff;
	padding: 10px;
    border-radius: 10px;
}

.underline {
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
}

.underline::after {
  background-color: tomato;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition: .5s all;
  width: 0;
}


/*▼main*/

/*top*/
#top{
	background: url("../img/top/fv_img.jpg");
	height:768px;
    max-width: 1200px;
	margin: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -100px
}
h1{
    position: relative;
    top: 30%;
    text-align: center;
    background: #ffffffc9;
    width: 800px;
    margin: auto;
    padding: 20px;
	font-family: 'Lexend Zetta', sans-serif;
	color: #665852;
	font-weight: 600;
	font-size: 80px;
}
h1 .ttl02{
	font-size: 50px
}
h1 .ttl03{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 18px;
	font-weight: 400;
}
/*about*/
/* #about{
	margin-top: -50px;
} */
h2{
	font-size: 30px;
	color: #de5418;
	font-weight: bold;
	border-bottom: 1px solid #de5418;
	width: fit-content;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

h2:last-of-type {
	padding-top: 20px;
}
.flex_left{
    background: url(../img/top/logo_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.img_flex img{
	width: 170px;
	padding: 10px 0 0 10px;
	box-sizing: border-box;
}
.img_flex div{
	display: flex;
}
.flex_left p{
	width: 600px;
	line-height: 26px;
	padding-right: 20px;
}
.flex{
    display: flex;
    justify-content: center;
    max-width: 1300px;
    align-items: flex-end;
	margin: auto;
	position: relative;
}
.flex:last-of-type{
	padding-bottom: 40px;
}
/*list*/
#list{
	background: #f5f5f5;
}
.w1300{
	max-width: 1150px;
    margin: auto;
}
.list_txt{
	position: relative;
}
.spc_right{
	z-index:5
}
#list .icon{
	width: 170px;
	position: absolute;
	right: 0;
	bottom: 10px;
}
#list .flex{
	align-items: center;
    margin-top: 40px;
	justify-content: flex-end;
	background: url("../img/top/logo_bg_s.png");
	background-repeat: no-repeat;
	overflow: hidden;
}
.list_left_img img {
    width: 1000px;
}
.flex_img{
  transition-duration: 0.3s;
}

.flex_img{
	transition: .5s;
}
.p_access::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
}
.p_access::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s cubic-bezier(.25,.1,.25,1);
    transition: .5s cubic-bezier(.25,.1,.25,1);
    z-index: 2;
}
.num{
	font-size: 20px;
	font-weight: bold;
	font-family: 'Lexend Zetta', sans-serif;
}
.p_access{
	position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #de5418;
    width: 124px;
    height: 124px;
    padding: 15px;
    text-align: center;
    color: #fff;
}

#list h2{
	text-align: center;
    margin: 150px auto 30px;
    padding-top: 40px;

}
#list p{
	text-align: center;
    line-height: 22px;
}
.spc{
	position: absolute;
    left: 0;
}
a .black{
    color: #0b0200;
	padding: 10px 0
}
.list_right_img img{
	width: 1000px;
}
.fs12{
	font-size: 12px;
}
.ja{
	font-weight: bold;
	 line-height: 25px;
}
 .redd{
	color: #de5418;
} 
.en img{
    width: 60%;
	margin-bottom: 15px
}
.txt2_flex{
	display: flex;
    justify-content: space-around;
}
/*more_btn*/
.more_btn{
	display: inline-block;
    background: #de5418;
    font-family: 'Lexend Zetta', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 240px;
    padding: 20px 30px;
    position: relative;
	color: #fff;
	margin-top: 10rem;
	transition: .3s;
}

.more_btn::after{
    position: absolute;
    font-size: 1.4rem;
    top: calc(50% - 14px);
    right: 20px;
	font-family: "Font Awesome 5 free";
	content: "\f101";
}
.more_btn a{
	 color: #fff;
}
.spc_blue{
	background: #2f75b6;
}
.spc_green{
	background: #2f8b57;
}
.yellow{
	color: #de9a18;
} 
.yellow_bg{
	background: #de9a18;
}
/*btn*/
.main_contact_btn{
	background: #de5418;
	padding: 20px;
	color: #fff;
	left: 180px;
    bottom: -100px;
    position: absolute;
	z-index: 1;
  	display: inline-block;
  	transition: .3s;
}
.main_contact_btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #de5418;
  box-sizing: border-box;
  z-index: -1;
  transform: scale(1.2);
  opacity: 0;
  transition: transform ease .3s, opacity .3s;
}


/*news*/
#news h2{
	margin: 40px auto 30px;
}
#news .list_txt{
	text-align: center
}
.news_flex{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.news_wrap p{
	color: #0b0200;
	line-height: 25px;
    margin-top: 10px;
}
.news_wrap{
	width: 30%;
}
.news_btn{
    display: inline-block;
    font-family: 'Lexend Zetta', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    color: #de5418;
    transition: .3s;
    left: 80%;
}
.cat span{
	display: inline-block;
    padding: 4px 8px;
    margin-right: 5px;
    background: #161616;
    color: #fff;
    position: absolute;
}
 .news_wrap div{
    position: relative;
    overflow: hidden;
}
.news_wrap img{
	width: 100%;
    height: auto;
}
/*hp*/
#hp .fa-angles-right{
	color: #fff;
}
#hp{
	margin-top: 50px;
	display: flex;
	color: #fff;
	text-align: center;
	align-items: center;
}
.maru_wrap{
	background: #de9a18;
	width: 280px;
  	border-radius: 50%;
	position: relative;
}
.maru_content::before {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 100%;
    height: 100%;
	border-radius: 50%;
    border: 1px solid #665858;
    content: '';
}
.maru_content{
    padding: 20px 10px;
    line-height: 21px;
	color: #fff;
	line-height:1.5rem
}
.bold{
	font-weight: bold
}
#hp img{
	width: 150px;
	z-index: 2;
	
}
/*footer*/
footer{
	background: #f5f5f5;
	padding: 30px 0
}
footer .menu_flex li{
	margin-right: 1rem;
	position: relative;
}
footer .menu_flex li::after{
	margin: 0 10px;
  	content: "";
  	width: 1px;
  	height: 100%;
  	background-color: #665852;
  	position: absolute;
  	left: 100%;
}
footer .menu_flex li:last-child::after{
	display:none
}
.footer_txt p{
    background: url(../img/top/logo_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #665852;
    height: 100px;
    text-align: left;
    display: table;
    margin:auto;
    line-height: 27px;
	padding: 30px 0 0;
}
.footer_cp a{
	background: url(../img/logo_top.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    width: 30px;
	display: flex;
    align-items: center;
	font-weight: bold;
	color: #0b0200;
	margin-right: 1%;
}

.footer_flex_content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer_cp{
	display: flex;
	justify-content: end;
    align-items: flex-end;
	padding-bottom: 80px;
}
.pc_twitter{
	text-align: center;
    display: block;
    font-size: 40px;
    padding: 10px;
    color: #685a52;
}
.pc_twitter:hover{
	opacity:0.7
}
small{
	color: #665852;
	font-family: 'Lexend Zetta', sans-serif;
	font-size: 12px;
    margin-right: 30px;
}
/*追従ボタン*/
.float-button__wrap {
    position: fixed !important;
    bottom: 0px !important;
    right: 0px;
    z-index: 10;
	border-radius: 50px 0 0 0;
    background: #de5418;
	align-items: center;
	display: flex;
    padding-bottom: 4px;
}
.balloon {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border-bottom: solid 2px #525252;
    padding: 16px;
    min-width: 240px;
    max-width: 100%;
    text-align: center;
}
.balloon:before,
.balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon:before {
    border: solid 12px transparent;
    border-top: solid 12px #525252;
}
.balloon:after {
    border: solid 14px transparent;
    border-top: solid 14px #fff;
    margin-top: -5px;
}
.balloon p {
    margin: 0;
    padding: 0;
}

.float-button__wrap a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: #fff;
    bottom: 0;
    right: 0;
    width: auto;
    z-index: 50;    
    padding: 	10px 20px;
	text-align: center;
    line-height: 25px;
	position: relative;
}
.float-button__wrap a::after {
    margin: 0 10px;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    left: 100%;
}
.float-button__wrap span{
	font-size: 14px;
}
.tel_btn{
	font-size: 20px;
    font-family: 'Lexend Zetta', sans-serif;
}
.tel_btn li{    
	text-align: end;
}
.float-button__wrap a:last-child::after{
	display:none
}

/*フェードイン*/
.element {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
}

.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.twitter-timeline{
	width: 350px
}
@media screen and (min-width:768px) {
.tel_btn{
	pointer-events: none;
	}
.sp{
	display: none!important;
	}
	
/*hover*/
ul.menu_flex li:hover a + ul{
    display: block;
	background: #f5f5f5;
	line-height: 30px;
	padding: 10px 0;
	max-width: 159px;
}
.underline:hover::after {
  width: 100%;
}

.submenu li :hover{
	opacity: 0.8;
}
.menu_btn a:hover{
	background: #675952;
	transition: 1.0s ;
}
.float-button__wrap a:hover{
	opacity: 0.6
}
.flex_img:hover{
	 transform: scale(1.05);
	 transition-duration: 0.3s;
}
.more_btn:hover {
	letter-spacing: .3rem;
}
.main_contact_btn:hover {
  color: #de5418;
  background: transparent;
}
.main_contact_btn:hover::before {
  transform: scale(1);
  opacity: 1;
}
/* .menu_flex a:active{
	background: #de5418;
	color: #fff;
    display: table-footer-group;
	} */

}

@media screen and (max-width:767px) {
.txt2_flex {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
main{
	margin-top: 70px;	
	}
.pc{
	display: none!important;
	}
.sp{
	display: block;	
	}
footer .menu_flex li {
    margin-right: 0rem;
}
#top {
    background: url("../img/top/sp_fv_img.png");
    max-width: 100%;
	height: 370px;
    background-size: cover;
	background-position: center;
}
h1{
	width: 80%;
	font-size: 16px;
	padding: 30px 20px 10px;
}
h1 .ttl02 {
    font-size: 20px;
}
h1 .title{
	font-size: 33px;
	}
h1 .ttl03{
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    margin: 10px auto;
    display: block;
	letter-spacing: -0.05rem;
	}
#about{
	margin-top: 30px
	}
.flex{
	display: block;
	}
h2{
	font-size: 20px	;
	}
h2:last-of-type{
	padding-top: 0	
	}
.flex_left{
	margin: auto;
    display: block;	
	width: 90%;
	background-position: bottom;
	}
.flex_left p{
	width: 100%;
    padding-right: 0px;
	letter-spacing: 0.1rem;
	}
.flex_right{
	margin-top: 20px	
	}
.main_contact_btn{
	width: 80%;
    margin: 40px auto;
    display: block;
    left: 0;
    text-align: center;
    right: 0;
	}
.img_flex{
	width: 90%;
    margin: auto;
	}
.img_flex img {
    width: 50%;
	padding: 5px;
}
.p_access{
	width: auto;
    height: auto;
    padding: 4px 15px;
    font-size: 16px;
	}
#list .icon {
    width: 150px;
    bottom: 50px;
}
#list .list_txt p{
	text-align: left;
    line-height: 22px;
    width: 90%;
    margin: auto;
	}
.list_right_img img {
	width: 100%;
    margin: auto;
    display: block;	
}
.news_flex{
	display: block;
	width: 90%;
	margin: auto
	}
.news_wrap p{
	margin-bottom: 20px;
	}
.footer_cp{
	justify-content: space-between;
    width: 90%;
    margin: auto;
	}
.footer_flex_content{
	display: block	
	}
.twitter-timeline{
	width: 90%;
	margin: auto
}
.cat span {
    top: 20px;
}
.news_btn {
    left: 15px;
}
#news .list_txt{
	text-align: left;
    width: 90%;
    margin: auto;
    line-height: 25px;
    margin-top: 20px;
	}
#hp img {
    width: 110px;
    margin-bottom: -23px;
}
#hp {
    justify-content: center;
}	
.maru_wrap {
    width: 230px;
    margin-bottom: 10px;
}
footer{
    margin-bottom: 58px;		
	}
footer .menu_flex li::after{
	display: none;	
	}
footer .menu_flex div{
    display: flex;
    justify-content: center;
    line-height: 30px;
}
.menu_flex a {
    width: 140px;
	font-size: 14px;
	    text-align: left;
}
.menu_flex {
    padding: 20px 0 10px;
}
.footer_txt p{
    margin: auto;
    font-size: 14px;	
	}
.spc {
    left: 10px;
}
#list .flex {
 	overflow: unset; 
}
.more_btn {
    margin-top: 1rem;
}
#list p {
    margin-bottom: 20px;
	text-align: left;
    padding: 10px;
}
.sp_top{
	margin-top: 220px!important
	}
	
.ja{
	line-height: 25px;	
	}
#list .flex {
    background: none;
}
.en_mt img{
	width: 70%	
	}
.en_cw img{
	width: 90%	
	}
.bottom-20{
	margin-bottom: -30px
	}
#list {
    padding-bottom: 140px
}
/*sp追従btn*/

#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   z-index: 99;
}

#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
    background: #de5418;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}
#sp-fixed-menu li:last-child{
	background: #de9a18;	
	}

#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:10px;
	line-height: 19px;
}
/*menu_btn*/

nav {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 7;
  opacity: 0;
}
.open nav {
  left: 0;
  opacity: 1;
	overflow: scroll;
}
nav .inner {
    padding: 20px 0 30px;
}
nav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .inner ul li {
  position: relative;
  margin: 0;
}
.bl{
	border-bottom: 1px #675752 solid;
}
nav .inner ul li a {
  display: block;
  color:#0b0200;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
	background: #f5f5f5;
    text-align: left;
}
nav .inner ul li a:hover {
  background: #e4e4e4;
}
  nav {
    left: -220px;
    width: 220px;
  }
.submenu li a{
	background: #fff!important;
	}
/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 25px;
  right: 10px;
  width: 40px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 8;
	background: #fff;
}

.toggle_btn span {
  display: block;
  position: absolute;
  left: 5px;
  width: 30px;
  height: 2px;
  background-color: #0b0200;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #0b0200;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eaeaea;
  opacity: .8;
  z-index: 6;
  cursor: pointer;
}
.inner ul img{
	width: 130px;
	margin-bottom: 20px;
	}
.fs14{
	font-size: 14px;
    text-align: center;
    margin: auto;
    display: block;
	}
.menu_btn a {
    width: 150px;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}
/*twitter*/
.twitter{
	text-align: center;
	}
.twitter i{
	font-size: 40px;
	color: #675752
	}
.fukidashi span{
  position: relative;
}
.fukidashi span::before,
.fukidashi span::after{
  content: "";
  display: inline-block;
  background: #000;
  width: 1px;
  position: absolute;
}
.fukidashi span::before{
  left: 0;
}
.fukidashi span::after{
  right: 0;
}
.fukidashi{
	text-align: center;
    margin-bottom: 10px;
	}
  .fukidashi span{
    display: inline-block;
    padding: 0 20px;
  }
  .fukidashi span::before,
  .fukidashi span::after{
    height: 20px;
    bottom: -5px;
  }
  .fukidashi span::before{
    transform: rotate(-20deg);
  }
  .fukidashi span::after{
    transform: rotate(20deg);
  }
.contact a{
		background: #0b0200;
	}
}
/*============
 共通
=============*/
.kv_section{
	background: #f5f5f5;
}
.kv_section h1{
	background: #fff0;
	font-size:4rem;
	margin-top:20px;
	opacity:1;
	    padding-bottom: 50px;
}
.kv_section h1 span{
	    font-size: 2rem;
    color: #de5418;
}
.common_footer{
    background: url(/wp-content/uploads/2023/06/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.common_footer_flex{
		    display: flex;
    justify-content: space-between;
    align-items: center;
	    padding: 50px 0;
}
.common_footer_flex02{
	    line-height: 2rem;
    margin-bottom: 10px;
}
.common_footer_flex01 a{
	    color: #0b0200;
}
.orange{
	    color: #de5418;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 3rem;
}
.common_footer_flex01 .tel_btn{
	font-size: 1.5rem;
    display: inline-block;
    margin-bottom: 2rem;
}
.common_footer_flex01 .tel_btn span{
	font-size: 1rem;
	letter-spacing: 0.02rem;
}
.common_footer_txt{
	line-height: 26px;
	margin-top:2rem
}
.common_footer .mail_btn{
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
    padding: 15px 10px;
    background: #0b0200;
    width: 250px;
    display: block;
    text-align: center;
}
/* 共通SP */
@media screen and (max-width: 767px){
	div.breadcrumbs {
  		width: 90%;
	}
	.company_flex{
		display:block !important;
	}
.company_flex02 img {
    margin-top: 40px;
}
	.kv_section h1{
		font-size:26px
	}
		.kv_section h1 span{
		font-size:20px
	}
	.common_footer_flex{
		display:block !important;
	}
.footer_cp {

    padding-bottom: 0px;
}
.kv_section h1 {
    padding-bottom: 30px;
}
	.orange{
		text-align: left;
    margin: auto;
    display: table;
	font-size:20px;
	}
	.common_footer_flex {
		width:90%
	}
	.common_footer .mail_btn{
		margin:auto
	}
.common_footer_txt {
    line-height: 26px;
    margin: 2rem auto;
}
	.common_footer_flex01 .tel_btn{
		text-align: center;
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
	}
}

/*============
		company
=============*/
.company_flex{
	display: flex;
    justify-content: space-evenly;
    max-width: 1000px;
    margin: 70px auto 50px;
  align-items: center;
}
.company_flex02 img{
	    width: 300px;
}
.company tbody{
	  line-height: 2rem;
    text-align: left;
}
.company tr{
	border-bottom: 1px #aaaaaa solid;
	border-top: 1px #aaaaaa solid;
}
.company th{
    width: 8rem;
    background: #f8ebd1;
    padding: 10px;
vertical-align: middle;
}
.company td{
	padding:0 20px;
	vertical-align: middle;
}
.company td a{
	    color: #0b0200 !important;
    border-bottom: 1px #de5418 solid;
}
.company_flex01 img{
	  margin: 0 auto 20px;
    display: block;
	width: 300px;
}
.g_map{
	width:550px;
	height:350px;
}
/* company PC */
@media screen and (min-width: 768px){
	.g_map{
		width:550px;
	}
	.sp{
		display:none;
	}
}
/* company SP */
@media screen and (max-width: 767px){
	#company{
    margin-top: -40px;
	}
	.g_map{
		width:100%;
		margin: auto;
    display: block;
	}
	.sp{
		display:block;
	}
	.company{
		    margin: auto;
		width:95%
	}
	.company_flex02 img {
      width: 90%;
    margin: 30px auto;
    display: block;
}
.company_flex {
    margin: 30px auto 50px;
}
}
/*============
		contact
=============*/

input{
	border-radius:0px;
	    border: solid 1px #aaa;
}
#contact h2{
    margin: 60px auto 30px;
    color: #675952;
}
.contact_tel li{
	text-align:center;
    font-size: 30px;
    color: #0b0200;
	border: solid 1px #0b0200;;
    width: 400px;
    padding: 20px;
    box-sizing: border-box;
    margin: auto;
}
.contact_tel li span{
    font-size: 16px;
}
.contact_form p{
	margin: 10px auto 60px;
    display: table;
    line-height: 1.5rem;
    color: #675952;
}
.contact_privacy a{
	  color: #685a52;
    border-bottom: 1px solid;
}
.red{
	color: #fff;
    background: #de5418;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 5px;
}
#contact tbody tr:first-child{
    border-top: 1px #aaa solid;
	}
#contact tbody tr{
    border-bottom: 1px #aaa solid;
	display:block;

	}
#contact tbody td{
	width: 18%;
		-webkit-width: 18%;
		padding:20px ;
	line-height: 1.4rem;

}
#contact tbody th{
	vertical-align:middle;
	 width: 10%;
	-webkit-width: 10%;
	    line-height: 25px;
    text-align: inherit;
		background: #f5f5f5;
    padding-left: 20px;
}
#contact .hei input{
	height: 50px;
	    width: 100%;
	-webkit-height: 50px;
	 -webkit-width: 100%;
	border-radius:0px;
}
#contact textarea{
	    -webkit-width: 100%;
	width: 100%;
	border-radius:0px;
}
.formTable{
	-webkit-max-width:960px;
	max-width:960px;
	margin:auto;
}
.mwform-checkbox-field input, .mwform-radio-field input {
    margin-right: 0px;
}
#contact .btn input{
	background: #de5418;
	width: 280px;
    -webkit-width: 280px;
    padding: 20px;
    color: #fff;
    border: 0px;
    font-size: 16px;
	cursor: pointer;
}
/*contact sp */
@media screen and (max-width: 767px){
#contact {
    margin-top: -40px;
}
.contact_tel li{
    font-size: 22px;
    width: 90%;
}
	.contact_form p {
    width: 90%;
}
	.contact_privacy a {
		font-size:14px
}
	#contact .btn input {
    margin:auto;
    width: 80%;
	display:block;
		border-radius:0px;
}
	.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
}
#contact tbody td {
    display: grid;
    margin: auto;
	width: 100%;
}
.contact_form p {
    margin: 10px auto 40px;
 
}
#contact tbody tr {
	width:100%
	}
#contact tbody tr input {
    font-size: 14px;
}
#contact tbody tr textarea {
    font-size: 14px;
} 
.Form-Btn {
    -webkit-appearance: none;
}
}
/*============
		contact2
=============*/
#contact2 .contact_privacy{
	display:none;
}
#contact2 tbody tr:first-child{
    border-top: 1px #aaa solid;
	}
#contact2 tbody tr{
    border-bottom: 1px #aaa solid;
	-webkit-display:grid;
	}
#contact2 td{
	-webkit-width: 50%;
    padding: 20px;
}
#contact2 tbody th{
	vertical-align:middle;
	 -webkit-width: 20%;
	    line-height: 25px;
    text-align: inherit;
		background: #f5f5f5;
    padding: 0 20px;
}
#contact2 .hei input{
	height: 50px;
	    -webkit-width: 100%;
}
#contact2 textarea{
	    width: 100%;
}

#contact2 .btn input{
	background: #de5418;
    padding: 20px;
    color: #fff;
    border: 0px;
    font-size: 16px;
	cursor: pointer;
	border-radius:0px;
}
.box_con{
	margin:50px auto
}
#contact2 .btn{
	text-align: center;
    margin: 30px 0;
}
#contact2 .Form-Btn{
	    -webkit-width: 150px;
    margin: 0 10px;
}
.back{
    background: #de9a18;
	    -webkit-width: 150px;
    -webkit-margin: 0 10px;
    -webkit-padding: 20px;
			padding: 20px;
		  -webkit-appearance: none;
    color: #fff;
    border: 0px;
    font-size: 16px;
    cursor: pointer;
}
/*	contact2 SP  */
@media screen and (max-width: 767px){
#contact2 {
    margin-top: -40px;
}
#contact2 td{
	-webkit-width: 100%;
}
#contact2 tbody th{
	 -webkit-width: 100%;
}
#contact2 .formTable {
    -webkit-width: 100%;
    margin: auto;
}	
	#contact2 tr{
		  display: grid;
	}
}

/*============
		thanks
=============*/
#thanks h2{
	margin:auto
}
#thanks .contact_tel p{
color: #675952;
    text-align: center;
    margin: 50px 0px;
	line-height: 25px;
}
#thanks li .tel_btn {
    text-align: center;
    font-size: 30px;
    color: #0b0200;
}
#thanks .flex404 {
    display: flex;
    justify-content: center;
    padding: 20px;
    margin: 30px;
}
/* thanks sp */
@media screen and (max-width: 767px){
#thanks li .tel_btn {
    font-size: 22px;
    width: 90%;
}
#thanks .flex404 a {
    width: 90%;
    display: block;
    margin: 0px auto;
    text-align: center;
}
	#thanks{
margin-top: -40px;
	}
	#thanks .contact_tel p{
		    text-align: left;
    margin: 30px auto;
    width: 90%;
	}
}
/*============
		privacy
=============*/
.privacy_txt{
	max-width: 1000px;
    margin: 50px auto;
    line-height: 30px;
}
#privacy h3{
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
}
.kochira{
	color: #de5418;
    font-weight: bold;
    border-bottom: 1px solid #de5418;
}
.company_txt{
margin: 40px 0 20px;
    border-bottom: dashed 1px #0b0200;
    width: 290px;
    border-top: dashed 1px #0b0200;
    padding: 10px 0;
}
/*  privacy sp*/
@media screen and (max-width: 767px){
#privacy {
    margin-top: -40px;
}
	#privacy .w1000{
		width:90%
	}
	.company_txt {

    width: 290px;
}
	}
/*============
		contact2
=============*/
.nichi,.gatsu{
	font-size:16px;
	color:#0b0200;
	border-radius:0px;
	height:30px;
}

/*  contact2 sp*/

@media screen and (max-width: 767px){
#contact2 {
    margin-top: -40px;
}
.gatsu {
    margin-bottom: 20px;
}
	.mwform-checkbox-field{
		margin-bottom:10px;
	}
	}
/*============
		rule
=============*/
#rule .company_txt {
    width: 100%;
}
#rule h3 {
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
}

.rule_txt ul li{
	padding-left:2em;
}
.rule_txt ul {
	 margin-bottom:20px
}
.rule_txt p {
	padding-left:1em;
	text-indent:-1em;
}
/*  rule sp*/
@media screen and (max-width: 767px){
.rule_txt{
	width:90%
	}
#rule .company_txt ul li {
   padding-left: 0em;
}
#rule {
    margin-top: -40px;
}
}
.breadcrumbs{
	font-size: 12px;
    color: #7d7c7c;
}
.breadcrumbs a{
    color: #7d7c7c;
}
div.breadcrumbs {
  max-width: 1150px;
  margin:20px auto;
}

/*============
		access
=============*/
.tabBox .tabArea {
  width: 100%;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.tabBox .tabArea .one_tab {
  width: 32.5%;
}
.tabBox .tabArea .one_tab a {
  display: block;
  text-decoration: none;
  transition-duration: 0.3s;
  text-align: center;
  color: #fff;
}
.tabBox .tabArea .one_tab a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.tabBox .tabArea .one_tab .tab_inner {
  display: flex;
  justify-content: center;
  align-items: center;
    text-align: left;
    line-height: 1.2rem;
  height: 60px;
  transition-duration: 0.3s;
}
.tabBox .tabArea .one_tab:nth-child(1) .tab_inner {
  background-color: #de5418;
}
.tabBox .tabArea .one_tab:nth-child(2) .tab_inner {
  background-color: #de9a18;
}

.tabBox .tabArea .one_tab a.select .tab_inner {
  height: 80px;
    line-height: 1.2rem;
    text-align: left;
}
.contents .tab_main {
  display: none;
  padding: 50px 25px 0;
  text-align: center;
  min-height: 280px;
  border: 2px solid #94ad73;
  transition-duration: 0.3s;
}
.tab_main.is_show {
  display: block;
}
.tab_main:nth-child(1).is_show {
  border: 2px solid #de5418;
}
.tab_main:nth-child(2).is_show {
  border: 2px solid #de9a18;
}

.max1024 {
  max-width: 1024px;
  margin: 0 auto;
    padding: 50px 0px;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}
.p_top20{
	padding-top:20px;
	line-height: 1.2rem;
}
 .ac_img img{
	width:90%;
} 
.ac_img{
	width:50%;
}
.ac_box{
	margin:40px 0;
}
.ac_img p{
	  max-width: 90%;
    text-align: left;
    margin: 10px auto;
    line-height: 1.2rem;
}
.ac_flex{
	display:flex
}
.ac_box a{
	 background: #675952;
    padding: 20px 10px;
    display: block;
    max-width: 250px;
    margin: 50px auto 0;
    color: #fff;
}
.ac_box a:hover{
	opacity:0.8;
	transition: 1.0s;
}


@media screen and (min-width: 768px){

.ac_flex {
    margin-bottom:30px
}
#room4 h1{
		 line-height: 4rem;
	}
}
/*  access sp*/
@media screen and (max-width: 767px){

.tabBox .tabArea .one_tab {
    width: 50%;
	 font-size: 14px;
}
.ac_img {
    width: 100%;
	margin-bottom: 30px;
}
.ac_flex {
    display: block;
}
.contents .tab_main {
    padding: 20px 0 0;
}
.max1024{
	width:90%;
	padding-top:20px
	}
}

/*============
		contract
=============*/
.txt_box_wrap_flex{
	text-align: left;
    display: flex;
    align-items: center;
	 justify-content: center;
}
.txt_box{
	    padding: 30px;
    box-sizing: border-box;
}
.p12{
	    font-size: 14px;
}
#contract h3{
	    margin-bottom: 15px;
}
.txt_box p{
	    line-height: 2rem;
}
.txt_box span{
	line-height: 1.4rem;
}
#contract .contents .tab_main{
	    padding: 50px 25px;
}
#contract h1{
	    line-height: 1.2;
}
#contract h2{
	   color: #675952;
	margin:auto
}
.osusume_wrap{
	display: flex;
    max-width: 1024px;
    justify-content: space-around;
    margin: 50px auto;
}
.osusume{
	  width: 45%;
    padding: 30px;
    line-height: 1.5rem;
	border: 2px solid #675952;
}
a .osusume_p {
	    color: #0b0200;
}
.osusume_black{
    text-align: center;
    background: #0b0200;
    width: 130px;
    color: #fff;
    border-radius: 20px;
    margin: 15px auto;
}
.osusume_ttl{
    text-align: center;
    margin: 10px 0;
    color: #0b0200;
    font-weight: bold;
}
.osusume_wrap i{
	text-align: center;
    display: block;
    font-size: 50px;
    color: #de5418;
}
#contract .fa-angles-right{
	text-align: end;
    font-size: 30px;
}
a.osusume:hover{
	opacity:0.7;
transition-duration: 0.3s;
}
.to_staff_flex{
	    display: flex;
    align-items: center;
    justify-content: center;
}
.to_staff_flex img{
	width:180px
}
.to_staff_flex p{
	  line-height: 2rem;
    margin-right: 20px;
    color: #675952;
}
.contract_btn{
	  font-weight: bold;
    font-size: 1rem;
    color: #fff;
    padding: 20px 10px 15px;
    background: #de5418;
    width: 300px;
    display: block;
    text-align: center;
    margin: 0 auto 50px;
	line-height: 1.3rem;
}
.contract_btn:hover{
	opacity:0.7;
	transition-duration: 0.3s;
}
/*  contract sp*/
@media screen and (max-width: 767px){
#contract {
    margin-top: -40px;
}
#contract .contents .tab_main {
    padding: 50px 10px;
}
.txt_box_wrap_flex{
		display:block
	}
.txt_box {
    padding: 30px 0;
}
.to_staff_flex img {
    width: 100px;
}
.osusume {
    width: 90%;
    margin: 30px auto;
	display:block
	}
.osusume_wrap{
    display: block;
	margin-top:20px;
}
}
/*============
  tsukuba koshitsu
=============*/
.share1_fv{
	background: url(../img/tsukuba/share01_fv.png);
	height:400px;
	max-width: 1150px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#room4 h1{
	font-size:4rem;
	height: 200px;
top: 27%;
}
#room4 h1 .h1_01{
	font-size:2rem;
	color: #de5418;
}
.room4_scroll{
	display: flex;
    margin: 0 auto 50px;
    justify-content: center;
	
}
.room4_scroll li{
	padding:0 20px;
	text-align: center;
   display: block;
}
.room4_scroll i{
    background: #de5418;
    color: #fff;
    border-radius: 50%;
    padding: 9px 10px;
	margin-top:10px
}
.room4_scroll a{
	color:#0b0200
}
#tsukuba_about .icon{
    width: 40px;
    margin: auto;
    display: block;
    padding: 30px 0 10px;
}
#tsukuba_about{
	  background: url(/wp-content/uploads/2023/06/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
	    padding-bottom: 60px;
}
#tsukuba_about span{
	display: block;
    text-align: center;
    font-family: 'Lexend Zetta', sans-serif;
    color: #de5418;
}
#tsukuba_about h2{
margin:auto;
color: #675952;
}
.tsukuba_about{
    line-height: 1.5rem;
    margin: 30px auto 0;
    padding-bottom: 30px;
	    max-width: 600px;
}
.n2_clear {
    max-width: 1150px !important;
    margin: auto;
}

#tsukuba_about table{
	 margin: 40px auto 0;
    border-top: 1px solid #675952;
    border-bottom: 1px solid #675952;
    width: 1150px;
    display: block;
    box-sizing: border-box;
}
.fa-circle{
	    font-size: 10px;
    color: #675952;
}
#tsukuba_about td{
	    line-height: 1.5em;
	    padding: 20px;
}
#tsukuba_about th{
	width: 20%;
    padding: 20px;
	    vertical-align: middle;
	border-right: 1px solid #675952;
	}
.border2{
	border-top: 1px solid #675952;
}
#tsukuba_room th{
    text-align: left;
    background: #de5418;
    padding: 20px 30px;
    color: #fff;
}
#tsukuba_room .icon {
    width: 40px;
    margin: auto;
    display: block;
    padding: 30px 0 10px;
}
#tsukuba_room span {
    display: block;
    text-align: center;
    font-family: 'Lexend Zetta', sans-serif;
    color: #de5418;
}
#tsukuba_room h2 {
    margin: auto;
    color: #675952;
}
#tsukuba_room table{
    max-width: 1150px;
    margin: 50px auto 40px;
}
#tsukuba_room td{
padding:20px 30px
}
#tsukuba_room a{
	margin: auto;
    display: block;
    text-align: center;
    padding: 20px 10px;
    border: #de5418 solid 2px;
    width: 300px;
    margin-bottom: 50px;
    color: #de5418;
    font-weight: bold;
}
#tsukuba_room a:hover{
	transition:0.3s;
	background:#de5418;
	color:#fff
}
#tsukuba_room tr:nth-child(even){
	background:#f8ddd1
}
div#n2-ss-2 .n2-thumbnail-dot img {
    width: 200px !important;
    height: 100px;
}

#tsukuba_ryokin .icon {
    width: 40px;
    margin: auto;
    display: block;
    padding: 30px 0 10px;
}
#tsukuba_ryokin span {
    display: block;
    text-align: center;
    font-family: 'Lexend Zetta', sans-serif;
    color: #de5418;
}
#tsukuba_ryokin h2 {
    margin: auto;
    color: #675952;
}
#tsukuba_ryokin {
    background: url(/wp-content/uploads/2023/06/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 60px;
}
#tsukuba_ryokin p{
	    max-width: fit-content;
}
.orange_box_wrap{
	display: flex;
    justify-content: center;
}
.orange_box{
	margin: 0px 20px 10px;
    padding: 10px;
    background: #de5418;
    color: #fff;
    border-radius: 10px;
text-align: center;
}
.price_wrap ul{
	display: flex;
    justify-content: space-between;
    max-width: 500px;
    margin: auto;
	border-bottom: 1px solid #0b0200;
	    padding: 0 30px;
}
#tsukuba_ryokin .black_price{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #0b0200;
}
#tsukuba_ryokin .orange_price{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #de5418;
    font-weight: bold;
}
.price_wrap ul li{
		display: flex;
	    display: flex;
    margin: 20px 0;
}
.kome{
	margin: 20px auto;
    line-height: 1.4rem;
    font-size: 14px;
    text-align: left;
}
#tsukuba_ryokin .mail_btn {
    font-weight: bold;
    font-size: 1rem;
	background:#0b0200;
    color: #fff;
    padding: 20px 10px;
	border: #0b0200 solid 2px;
    width: 270px;
    display: block;
    text-align: center;
	 margin: 50px auto 10px;
}
#tsukuba_ryokin .mail_btn:hover{
	 color: #0b0200;
	background:#ffffff00;
	transition:0.3s;
    padding: 20px 10px;
	border: #0b0200 solid 2px;
}
#tsukuba_ryokin h4{
	text-align: center;
    font-size: 24px;
    color: #de5418;
    padding: 30px 0;
	    max-width: 550px;
	font-weight: bold;
	background-image:url(../img/tsukuba/MERIT.png);
    background-size: contain;
    margin: 0 auto 30px;
    background-repeat: no-repeat;
}
#tsukuba_ryokin h5{
	text-align: center;
    background: #de5418;
    width: 80px;
    padding: 10px;
    color: #fff;
    margin: 0 auto 10px;
}
#tsukuba_ryokin h6{
	    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
}
.tokuten{
	    background: #fff;
    padding: 40px 30px;
    max-width: 1150px;
    margin: 70px auto 0;
    border: 1px solid #de5418;
}
.tokuten_box{
	width: 31%;
    background: #f5f5f5;
    border-radius: 10px;
    border: solid 1px #de5418;
    padding: 30px 20px
}
.tokuten_box i{
	text-align: center;
    display: block;
    font-size: 40px;
    color: #f8ddd1;
	text-stroke: 1px #de5418;
  -webkit-text-stroke: 1px #de5418;
	padding:0 0 10px
}
.tokuten_box p{
	    line-height: 1.4rem;
}
.tokuten_flex{
	display: flex;
    justify-content: space-evenly;
}
.flex_1{
	margin-bottom:20px
}
#tsukuba_ryokin .flow h4 {
    text-align: center;
    font-size: 24px;
    color: #de5418;
    padding: 30px 0;
    font-weight: bold;
    background-image: url(../img/tsukuba/FLOW.png);
    background-size: auto;
    margin: 40px auto 0;
    background-repeat: no-repeat;
    height: 120px;
}
.flow{
	    max-width: 800px;
    margin: 60px auto 0;
}
.flow_kome{
	text-align:center
}
.flow_kome a{
	color:#0b0200;
	border-bottom:1px solid;
}
.flow_flex_wrap{
    max-width: 1150px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.flow_flex_box{
	background: white;
    padding: 40px;
    border: solid 1px #de5418;
    padding: 30px 10px;
    text-align: center;align-content;
	    border-radius: 10px;
    width: 160px
}
#tsukuba_ryokin  .flow_flex_box p {
    max-width: unset;
	    line-height: 1.3rem;
}
.flow_flex_p{
	padding-bottom:10px
}
#tsukuba_ryokin .fs12{
	font-size:12px;
	color:#0b0200;
		font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.flow_flex_box .to_contract{
	border-bottom:1px solid
}
#option .osusume {
    padding: 30px;
    line-height: 1.5rem;
    border: 1px solid #de5418;
}

#option	.osusume_black {
    background: #de5418;
}
#option	i{
	  text-align: center;
    display: block;
    font-size: 40px;
    color: #f8ddd1;
    text-stroke: 1px #de5418;
    -webkit-text-stroke: 1px #de5418;
    padding: 0 0 10px;
}
#option .icon {
    width: 40px;
    margin: auto;
    display: block;
    padding: 30px 0 10px;
}
#option h2 {
    margin: auto;
    color: #675952;
}
#option span {
    display: block;
    text-align: center;
    font-family: 'Lexend Zetta', sans-serif;
    color: #de5418;
}
#tsukuba_about tr{
	font-size:16px
}
/*  tsukuba koshitsu sp*/
@media screen and (max-width: 767px){
#tsukuba_koshitu{
    margin-top: -40px;
}
#room4 h1{
    font-size: 26px;
	    height: auto;
    padding: 10px;
	    top: 33%;
}

.share1_fv{
	background: url(../img/tsukuba/sp_fv_bg.png);
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}
	
#room4 h1 .h1_01 {
    font-size: 1rem;
}
#tsukuba_about span {
    padding-bottom: 10px;
}
#tsukuba_about p{
		    width: 90%;
	}
.flow_flex_box{
margin: 20px auto;
    display: flex;
    justify-content: space-between;
    width: 80%;
    padding: 10px 20px;
    align-items: center;
    text-align: right;
	}
	.flow_flex_wrap{
		display:block;
	}
	.flow_flex_wrap .fa-angles-right{
		display:none
	}
	.tokuten_box{
    width: 100%;
    margin-bottom: 20px;
	}
.flex_1 {
    margin-bottom: 0;
}
	.orange_box_wrap {
		display: block;align-content}
.tokuten_flex {
    margin-bottom: 0px;
    display: block;
}

#tsukuba_koshitu h2{
		    margin: 10px auto 0;
	}
#tsukuba_ryokin .flow h4{
    background-size: contain;
}
	.kome{
		    width: 90%;
	}

.room4_scroll {
    margin: 20px auto;
}
.js-scrollable td,
.js-scrollable th {
  white-space: nowrap;
  background-color: transparent;

}
.js-scrollable table {
  margin-bottom: 0;
	width:600px
}
.js-scrollable {
  margin-bottom: 30px;
}
#tsukuba_about table{
		 font-size: 16px !important;
	 -webkit-text-size-adjust: 100%;
	}
.tsukuba_about {
    width: 90%;
}
	}

/*============
  kamakurakan
=============*/

#kamakura .share1_fv {
	background: url(../img/kamakura/fv.png);
	    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#kamakura #room4 h1 .h1_01{
	color:#de9a18
}
#kamakura .room4_scroll i{
background:#de9a18	
}
#kamakura #tsukuba_about span{
		color:#de9a18
}
#kamakura h2{
border-bottom: 1px solid #de9a18;
}
div#n2-ss-3 .n2-thumbnail-dot img {
    width: 200px !important;
    height: 100px !important;
}
#kamakura #tsukuba_room span{
		color:#de9a18
}
#kamakura #tsukuba_room th {
    background:#de9a18
}
#kamakura #tsukuba_room tr:nth-child(even) {
    background: #f8ebd1;
}
#kamakura #tsukuba_room a{
	border: #de9a18 solid 2px;
    color: #de9a18;
}
#kamakura #tsukuba_room a:hover {
    background: #de9a18;
    color: #fff;
}
#kamakura .orange_box{
	background:#de9a18
}
#kamakura #tsukuba_ryokin .orange_price{
	color: #de9a18;
	    font-weight: bold;
}
#kamakura #tsukuba_ryokin span{
		color: #de9a18;
}
#kamakura .fa-angles-right{
	color: #de9a18;
}
#kamakura #tsukuba_ryokin h4{
	color: #de9a18;
}
#kamakura .tokuten{
	border: 1px solid #de9a18;
}
#kamakura .tokuten_box{
		border: 1px solid #de9a18;
}
#kamakura #tsukuba_ryokin h5{
	background:#de9a18
}
#kamakura .tokuten_box i {
    color: #f8ebd1;
    text-stroke: 1px #de9a18;
    -webkit-text-stroke: 1px #de9a18;
}
#kamakura #tsukuba_ryokin .fs12{
	color: #0b0200;
}
#kamakura .contract_btn{
	background:#de9a18
}
#kamakura .flow_flex_box{
			border: 1px solid #de9a18;
}
#kamakura #option span{
		color: #de9a18;
}
#kamakura #option .osusume{
	border: 1px solid #de9a18;
}
#kamakura #option .osusume_black{
		background:#de9a18
}
#kamakura #option i{
	    color: #f8ebd1;
    text-stroke: 1px #de9a18;
    -webkit-text-stroke: 1px #de9a18;
}
#kamakura #tsukuba_ryokin .black_price{
		color: #0b0200;
}

/*  tsukuba koshitsu sp*/
@media screen and (max-width: 767px){
#kamakura {
    margin-top: -40px;
}
#kamakura .share1_fv{
	background: url(../img/kamakura/sp_fv2_bg.png);
	margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}
#kamakura h2 {
    margin: 10px auto 0;
}
}
/*============
  kaigi
=============*/
#kaigi .share1_fv {
    background: url(../img/meeting_room/kaigi_fv.png);
    height: 400px;
    max-width: 1150px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.fs14_1{
margin: 10px auto 0;
    width: 1150px;
    text-align: start;
    font-size: 14px;
    line-height: 1.5rem;
}
.fs14_2{
	max-width:580px;
	text-align:start;
 margin: 0px auto 40px;
    font-size: 14px;
    line-height: 1.5rem;
}
#kaigi table {
    margin: 50px auto 10px;
}
#kaigi section span{
	 color: #2f75b6;
}
#kaigi section h2{
	 border-bottom: 1px solid #2f75b6;
}
#kaigi #room4 h1 .h1_01 {
    font-size: 2rem;
    color: #2f75b6;
}
#kaigi  .contract_btn{
	background:#2f75b6
}
#kaigi  #tsukuba_room th{
	background:#2f75b6
}
#kaigi  #tsukuba_room tr:nth-child(odd) {
    background: #d1e1f8;
}
#kaigi  #tsukuba_room tr:nth-child(even) {
    background: #fff;
}
/*  kaigi sp*/
@media screen and (max-width: 767px){
#kaigi .share1_fv {
    background: url(../img/meeting_room/kaigi_sp_fv.png);
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}
#kaigi section span {
    padding-bottom: 6px;
}
#kaigi  #tsukuba_about table {
    width: 900px;
}
.fs14_2 {
    padding-left: 10px;
}
#kaigi  #room4 h1 {
    font-size: 26px;
    height: auto;
    padding: 10px;
    top: 33%;
	line-height:1.6rem
}
#kaigi  #room4 h1 .h1_01 {
    font-size: 1rem;
}
#kaigi{
    margin-top: -40px;
}
}
/*============
coworking
=============*/
#coworking .share1_fv {
    background: url(../img/coworking/co_fv.png);
    height: 400px;
    max-width: 1150px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#coworking #room4 h1 .h1_01 {
    font-size: 2rem;
    color: #2f8b57;
}
#coworking section span{
	 color: #2f8b57;
}
#coworking section h2{
	 border-bottom: 1px solid #2f8b57;
}
#coworking #room4 h1 .h1_01 {
    font-size: 2rem;
    color: #2f8b57;
}
#coworking .contract_btn{
	background:#2f8b57
}
#coworking #tsukuba_room th{
	background:#2f8b57
}
#coworking #tsukuba_room table {
    max-width: 1150px;
    margin: 50px auto 20px;
}
#coworking #tsukuba_room tr:nth-child(even) {
    background: #e1f8d1;
}
#coworking .contract_btn small {
	   color: #fff;
    font-weight: 500;
    margin-right: 0px;
}
#coworking .fs14_2 {
    max-width: 490px;
}
/*  coworking sp*/
@media screen and (max-width: 767px){
#coworking .share1_fv {
    background: url(../img/coworking/co_sp_fv.png);
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}
	#tsukuba_room td {
    text-align: center;
}
#coworking section span {
    padding-bottom: 6px;
}
#coworking #tsukuba_about table {
    width: 900px;
}
.fs14_2 {
    padding-left: 10px;
}
#coworking  #room4 h1 {
    font-size: 26px;
    height: auto;
    padding: 10px;
    top: 33%;
	line-height:1.6rem
}
#coworking  #room4 h1 .h1_01 {
    font-size: 1rem;
}
#coworking{
    margin-top: -40px;
}
}
/*============
sonota
=============*/
#sonota #room4 h1 {
    font-size: 3rem;
    height: 200px;
    top: 27%;
    line-height: 3rem;
}
#sonota .share1_fv {
    background: url(../img/sonota/sonota_fv.png);
    height: 400px;
    max-width: 1150px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#sonota  #room4 h1 .h1_01 {
    font-size: 2rem;
    color: #de5418
}
#sonota section span{
	 color: #de5418;
}
#sonota section h2{
	 border-bottom: 1px solid #de5418;
}
#sonota #room4 h1 .h1_01 {
    font-size: 2rem;
    color: #de5418;
}
#sonota .contract_btn{
	background:#de5418
}
#sonota #tsukuba_room th{
	background:#de5418;
	border-right: 1px solid #fff;
}
#sonota #tsukuba_room table {
    max-width: 1150px;
    margin: 50px auto;
}
#sonota .contract_btn small {
	   color: #fff;
    font-weight: 500;
    margin-right: 0px;
}
#sonota .fs14_2 {
    max-width: 490px;
}
#sonota #tsukuba_room tr:nth-child(odd) {
    background: #fff;
}
#sonota #tsukuba_room td {
    padding: 20px 10px;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
background:#f8ddd1
}
#sonota #tsukuba_room th:nth-child(1) {
    background: #fff;
}
#sonota #tsukuba_room td:nth-child(1) {
    background: #685a52;
    color: #FFF;
}
#sonota #tsukuba_ryokin h6 {
    line-height: 1.3rem;
}
#sonota .tokuten_flex {
    justify-content: center;
    margin-bottom: 20px;
}
#sonota .tokuten_box {
    margin: 0 10px;
}
/*  sonota sp*/
@media screen and (max-width: 767px){
#sonota .share1_fv {
    background: url(../img/sonota/sonota_sp_fv.png);
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}
#sonota #tsukuba_about span {
    padding-bottom: 10px;
}
#sonota .tokuten_flex {
    display: block!important;
	margin:auto
}
#sonota .tokuten_box {
    margin: 20px 0;
}
#sonota #tsukuba_about table {
    width: 750px;
}
.fs14_2 {
    padding-left: 10px;
}
#sonota #room4 h1 {
    font-size: 26px;
    height: auto;
    padding: 10px;
    top: 33%;
	line-height:1.6rem
}
#sonota #room4 h1 .h1_01 {
    font-size: 1rem;
}
#sonota {
    margin-top: -40px;
}
#sonota #tsukuba_room table{
    margin-bottom: 30px;
    width: 100%;
	font-size:14px;
    text-align: center !important;
}
#sonota section span {
    margin-bottom: 10px;
}
#tsukuba_room th {
    padding: 20px 10px;
    text-align: center;
}
}
/*  お知らせ一覧*/
div.whatsnew dd {
    overflow: hidden;
    color: #0b0200;
}
div.whatsnew {
	max-width: 900px;
    margin: 40px auto 80px;
}
div.whatsnew dl{
	    padding: 0 10px;
}
.whatsnew h1{
	    margin-bottom: 30px;
}
@media screen and (max-width: 767px){
	.whatsnew h1{
		   font-size: 22px;
	}
.header img {
    width: 150px;
    z-index: 999;
    position: relative;
}
div.whatsnew dd {
    line-height: 1.5rem;
}
#allnews h1 {
    margin-top: -30%;
	background: #ffffff00;
}
div.whatsnew {
    font-size: 100%;
    word-break: break-all;
    overflow: unset;
}
.blog-detail__title {
    font-size: 20px !important;
    padding: 10px!important;
    line-height: 2rem;
    margin-top: 0px!important;
}
.blog-detail__body{
	max-width:90%;
	}
.blog-detail__image img{
	 width: 90%;
    margin: auto;
    display: block;
}
.page_n {
	 width: 90%;
}
.campaign img{
		width:90%
	}
	.campaign{
			margin: 30px auto !important;
		text-align:center
	}
}
div.whatsnew .newmark {
    font-size: 74%;
    padding: 1px 5px;
    vertical-align: middle;
    color: White;
    background-color: #de5418;
    border-radius: 3px;
}
.blog-detail__title{
    font-size: 2rem;
    padding: 20px 0;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    line-height: 2.5rem;
    background: whitesmoke;
    margin-bottom: 20px;
    width: auto;
    margin-top: 50px;
}

.blog-detail__image img{
	  max-width: 800px;
    margin: auto;
    display: block;
}
.blog-content {
	text-align:left;
	max-width:800px;
	margin:auto;
	padding:20px 0；
	line-height: 2rem;
    color: #0b0200;
}
.blog-content a{
	color:#de5418
}
.page_n a{
    color: #675952;
}
.page_n{
    max-width: 800px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}
.blog-detail__body{
		text-align:left;
	line-height: 2rem;
	margin:auto
}
.date{
text-align: center;
    color: #685a52;
}
.balloon:before {
    border: solid 12px transparent;
    border-top: solid 12px #695b52;
}
.balloon {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border-bottom: solid 2px #695b52;
    padding: 16px;
    min-width: 240px;
    max-width: 100%;
    text-align: center;
}
div.whatsnew a {
    padding: 15px 0;
}
div.whatsnew a:hover {
    background-color: #f5f5f500;
}
#allnews h1 {
	background: #ffffff00;
}
.grecaptcha-badge{
display:none
}
.bg_gray{
	background: #f5f5f5;
	padding:20px
}
.marker{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.space{
	line-height:2rem;
	text-align:center
}
.campaign{
	margin: -60px auto 60px;
    display: table;
}
.campaign img{
	max-width:500px
}
.campaign a:hover{
	opacity:0.7
}
/*  calendar*/
#calendar{
	margin:30px auto;
	background: url(/wp-content/uploads/2023/06/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 60px;
}

#calendar iframe{
		width: 70%;
		height: 700px;
		margin: auto;
		display: block;
	}	
#calendar div{
	  text-align: left;
    margin: 30px auto 20px;
    display: table;
    line-height: 27px;
	}
#calendar  h2 {
    margin: auto;
    color: #675952;
}
#calendar .icon {
    width: 40px;
    margin: auto;
    display: block;
    padding: 30px 0 10px;
}
#calendar  span {
    display: block;
    text-align: center;
    font-family: 'Lexend Zetta', sans-serif;
    color: #de5418;
}
.aki a{
	color:#2f75b6;
	border-bottom:1px solid #2f75b6;
}
.kome2{
	color:#de5418
}
@media screen and (max-width: 767px){
	#calendar iframe{
		width: 100%;
	}	
	#calendar div{
		width:90%;
	}
#calendarContainer1 .bubble{
		width:90%!important
	}
}
/* 追加*/
.kamakura_center{
	text-align: center;
	margin-bottom: 30px;
    color: #de5317;
}
.padding10{
	padding:10px;
}
/*カレンダー色表示*/
#calendar .maru{
    display: flex;
    margin: 10px;
    line-height: 0;
    text-align: center;
    justify-content: space-evenly;
    align-items: center;
    max-width: 500px;
    margin: 10px auto;
}
@media screen and (max-width: 767px){
	#calendar .maru{
		display: block;
		margin:10px;
	}
}
#calendar .maru li{
	display: flex !important;
    align-items: center;
	margin-top:10px;
}
.maru_purple{
    height: 10px;
    width: 10px;
    background: #b39ddb;
    margin-right: 10px;
    border-radius: 10px;
}
.maru_orange{
    height: 10px;
    width: 10px;
    background: #ff0100;
    margin-right: 10px;
    border-radius: 10px;
}
.maru_green{
    height: 10px;
    width: 10px;
    background: #c0ca33;
    margin-right: 10px;
    border-radius: 10px;
}
.maru_yellow{
    height: 10px;
    width: 10px;
    background: #f7bf27;
    margin-right: 10px;
    border-radius: 10px;
}

.parking{
	font-size: 14px;
    color: red;
    padding-top: 7px;
}