@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
}
/*body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-image:url("../../img/common/dummy_bottom.jpg");
  background-size:cover;
}*/
.scroll-area {
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-points-y: repeat(100%);
  scroll-snap-points-y: repeat(100%);
}
.box {
    position: relative;
    width: 100%;
}
.box:before {
    content:"";
    display: block;
    padding-top: 50%;
}
.box__bg_photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*.box__bg_photo {
width: 100%;
height: 100vh;
font-size: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;    
background: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 1) 100%), url(../../img/entrance/bg_pc.jpg);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 1))), url(../../img/entrance/bg_pc.jpg);
background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 1) 100%), url(../../img/entrance/bg_pc.jpg);
background: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 1) 100%), url(../../img/entrance/bg_pc.jpg);
background: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 1) 100%), url(../../img/entrance/bg_pc.jpg);
background-repeat:repeat, no-repeat;
background-size:auto, cover;
}*/
.entrance {
    color: #151515;
	text-align: center;
    background-color: #FFF;
}
.entrance h1 {
    font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);
    /*margin: 1% 0;*/
    float: none!important;
    color: #e95198;
    /*padding: 0;*/
    padding:  3% 0 0;
}
.entrance h2{
    font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);
    margin: 1% 0;
}
.h2_sub {font-size: calc(6 * ((100vw - 320px) / 1600) + 10px); letter-spacing: 0; display: block; color: #ff76c7; font-weight: normal;}
h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 2.0em;
    color:#e41366;
    /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: bold;*/
    margin-bottom: 3%;
    /*text-shadow: 0 0 10px rgba(255, 255, 255, .9);*/
}
.ent_logo img {
		width: 100%;
}
.ent_button_wrap {
	width: 780px;
	margin: 0px auto;
}
.entance_cation {
	font-size: calc(6 * ((100vw - 320px) / 1600) + 8px);
}
ul#ent_button  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
    /*margin: 5% 0;*/
    padding: 5% 0;
}
ul#ent_button li {
    box-sizing: border-box;
    width: 48%;
	margin: 0px auto 0px auto;
	/*line-height: 150%;*/
}
.sec02_link {
	position: relative;
	display: inline-block;
	padding: .9em 1em;
    background: #000000;
	border: 1px solid #000000;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:320px;
	font-size: calc(6 * ((100vw - 320px) / 1600) + 14px);
	font-weight: bold;
}
.sec02_link::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.sec02_link:link {
	color: #fff;
}
.sec02_link:visited {
	color: #fff;
}
.sec02_link:hover {
	background: #fff!important;
	color: #000;
	text-decoration:none;
}
.sec02_link:hover::after {
	border-left-color: #000;
}
.entButtonWrap {
	width: 780px;
	margin: 0px auto;
}
#entButton  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
    /*margin: 5% 0;*/
    padding: 5% 0;
}
#entButton li {
    box-sizing: border-box;
    width: 48%;
	margin: 0px auto 0px auto;
	/*line-height: 150%;*/
}
.sec02Link {
	position: relative;
	display: inline-block;
	padding: .9em 1em;
    background: #000000;
	border: 1px solid #000000;
	text-align: center;
	text-decoration: none;
	/*transition: all .3s;*/
	margin-top:0px;
	margin-bottom:10px;
	width:320px;
	font-size: calc(6 * ((100vw - 320px) / 1600) + 14px);
	font-weight: bold;
}
.sec02Link::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	/*transition: all .3s;*/
}
.sec02Link:link {
	color: #fff;
}
.sec02Link:visited {
	color: #fff;
}
.sec02Link:hover {
	background: #fff!important;
	color: #000;
	text-decoration:none;
}
.sec02Link:hover::after {
	border-left-color: #000;
}

h4 {
	font-size: calc(6 * ((100vw - 320px) / 1600) + 20px);
	text-align: center;
	margin-bottom: 3%;
    color: #FFF;
}
.box02 {
	width: 900px;
	margin: 0px auto;
	padding: 2% 0;
}
.box02 h4{
    color: #151515;
    margin-bottom: 5%;
}
.entrance_bn {
	text-align: center;
	margin-bottom: 2%;
}

.br-pc { display:none; }
.br-sp { display:none; }
.br-ssp { display:none; }

/*----------------------------------

タブレット
 
---------------------------------- */
@media screen and (min-width: 750px) and (max-width: 960px) {
.box:before {
    padding-top: 100%;
}  
/*.box {
    position: relative;
    width: 100%;
    height: auto;
}
.box:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.box__bg_photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}    
.box__bg_photo {
background: url(../img/entrance/bg_sp.jpg);
background-repeat:no-repeat;
background-position:top center;        
background-size:contain;
}*/
.ent_logo{padding: 0 5%;}
.ent_button_wrap {
	width: auto;
}
ul#ent_button li {
    width: 100%;
}
.entButtonWrap {
	width: auto;
}
#entButton li {
    width: 100%;
}
.box02 {
	width: auto;
	padding: 2%;
}
.br-pc { display:block; }
.br-sp { display:block; }
.br-ssp { display:none; }


}
/*----------------------------------

スマホ
 
---------------------------------- */
@media screen and (max-width: 750px) {
.box:before {
    padding-top: 100%;
}     
/*.box {
    position: relative;
    width: 100%;
    height: auto;
}
.box:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.box__bg_photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}     
.box__bg_photo {
background: url(../img/entrance/bg_sp.jpg);
background-repeat:no-repeat;
background-position:top center;        
background-size:contain;
}*/
.entrance h1 span {display: block;}
.ent_button_wrap {
	width: 100%;
}
ul#ent_button { display: inherit;
}
ul#ent_button li {
    width: 100%;
}
ul#ent_button li:first-child {
    margin-bottom: 3%;
}    
.sec02_link {
	width:80%;
    margin-bottom: 0;
}
.entButtonWrap {
	width: 100%;
}
#entButton { display: inherit;
}
#entButton li {
    width: 100%;
}
#entButton li:first-child {
    margin-bottom: 3%;
}    
.sec02Link {
    margin-bottom: 0;
}    
    
.box02 {
	width: auto;
	padding: 2%;
}
.br-pc { display:none; }
.br-sp { display:block; }
.br-ssp { display:block; }

}

html body [data-ca3_iconfont="ETmodules"]::before {
    font-family: "ETmodules";
}
[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow {
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);*/
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Chevron_thin_down%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20enable-background%3D%22new%200%200%2020%2020%22%20fill%3D%22black%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M17.418%2C6.109c0.272-0.268%2C0.709-0.268%2C0.979%2C0c0.27%2C0.268%2C0.271%2C0.701%2C0%2C0.969l-7.908%2C7.83c-0.27%2C0.268-0.707%2C0.268-0.979%2C0l-7.908-7.83c-0.27-0.268-0.27-0.701%2C0-0.969c0.271-0.268%2C0.709-0.268%2C0.979%2C0L10%2C13.25L17.418%2C6.109z%22%2F%3E%3C%2Fsvg%3E');
    /*background-size: contain;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.ca3-scroll-down-link {
  cursor:pointer;
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 0;
    color: #FFF;
    text-align: center;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
    animation:         ca3_fade_move_down 2s ease-in-out infinite;
}

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}