@charset "utf-8";
/*
-------------------------------------
CSS file 6WAKE
FileName:common.css
-------------------------------------
*/
/*共用*/
.double-spaced-sml{
	margin-bottom:0.25rem;
}
.double-spaced{
	margin-bottom:0.5rem;
}

.ptop2{
	padding-top:2rem;
}
.ptop3{
	padding-top:2rem;
}

/*
#g_navi_box{
	padding:0.5rem;
	text-align:center;
	background:#e50065;
}*/

/*アニメ部分*/
.img-container{
    overflow: hidden;
    position: relative;
}
 
.img-container__img{
    display: block;
    opacity: 0;
    position: relative;
    transition:all .5s .3s ease; 
    z-index: 0;
}
 
.img-container:before{
    background: #ddd;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition:all .8s 0s ease; 
    width: 100%;
    z-index: 1;     
}
 
.text-container{
    opacity: 0;
    padding:0;
    transition: all .8s .5s ease;
}
 
.text-container__title{
    color: #333;
    font-size: 60px;
    font-weight: 700;
}
 
/*アニメーションするプロパティを設定*/
.img-container.active img{
    opacity: 1;
}
 
.img-container.active:before{
    transform: translateX(100%);        
}
 
.text-container.active{
    opacity: 1;
}


/*スライドイン*/
.fadeInUp {
  opacity : 0;
  transform: translateY(20px);
  transition: 1s;
}


/*タイトル下線*/
.ttl_line_h{
	background: linear-gradient(to right, #cecbd9 16%, #050a16 16%, #050a16 33%, #e50065 33%, #e50065 50%, #1a96d5 50%, #1a96d5 66%, #f0e900 66%,#f0e900 83%,#13ae67 83%);
	width:100%;
	height:2px;
	border: none;
}
.ttl_line_v{
	background: linear-gradient(to bottom, #cecbd9 16%, #050a16 16%, #050a16 33%, #e50065 33%, #e50065 50%, #1a96d5 50%, #1a96d5 66%, #f0e900 66%,#f0e900 83%,#13ae67 83%);
	width:0;
	padding-top:650%;
	padding-left:2px;
}






/*改行*/
@media screen and (max-width: 1099px){	
	.pc { display:none; }
	.sp { display:block; }
}
@media screen and (min-width: 1100px){	
	.pc { display:block; }
	.sp { display:none; }
}
@media screen and (max-width: 1200px){	
	.pc1201 { display:none; }
	.sp1200 { display:block; }
}
@media screen and (min-width: 1201px){	
	.pc1201 { display:block; }
	.sp1200 { display:none; }
}

/*スクロールボタン*/
a.scrolldown {
  position: absolute;
  top: 450px;
  right: 0;
  z-index: 2;
  display: inline-block;
}
a.backtotop {
  position: absolute;
  bottom: 620px;
  right: 0;
  z-index: 2;
  display: inline-block;
}

.more {
	margin:0 auto -30px;
	display:  inline-block;
}
.more-style {
	margin:0 auto -30px;
	display:  inline-block;
	text-indent:300px;
}
.more-rec {
	margin:0 auto -30px;
	display:  inline-block;
	text-indent:-180px;
}




/*バナーエリア*/
.btm_bnr_area{
	width:100%;
	background:#1a96d5;
	text-align:center;
	padding:40px 0;
}
.btm_bnr_block{
	width:100%;
	max-width:1600px;
	margin:0 auto;
}
/*旧バナー枠ここから*/
ul.btm_bnr{
	width:96%;
	max-width:1390px;
	display:flex;
	/*justify-content: space-between;*/
	justify-content:center;
	margin:0 auto;
}
ul.btm_bnr li.bnr1st{
	width:35.89%;
	margin: 0 10px;
}
ul.btm_bnr li.bnr1st img{
	width:100%;
	height:auto;
}
ul.btm_bnr li.bnr2nd{
	/*width:19.2%;*/
	width:19.4%;
	margin: 0 10px;
}
ul.btm_bnr li.bnr2nd img{
	width:100%;
	height:auto;
}
ul.btm_bnr li.bnr3rd{
	width:19.2%;
}
ul.btm_bnr li.bnr3rd img{
	width:100%;
	height:auto;
}
ul.btm_bnr li.bnr4th{
	width:19.2%;
}
ul.btm_bnr li.bnr4th img{
	width:100%;
	height:auto;
}
/*旧バナー枠ここまで*/

ul.btm_bnr_small{
	width:100%;
	max-width:1000px;
	display:flex;
	justify-content:center;
	margin:0 auto;
}
ul.btm_bnr_small li{
	width:26.7%;
	min-width:200px;
	max-width:267px;
	margin: 0 10px;
}
ul.btm_bnr_small li img{
	width:100%;
	height:auto;
}

/*フッター*/
.footer_area{
	width:100%;
	background:#bfbcbb;
	text-align:center;
}
ul.footer_block{
	width:100%;
	max-width:1600px;
	display:flex;
	margin:0 auto;
}
ul.footer_block li{
	padding:1.5rem;
	box-sizing:border-box;
}


/*フッター左*/
.lft_block{
	width:33.33%;
	background:#f0e900;
	position:relative;
}
/*フッターメニュ*/
.footer_menu_box{
	width:9em;
	margin:1.5rem auto 0;
	text-align:left;
	padding-left:3rem;
}
.footer_menu_ttl{
	font-size:0.75rem;
	margin-bottom:1rem;
	color:#fff;
}
ul.footer_menu{
	line-height:1.5em;
	text-align:left;
}
ul.footer_menu li{
	font-size:0.75rem;
	color:#898e9a;
	margin-bottom:0.125rem;
	padding:0;
}
.footer_menu li a:link{
  color: #898e9a;
  text-decoration: none;
}
.footer_menu li a:visited{
  color: #898e9a;
  text-decoration: none;
}
.footer_menu li a:hover{
  color: #fff;
  text-decoration: underline;
}
.footer_menu li a:active{
  color: #898e9a;
}
/*フッター中*/
.ctr_block{
	width:33.34%;
	background:#13ae67;
	position:relative;
}
.footer_logo{
	width:20%;
	max-width:95px;
	min-width:60px;
	margin:3% auto 0;
}
.footer_logo img{
	width:100%;
	height:auto;
}
ul.footer_sns_list{
	width:66px;
	display:flex;
	justify-content:space-between;
	margin:40px auto 0;
}
ul.footer_sns_list li{
	padding:0.25rem;
	color:#fff;
}
.footer_sns_list li a:link {color:#fff; text-decoration:none;} 
.footer_sns_list li a:visited {color:#fff; text-decoration:none;}
.footer_sns_list li a:hover {color:#000; text-decoration:none;}
.footer_sns_list li a:active {color:#fff; text-decoration:none;}

/*フッター右*/
.rgt_block{
	width:33.33%;
	background:#000;
	position:relative;
}
/*フッターメニュー右*/
.footer_sub_menu_box{
	width:10em;
	margin:1.5em auto 0;
	text-align:left;
	padding-right:3rem;
}
.footer_sub_menu_ttl{
	font-size:0.75rem;
	margin-bottom:1rem;
	color:#fff;
}
ul.footer_sub_menu{
	line-height:1.5em;
}
ul.footer_sub_menu li{
	font-size:0.75rem;
	color:#898e9a;
	margin-bottom:0.125rem;
	padding:0;
}
.footer_sub_menu li a:link{
  color: #898e9a;
  text-decoration: none;
}
.footer_sub_menu li a:visited{
  color: #898e9a;
  text-decoration: none;
}
.footer_sub_menu li a:hover{
  color: #fff;
  text-decoration: underline;
}
.footer_sub_menu li a:active{
  color: #898e9a;
}
/*クレジット表示*/
#credit_area{
	width:100%;
	background:#d2cfde;
	text-align:center;
	padding:1rem 0;
}
.credit{
	margin:0 auto;
	font-size:0.75rem;
	color:#424242;
}