@charset 'UTF-8';


/**
 *
 *
 * hicom-water
 * lp.css
 *
 * @shince 2018.06.22
 *
 */


@media screen and ( min-width: 668px ){
	.pc_no{ display: none; }
}
@media screen and ( max-width: 667px ){
	.sp_no{ display: none; }
}


/* --------------------------------------------
 base
-------------------------------------------- */
.common-h03::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 31px;
    line-height: 1;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/common-icon01.png);
}

@media screen and ( min-width: 769px ){
	#main{
		margin-top: 135px;
	}
}
@media screen and ( max-width: 768px ){
	#main{
		margin-top: 94px;
	}
}
@media screen and ( max-width: 400px ){
	#main{
		margin-top: 87px;
	}
}

@media screen and ( max-width: 370px ){
	#main{
		margin-top: 102px;
	}
}




/* --------------------------------------------
 header
-------------------------------------------- */
/*   ---#header---   */
#header{
	z-index: 16;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}


#header_box{
	max-width: 1010px;
	width: 90%;
	margin: auto;
	position: relative;
}

#header h1{
	display: block;
	padding-top: 20px;
	font-size: 12px;
	color: #77a9bb;
}
#header h1,
#header .apply_top{
	-webkit-transition: all 340ms ease-in-out;
	-o-transition: all 340ms ease-in-out;
	-moz-transition: all 340ms ease-in-out;
	transition: all 340ms ease-in-out;
}

#header.header_on h1{
	height: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
}


/* ===== お申し込みはこちら ===== */
#header .apply_top{
	max-width: 231px;
	width: 27%;
	position: absolute;
	right: 0;
	top: 0;
}

#header.header_on .apply_top{
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY( -100% );
	-moz-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	-o-transform: translateY( -100% );
	transform: translateY( -100% );
}


/* ===== header inner ===== */
#header_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 27px 0 17px;
}

#header .logo_top{
	max-width: 267px;
	width: 27%;
	z-index: 14;
}

#header.header_on .logo_top{
	max-width: 200px;
	width: 20%;
}

/* ===== header dotted ===== */
.bg_dotted{
	max-width: 1230px;
	width: 100%;
	margin: auto;
	position: absolute;
	top: -5%;
	left: calc( 50% - 630px );
	z-index: 16;
	pointer-events: none;
}

@media( max-width: 1230px ){
	.bg_dotted{
		left: 0;
	}
}
@media( max-width: 768px ){
	.bg_dotted{
		display: none;
	}
}




@media screen and ( max-width: 768px ){
	#header_inner{
		padding: 13px 0;
	}
	#header h1{
		font-size: 10px;
		padding-top: 15px;
	}
}




/* --------------------------------------------
 nav
-------------------------------------------- */
/*   ---#nav   ---*/
#nav{

}

#nav ul li a{
	/* padding: 14px 0 0; */
	display: block;
}

#nav ul li a.hover{
	transition: opacity 300ms ease-out;
}

#nav li img{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}





@media screen and ( min-width: 1065px ){
	#nav ul li{
		margin-right: 30px;
	}

}

@media screen and ( min-width: 769px ) and ( max-width: 1064px ){
	#nav ul li{
		margin-right: 20px;
	}

}

@media screen and ( min-width: 769px ){
	#header{
		min-width: 960px;
	}

	#nav ul{
		font-size: 0;
	}
	#nav ul li{
		display: inline-block;
	}
	#nav ul li:last-child{
		margin: 0;
	}

	/* ===== nav_active ===== */
	.nav_active a{
		padding-top: 14px;
	}

	.nav_active a::after{
		content: '';
		display: block;
		width: 80%;
		height: 1px;
		margin: 14px auto 0;
		background-image: url('../img/nav_active.svg');
		background-position: center bottom;
		background-repeat: repeat;
		opacity: 0;
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	.nav_active a::after{
		opacity: 1;
	}

	#ham_btn{
		display: none
	}


}


@media screen and ( max-width: 768px ){
	.apply_top{
		display: none;
	}
	#header .logo_top{
		width: 180px;
		/* max-width: 180px; */
	}
	#nav{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 100;
		background-color: #fff;
		width: 250px;
		height: 100%;
		overflow: auto;
		-webkit-transition: all 360ms ease-in-out;
		-o-transition: all 360ms ease-in-out;
		-moz-transition: all 360ms ease-in-out;
		transition: all 360ms ease-in-out;
		-webkit-transform: translateX( 100% );
		-moz-transform: translateX( 100% );
		-ms-transform: translateX( 100% );
		-o-transform: translateX( 100% );
		transform: translateX( 100% );
	}

	#nav.nav_on{
		-webkit-transform: translateX( 0 );
		-moz-transform: translateX( 0 );
		-ms-transform: translateX( 0 );
		-o-transform: translateX( 0 );
		transform: translateX( 0 );
	}
	#nav ul{
		padding: 70px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#nav li{
		/* margin-bottom: 17px; */
	}

	#nav li a {
		background-image: url('../img/nav_active.svg');
		background-position: center bottom;
		background-repeat: repeat-x;
		padding: 15px 10px;
	}

	/* ====== ham btn ====== */
	#ham_btn{
		width: 35px;
		position: relative;
		z-index: 111;
	}
	#ham_btn a{
		display: block;
		text-align: center
	}
	#ham_btn__line span{
		display: block;
		width: 27px;
		height: 2px;
		margin: 0 auto;
		background-color: #333;
		transition: 300ms ease-out all;
	}

	#ham_btn__line span:nth-of-type(2){
		margin: 5px auto;
	}

	/* txt */
	#ham_btn__txt{
		margin-top: 3px;
		font-size: 12px;
		display: block;
	}

	/* ===== clickされたとき ===== */
	#ham_btn.ham_on #ham_btn__line span:nth-of-type(2){
		opacity: 0;
		visibility: hidden;
	}
	#ham_btn.ham_on #ham_btn__line span:nth-of-type(1){
		-webkit-transform: translateY(5px) rotate(-45deg);
		   -moz-transform: translateY(5px) rotate(-45deg);
		    -ms-transform: translateY(5px) rotate(-45deg);
		     -o-transform: translateY(5px) rotate(-45deg);
		        transform: translateY(5px) rotate(-45deg);
	}
	#ham_btn.ham_on #ham_btn__line span:nth-of-type(3){
		-webkit-transform: translateY(-9px) rotate(45deg);
		   -moz-transform: translateY(-9px) rotate(45deg);
		    -ms-transform: translateY(-9px) rotate(45deg);
		     -o-transform: translateY(-9px) rotate(45deg);
		        transform: translateY(-9px) rotate(45deg);
	}



}


@media screen and ( max-width: 400px ){
	#header .logo_top{
		width: 160px;
	}

}


/* --------------------------------------------
 first view
-------------------------------------------- */

/*   ---.first_view---   */
.first_view{
	background-image: url('../img/bg_visual.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	margin-bottom: 60px;
}

.fv_inner{
	position: relative;
	max-width: 915px;
	width: 90%;
	margin:0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 76px;
}

.first_view::before,
.first_view::after{
	content: '';
	width: 100%;
	height: 50px;
	background-size: cover;
	background-repeat: repeat-x;
	position: absolute;
	left:0;
	z-index: 3;
}

.first_view::before{
	background-image: url('../img/common-bg_02.png');
	background-position: center top;
	top:0;
}
.first_view::after{
	background-image: url('../img/common-bg_03.png');
	bottom:0;
	background-position: center bottom;
}

.first_view .first_comment{
	max-width: 182px;
	max-width: 120px;
	width: 19.9%;
	position: relative;
	z-index: 10;
	margin-left: 4%;
}

.first_view .first_comment img{
	position: absolute;
	top: 0;
	left: 0;
}

.first_view .servers_image{
	max-width: 666px;
	width: 72.8%;
}


@media screen and ( max-width: 768px ){
	.first_view::before,
	.first_view::after{
		background-size: 100%;
	}

}

@media screen and ( max-width: 667px ){
	.first_view{
		margin-bottom: 18%;
	}
	.fv_inner{
		padding-top: 11%;
	}
	.first_view .first_comment{
		width: 16%;
		margin-left: 6%;
	}
	.first_view .servers_image{
		width: 67%;
	}



}




/* --------------------------------------------
 sec01
-------------------------------------------- */
#sec01{

}

#sec01_h{
	margin: 0 auto;
	max-width: 660px;
	width: 80%;
	line-height: 1;
}

#sec01_date {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

#sec01_banner{
	margin-top: 18px;
	margin-bottom: 7px;
	line-height: 1;
}

#sec01_small,
#sec01_small small{
	font-size: 11px;
	line-height: 1.545em;
}

#sec01_small {
	overflow-y: scroll;
    height: 140px;
}
.page-template-template-lp3 #sec01_small {
	overflow-y: auto;
    height: auto;
}

#sec01_small a{
	display: inline-block;
	font-size: 11px;
	color: #ff8068;
	text-decoration: underline;
}


/* --------------------------------------------
 sec02
-------------------------------------------- */
#sec02{
	margin-top: 50px;
	margin-bottom: 35px;
}

#sec02 h2{
	margin-bottom: 20px;
	text-align: center;
}

.sec02_div:nth-of-type(1){
	margin-bottom: 40px;
}
.sec02_div:nth-of-type(2){
	margin-bottom: 25px;
}


@media screen and ( min-width: 769px ){


	.sec02_div{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.sec02_div:nth-of-type(1){
		margin-bottom: 30px;
	}
	.sec02_div #commit-about_txt02 {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: space-between;
	}
}




/* more */
.sec02_more{
	text-align: center;
	max-width: 314px;
	width: 100%;
	line-height: 1;
}

.sec02_more a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #308080;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	padding: 1.084em 0;
	font-size: 18px;
	box-sizing: border-box;
}

.sec02_more a::after{
	content: '\25B6\FE0E';
	display: inline-block;
	vertical-align: middle;
	font-size: 9px;
	margin-left: 15px;
}

@media screen and ( max-width: 768px ){

	#sec01_date {
		font-size: 12px;
	}

	.sec02_more{
		margin: 0 auto;
	}

	.sec02_more a{
		font-size: 16px;
		padding: .85em 0;
	}

}



/* --------------------------------------------
 commit.css を上書き size
-------------------------------------------- */
#commit-kodawari01_logo{
	width: 26%;
	text-align: center;
}

@media screen and ( max-width: 768px ){
	#commit-kodawari01_logo{
		width: 50%;
		text-align: center;
	}

}

@media screen and ( max-width: 600px ){
	#commit-kodawari01_logo{
		width: 100%;
	}

}

@media screen and ( min-width: 769px ){

	#commit-kodawari01_logo img {
		max-width: 156px;
	}

	#commit-kodawari02_photo > div:nth-of-type(1){
		max-width: 278px;
	}

	#commit-kodawari02_photo > div:nth-of-type(2){
		max-width: 650px;
		width: 76%;
	}

}



/* --------------------------------------------
 commit.css lp_kaiteki__01
-------------------------------------------- */
#commit-kaiteki_inner{
	margin-bottom: 38px;
}

#commit-kaiteki_inner h2{
	width: 100%;
	max-width: 100%;
	text-align: center;
}

#lp_kaiteki__img img{
	max-width: 342px;
	width: 100%;
}

#lp_kaiteki__01__bottom{
	margin-top: 35px;
}

#lp_kaiteki__01__bottom img{
	max-width: 400px;
	width: 100%;
}

#commit-kaiteki_nagare{
	margin-top: 50px;
}


@media screen and ( min-width: 769px ){
	#commit-kaiteki_inner h2{
		max-width: 110%;
		width: 110%;
		margin-left: -5%;
	}

	#lp_kaiteki__01__top,
	#lp_kaiteki__01__bottom{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#lp_kaiteki__txt{
		max-width: 438px;
		width: 51%;
	}
	#lp_kaiteki__before,
	#lp_kaiteki__after{
		width: 46.6%;
		max-width: 400px;
	}
	#lp_kaiteki__triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 23.5px 0 23.5px 20px;
		border-color: transparent transparent transparent #00a6ff;
		margin-top: 75px;
		margin-right: -5px;
	}

}


@media screen and ( max-width: 768px ){
	#lp_kaiteki__img{
		text-align: center;
		margin-top: 15px;
	}
	#lp_kaiteki__01__bottom{
		max-width: 400px;
		width: 100%;
		margin: 40px auto 0;
	}

	#lp_kaiteki__triangle{
		width: 0;
		height: 0;
		margin: 10px auto;
		border-style: solid;
		border-width: 20px 23.5px 0 23.5px;
		border-color: #00a6ff transparent transparent transparent;
	}

}





/* --------------------------------------------
 commit.css lp_bg
-------------------------------------------- */
.lp_bg{
	background-image: url('../img/common-bg_02.png'), url('../img/common-bg_03.png'), url('../img/common-bg_01.png');
	background-repeat: no-repeat , no-repeat , repeat;
	background-position: center top, center bottom, center;
	background-size: contain,contain,auto;
	padding: 80px 0;
}
.lp_bg2{
	background-image: url('../img/common-bg_02.png'), url('../img/common-bg_01.png');
	background-repeat: no-repeat , repeat;
	background-position: center top, center;
	background-size: contain,auto;
	padding: 100px 0 0;
}

#lineup-kinou{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

#lineup-siyou{
	max-width: 855px;
	width: 100%;
}

#lineup-area{
	margin-top: 35px;
	margin-bottom: 120px;
	padding-top: 0;
}


/* --------------------------------------------
 commit.css llp_lineup
-------------------------------------------- */
#lp_lineup h2.common-h{
	text-align: center;
	margin-bottom: 50px;
}

#lineup-intro{
	max-width: 785px;
	width: 100%;
	margin: 0 auto;
}


#lineup-siyou_h h4{
	font-size: 30px;
	font-weight: bold;
	color: #00a5ff;
	line-height: 1.500em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
}
#lineup-ryoukin_pran h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: .8em;
	line-height: 1.2em;
}

#lineup-ryoukin_pran h4 span{
	background-color: #fffddf;
	padding: .1em .1em;
}
@media screen and (max-width: 768px){
	#lineup-siyou_h h4 {
		font-size: 22px;
		margin-right: 25px;
	}
}

@media screen and ( max-width: 420px ){
	#lineup-siyou_h h4{
		font-size: 16px;
	}
}


/* ===== lp_tenen  ===== */
#lp_tenen{
	margin-top: 70px;
	margin-bottom: 35px;
}


#lp_tenen__txt #lineup-siyou_h{
	margin-top: 0;
}



#lp_tenen__img img{
	max-width: 365px;
	width: 100%;
}


#lp_lineup article {
	display: flex;
	align-items: flex-end;
	margin-bottom:  115px;
}
.lp_lineup-left {
	width: 320px;
    max-width: 320px;
}
.lp_lineup-left h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	color: #00a5ff;
}
.lp_lineup-left .lp_lineup-txt {
	font-size: 15px;
	max-width: 284px;
	margin-bottom: 25px;
}
.lp_lineup-left .lp_lineup-txt span {
	font-size: 12px;
}
.lp_lineup-left #lineup-siyou_table {
	max-width: 284px;
}
.lp_lineup-left #lineup-siyou_table table {
	width: 100%;
}
#lp_lineup article #lineup-intro {
	flex: 1;
	display: flex;
	justify-content: space-between;
}
#lp_lineup article #lineup-intro.lineup-3 li {
	text-align: center;
}
#lp_lineup article #lineup-intro span {
	text-align: center;
}
.lineup-amadana {
	margin-bottom: 170px;
}
.lineup-amadana .lp_lineup-left .lp_lineup-txt {
	max-width: 290px;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table {
	max-width: 290px;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table table th span {
	font-size:  13px;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table > table tr:nth-child(1) th:nth-child(1){
	width: 40%;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table > table tr:nth-child(1) th:nth-child(2){
	width: 30%;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table > table tr:nth-child(1) th:nth-child(3){
	width: 30%;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table table .lineup-border-right {
	border-right: solid 2px #d1edf3;
}
.lineup-amadana .lp_lineup-left #lineup-siyou_table > table th,
.lineup-amadana .lp_lineup-left #lineup-siyou_table > table td {
	padding: .4em 0 .4em .4em;
	vertical-align: middle;
}

#lp-5type {

}
#lp-5type h4 {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted;
}
#lp-5type h4 span {
	font-size: 30px;
	font-weight: bold;
	margin-left: .5em;
	color: #00a5ff;
}
#lp-5type article {
	display: block!important;
	margin-bottom:  50px!important;
}
.lp-5type-info {
	margin-bottom: 60px;
}
.lp-5type-view2 .lp-5tye-img {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.lp-5type-view2 .lp-5tye-img img {
	max-width: 578px;
}
.lp-5type-view2 .lp-5type-img__left img {
	max-width: 100px;
	margin-bottom: 20px;
}
.lp-5type-img__mondo__txt {
	font-size: 12px;
}
.lp-5tye-img {
	width: 100%;
	margin-bottom: 30px;
}
.lp-5type-txt h5 {
	font-size: 20px;
	font-weight: bold;
	color: #00a5ff;
	margin-bottom: 20px;
}

.lp-5type-etc {
	display: inline-block;
	line-height: 1.5;
	padding: 1em;
	box-sizing: border-box;
	border:  1px solid #000;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}

.lineup-siyou_sent2 {
	max-width: 490px!important;
}
.lineup-siyou_sent2 li {
	width: 44%!important;
}




@media screen and ( max-width: 768px ){

	#lp_lineup article {
		display: block;
	}
	.lp_lineup-left {
		width: 100%;
		max-width: 100%;
	}
	.lp_lineup-left h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.lp_lineup-left .lp_lineup-txt,
	.lineup-amadana .lp_lineup-left .lp_lineup-txt {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}
	.lp_lineup-left #lineup-siyou_table,
	.lineup-amadana .lp_lineup-left #lineup-siyou_table {
		width: 100%;
		max-width: 100%;
	}
	#lp_lineup article #lineup-intro {
		flex-wrap: wrap;
	}

	#lp-5type h4 span {
		font-size: 20px;
		line-height: 1.5;
	}
	.lp-5type-info {
		margin-bottom: 30px;
	}
	.lp-5type-view2 .lp-5tye-img {
		display: block;
		margin-bottom:  20px;
	}
	.lp-5type-view2 .lp-5tye-img > img {
		max-width: 100%;
		width: 100%;
	}
	.lp-5type-img__left {
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 20px;
	}
	.lp-5type-view2 .lp-5type-img__left img {
		margin-bottom: 0;
		width: 40%;
	}
	.lp-5type-img__mondo__txt {
		width: 50%;
	}
	.lp-5type-txt h5 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.lineup-siyou_sent2 li {
		width: 80%!important;
	}
	#lineup-ryoukin_pran p span {
		font-size: 14px;
	}
}

@media screen and ( max-width: 500px ){
	#lineup-intro > li {
		margin-bottom: 20px;
		width: 48%;
		margin-right: 0;
	}
	#lineup-intro > li:nth-child(odd) {
		margin-right: 4%;
	}
}

@media screen and ( max-width: 414px ){
	.lp-5type-view2 .lp-5type-img__left img {
		margin-bottom: 0;
		width: 20%;
	}
	.lp-5type-img__mondo__txt {
		width: 70%;
		font-size:  10px;
	}
}


@media screen and ( min-width: 601px ){
	#lp_tenen{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#lp_tenen__txt{
		max-width: 440px;
		width: 52%;
	}
	#lp_tenen__img{
		max-width: 365px;
	}

}
@media screen and ( max-width: 600px ){
	#lp_tenen__img{
		text-align: center;
		margin-top: 10px;
	}

}



/* ===== lp_lineup__land ===== */
#lp_lineup__land h5{
	font-weight: bold;
	font-size: 20px;
	color: #00a5ff;
	margin-top: 25px;
	margin-bottom: 16px;
}

@media screen and ( min-width: 601px ){
	#lp_lineup__land{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#lp_lineup__land > div{
		max-width: 410px;
		width: 48%;
	}
	#lp_lineup__land h5{
	}

}


@media screen and ( max-width: 600px ){

	#lp_lineup__land > div{
		margin-bottom: 30px;
	}

}




#lineup-siyou > dl{
	width: 100%;
	max-width: 820px;
	margin: 35px auto 0;
	overflow: hidden;
}

#lineup-siyou > dl dt,
#lineup-siyou > dl dd{
	background-color: #fff;
	padding: .4em;
}



@media screen and ( min-width: 769px ){

	#lineup-siyou > dl dt{
		width: 35%;
	}
	#lineup-siyou > dl dd{
		width: 65%;
	}
}




#lp_bottom_banner{
	max-width: 802px;
	width: 100%;
	margin: 65px auto 0;
}

@media screen and ( min-width: 769px ){
	#lineup-area_pack{
		margin-top: 80px;
	}
}




/* --------------------------------------------
 footer
-------------------------------------------- */
#footer{
	background-image: url('../img/common-bg_01.png');
	background-repeat: repeat;
	background-size: auto;
	background-position: center;
	text-align: center;
	padding: 35px 0;
}

#footer p,
#footer small{
	color: #77a9bb;
	font-size: 12px;
	line-height: 1.750em;
	word-wrap: break-word;
}


#footer_link{
	position: fixed;
	right: 30px;
	bottom: 40px;
	z-index: 15;
	width: 151px;
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	opacity: 0;
}

#footer_link.footer_link__on{
	opacity: 1;
}

@media screen and ( max-width: 768px ){

	#footer_link{
		width: 120px;
	}

}

@media screen and ( max-width: 640px ){

	#footer_link{
		width: 80px;
	}

}
/* --------------------------------------------
2020.12.02
-------------------------------------------- */
#sec01_small {
    height:auto;
}

.lp_lineup-left .lp_lineup-bottom_txt {
	font-size: 12px;
    margin: 10px 0 0;
    max-width: 284px;
    text-align: right;
}

@media screen and (min-width:666px) and ( max-width:768px) {
    .first_view .first_comment{
		width: 14%;
	}
}

@media screen and (max-width: 768px) {
    .lp_lineup-left .lp_lineup-bottom_txt {
        margin: 10px 0 20px;
        max-width:none;
	}
}

#lineup-siyou > dl{
	margin: 35px auto 25px;
}




































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

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