@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
/*layout*/
/*----------------------------------------------------
	楽天パーツ
----------------------------------------------------*/
#htlRmSrch { top: 840px; }

#upfrntPlans { top: 1504px; }

#htlSide-A #latest_cstm_review { top: 4110px !important; }

#htlSide-A .module-history-domsearch { top: 4292px !important; }

/*#htlContents #htlBrdCrmbs {
	color: #BFBFBF !important;
}

#htlContents #htlBrdCrmbs a{
	color: #FFF !important;
}

#htlContents #htlBrdCrmbs h1 {
	color: #FFF !important;
}*/
/*----------------------------------------------------
	メインビジュアル
----------------------------------------------------*/
.mv iframe { height: 700px; }

/*----------------------------------------------------
	上部テキストリンク
----------------------------------------------------*/
.text_link a { width: 100%; min-width: 1190px; max-width: 1600px; height: 80px; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; text-align: center; border: 1px solid #5eb598; cursor: pointer; transition: all 0.5s; background-color: #f0f5f3; font-size: 18px; }
.text_link a:hover { background-color: #5eb598; }
.text_link + .modal + .modal_link { margin-top: 10px; }

/*----------------------------------------------------
	モーダル
----------------------------------------------------*/
.modal .modal-check { display: none; }
.modal .modal-body { display: none; position: fixed; align-items: flex-start; padding-top: 50px; justify-content: center; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.2); z-index: 100000; }
.modal .modal-body .modal-window { position: relative; z-index: 100001; animation: fadein .3s 1, zoomin .3s 1; }
.modal .modal-body .modal-window .modal-label { position: absolute; top: -20px; right: -20px; display: flex; align-items: center; justify-content: center; line-height: 1; background: #bfbfbf; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; transition: all .2s ease; }
.modal .modal-body .modal-window .modal-label span { width: 30px; height: 30px; display: block; position: relative; }
.modal .modal-body .modal-window .modal-label span:after { content: ''; display: block; width: 20px; height: 2px; background-color: #595656; position: absolute; top: 50%; left: 20%; transform: rotate(45deg); }
.modal .modal-body .modal-window .modal-label span:before { content: ''; display: block; width: 20px; height: 2px; background-color: #595656; position: absolute; top: 50%; left: 20%; transform: rotate(-45deg); }
.modal .modal-body .modal-window .modal-inner { width: 80vw; max-width: 950px; max-width: 950px; max-height: calc(100vh - 100px); overflow-y: auto; background: #fff; border-radius: 3px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); }
.modal .modal-body .modal-window .modal-inner .modal-content { padding: 50px 20px; }
.modal .modal-body .modal-window .modal-inner .modal-content h3 { font-size: 18px; margin-bottom: 20px; }
.modal .modal-check:checked + .modal-body { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes zoomin { 0% { transform: scale(0.9); }
  100% { transform: scale(1); } }
.modal_link { width: 100%; min-width: 1190px; max-width: 1600px; height: 80px; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; border: 1px solid #5eb598; cursor: pointer; transition: all 0.5s; background-color: #f0f5f3; font-size: 18px; }
.modal_link:hover { background-color: #5eb598; }

/*----------------------------------------------------
	動画と地図
----------------------------------------------------*/
#movie_map { margin-left: auto; margin-right: auto; width: 800px; text-align: center; }
#movie_map video { width: 100%; position: relative; z-index: 1; }
#movie_map video source { width: 100%; }
#movie_map img { position: relative; z-index: 0; margin-top: 50px; }

/*----------------------------------------------------
	USP
----------------------------------------------------*/
#sl02 iframe { width: 585px; height: 532px; float: right; }

.usp { width: 1190px; margin-left: auto; margin-right: auto; }
.usp .text { padding-right: 50px; width: 605px; float: left; }
.usp .text h3 { font-size: 28px; line-height: 1.6; margin-bottom: 40px; }
.usp.sl_max { position: relative; }
.usp.sl_max iframe { width: 1830px; height: 582px; margin-left: -320px; position: relative; }
.usp.sl_max .text { position: absolute; top: 0; background-color: #FFF; padding-left: 50px; padding-right: 50px; width: 460px; height: 572px; }
.usp.sl_max#sl01 .text { right: 0; }
.usp.sl_max#sl03 .text { left: 0; }

/*----------------------------------------------------
	アクセス
----------------------------------------------------*/
#access { width: 100%; background-color: #f8f8f8; padding-top: 80px; padding-bottom: 50px; }
#access .wrp { width: 800px; }
#access .wrp img { margin-bottom: 50px; }
#access .wrp h3 { text-align: center; font-size: 28px; line-height: 1.6; margin-bottom: 50px; }

/*# sourceMappingURL=top.css.map */