@charset "utf-8";

/* 共通
---------------------------------------------- */
/* clearfix */
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/* PC 非表示 */
.pc_none {
display:none;
}

/* スマホトップバナー　※PCでSPサイトを開いた場合 */
#spBnr {
display:none;
}

/* パンくず */
#breadCrumb {
width:1140px;
margin:0 auto 10px;
}
#breadCrumb ol li {
display: inline-block;
font-size:12px;
height:16px;
padding:0 1em 0 2em;
position:relative;
}
#breadCrumb ol li,#breadCrumb ol li a {
line-height:16px;
}
#breadCrumb ol li:first-of-type {
background:url(/files/img/common/icon_home_01.png) no-repeat left center;
padding-left:20px;
}
#breadCrumb ol li:not(:first-of-type)::before {
content:'';
display:block;
width:1em;
height:100%;
background:url(https://unilife.co.jp/files/img/common/icon_arrow_03.png) no-repeat center center;
position:absolute;
left:0; bottom:0;
}

/* サービスバナー　※コンテンツ下部（未使用）
---------------------------------------------- */
img.rakusearch{
	width:720px!important;
	margin:0 0 10px 0;
}
#other_service {
 width: 100%;
 margin: 0 0 4em 0;
 padding: 1em 0;
 background-color: #ECECEC;
 border-top: 3px solid #212121;
 border-bottom: 3px solid #212121;
}
#other_service div {
 width: 1140px;
 height: auto;
 text-align: center;
}
#other_service ul {
 list-style: none;
 display: block;
 width: 1140px;
 margin: 0 auto;
}
#other_service ul li {
 display: block;
 float: left;
 width: 19%;
 margin: 0 1% 10px 0;
}
#other_service div.before {
 margin: 0 auto 0.5em auto;
 border-bottom: 1px dotted #333;
}
#other_service img {
 width: 100%;
}
#other_service h3 {
 font-weight: 900;
 font-size: 200%;
 display: block;
 margin: 0 auto 0.5em auto;
 padding: 0;
}

/* コンテンツ全体、MV
---------------------------------------------- */
#harukara {
 padding: 0 0 60px;
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 font-size: 16px !important;
 line-height: 1.8em !important;
}
/*#harukara .keyV {
 background-image: url("/ssi/event/yoyaku_system/harukara/img/text_themetit.png");
 background-repeat: no-repeat;
 background-position: center bottom;
}*/
#harukara .keyV .inner {
 width: 1140px;
 margin: 20px auto 80px auto;
 padding:1em 0 0 0;
 text-align:center;
}


/* #gaiyou
---------------------------------------------- */
#gaiyou{
 width: 100%;
 margin: 0 auto 60px auto;
 padding: 60px 0 0;
 position: relative;
 background-image: url("/ssi/event/yoyaku_system/harukara/img/bg_re_x_01.png");
 background-repeat: repeat-x;
}
.tit_greenribbon{
 width: 1106px;/* original:1106x90px */
 height: 90px;
 position: absolute;
 top:-60px;
 left:50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 background-image: url("/ssi/event/yoyaku_system/harukara/img/bg_greenribbon.png");
 background-repeat:no-repeat;
}
.tit_greenribbon p{
 font-size: 140%;
 font-weight: 900;
 color:#fff;
 margin:30px 0 0 0;
 text-align:center;
}
.tit_greenribbon p span{
 font-size: 160%;
}

h2{
 display: block;
 width:953px;
 height: 112px;
 margin: 0 auto 60px auto;
 background-image: url("/ssi/event/yoyaku_system/harukara/img/bg_line.png");
 background-repeat: no-repeat;
 text-align: center;
 font-size: 400%;
 font-weight: 900;
 color:#4cb847;
 line-height:0.9em;
}
h2 span{
 font-size: 35%;
}

.g_inner{
 width:1060px;/*max:1068px*/
 margin: 0 auto;
 padding: 50px 0;
 position: relative;
 border: 4px solid #4cb847;/*theme_green*/
 background-color: #fffcd6;/*theme_light_yellow*/
 border-radius: 14px;
}
.g_inner p{
 display:block;
 line-height: 1.7em;
 margin: 0 0 1.7em 30px;
 text-align:left!important;
}
.boutou{
 width: 630px;
 margin: 0 0 40px 0;
}

.illust01{
 width: 463px;
 height: 225px;
 position: absolute;
 right: -50px;
 top:-30px;
}
.xscroll_guide{
 display: none!important;
}
.schedule{
 margin: 0 20px 60px 20px;
 text-align: center;
 position: relative;
}
.schedule img{
 margin: 0 0 40px 0;
}
img.money{
 position: absolute;
 right: -10px;
 bottom:0;
}
.green_band{
 display: block;
 margin: 0 0 30px 0;
 padding: 20px 30px;
 background-color: #4cb847;
 color: #fff;
 font-size: 160%;
 font-weight: 900;
}
.g_inner ul{
 list-style: none;
 margin-left:30px;
}
.g_inner li{
 display: block;
 float: left;
 width:150px;
 text-align: center;
 margin: 0;
 padding: 0;
}

/* #why
---------------------------------------------- */
#why{
 width: 100%;
 margin: 0 auto 140px auto;
 padding: 60px 0 0;
}
.w_inner{
 width:1060px;/*max:1068px*/
 margin: 0 auto;
 padding: 0;
 position: relative;
 border: 4px solid #f36f23;/*theme_orange*/
}
.w_inner p{
 display:block;
 line-height: 1.7em;
 margin: 0 30px 1.7em;
 text-align:left!important;
}
p.w_tit{
 margin:0 0 40px!important;
 padding:20px;
 display: block;
 width: 1020px;
 background-color: #f36f23;
 color: #fff;
 font-weight: 900;
 font-size:160%;
 position: relative;
}
p.w_tit img.boy{
 position: absolute;
 right: 20px;
 bottom: 0;
}
img.move{
 width:20%;
 margin: 0 20px 10px 10px;
 float: right;
}


/* エリア検索
------------------------------------------ */
.searchLinks h3{
font-size: 250%;
 line-height:1.5em;
    text-align: center;
    margin-top: 80px;
    position: relative;
    margin-bottom: 10px;
}
.searchLinks h3::after{
margin-left: -16px;
    left: 50%;
    bottom: -10px;
    width: 32px;
    height: 2px;
    border-radius: 2px;
    background-color: #e95b00;
    content: "";
    position: absolute;

}