@charset "utf-8";

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

/* 高汎用 */
.font_80{
 font-size: 80%;
}
.font_bold{
 font-weight: 900;
}
.font_bold_120{
 font-size: 120%;
 font-weight: 900;
}
.align_center{
 text-align: center;
}

* 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
---------------------------------------------- */
#slide {
 padding: 0;
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 font-size: 16px !important;
 line-height: 1.8em !important;
}
#slide a{
 color: #1b6fb5!important;
 text-decoration: underline!important;
}
#slide img{
 border: none;
}
/*#slide .keyV {
 background-image: url("/ssi/event/yoyaku_system/heigan/img/text_themetit.png");
 background-repeat: no-repeat;
 background-position: center bottom;
}*/
#slide .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 60px;
 padding: 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;
 text-align:left!important;
}
.wrap_com01{
 margin: 0 30px 60px;
 position: relative;
}
.wrap_com02{
 margin: 0 20px 60px;
 position: relative;
}
img.sashie{
 float: right;
 margin: 0 0 10px 10px;
 width:300px;
}
.green_band_1st,
.green_band_com{
 display: block;
 margin: 0 0 30px 0;
 padding: 20px 30px;
 background-color: #4cb847;
 color: #fff;
 font-size: 160%;
 font-weight: 900;
}
.green_band_1st{
 border-radius: 7px 7px 0 0;
}
.green_band_1st span,
.green_band_com span{
 color:#f47522;
 font-size:120%;
 text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
}
.div_l{
 float: left;
 width: 350px;
 margin: 0 10px 60px 0;
}
.l_p01{
 display: block;
 font-size: 140%;
 font-weight: 900;
 color: #ed5053;
 line-height: 1.9em;
}
.l_p01 span{
 color: #1b6fb5;/*blue*/
 font-size: 140%;
}
.l_p02{
 width:80%;
 display: block;
 background-color: #fff;
 border: 4px solid #ed5053;
 border-radius: 12px;
 padding: 20px;
 font-size: 120%;
 font-weight: 900;
 line-height: 2em!important;
}
.l_p02 img{
 float: left;
 margin: 0 10px 0 0;
}
.div_r{
 float: right;
 width: 640px;
 margin: 0 0 60px;
 padding: 0;
}
ul.icons{
 list-style: none;
 margin:0 auto 30px;
}
ul.icons li{
 display: block;
 float: left;
 width:150px;
 text-align: center;
 margin: 0;
 padding: 0;
}
dl.merit dt{
 width: 524px;/*max600px*/
 padding-left: 76px;
 background-image: url(/ssi/event/yoyaku_system/heigan/img/icon_check.png);
 background-repeat: no-repeat;
 font-size: 160%;
 font-weight: 900;
 line-height: 1.5em;
 margin-bottom:20px;
 float: left;
 clear:both;
}
dl.merit dt span{
 color: #ed5053;
}
dl.merit dd.dd_img,
dl.merit dd.dd_img02{
 float: right;
 width:415px;
 text-align: center;
 position: relative;
 margin-bottom: 40px;
}
dl.merit dd.dd_img02 img{
 width:80%;
}
dl.merit dd.dd_text{
 float: left;
 width:580px;
 padding-left:20px;
 margin-bottom:60px;
}
dl.merit dd.dd_text_end{
 loat: left;
 width:580px;
 padding-left:20px;
 margin: 0!important;
}
img.icon_sakura{
 position: absolute;
 width:102px!important;
 height: 97px!important;
 left:0;
 top: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*/
}
.attention{
 width:1060px;/*max:1068px*/
 margin: 0 auto;
 padding: 0;
 border: 4px solid #1b6fb5;/*theme_blue*/
}
.w_inner p{
 display:block;
 line-height: 1.7em;
 margin: 0 30px 1.7em;
 text-align:left!important;
}
.w_inner p span{
 font-size:120%;
 font-weight: 700;
 color: #f36f23;
}
.w_inner p.answer{
 background-image: url(/ssi/event/yoyaku_system/heigan/img/text_a.png);
 background-repeat: no-repeat;
 background-size:2.5em;
 background-position:0 0;
 padding-left:4em;
}
p.w_tit_1st{
 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_1st img.boy{
 position: absolute;
 right: 20px;
 bottom: 0;
}
img.move{
 width:20%;
 margin: 0 20px 10px 10px;
 float: right;
}
p.w_tit_next{
 background-image: url(/ssi/event/yoyaku_system/heigan/img/text_q.png);
 background-repeat: no-repeat;
 background-size:2.2em;
 background-position:20px 15px;
 margin:0 0 40px!important;
 padding:20px 20px 20px 92px;
 display: block;
 width: 948px;/*max1060px*/
 background-color: #f36f23;
 color: #fff;
 font-weight: 900;
 font-size:160%;
}
.attention p.a_tit{
 margin:0 0 40px!important;
 padding:20px;
 display: block;
 width: 1020px;
 background-color: #1b6fb5;/*theme_blue*/
 color: #fff;
 font-weight: 900;
 font-size:160%;
}
.attention ul{
 display:block;
 list-style: none;
 padding-bottom:20px;
}
.attention li{
 background-image: url(/ssi/event/yoyaku_system/heigan/img/icon_arrow_blue.png);
 background-repeat: no-repeat;
 background-position: 0 2px;
 display:block;
 margin: 0 30px 15px;
 padding: 0 0 0 2em;
}


/* エリア検索
------------------------------------------ */
.searchLinks h3{
font-size: 250%;
    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;

}