@charset "UTF-8";
.outside_in{
	width: 97%;
	margin: auto;
}
@media screen and (max-width: 449px){
.outside_in{
	width: auto;
	margin: auto;
}
}
.rwd-main-content-group .rwd-text{
	line-height: 1.8em!important;
}
.rwd-text {
  font-size: 1.6rem!important;
  margin: auto;
}
.rwd-bold{
	font-weight: bold!important;
}
h4.rwd-subsection-headline{
	font-size: 1.15em!important;
}
/*======================
 アンカーボタンとテーブル
========================*/
/* アンカー */
#rwd-content .rwd-link-list05 li {
    margin-bottom: 8px!important;
  }
	
#rwd-content .rwd-link-list05 li a {
    padding: 8px 10px 8px 51px!important;
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
	border: 1px solid #c5d5e0;
	background-color: #fff;
  }
#rwd-content .rwd-link-list05 li a:hover {
    border: 1px solid #66ccff;
  }
#rwd-content .rwd-link-list05 li::after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    left: 8px!important;
    bottom: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-size: 19px 19px;
    background-color: #5f9bc3;
  }
.rwd-light-yellow{
	background-color: #fdf2dd!important;
}
.headline_wrap{
	font-family: "Osaka-mono", "MS Gothic", "Menlo", "Courier New", "SFMono-Regular",
	"SFMono-Regular",   /* iOS */
    "Menlo",            /* iOS/Android一部 */
    "Roboto Mono",      /* Android（Pixelなど） */
    "Droid Sans Mono",  /* Android旧機種 */
    "Courier New",      /* Windows/Android */
    monospace;
	font-weight:bold;
	font-size:17vw!important;
	margin-bottom:1rem;
}
#relocation01 h3 , #relocation02 h3 , #relocation03 h3{
border-bottom: none;
padding: 1em 1em 0.5em 1em!important;
border-top-left-radius: 30px;
margin-top: 30px;
}
#relocation01 h3{
border-top: solid 5px #bcdbf9;
border-left: solid 5px #bcdbf9;
}
#relocation02 h3{
border-top: solid 5px #e8d3aa;
border-left: solid 5px #e8d3aa;
}
#relocation03 h3{
border-top: solid 5px #b2d1c4;
border-left: solid 5px #b2d1c4;
}
@media screen and (min-width: 768px){
.headline_wrap{
	font-size:7vw!important;
	font-family:
	"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif", 
	}
	}
.rwd-bg-box-color{
	position:relative;
}
.headline_wrap_ttl01{
color:#99ccff;
}
.headline_wrap_ttl02{
color:#e8d3aa;
}
.headline_wrap_ttl03{
color:#b2d1c4;

}
.ttl01{
color:#006699;
}
.ttl02{
color:#cc6633;
}
.ttl03{
color:#336666;
}

h2 span.rwd-subtext{
	font-size: 1em!important;
	font-weight: bold!important;
}
h4.voice_come{
background-image: url("../img/relocation_ico_come.png");
background-repeat: no-repeat;
background-position: left center; /* 左寄せで縦位置は中央 */
background-size: 27px 27px;      /* アイコンの表示サイズ */
padding-left: 35px;              /* テキスト位置を右にずらす */
line-height: 1.8;
}

/*======================
 	内容
========================*/

/* 社員の声 */
.wrap_voice .rwd-grid-item{
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 1em 1.5em 0 1em;
}
.face__txt{
    display: -webkit-flex;
    display: flex;
}
.voice_face{
	text-align: center;
	margin-right: 1.2em;
  }
.voice_face figure{
	width: 80px!important;
	margin-bottom: 0;
}
.voice_txt {
    width: auto;
	align-self: center;
	padding-top: 0.5em;
}
.voice_photo{
    margin: 0 10px 1.2em 10px;
}

/* 東京・名古屋へのアクセス */
.accsess_txt h5{
	font-weight: bold!important;
	margin-top: 0.85em;
}
.accsess_txt ul{
	list-style: circle;
	padding-left: 1.5em;
}
/* レジャー複数写真 */
.ly_leisure .rwd-grid-item figure:first-child{
	margin-bottom: 1px!important;
}
.ly_climate{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.ly_climate_item{
width: 33.3333%;
margin: 0!important;
padding: 0!important;
}
/* 子育て施設 */
.child_care_f{
font-size: 0.85em;margin-top: 30px;border-bottom: 1px solid #999;padding-bottom: 0.5em;
}
#relocation02 h6{
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
}
/* 習い事と商業施設などの写真まわり */
.around_photo{
	padding: 0 0 0 30px;
}
/*===============================

 画面サイズが767px以下の場合に適用

=================================*/
@media screen and (max-width: 767px) {
.lead_br br{
display: none;
}
figure.sp_none{
display: none!important;
}
.ly_leisure .rwd-grid-item figure:first-child{
	margin-bottom: auto;
}
	
h4{
margin-top: 20px!important;
margin-bottom: 10px!important;
}
h5{
margin-bottom: 5px!important;
}
/* 社員の声 */
.bg_voice{
	padding: 1em 1.2em 0 1em;
  }
.bg_voice_face{
    width: 20%;
	margin-right: 1em;
  }
.bg_voice_txt {
    width: 80%;
}
/* レジャー複数写真 */
.ly_climate{
	display: block;
	margin-top: 15px;
}
.ly_climate_item{
width: 100%!important;
margin: 0;
padding: 0;
}
/* 子育て施設 */
#relocation02 h6:first-child{
    margin-top: 1em;
}
/* 習い事と商業施設などの写真まわり */
.around_photo{
	padding: 0 0 0 0;
}
}