contact@charset "UTF-8";

/*-- PC ONLY --*/
@media screen and (min-width: 769px) {
	.co_box .ccTtl{
		width: 100%;
		/*margin-right: 15px;*/
	}
	#top_cover{
		position: relative;
	}
	#top .co_box{
		position: absolute;
		left: 0;
		right: 0;
		height: 500px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

}
body{
	-webkit-text-size-adjust: 100%;
}
p.blockText_font01 {
font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif!important;
line-height: 1.4rem!important;
font-size: 16px!important;
}
#container{
	width: 100%;
	text-align: center;
	color: #fff;
}
#top{
	/*background: url(../img/top_ph.png) no-repeat;*/
	/*background-size: cover;*/
	/*アニメーション
	min-height: 600px;*/
	width: auto;
	height: 100vh;
	width: 100%;
   position: relative;
   overflow: hidden;
/*	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
	-webkit-animation: scaleIn 4s ease both;
	animation: scaleIn 4s ease both;
	z-index: -10;*/
	-webkit-animation: scaleIn 4s ease both;
	animation: scaleIn 4s ease both;
}
#top_cover{
	background: url(../img/top_ph.png) no-repeat;
	background-size: cover;
	/*z-index: -10;*/
	height: 100%;
	width: 100%;
/*	-webkit-transition: opacity .5s ease-out;
   -moz-transition: opacity .5s ease-out;
   -ms-transition: opacity .5s ease-out;
   -o-transition: opacity .5s ease-out;
   transition: opacity .5s ease-out;*/

/*	-webkit-animation: scaleIn 4s ease both;
	animation: scaleIn 4s ease both;*/
}

#leo{
	background: url(../img/leo_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	display: block;
}
#three{
	background: url(../img/three_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	position: relative;
	display: block;
}
#message{
	background: url(../img/message_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	display: block;
}
#skill{
	background: url(../img/skill_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	display: block;
}
#about{
	background: url(../img/company_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	position: relative;
	display: block;
}
#team{
	background: url(../img/about_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	position: relative;
	display: block;
}
#recruit{
	background: url(../img/recruit_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	position: relative;
	display: block;
}
#contact{
	background: url(../img/contact_ph.png) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	width: auto;
	height: 100vh;
	text-align: left;
	min-height: 600px;
	position: relative;
	display: block;
}

/*========================
トップ
========================*/
#top .co_box{
	color: #fff;
	padding: 90px 93px 93px;
	text-align: center;
	letter-spacing: 3px;
	/*font-family: 'Futura LT W01 Medium', sans-serif;*/
	width: 620px;
	margin: 0 auto;
	vertical-align: middle;
	top: 25.5%;
	position: absolute;
	left: 0;
	right: 0;
/*	-webkit-animation: toptxt 3000ms ease 2s both;
	animation: toptxt 3000ms ease 2s both;*/
}
#top p.under_title {
	/*background-color: rgba(255,255,255,0.18);*/
	color: #0e186c;
	font-weight: 900;
	-webkit-text-stroke: 1px rgba(255,255,255,0.5);
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.box_up{
	-webkit-animation: toptxt 3000ms ease 2s both;
	animation: toptxt 3000ms ease 2s both;
}
#top .title{
	font-size: 35px;
	font-size: 54px;
	letter-spacing: 8px;
}
#top .under_title{

	font-size: 22px;
	/*font-family: "Garamond W01",serif;*/
	letter-spacing: 8px;
	font-size: 22px;
	letter-spacing: 8px;

	margin: auto;
}
#top .newsBlock {
	margin: -15% 0 0 0px;
	display: inline-block;
	width: 510px;
	heiht: 200px;
	position: absolute;
	text-align: left;
	right: 5%;
}
.scroll_down{
	color: #fff;
	position: absolute;
	bottom: 20px;
	font-family: 'Futura LT W01 Medium', sans-serif;
	left: 0;
	right: 0;
	-webkit-animation: topsd 2s ease 4500ms both;
	animation: topsd 2s ease 4500ms both;
}
.scroll_down p{
	padding-bottom: 10px;
	font-size: 11px;
	letter-spacing: 1px;
	display: inline-block;
	color: #fff;
}
.scroll_down img{
	width: 35px;
}
/*========================トップ*/
/*ラインアニメーション*/
.title_underline{
	border-bottom: solid 1px;
	margin: 30px 0 23px;
	width: 25px;
	-webkit-transform: scaleX(0.0);
	-moz-transform: scaleX(0.0);
	-ms-transform: scaleX(0.0);
	-o-transform: scaleX(0.0);
	transform: scaleX(0.0);
	-webkit-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
	transition: 500ms ease-out;
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}
.active .title_underline{
	-webkit-transition: 300ms ease-out 1500ms;
	-moz-transition: 300ms ease-out 1500ms;
	-ms-transition: 300ms ease-out 1500ms;
	-o-transition: 300ms ease-out 1500ms;
	transition: 300ms ease-out 1500ms;
	-webkit-transform: scaleX(1.0);
	-moz-transform: scaleX(1.0);
	-ms-transform: scaleX(1.0);
	-o-transform: scaleX(1.0);
	transform: scaleX(1.0);
}
/*ラインアニメーション*/
.left_block{
	/*margin: 80px 0 0 78px;*/
	margin: 10% 0 0 4%;
    display: inline-block;
		width: 46%;
}
#contact .left_block{
	width: 550px;
}
.right_block{
	margin: 10% 0 0 0px;
    display: inline-block;
    width: 45%;
		position: absolute;
    right: 2.5%;
}
.right-col-5 {
	margin-top: 16%;
}
.left_block p.block_title ,.right_block p.block_title{
	font-size: 12px;
	letter-spacing: 6px;
	margin-top: 20px;
	font-family: 'Futura LT W01 Medium', sans-serif;
}
.left_block p.convey_01_ja ,.right_block p.convey_01_ja{
	font-size: 24px;
	letter-spacing: 3px;
	line-height: 1.4;
	font-family: "リュウミン R-KL", serif;
	-webkit-font-smoothing: subpixel-antialiased;
}
.left_block p.convey_02_ja ,.right_block p.convey_02_ja{
	font-size: 12px;
	letter-spacing: 2px;
	margin: 13px 0 30px;
	line-height: 1.4;
	font-family: "リュウミン R-KL", serif;
	-webkit-font-smoothing: subpixel-antialiased;
}
.left_block p.convey_01_eng ,.right_block p.convey_01_eng{
	font-size: 27px;
	letter-spacing: 3px;
	line-height: 1.1;
	margin-top: 27px;
	font-family: "Garamond W01",serif;
}
.left_block p.convey_02_eng ,.right_block p.convey_02_eng{
	font-size: 12px;
	letter-spacing: 2px;
	margin: 11px 0 0px;
	line-height: 1.3;
	font-family: "Garamond W01",serif;
}
p.blockText_font01 {
	font-size: 12px;
	line-height: 1.4rem!important;
	text-align: justify;
}
.right_block a, .right_block a:hover, .left_block a, .left_block a:hover {
	color: rgb(255, 194, 36)!important;
}
.left_block p.blockText_font01 {
	width: 98%;
	text-align: justify;
}
#leo p.blockText_font01 {
	margin-bottom: 1rem;
}
#leo img {
	width: 240px;
	display: block;
}

#leo img.imgRight {
	margin: 2rem 0;
}


#team img {
	width: 220px;
	display: block;
}
#team .col-3 {
	width: 28%;
	float: left;
	position: static;
	margin-right: 2%;
}
p.textMini{
	margin: 1rem 0;
	font-size: 12px!important;
	line-height: 1.2rem!important;
}

.convey_02_ja .convey_ja_sm{
    font-size: 12px;
}
#contact .business_ja{
	margin-top: 15px;
	display: block;
}
.title_no{
	height: 45px;
}
.to_top{
	width: 120px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
	line-height: 0;
}
.to_top img{
	width: 100%;
}
/*文字ありcomingsoonの場合*/
/*.comingcoon{
	border: solid 1px;
	display: inline-block;
	padding: 12px 24px;
	margin-top: 110px;
	letter-spacing: 6px;
	font-size: 17px;
	font-family: "Garamond W01",serif;
}*/
/*文字なしのカミングスーンの場合*/
.comingcoon{
	    display: inline-block;
	    /*padding: 12px 24px;*/
	    margin-top: 110px;
	    letter-spacing: 9px;
	    font-size: 30px;
	    font-family: "Garamond W01",serif;
}
/*====
ニュースボックス
======*/
.news_box{
	border: solid 1px;
	padding: 10px 83px 18px 22px;
	margin-top: 70px
	-webkit-font-smoothing: subpixel-antialiased;
}
.left_block .news_box p.convey_02_eng{
	font-family: 'Futura LT W01 Medium', sans-serif;
	font-size: 14px
}
.news_box .news_underline{
	margin: 11px 0 6px;
	border-bottom: solid 1px;
	width: 25px;
}
/*==========*/

.map_box{
	width: 355px;
	height: 390px;
	/*height: 330px;*/
	display: inline-block;
	/*border: solid 3px #fff;*/
	/*vertical-align: middle;*/
	padding: 25px 10px 13px 10px;
	position: absolute;
	 top: 27%;
	/*bottom: 119px;*/
/*	margin: auto 0 auto 85px;
	margin: auto 0 auto 7%;*/
	font-family: 'Futura LT W01 Medium', sans-serif;
	right: 12.7%;
}
.map_text{
	margin-left: 12px;
}
.map_underline{
	border-bottom: solid 1px;
	margin: 13px 0 20px;
	width: 25px;
}
.map{
/*	width: 331px;
	height: 194px;*/
	width: 355px;
	height: 241px;
	background: #fff;
	/*margin: 0; coming soon*/
	margin: 23px 0px 0 0;
}
.address_ja{
	font-size: 14px;
	line-height: 1.4;
	font-family: "Garamond W01","リュウミン R-KL", serif;
	letter-spacing: 2px;
	text-align: left;
	-webkit-font-smoothing: subpixel-antialiased;
}
.address_eng{
	font-size: 13.5px;
	margin: 5px 0 12px;
	line-height: 1.4;
	font-family: "Garamond W01",serif;
	letter-spacing: 2px;
}
.convey_01_ja .quotes1{
	position: absolute;
	margin-left: -30px;
	font-size: 40px;
	top: -5px;
}
.convey_01_ja .quotes2{
	position: absolute;
	margin-right: 132px;
	right: 0;
	bottom: -30px;
	font-size: 40px;
}
#leo .convey_01_ja{
	position: relative;
	display: inline-block;
}
/*========================
アニメーション
========================*/
/*トップ背景フェードイン*/
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*トップテキストフェードイン*/
@-webkit-keyframes toptxt {
  0% {
    opacity: 0;
    /*-webkit-transform : translate(0, 30px);
    transform : translate(0, 30px);*/
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
  100% {
    opacity: 1;
    /*-webkit-transform : translate(0, 0);
    transform : translate(0, 0);*/
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes toptxt {
  0% {
    opacity: 0;
    -webkit-transform : translate(0, 30px);
    transform : translate(0, 30px);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
  100% {
    opacity: 1;
    -webkit-transform : translate(0, 0);
    transform : translate(0, 0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes topsd {
  0% {
    opacity: 0;
    -webkit-transform : translate(0, -30px);
    transform : translate(0, -30px);
/*    -webkit-transform: scale(1.1);
    transform: scale(1.1);*/
  }
  100% {
    opacity: 1;
    -webkit-transform : translate(0, 0);
    transform : translate(0, 0);
/*    -webkit-transform: scale(1);
    transform: scale(1);*/
  }
}
@keyframes topsd {
  0% {
    opacity: 0;
    -webkit-transform : translate(0, -30px);
    transform : translate(0, -30px);
/*    -webkit-transform: scale(1.1);
    transform: scale(1.1);*/
  }
  100% {
    opacity: 1;
    -webkit-transform : translate(0, 0);
    transform : translate(0, 0);
/*    -webkit-transform: scale(1);
    transform: scale(1);*/
  }
}
/*----テキストのフェードイン----*/
.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition : all 1500ms;
}
.fadein_down {
	opacity : 0;
	transform : translate(0, -35px);
	-webkit-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	-moz-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	-ms-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	-o-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
}
.fadein_up {
	opacity : 0;
	transform : translate(0, 30px);
	/*transition : all 1300ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;*/
	-webkit-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	-moz-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	-ms-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	-o-transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
	transition: 500ms cubic-bezier(0.78, 0.18, 0.44, 0.88);
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);

}
.active .fadein,.active .fadein_up {
	opacity : 1;
	transform : translate(0, 0);
	-webkit-transition: all 1300ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;
	-moz-transition: all 1300ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;
	-ms-transition: all 1300ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;
	-o-transition: all 1300ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;
	transition : all 1300ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;
}
.active .fadein_down{
	opacity : 1;
	transform : translate(0, 0);
	transition : all 1500ms cubic-bezier(0.78, 0.18, 0.44, 0.88) 200ms;
}
/*MAPアニメーション*/
.map_box .map_top_line{
	border-top: solid 3px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	-webkit-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	-o-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	transition : all 300ms cubic-bezier(0.78, .18, .34, .98);
}
.active .map_box .map_top_line{
	width: 100%;
	/*transform : translate(0, 0);*/
	-webkit-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	-moz-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	-ms-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	-o-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	transition : all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
}
.map_box .map_bottom_line{
	border-bottom: solid 3px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0%;
	-webkit-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	-o-transition: all 300ms cubic-bezier(0.78, .18, .34, .98);
	transition : all 300ms cubic-bezier(0.78, .18, .34, .98);
}
.active .map_box .map_bottom_line{
	width: 100%;
	-webkit-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	-moz-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	-ms-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	-o-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
	transition : all 1000ms cubic-bezier(0.78, .18, .34, .98) 2000ms;
}
.map_box .map_left_line{
	opacity : 0;
	border-left: solid 3px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0%;
	-webkit-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	-moz-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	-ms-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	-o-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	transition : all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
}
.active .map_box .map_left_line{
	opacity : 1;
	height: 100%;
	-webkit-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	-moz-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	-ms-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	-o-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	transition : all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
}
.map_box .map_right_line{
	opacity : 0;
 	border-right: solid 3px;
 	display: inline-block;
 	position: absolute;
 	right: 0;
 	top: 0;
	height: 0%;
	-webkit-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	-moz-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	-ms-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	-o-transition: all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
	transition : all 300ms cubic-bezier(0.78, .18, .34, .98) 300ms;
}
.active .map_box .map_right_line{
	opacity : 1;
	height: 100%;
	-webkit-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	-moz-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	-ms-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	-o-transition: all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
	transition : all 1000ms cubic-bezier(0.78, .18, .34, .98) 1000ms;
}
/*------------------------*/
/*--トップ囲い--*/
.left_line{
 	border-left: solid 4px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
    animation: left_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -webkit-animation: left_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -moz-animation: left_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -o-animation: left_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -ms-animation: left_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
}
.right_line{
 	border-right: solid 4px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
    animation: right_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -webkit-animation: right_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -moz-animation: right_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -o-animation: right_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
    -ms-animation: right_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 3000ms;
}
.top_line{
	border-top: solid 4px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
    animation: top_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -webkit-animation: top_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -moz-animation: top_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -o-animation: top_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -ms-animation: top_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
}
.bottom_line{
 	border-bottom: solid 4px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
    animation: bottom_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -webkit-animation: bottom_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -moz-animation: bottom_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -o-animation: bottom_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
    -ms-animation: bottom_line 1s cubic-bezier(0.78, .18, .34, .98) 1 forwards 4000ms;
}
@-webkit-keyframes top_line {
  0% {width: 0%;}
  100% {width: 100%;}
}
@keyframes top_line {
  0% {width: 0%;}
  100% {width: 100%;}
}
@-webkit-keyframes bottom_line {
  0% {width: 0%;}
  100% {width: 100%;}
}
@keyframes bottom_line {
  0% {width: 0%;}
  100% {width: 100%;}
}
@-webkit-keyframes left_line {
  0% {height: 0%;}
  100% {height: 100%;}
}
@keyframes left_line {
  0% {height: 0%;}
  100% {height: 100%;}
}
@-webkit-keyframes right_line {
  0% {height: 0%;}
  100% {height: 100%;}
}
@keyframes right_line {
  0% {height: 0%;}
  100% {height: 100%;}
}
/*--/トップ囲い--*/
/*========================*/
/*非表示管理*/
.sm_hide{
    display: inline-block;
}
.pc_hide{
    display: none;
}
/*/非表示管理*/