@charset "utf-8";
/* 共通
---------------------------------------------- */
/* PC 非表示 */
.pc_none {
 display: none;
}
/* スマホトップバナー　※PCでSPサイトを開いた場合 */
#spBnr {
 display: none;
}
/* .clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.clear_left{
 clear: left;
}
/* 高汎用 */
.centering{
 text-align: center;
}
.font_80{
	font-size:80%;
}
.font_bold{
 font-weight: 900;
}
.font_bold_110{
 font-weight: 900;
 font-size: 110%;
}
.font_bold_red{
 font-weight: 900;
 color: #e62a43;
}
.font_bold_red_110{
 font-weight: 900;
 color: #e62a43;
 font-size: 110%;
}
.no_margin{
 margin: 0!important;
}

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

/* backtop */
.backtop {
position:fixed;
width:100px;
right:20px;
bottom:80px;
}
.backtop > a{
 display:block;
 width: 100px;
 height: 100px;
}
.backtop_sp{
 display: none;
}
/* リンクチップ */
.linkChip {
z-index: 3;
position:fixed;
width:100%;
text-align:center;
left:0;
bottom:0;
background-color:#e62a43;
}
.linkChip > a {
display:block;
border-top:4px solid #000;
color:#fff!important;
text-shadow:2px 2px 0px #000;
font-size:200%;
font-weight:900;
padding:0.5em 1em;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
span.c_yellow{
 color: #fff100;
}
span.small{
	font-size:80%;
}
.linkChip img{
	vertical-align:middle!important;
	margin-left:0.5em;
}

/* パンくず */
#breadCrumb {
 width: 980px;
 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(/files/img/common/icon_arrow_03.png) no-repeat center center;
 position: absolute;
 left: 0;
 bottom: 0;
}
#raishun .infoTitle > .intro p {
 font-size: 14px;
 padding: 1em 2em;
}
/* サービスバナー　※コンテンツ下部
---------------------------------------------- */
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: 980px;
 height: auto;
 text-align: center;
}
#other_service ul {
 list-style: none;
 display: block;
 width: 980px;
 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;
}
/* .closed（クローズ処理）　*/
.closed{
 background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
 width: 100%;
 height: 10%;
 padding:4em 0;
 position:absolute;
 top:0;
 left:0;
}
.closed p{
 display:block;
 width:980px;
 line-height:1.6em;
 margin:0 auto;
 font-size:160%;
 color:#fff;
 font-weight:900;
}
.closed p a{
 color:#fcff73;
}
.closed img{
 margin: 1em 0 0;
}

/* #container_r　トップからピンク層までの背景
---------------------------------------------- */
#container_r{
 padding: 0;
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 font-size: 16px !important;
 line-height: 1.8em !important;
}

/* #section01～05
---------------------------------------------- */
#section01{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_top.png);
	background-position:center 0;
	margin: 0;
}
#section02{
	width:100%;
	height: auto;
	margin: 0;
	padding:200px 0 0;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_01.png);
	background-repeat:repeat-x;
	background-size:auto auto;
	background-position:center 0;
}
.section02_wrapper{
	width:100%;
	padding-top:300px;
	background-color:#e4f9f9;
	position: relative;
}
#section03{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_02.png);
	background-repeat:repeat-x;
	background-color:#fffbd2;
	margin: 0;
	padding-top:200px;
	height: auto;
}
#section04{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_03.png);
	background-repeat:repeat-x;
	background-position:center 0;
	margin: 0;
	padding-top:100px;
	height: auto;
}
#section05{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_precam.png);
	background-position:center 0;
	margin: 0;
	padding:60px 0;
	height: auto;
}

/* #section02
---------------------------------------------- */
.commontit_r_1line_first{
	position: absolute;
	top:-400px;
	left: 10px;
	margin: 0 auto 1em;
}
.commontit_r_1line_second{
	margin: 300px auto 1em;
}
.commontit_r_1line_first,
.commontit_r_1line_second{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_title_1line_r.png);
	background-repeat: no-repeat;
	background-size:auto;
	width:890px;/*970px*/
	height: 99px;/*164px*/
	padding:65px 0 0 80px;
	font-size:210%;
	font-weight:700;
	color:#231815;
}
.commontit_b_1line{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_title_1line_b.png);
	background-repeat: no-repeat;
	background-size:auto;
	width:890px;/*970px*/
	height: 99px;/*164px*/
	margin: 0 auto 1em;
	padding:65px 0 0 80px;
	font-size:210%;
	font-weight:700;
	color:#231815;
}
.commontit_pr_1line{/*section04で使用*/
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_title_1line_pr.png);
	background-repeat: no-repeat;
	background-size:auto;
	width:890px;/*970px*/
	height: 99px;/*164px*/
	margin: 0 auto 1em;
	padding:65px 0 0 80px;
	font-size:210%;
	font-weight:700;
	color:#231815;
}
.commontit_r_1line_first span,
.commontit_b_1line span,
.commontit_pr_2line span,
.commontit_pr_1line span{
	font-size:120%;
	color: #e62a43;
}
.mv_space{
	width:1177px;
	height: 601px;
	padding: 0;
	margin: 0 auto;
	position:absolute;
	top:220px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mv_space img{
	width:100%;
	height: 100%;
}
.outer_first{
	width: 100%;
	margin: 0 auto;
	padding:80px 0 0;
}
.outer{
	width: 1000px;
	margin: 0 auto;
	padding:0;
	position:relative;
}
.txt_group p{
	margin-bottom:1em;
}
.mv_content{
	width:920px;/*1000px*/
	margin: 0 auto;
	padding:541px 40px 40px 40px;
	background-color:#fff;
	position: relative;
}
h2.mv_title{
	font-size:200%;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
	color: #231815;
}
h2.mv_title span{
	font-size:120%;
	color: #e62a43;
}
ul.recommend4,
ul.recommend4 li{
 display: block;
}
ul.recommend4{
	width:940px;
	margin:0 auto;
 list-style: none;
	padding:80px 30px 0;
	background: #3C449C;
	/*background: linear-gradient(0deg,rgba(60, 68, 156, 0) 0%, rgba(60, 68, 156, 1) 100%);*/
}
ul.recommend4 li{
 width: 42.3%;
 padding: 40px 20px 30px;
	margin: 0 1.5% 80px;
 float: left;
	border-radius: 20px;
 font-weight: 900;
 font-size:100%;
 line-height:1.7em;
	position: relative;
}
ul.recommend4 li.yellow_tit{
	background-color: #fff;
	border: 2px solid #231815;
}
ul.recommend4 li.green_tit{
	background:repeating-linear-gradient(-45deg, #fae9e8, #fae9e8 2px, #f8d6d4 2px, #f8d6d4 8px);
	border: 2px solid #fff;
}
ul.recommend4 li span{
	color: #e62a43;
	font-size: 110%;
}
ul.recommend4 p{
	position: absolute;
	top:-50px;
	left: 0;}
ul.recommend4 li.yellow_tit p{
	background-color:#fff100;
	border-radius:40px;
	border:2px solid #231815;
	padding: 20px 20px;
	color: #231815;
	font-weight: 900;
	font-size:130%;
}
ul.recommend4 li.green_tit p{
	background-color:#e62a43;
	border:2px solid #fff;
	border-radius:40px;
	padding: 20px 20px;
	color: #fff;
	font-weight: 900;
	font-size:110%;
}
ul.recommend4 li.green_tit a{
	text-decoration:underline;
	text-shadow: 2px 2px 0 #fff100;
	padding-left:1.8em;
	background-image:url(/ssi/event/yoyaku_service/img_2027/giftbox.png);
	background-repeat: no-repeat;
	background-size:1.4em auto;
}
a.present_yudou{
	float:left;
	text-decoration:underline;
	text-shadow: 2px 2px 0 #fff100;
	padding-left:2.8em;
	background-image:url(/ssi/event/yoyaku_service/img_2027/figure_giftcard.png);
	background-repeat: no-repeat;
	background-size:2.4em auto;
}

/*動画枠*/
.movieSec{padding-bottom:200px;}
.movieSec .movieUl>li {
    width: 798px!important;
    height:409px!important;
    padding:23px 75px 0 75px!important;
    margin: 0 auto 0!important;
    background-image:url(/ssi/event/yoyaku_service/img_2027/bg_movie.png);
    background-repeat:no-repeat;
}
.movieSec .movieUl {
    display: flex;
    flex-wrap: wrap;
    position:absolute;
    top:30px;
	left: 55%;
	transform: translate(-50%, -50%);
}
.movieSec .movieUl li a {
    width:650px!important;
}
.movieSec .movieUl>li.m_chushaku{
	background:none;
	height:auto!important;
}
.movieSec .movieUl>li.m_chushaku p{
	font-size:90%;
	margin: 0 0 20px;
	padding-left:2em;
	background-image:url(/area/images/ico_blank_02.svg);
	background-repeat: no-repeat;
	background-size:1.8em auto;
	background-position:0 2px;
}
.schedule_arrow{
 width: 100%;
 padding: 10px 0 0 0;
 margin: 0;
 background-repeat: no-repeat;
 background-position: center top;
 background-size:1000px;
}
.schedule_arrow ul{
 list-style: none;
 margin: 1em 0 0;
}
.schedule_arrow li{
 float: left;
 width:32%;
 margin: 0 2% 0 0;
}
.schedule_arrow li img{
 width: 100%;
}
.schedule_arrow ul p{
 display: block;
 padding:30px;
 background-color:#231815;
 line-height:2em;
 color: #fff;
}
.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  width:80%;
  margin:1em 0 0 0;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #e62a43;/*左線*/
  color: #000!important;
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
.btn-sticky img{
	width:1em!important;
	vertical-align:middle;
	margin-left:0.5em;
}
.img_slide_of1{
 width:1000px;
 margin: 0 auto;
}
.img_slide_of1 img{
 width:100%;
}

/* #section03
---------------------------------------------- */
.needs_inner{
 width: 1000px;
 margin: 0 auto;
 padding: 0 0 20px 0;
}
.needs_inner ul a{
	color:#008ad8;
	text-decoration: underline;
	background-image:url(/media/assets/img/common/icon70.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	background-size:1em;
	padding-right:1.3em;
	margin-right:0.2em;
}
.needs_inner ul,
.needs_inner li{
 display: block;
 padding: 0;
}
.needs_inner ul{
 list-style: none;
 margin: 1em 0 3em 0;
}
.needs_inner li{
 float: left;
 width:32%;
 margin: 0 2% 0 0;
}
.needs_inner li img{
 width: 100%;
}
.needs_inner ul p{
 display: block;
 padding:30px;
 background-color:#fff;
 line-height:2em;
}
.needs_inner p.nees_tit{
 background-color: #fff;
 border-radius: 20px;
 display: block;
 padding: 20px 0 10px 0;
 margin: 0 auto 20px auto;
 font-size:160%;
 font-weight:900;
 text-align:center;
}
.needs_inner .banner_area{
 width: 960px;
 margin: 0;
 background-color:#fff;
	padding: 20px;
}
.needs_inner .banner_area p{
	font-size:160%;
	font-weight:900;
    text-align: center;
    margin-bottom: 20px;
}
.needs_inner .banner_area p span{
	color:#e62a43;
	font-size:120%;
}
.needs_inner .banner_area div{
 padding: 10px;

}
.needs_inner .banner_area img{
	width: 24%;
	float:left;
	margin-right:1%;
}
.needs_inner .arow{
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
    top: -48px;
}

/* #section04
---------------------------------------------- */
/*問合せボタン*/
.button_yellow_01,
.button_kon_01{/*最初のボタンだけに使用するclass*/
 width: 100%;
	height:110px;
 margin: 60px auto;
 padding: 30px 0;
	background-color:#3c449c;
}
.button_kon_02,
.button_yellow_02{/*汎用*/
 width: 100%;
	height: 110px;
 margin: 60px auto;
 padding: 30px 0;
	background-color:#3c449c;
}
.button_kon_03,
.button_yellow_03{/*プレキャンの上*/
 width: 100%;
	height: 110px;
 margin: 60px auto 0;
 padding: 30px 0;
	background-color:#3c449c;
}
.button_yellow_01 a,
.button_yellow_02 a,
.button_yellow_03 a{
    display:block;
    justify-content: center;
    text-align: center;
    width: 800px;
	height: 40px;
    margin:0 auto;
    padding: 0.6em 2em 1.3em;
	line-height:1.1em;
    border: 3px solid #231815;
    border-bottom: solid 11px #231815;
    border-radius: 60px;
    background-color: #fff100;
    color: #231815;
    font-weight: 600;
    font-size: 2em;
    transition: .5s ease;
}

.button_yellow_01 a:hover,
.button_yellow_02 a:hover,
.button_yellow_03 a:hover{
    transform: translateY(5px);
    border-bottom-width: 2px;
	background-color:#fff;
}

.button_kon_01 a,
.button_kon_02 a,
.button_kon_03 a{
	display: block;
	width:779px;/*779px*/
	height: 100px;/*180px*/
	padding:80px 0 0;
	font-size:180%;
	font-weight:900;
	text-align:center;
	margin:0 auto;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_button_off.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#3c449c;
}
.button_kon_01 a:hover,
.button_kon_01 a:active,
.button_kon_02 a:hover,
.button_kon_02 a:active,
.button_kon_03 a:hover,
.button_kon_03 a:active{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_button_on.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#fff100;-webkit-transform: translateY(2px);
	transform: translateY(2px);
}
.commontit_pr_2line{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_title_2line_pr.png);
	background-repeat: no-repeat;
	background-size:auto;
	width:890px;/*970px*/
	height: 148px;/*203px*/
	margin: 60px auto 1em;
	padding:55px 0 0 80px;
	font-size:185%;
	font-weight:700;
	color:#231815;
	line-height:1.5em;
}
/*#flow*/
#flow{
 width: 100%;
 margin: 0 auto 40px;
 padding: 0 0 240px 0;
 background-image:url(/ssi/event/yoyaku_service/img_2027/merit_illust.png);
 background-repeat:no-repeat;
 background-position:center bottom;
}
.f_inner{
 width: 1000px;
 margin: 0 auto 40px auto;
 padding: 0;
}
p.tit02{/*高汎用タイトル 2行の場合＋左空け*/
 width:950px;/*max 1000px*/
 height: 108px;/*max 138px*/
 display: block;
 background-image: url("/ssi/event/yoyaku_service/img_2027/tit_back_01.png");
 background-repeat: no-repeat;
 padding: 30px 0 0 50px;
 margin: 0 auto;
 font-size: 200%;
 font-weight: 900;
 line-height:1.4em;
 position:relative;
 text-align:center;
}
p.tit02 img{
	position:absolute;
	left:-40px;
	width:180px;
	top:0;
}
p.tit03{/*高汎用タイトル 1行の場合*/
 height: 88px;/*max 138px*/
 display: block;
 background-image: url("/ssi/event/yoyaku_service/img_2027/tit_back_01.png");
 background-repeat: no-repeat;
 padding: 50px 0 0 0;
 margin: 0 auto 1em auto;
 font-size: 200%;
 font-weight: 900;
 line-height:1.5em;
 position:relative;
 text-align:center;
}
#flow dl{
 display: block;
 margin: 3em auto;
}
#flow dt.f1_01,
#flow dt.f1_02,
#flow dt.f1_03,
#flow dt.f1_04{
 background-image: url(/ssi/event/yoyaku_service/img_2027/dotpink_back.png);
 background-repeat: repeat-y;
 color:#fff;
 background-size:101%;
 padding-top:20px;
}
#flow dt.f2_04,
#flow dt.f2_05,
#flow dt.f2_06,
#flow dt.f2_07,
#flow dt.f2_08{
 background-image: url(/ssi/event/yoyaku_service/img_2027/dotblue_back.png);
 background-repeat: repeat-y;
	background-size:100% auto;
 padding-top: 20px;
}
#flow dt span{
	color:#000;
	display:block;
 font-size: 90%;
	float:right;
	margin:20px 20px 10px 20px;
	text-shadow: 3px 3px 0 #fff,
             -3px 3px 0 #fff,
             3px -3px 0 #fff,
             -3px -3px 0 #fff;
}

#flow dt{
	box-shadow: 0px 3px 4px #aaa;
	padding:10px;
 font-size:160%;
	font-weight:900;
 clear: both;
}
#flow dt img{
	margin-right:0.3em;
 vertical-align: middle;
}
#flow dd{
 background-color: #fff;
 margin: 0 0 60px 0;
 padding:20px;
 box-shadow: 0px 3px 4px #aaa;
 position:relative;
}
#flow dd.f1_01_dd p,
#flow dd.f1_02_dd p,
#flow dd.f2_04_dd p,
#flow dd.f2_05_dd p,
#flow dd.f2_06_dd p,
#flow dd.f2_07_dd p,
#flow dd.f2_08_dd p{
	float:right;
	display:block;
	width:70%;
 margin-bottom: 1em;
}
#flow dd.f1_01_dd img,
#flow dd.f1_02_dd img,
#flow dd.f1_04_dd img,
#flow dd.f2_04_dd img,
#flow dd.f2_05_dd img,
#flow dd.f2_06_dd img,
#flow dd.f2_07_dd img,
#flow dd.f2_08_dd img{
	float:left;
	width:29%;
	margin-right: 0.5em;
}
#flow dd ul{
	clear:both;
	width:940px;
	margin:1em auto;
}
#flow dd ul li{
	padding:20px 0 0 0;
	float:left;
	width:24%;
	margin-right:1%;
	font-size:90%;
	text-align:center;
	background-image:url(/ssi/event/yoyaku_service/img_2027/fukidashi.png);
	background-size:100% 45%;
	background-repeat:no-repeat;
	font-weight:900;
	text-shadow: 1px 1px 2px #fff,
             -1px 1px 2px #fff,
             1px -1px 2px #fff,
             -1px -1px 2px #fff;
}
#flow dd ul li span{
	color:#e62a43;
	font-size:120%;
}
#flow dd ul li img{
	padding-top:40px;
	width:100%!important;
}
#flow dd ul li a{
	display:block;
	position:relative;
}
#flow hr {
	margin:30px 0;
	clear:both;
		border: none;
		border-top: 3px double #000;
		color: #000;
		overflow: visible;
		text-align: center;
		height: 5px;
	}
 
	hr:after {
		background: #fff;
		content: '§';
		padding: 0 4px;
		position: relative;
		top: -13px;
	}
#flow div.unilifeid{
	margin:0;
	padding:0;
	background-image:none!important;
	width:100%;
}
#flow div.unilifeid p{
	margin:0 0 1em;
	padding:0;
	font-size:110%;
	line-height:2em;
	font-weight: normal;
	text-align:left;
}
#flow div.unilifeid h4{
	font-size:110%;
	text-align:center;
	font-weight:700;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_focuslines.png);
	background-repeat:no-repeat;
	background-size: 80% 100%;
	background-position:center top;
}
#flow div.unilifeid h4 span{
	font-size:130%;
	color:#e62a43;
}
#flow div.unilifeid img{
	padding:0;
	float:left;
	width:30%!important;
	margin:0 10px 10px 0;
}
p.uni_account{
	clear:both;
	padding-left:1.7em!important;
	margin:0 0 0.3em 20px!important;
	font-size:90%!important;
	padding-left: 1.5em;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_checkmark_pr.png);
	background-repeat:no-repeat;
	background-size:1.2em;
	background-position:0 3px;
}
p.uni_account_figure_family{
	display: none;
}
p.uni_account_akawaku{
	color:#e62a43;
	width:90%;
	font-size:90%!important;
	padding:6px 16px!important;
	margin:0 0 1em 40px!important;
	border-radius:14px;
	border:1px solid #e62a43;
}
.purple_button {
  display: block;
  text-decoration: none;
  width: 70%;
  margin:0 auto;
	padding:0.5em;
  height: auto;
  font-size: 140%;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  font-weight: 700;
  transition: .3s;
	background-color: #3c449c;
	color: #fff!important;
	background-image:url(/media/assets/img/common/icon56-white.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:1em;
}
.purple_button:hover {
	color:#e7e7e7;
	background-color:#384096;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
#flow ul li div.click_blank{
	clear:both;
}
#flow ul li div.click_blank i{
    position:absolute;
    right:0.5em;
    bottom:0.5em;
    width: 3.5em;
    height: 3.5em;
    background-image:url(/ssi/event/yoyaku_service/img_2027/click_blank.png);
    background-size:100% 100%;
    
}
#flow dd ul li.bg_white{
 background-image:none!important;
}
#flow div.self_naiken{
	width:50%;
 margin: 0 auto;
}
#flow div.self_naiken img{
 width:100%!important;
}
/*#flow div.self_naiken p{
	display:block;
	width:40%;
	margin-left:2%;
	padding:2em 0 2em 3em;
	float:left;
	font-weight:900;
	font-size:90%;
 background-image:url(/ssi/event/yoyaku_service/img_2027/fukidashi2.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
}*/
#flow div.self_naiken i{
    position:absolute;
    right:270px;
    bottom:30px;
    width: 3.5em;
    height: 3.5em;
    background-image:url(/ssi/event/yoyaku_service/img_2027/click_blank.png);
    background-size:100% 100%;
    
}
#flow dd.f1_01_dd p:after,
#flow dd.f1_02_dd p:after,
#flow dd.f1_03_dd p:after,
#flow dd.f1_04_dd p:after{
 content: url(/ssi/event/yoyaku_service/img_2027/pink_arrow.png);
 display: inline-block;
 height: 60px;
 position:absolute;
 left:38%;
 bottom:-60px;
}
#flow dd.f2_04_dd p:after,
#flow dd.f2_05_dd p:after,
#flow dd.f2_06_dd p:after,
#flow dd.f2_07_dd p:after{
 content: url(/ssi/event/yoyaku_service/img_2027/blue_arrow.png);
 display: inline-block;
 height: 60px;
 position:absolute;
 left:38%;
 bottom:-60px;
}


/*閉じているリスト　ここから*/
.f_inner ul,
.f_inner li{
 display: block;
}
.f_inner ul{
 list-style: none;
 width: 980px;
 margin: 0 auto 40px auto;
 padding: 0;
 position: relative;
}
.f_inner img.gimon{
	position:absolute;
	right:60px;
	bottom:0;
}
.f_inner ul li{
 float: left;
}
.f_inner ul li.schedule_up{
 width: 313px;
 height: 252px;
 margin: 0 20px 0 0;
}
.f_inner ul li.schedule_under{
 width: 313px;
 height: 220px;
 margin: 0 20px 0 0;
}
.f_inner ul li.yellow_back_up{
 width: 311px;
 height:320px;
 border-radius:20px;
 background-color: #fff100;
 border: 1px solid #000;
 box-shadow: 0px 10px 0 #000;
 margin: 0 20px 20px 0;
 position:relative;
}
.f_inner ul li.yellow_back_up:after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 320px;
	background: url(/ssi/event/yoyaku_service/img_2027/arrow_19px.png) no-repeat;
	-webkit-background-size: 20px auto;
	position:absolute;
	bottom: -120px;
	right:-20px;
}
.f_inner ul li.yellow_back_under{
 width: 311px;
 height:320px;
 border-radius:20px;
 background-color: #fff100;
 border: 1px solid #000;
 box-shadow: 0px 10px 0 #000;
 margin: 0 20px 0 0;
 position:relative;
}
.f_inner ul li.yellow_back_under:after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 320px;
	background: url(/ssi/event/yoyaku_service/img_2027/arrow_19px.png) no-repeat;
	-webkit-background-size: 20px auto;
	position:absolute;
	bottom: -120px;
	right:-20px;
}
.f_inner ul li.gimon_sp{
 display: none;
}
.f_inner ul li p{
 margin: 10px;
}
.f_inner ul li p.keiyaku{
	background-color:#e62a43;
	border-radius:20px;
	color:#fff;
	padding:10px;
	display:block;
	margin-bottom:0.5em;
 text-align: center;
}
.f_inner ul li p.keiyaku span{
	font-size:120%;
	font-weight:900;
}
.f_wrapper2{
 width: 100%;
 margin: 0 0 40px 0;
 padding: 0;
 background-image: url("/ssi/event/yoyaku_service/img_2027/back_sakura2.png");
 background-repeat: no-repeat;
 background-position: center 0;
}
.f_inner2{
 width: 980px;
 margin: 0 auto;
 padding: 0;
}
.harukara_tit{
 background-color: #e62a43;
 padding: 20px 0;
 text-align:center;
 width: 980px;
}
.harukara_tit p{
 font-size: 200%;
 font-weight: 900;
 color: #fff100;
 text-shadow:2px 2px 1px #000;
}
.harukara_tit p span{
 font-size: 80%;
 color: #fff;
}
.harukara_con{
 background-color: #f8dae2;
 width: 940px;/*max980px*/
 padding: 10px 20px 20px 20px;
}
p.marumoji_tit{
 display: block;
 font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
 font-size: 140%;
 font-weight: 900;
 height:121px;
 padding: 20px 0 0 240px;
 background-image: url("/ssi/event/yoyaku_service/img_2027/harukara_icon.jpg");
 background-repeat: no-repeat;
 background-position: 40px 0;
}
p.marumoji_tit span{
 font-size: 260%;
 line-height:1.2em;
}
.harukara_con ul,
.harukara_con li{
 display: block;
}
.harukara_con ul{
 list-style: none;
 background-color: #fff;
 padding:10px 40px;
}
.harukara_con ul li img{
 margin-left:160px;
}
.harukara_con ul li.haru_l{
 padding: 16px;
 width:258px;
}
.harukara_con ul li.haru_l img,
.harukara_con ul li.haru_r img{
 margin-bottom: 16px;
 }
.harukara_con ul li.haru_r{
 padding: 16px 16px 16px 0;
}
.harukara_con ul li.haru_r p.haru_r_tit{
 font-size: 140%;
 font-weight: 900;
 padding: 0;
}
.harukara_con ul li.haru_r p.haru_r_tit:before {
  content: '■';

}
/*閉じているリスト　ここまで*/

/* .experience
---------------------------------------------- */
.experience{
 width: 100%;
 margin: 0 auto 80px auto;
 padding: 0;
}
.e_inner{
 width: 980px;
 margin: 0 auto 40px auto;
 padding: 0;
}
.exp_pink,
.exp_blue,
.exp_yellow{
 margin-bottom: 20px;
}
.exp_blue,
.exp_yellow,
.exp_green{
 clear: left;
}
.e_inner ul,
.e_inner li{
 display: block;
}
.e_inner ul{
 list-style: none;
}
.e_inner li{
 float: left;
 height: 307px;
}
.e_inner li.p_person_l,
.e_inner li.y_person_l{
 width: 271px;
 margin: 0 39px 0 0;
}
.e_inner li.p_con_r,
.e_inner li.y_con_r{
 width: 662px;
 margin: 0;
 background-color: #fff;
 border-radius: 20px;
}
.e_inner li.b_person_r,
.e_inner li.g_person_r{
 width: 271px;
 margin: 0 0 0 39px;
}
.e_inner li.b_con_l,
.e_inner li.g_con_l{
 width: 662px;
 margin: 0;
 background-color: #fff;
 border-radius: 20px;
}
.e_inner li.p_con_r{
 border: 4px solid #e62a43;
 position:relative;
}
.e_inner li.p_con_r:after{
	content: '';
	display: inline-block;
	width: 45px;
	height: 52px;
	background: url(/ssi/event/yoyaku_service/img_2027/arrow_pink.png) no-repeat;
	position:absolute;
	top: 120px;
	left:-45px;
}
.e_inner li.b_con_l{
 border: 4px solid #63c9dc;
 position:relative;
}
.e_inner li.b_con_l:after{
	content: '';
	display: inline-block;
	width: 45px;
	height: 52px;
	background: url(/ssi/event/yoyaku_service/img_2027/arrow_blue.png) no-repeat;
	position:absolute;
	top: 120px;
	right:-45px;
}
.e_inner li.y_con_r{
 /*border: 4px solid #ffc875;*/
 border: 4px solid #b3d46c;
 position:relative;
}
.e_inner li.y_con_r:after{
 content: '';
	display: inline-block;
	width: 45px;
	height: 52px;
	background: url(/ssi/event/yoyaku_service/img_2027/arrow_green.png) no-repeat;
	position:absolute;
	top: 120px;
	left:-45px;
}
.e_inner li.g_con_l{
 border: 4px solid #b3d46c;
 position:relative;
}
.e_inner li.g_con_l:after{
 content: '';
	display: inline-block;
	width: 45px;
	height: 52px;
	background: url(/ssi/event/yoyaku_service/img_2027/arrow_green.png) no-repeat;
	position:absolute;
	top: 120px;
	right:-45px;
}
.e_inner li p{
	margin:20px;
	display:block;
}
.e_inner li p.comment_tit{
	font-size:110%;
	line-height:1.6em;
	font-weight:900;
	padding:0 0 0 1.8em;
 margin-bottom: 30px;
	position:relative;
}
.e_inner li p.comment_tit span{
	font-size:170%;
}
.e_inner li p.comment_tit:after{
	content: '';
	display: inline-block;
	width: 620px;
	height: 15px;
	background: url(/ssi/event/yoyaku_service/img_2027/angled_stripe.png) no-repeat;
	position:absolute;
	bottom: -16px;
	right:0;
}
.e_inner li.p_con_r p.comment_tit{
 background-image:url(/ssi/event/yoyaku_service/img_2027/pink_sakura.png);
	background-repeat:no-repeat;
	background-size:1.6em;
	background-position:0 0;
}
.e_inner li.p_con_r p.comment_tit span{
	color:#e62a43;
}
.e_inner li.b_con_l p.comment_tit{
 background-image:url(/ssi/event/yoyaku_service/img_2027/blue_sakura.png);
	background-repeat:no-repeat;
	background-size:1.6em;
	background-position:0 0;
}
.e_inner li.b_con_l p.comment_tit span{
 color: #63c9dc;
}
.e_inner li.y_con_r p.comment_tit{
 background-image:url(/ssi/event/yoyaku_service/img_2027/green_sakura.png);
	background-repeat:no-repeat;
	background-size:1.6em;
	background-position:0 0;
}
.e_inner li.y_con_r p.comment_tit span{
 color: #b3d46c;
}
.e_inner li.g_con_l p.comment_tit{
 background-image:url(/ssi/event/yoyaku_service/img_2027/green_sakura.png);
	background-repeat:no-repeat;
	background-size:1.6em;
	background-position:0 0;
}
.e_inner li.g_con_l p.comment_tit span{
 color: #b3d46c;
}

/* #section05
---------------------------------------------- */
.present_tit{
	width:100%;
	margin: 0 auto;
	text-align: center;
}
.present_tit img{
	width:auto;
}
#present{
	width:992px;
	border:4px solid #231815;
	padding: 0;
	margin:0 auto;
	background-color: #fff;
	border-radius: 30px;
	position: relative;
}
.present_period{
	background-image:url(/ssi/event/yoyaku_service/img_2027/present/bg_orange.png);
	margin: 0;
	padding: 16px 0 10px;
	font-size:130%;
	font-weight: 700;
	text-align: center;
	line-height: 1.6em;
	color:#fff;
	border-radius:27px 27px 0 0;
	text-shadow: 2px 2px 1px #864d2c,
             -2px 2px 1px #864d2c,
             2px -2px 1px #864d2c,
             -2px -2px 1px #864d2c;
}
.present_period span{
	font-size:150%;
}
.p_inner{
 width: 980px;
 margin: 0 auto;
 padding: 10px 0 60px;
}
.p_tit{
 margin: 0;
 padding: 20px 20px 10px 20px;
 background-color: #35b48e;
}
.p_tit ul,
.p_tit li,
.precam ul,
.precam li{
 display: block;
}
.p_tit ul,
.precam ul{
 list-style: none;
}
.p_tit li,
.precam li{
 float: left;
}
.p_tit li.p_tit1,
.p_tit li.p_tit2{
 font-weight: 900;
 color: #fff;
 margin-right: 20px;
}
.p_tit li.p_tit1 span{
 font-size: 120%;
}
.p_tit li.p_tit2{
 font-size: 270%;
 vertical-align:bottom;
 padding-top:20px;
}
.p_tit li.p_tit3{
 background-color: #fff100;
 border-radius: 10px;
 padding: 5px 10px;
 color: #7e473e;
}
.p_tit li.p_tit3 span{
 font-size: 120%;
 font-weight:900;
}
.amazon_gift{
 width: 840px;
 margin: 10px auto;
 padding: 0;
 background-image:url(/ssi/event/yoyaku_service/img_2027/pre_kuma.png);
 background-repeat:no-repeat;
 background-position:right 60px top;
 background-size:auto 100%;
}
.amazon_gift div{
 background-image: url("/ssi/event/yoyaku_service/img_2027/pre_box.png");
 background-repeat: no-repeat;
 background-size: auto 100%;
 padding:0 0 0 180px;
 width: 660px;
}
p.at_1{
 color: #7e473e;
 font-weight: 900;
 font-size:120%;
}
p.at_1 span{
 color: #ee3a73;
 font-size: 120%;
}
p.at_2{
 color: #7e473e;
 font-weight: 900;
 font-size:300%;
 line-height:1.1em;
}
p.at_2 span{
	color:#f37421;
}
p.at_3{
 color: #7e473e;
 font-weight: 900;
 font-size:200%;
 line-height:1.1em;
}
p.at_3 span{
 font-size: 240%;
 line-height:1.2em;
	color:#ee3a73;
 text-shadow: 2px 2px 1px #7e473e,
             -2px 2px 1px #7e473e,
             2px -2px 1px #7e473e,
             -2px -2px 1px #7e473e;
}
dl.chushaku1{
 width: 918px;/*max940px*/
 margin: 0 auto 20px auto;
 padding:10px;
 border:1px solid #1c1612;
}
dl.chushaku2{
 width: 900px;/*max940px*/
 margin: 0 auto 20px auto;
 padding:20px;
 clear: both;
}
dl.chushaku1 a,
dl.chushaku2 a{
 color: #388bdb;
 text-decoration: underline;
}
a.a_blank{
 padding-right:1em;
 margin-right:0.4em;
 background-image:url(/area/images/ico_blank_02.svg);
 background-repeat:no-repeat;
 background-position:right center;
 background-size:0.8em;
}
dl.chushaku1 dt,
dl.chushaku2 dt{
 font-weight: 900;
 margin: 0 0 0.5em 0;
 font-size: 110%;
 clear: both;
}
dl.chushaku1 dd{
 margin: 0 0 0.5em 0;
 padding: 0 0 0 1em;
}
dl.chushaku1 dd span{
 font-weight: 900;
 font-size:110%;
 margin-right:10px;
}
dl.chushaku2 dd{
 margin: 0 0 0.5em 0;
 padding: 0 0 0 1em;
 background-image: url(/files/img/common/icon_arrow_02.png);
 background-repeat: no-repeat;
 background-position:0 0.3em;
}
dl.chushaku2 dd.last1line{
 margin-bottom: 2em!important;
 padding-bottom:0.5em!important;
 border-bottom: 1px dashed #000;
}
dl.chushaku2 dd.nomark{
 background-image : none!important;
}
dl.chushaku2 dd span.bold_ul{
 color: #e62a43;
 text-decoration: underline;
 font-weight: 900;
}
dl.chushaku2 dd span.red_waku{
 padding: 0 0.2em;
 border: 1px solid #e62a43;
 color: #e62a43;
 background-color:#fff;
 font-weight: 900;
}
dl.chushaku2 dd span.waku{
 padding: 0 0.2em;
 border: 1px solid #000;
 background-color:#fff;
 font-weight: 900;
}
.precam{
	width:940px;
	margin:0 auto 40px auto;
}
.precam li.pre_a,
.precam li.pre_b{
 width: 331px;
 border-top:2px dotted #000;
 border-right:2px dotted #000;
 border-bottom:2px dotted #000;
}
.precam li.pre_c{
 width: 311px;
 clear: left;
 border-left:2px dotted #000;
 border-right:2px dotted #000;
 border-bottom:2px dotted #000;
}
.precam li.pre_d{
 width: 311px;
 border-right:2px dotted #000;
 border-bottom:2px dotted #000;
}
.precam li.pre_e{
 width: 310px;
 border-right:2px dotted #000;
 border-bottom:2px dotted #000;
}
.precam li img{
 width: 100%;
}
p.agree{
 width:80%;
 border-radius:20px;
 display: block;
 padding: 1em;
 margin: 1em auto 0 auto;
 line-height:1.7em;
 font-weight: 900;
 font-size: 160%;
 text-align: center;
 background-color:#fff100;
}
/* .button_last
---------------------------------------------- */
.button_last{
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
.b_inner{
 width: 980px;
 margin: 0 auto;
 padding: 30px 0;
 text-align: center;
}
.b_inner p{
 color: #fff;
}
/*カミングスーン*/
.b_inner p.commingsoon{
 display: inline-block;
  width:800px;
  padding: 1.3em 0 0.8em;/*padding: 1em 0;*/
  line-height:1.2em;
  text-decoration: none;
  font-weight: 900;
  font-size:200%;
  border-radius: 6px;
  color:#000!important;
  background-image: linear-gradient(#999 0%, #fff 100%);
 border-top:1px solid #000;
 border-right:1px solid #000;
 border-left:1px solid #000;
 border-bottom:3px solid #000;
 position:relative;
}
.tape{
 display: block;
 font-size:80%;
  position: absolute;
  top: -0.75em;
 left:25%;
  background-color: rgba(255,255,255,.8);
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  padding: 0.25em 2em;
  color:#e62a43;
  transform: rotate(-3deg);
}
/*カミングスーンここまで*/
.b_inner .btn-gradient-3d {
  display: inline-block;
  width:1000px;
  padding: 1em 0;
  line-height:1.2em;
  text-decoration: none;
  font-weight: 900;
  font-size:200%;
  border-radius: 6px;
  color:#fff!important;
  text-shadow: 2px 2px 1px #000;
  background-image: linear-gradient(#3c449c 0%, #63c9dc 100%);
 border-top:1px solid #000;
 border-right:1px solid #000;
 border-left:1px solid #000;
 border-bottom:3px solid #000;
}
.b_inner .btn-gradient-3d:hover,
.b_inner .btn-gradient-3d:active {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom: none;
}
.btn-gradient-3d img{
	vertical-align:middle;
	width:0.7em;
}

/* .other_service
---------------------------------------------- */
img.rakusearch {
 width: 98% !important;
 margin: 0 0 10px 0;
}
.other_service {
 width: 100%;
 margin: 0 auto;
 padding: 1em 0;
 background-color: #faf6ed;

}
.other_service h5,
.other_service h6{
	display:block;
	font-size:20px;
	margin:10px auto 20px!important;
	clear:both;
}
.other_service div {
	width:980px;
	margin: 0 auto;
 height: auto;
 text-align: center;
}
.other_service p {
 display: block;
 float: left;
 width: 24%;
}
.other_service p.precam{
	float:none;
	width:720px;
}




/* ここから下古い
---------------------------------------------- */
/* .notice
---------------------------------------------- */
.notice{
 width: 100%;
 margin: 0 auto 120px auto;
 padding: 36px 0 0;
 background-image:url("/ssi/event/yoyaku_service/img_2027/bg_grass.png");
 background-repeat:repeat-x;
 background-position: left top;
 position: relative;
}
div.signboard{
 width:150px;
 height: 94px;
 background-image:url("/ssi/event/yoyaku_service/img_2027/bg_notice.png");
 background-repeat: no-repeat;
 background-position: center top;
	background-size:100% 100%;
 position: absolute;
 top: -52px;
 left: 43%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
	transform:rotate(-3deg);
}
.grass_frame_bg{
 width:100%;
 margin: 0 auto;
 padding: 0;
 background-color:#a1c979;
}
.grass_frame{
 width:940px;
 padding: 30px 30px 15px;
 margin:10px auto;
 border-radius:20px;
 background-color:#e8f0c5;
}
.grass_frame p{
 font-size:110%;
 font-weight: 700;
 line-height: 1.7em;
}
p.g_tit{
 color: #e62a43;
 font-size:200%;
 font-weight: 700;
 margin-bottom:0.3em;
 text-align: center;
}

/* .button_gbook
---------------------------------------------- */
.button_gbook{
 width: 1200px;
 height:260px;
 overflow: hidden;
 margin: 1em auto;
 padding: 0;
}
.button_gbook_nami{
 width: 100%;
 margin: 0 auto 80px auto;
 padding: 0;
 background-image:url(/ssi/event/yoyaku_service/img_2027/line_tennami.png);
}
.button_gbook li{
 float: left;
}
.button_gbook li.g_left{
	width:201px;
}
.button_gbook li.g_right{
 width:246px;
}
.button_gbook li.g_center{
 width:700px;
}
.button_gbook li.gb_chushaku{
 display: none;
}
.b_inner_gb{
 width: 660px;
 margin: 0 auto;
 padding: 20px;
 text-align: center;
}
.b_inner_gb p{
 color: #fff;
	text-shadow:none;
	font-size:14px;
 font-weight:200;
	line-height:1.7em;
	text-align:left;
	width:90%;
	padding:10px 20px 0;
}
.btn-gradient-4d {
  display: inline-block;
  width:600px;
  padding: 1em 0;
	margin-bottom:0.5em;
  line-height:1.2em;
  text-decoration: none;
  font-weight: 900;
  font-size:200%;
  border-radius: 6px;
  color:#fff!important;
  text-shadow: 2px 2px 1px #000;
  background-image: linear-gradient(#656bc7 0%, #9196e3 100%);
  border-top:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
  border-bottom:3px solid #000;
}
.btn-gradient-4d:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}