@charset "utf-8";
/*	◆ CSS Document ◆
ベースになるコード、:rootで変数にしたもの、よく使う項目の設定はbase.cssにあります。
こちらは各項目に対するCSS設定用のCSSです。 */

/*--------------------------------------------------
	Header
--------------------------------------------------*/

.header_first {
	position: fixed;
	width: 100%;
	align-items: center;
	padding-block: .2rem;
}
	.header_first nav ul li {
		font-size: var(--fontsize_M);
		font-weight: 900;
		margin-right: .3rem;
		position: relative;
	}
		.header_first nav ul li:last-of-type {
			margin-right: 0;
		}
		.header_first nav ul li a {
			color: var(--color01);
		}

@media (max-width:768px) {
	.header_first img{
		height: .2rem;
	}
	.header_first p{font-size: clamp(.1rem, 2.5vw, .2rem);}
	.header_first.flex_between{
		justify-content: flex-start;
		gap: .2rem;
	}

}

/*--------------------------------------------------
	MV
--------------------------------------------------*/
/* テスト */
#mv{
	background: url(../images/bg_mv.png) no-repeat;
	background-size: cover;
	background-position: center bottom;
	width: -webkit-fill-available;
	padding-block: .25rem 2rem;
}

.packageservice_wrap{
	background: url(../images/bg_mv_catch_service.png) no-repeat;
	background-position: center bottom;
	padding-bottom: 1.2rem;
}
.packageservice_wrap .flex_center{
	align-items: stretch;
}

.packageservice_wrap li{
	filter: drop-shadow(5px 5px 5px #ccc);
	width: calc(100% / 3);
}
.ttl img{
	filter: drop-shadow(5px 1px 3px #ccc);
}
.packageservice_wrap li div{
	font-size: .18rem;
	background: var(--white);
	box-sizing: border-box;
	border-radius: 0 0 .2rem .2rem;
	font-weight: bold;
	text-align: center;
	min-height: 2.6rem;
	padding: .25rem .2rem;
	justify-content: space-around;
}



@media (max-width:768px) {
	#mv {
		background-size: cover;
		background-position: center;
		padding-bottom: 1rem;
	}
	#mv .container_middle{
		margin-top: .3rem;
		max-width: 100%;
		padding-inline: 0;
	}
	.packageservice_wrap{
		background: none;
	}
	.packageservice_wrap .flex_center{
		flex-direction: column;
	}
	.packageservice_wrap li{
		width: calc(100% - .3rem);
		margin-inline: auto;
	}
		.packageservice_wrap li div{
			min-height: auto;
			padding: .25rem .3rem;
		}
		.packageservice_wrap li .flex_column_center{
			flex-direction: row;
		}
		.packageservice_wrap li .flex_column_center img{
			width: 1rem;
		}
		.packageservice_wrap li div p:last-of-type{
			width: 100%;
			text-align: left;
			padding-left: .15rem;
			font-size: .2rem;
		}
	#mv a{
		padding-inline: .25rem;
	}
	#mv a img{
		width: calc(100%);
	}
}

/*--------------------------------------------------
	Main
--------------------------------------------------*/
main{
	background: url(../images/bg.png);
	background-position: center;
}
.flex_center{
	gap: .25rem .5rem;
}

@media (max-width:768px) {
	#comparison h2 img,
	#service h2 img,
	#plan h2 img,
	#flow h2 img,
	#faq h2 img {
		width: auto !important;
		height: .8rem;
		margin-bottom: .25rem;
	}

}

	/*----------------------------------------------
		Main - onayamai
	----------------------------------------------*/
	#onayami{
		padding-block: 1rem;
		text-align: center;
	}
	#onayami h2{
		margin-top: -1.5rem;
	}
	#onayami .ttl,
	#comparison .ttl{
		font-size:  .4rem;
		font-weight: bold;
		line-height: 1.5;
	}
	#onayami .onayami_list {
		align-items: flex-start;
		gap: 0;
	}
		#onayami .onayami_list li{
			width: calc(100% / 3);
			height: -webkit-fill-available;
			justify-content: flex-start;
			border-right: 2px solid var(--color01);
			padding-inline: .25rem;
		}
			#onayami .onayami_list li:last-of-type{
				border-right: 0;
			}
			#onayami .onayami_list li h3{
				font-size: .25rem;
			}
			#onayami .onayami_list li p:last-of-type{
				text-align: left;
			}

	@media (max-width:768px) {
		#onayami {
			padding-block: 1rem 0;
		}
		#onayami h2 img{
			height: 1.2rem;
		}
		#onayami p{
			text-align: left;
		}
		#onayami .ttl,
		#comparison .ttl{
			font-size: .32rem;
		}
		#onayami .onayami_list{
			flex-direction: column;
		}
		#onayami .onayami_list li {
			width: 100%;
			height: auto;
			border-right: none;
			border-top: 2px solid var(--color01);
			margin-block: 15px;
			padding-inline: 0;
			flex-direction: row;
			align-items: flex-start;
			column-gap: .1rem;
		}
		#onayami .onayami_list li p:has(picture) {
			width: 1.5rem;
		}
		#onayami .onayami_list li div{
			width: calc(100% - 1.5rem);
			text-align: left;
		}
		#onayami .onayami_list li h3 {
			font-size: .23rem;
			margin-bottom: .2rem;
		}
	}
	

	/*----------------------------------------------
		Main - standard
	----------------------------------------------*/
	#standard{
		background: url(../images/bg_s2.png);
		background-size: cover;
		background-position: center bottom;
		padding-block: 1rem 3rem;
		text-align: center;
	}
	#standard .standard_txt{
		margin-top: -1rem;
	}
	#standard .ttl{
		font-size: .3rem;
		font-weight: bold;
		text-align: center;
	}
		#standard p{
			line-height: 1.7;
		}
	#standard .standard_point li{
		background: var(--color01);
		color: var(--white);
		padding: .1rem;
		border-radius: .2rem;
		gap: .25rem;
	}
	#standard .standard_point li .flex_txt{
		width: calc(100% - 3.3rem);
		text-align: left;
		padding-right: .5rem;
	}
		#standard .flex_txt h3{
			font-size: .3rem;
			color: var(--color02);
		}
	#standard .standard_point li:nth-of-type(even){
		flex-direction: row-reverse;
	}
		#standard .standard_point li:nth-of-type(even) .flex_txt{
			padding-right: 0;
			padding-left: .5rem;
		}

	@media (max-width:768px) {
		#standard {
			background: url(../images/bg_s2_sp.png);
			background-size: cover;
			background-position: center bottom;
			padding-block: .5rem 1rem;
		}
		#standard .container_small{
			padding-inline: 0;
		}
		#standard .standard_txt{
			max-width: calc(100% - .3rem);
			margin-inline: auto;
			margin-top: -.5rem;
			text-align: left;
		}
		#standard .ttl{
			font-size: .25rem;
			text-align: center;
		}
		#standard .imagettl{
			width: 80%;
			margin-inline: auto;
		}
			#standard .imagettl img{
				width: 100%;
			}
		#standard .standard_point{
			padding-inline: .2rem;
		}
		#standard .standard_point li,
		#standard .standard_point li:nth-of-type(even){
			flex-direction: column;
			padding: .15rem;
		}
			#standard .standard_point li div:has(picture){
				display: flex;
				align-items: center;
				gap: .15rem;
			}
			#standard .standard_point li:nth-of-type(even) div:has(picture){
				flex-direction: row-reverse;
				}

				#standard .standard_point li div:has(picture) h3 {
					font-size: .25rem;
					color: var(--color02);
					text-align: left;
				}
			#standard .standard_point li .flex_txt{
				width: 100%;
				padding-right: 0;
			}
				#standard .standard_point li:nth-of-type(even) .flex_txt{
					padding-left: 0;
				}
				.standard_point .flex_txt.stack_SS>*+*{
					margin-top: 0;
				}
	}
	
		
	
	/*----------------------------------------------
		Main - comparison
	----------------------------------------------*/
	#comparison{
		padding-block: 1rem 0rem;
		text-align: center;
	}
		#comparison h2 {
			margin-top: -2.5rem;
		}


	@media (max-width:768px) {
		#comparison {
			padding-block: 1rem 0rem;
		}
		#comparison h2{
			margin-top: -1.5rem;
		}
		#comparison .container_small{
			padding-inline: .05rem;
		}
	}
	
.feature-section {
  padding: 60px 20px;
  margin-bottom: 70px;
}

.feature-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.card-title {
  background: #143e6e;
  color: #fff;
  padding: 18px;
  font-size: 20px;
  text-align: center;
}

.card p {
  padding: 20px;
  line-height: 1.8;
  font-size: 15px;
  color: #143e6e;
}

/* タブレット */
@media (max-width: 1024px) {
  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* スマホ */
@media (max-width: 640px) {
  .feature-section {
    padding: 40px 16px;
  }

  .feature-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .card-title {
    font-size: 18px;
  }

  .card p {
    font-size: 14px;
  }
}

/* 全体ラッパー */
.badge-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
}

/* 共通バッジ */
.badge {
  background-color: #f4ff00;
  color: #003366;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  padding: 20px 32px;
}

/* 左：角丸四角 */
.badge-left {
  border-radius: 999px;
  font-size: 18px;
}

/* 右：カプセル型 */
.badge-right {
  border-radius: 999px;
  font-size: 18px;
  white-space: nowrap;
}

.badge-right strong {
  font-size: 22px;
}

/* スマホ */
@media screen and (max-width: 768px) {
  .badge-wrap {
    flex-direction: column;
  }

  .badge {
    width: 100%;
    max-width: 100%;
  }

  .badge-right {
    white-space: normal;
  }
}
	
	/*----------------------------------------------
		Main - instructor
	----------------------------------------------*/
	#instructor{
		background-image: url(../images/bg_s4.png),
			url(../images/bg_s4_bg.png);
		background-position: center;
		background-size: 70%, cover;
		background-repeat: no-repeat, repeat;
		padding-block: 1rem .5rem;
		color: var(--white);
		box-shadow: 0 .1rem .1rem #ccc;
	}
		#instructor h2 {
			margin-top: -1.8rem;
		}
		#instructor .ttl{
			font-size: .4rem;
			font-weight: bold;
			line-height: 1.5;
			padding-bottom: .25rem;
			margin-bottom: .25rem;
			border-bottom: .06rem solid var(--white);
			width: 100%;
			text-align: center;
		}
	#instructor .instructor_list{
		margin-block: .5rem;
	}
	#instructor .instructor_list .img{
		display: flex;
		width: var(--container_size_small);
	}
		#instructor .instructor_list:nth-of-type(even) .img {
			justify-content: flex-end;
		}
	#instructor .instructor_list .txt{
		margin-top: -.2rem;
	}
	#instructor span.big_txt{
		font-size: .3rem;
	}
	#instructor span.yellow {
		color: var(--color02);
	}

	#instructor .passport_wrap{
		color: var(--color01);
		background: var(--white);
		padding: .2rem;
		border-radius: .2rem;
		width: 100%;
	}
	#instructor .passport_wrap h3{
		font-size: .3rem;
		margin-block: .25rem;
	}
	#instructor .passport_wrap .flex_between{
		border-top: .03rem solid var(--color01);
		border-bottom: .03rem solid var(--color01);
		padding-block: .3rem;
		gap: .5rem;
	}
	#instructor .passport_wrap .txt{
		width: calc(100% - 2.36rem);
	}
		#instructor .passport_wrap h4{
			background: var(--color02);
			font-size: .26rem;
			padding: .1rem;
			width: fit-content;
			margin-bottom: .1rem;
		}
	#instructor .passport_wrap .flex_center{
		margin-block: .4rem;
		gap: .1rem;
	}
	#instructor .uservoice{
		margin-block: .5rem;
		padding-block: .5rem;
		border-top: 3px solid var(--white);
		border-bottom: 3px solid var(--white);
	}
	#instructor .uservoice h2 {
		margin-top: 0;
	}
	#instructor .uservoice .flex{
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-around;
		align-items: baseline;
		gap: .25rem;
	}
	#instructor .uservoice .flex li{
		width: calc((100% - .25rem) / 2);
	}
	#instructor .uservoice .voice_img img{
		width: 4.6rem;
		height: auto;
	}
	#instructor .uservoice .voice_txt{
		width: 4.6rem;
		min-height: 2.5rem;
		background: var(--white);
		color: var(--color01);
		box-sizing: border-box;
		border-radius: 0 0 .2rem .2rem;
		padding: .5rem .25rem .25rem;
		margin-top: -.25rem;
	}

	#instructor .uservoice .voice_txt .usertag{
		background: var(--color02);
		padding: .05rem .1rem;
		border-radius: calc(1px / 0);
		width: fit-content;
		margin-top: .3rem;
	}

	@media (max-width:768px) {
		#instructor{
			background-repeat: repeat;
			padding-block: 1rem 0;
		}
		#instructor h2{
			margin-top: -1.3rem;
		}
		#instructor .instructor_list .img{
			width: 100%;
		}
			#instructor .instructor_list:last-of-type{
				margin-bottom: 0;
			}
		#instructor .container_small:has(.passport_wrap){
			padding-inline: 0;
		}
		#instructor .passport_wrap{
			border-radius: 0;
		}
		#instructor .passport_wrap .flex_between{
			flex-direction: column;
			gap: .2rem;
		}
		#instructor .passport_wrap .img{
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: .15rem;
		}
			#instructor .passport_wrap .img h4{
				font-size: .23rem;
			}
		#instructor .passport_wrap .txt{
			width: 100%;
		}
		#instructor .uservoice{
			margin-block: 0;
			border-top: none;
			border-bottom: none;
			background-image: url(../images/bg_s4_bg.png);
			background-size: cover;
			background-position: center;
		}
		#instructor .uservoice h2{
			font-size: .35rem;
		}
		#instructor .uservoice .flex li{
			width: calc(100% - .2rem);
		}
		#instructor .uservoice .voice_txt{
			width: 100%;
		}
	}
	


	
	/*----------------------------------------------
		Main - service
	----------------------------------------------*/
	#service{
		padding-block: .5rem;
	}
	#service .packageservice_wrap {
		background: none;
		padding-bottom: .5rem;
	}
	#service .subttl{
		font-size: .3rem;
		font-weight: bold;
		margin-bottom: .4rem;
	}
	#service .packageservice_wrap li div{
		min-height: 3rem;
	}
	#service .packageservice_wrap li div p{
		text-wrap: wrap;
		text-align: left;
	}
	#service .bnr75off{
		font-size: .16rem;
	}


	@media (max-width:768px) {

		#service .packageservice_wrap li div{
			min-height: 1.5rem;
		}
		.packageservice_wrap li div p:last-of-type{
			font-size: .18rem;
		}
	}
	
		

	/*----------------------------------------------
		Main - plan
	----------------------------------------------*/
	#plan{
		padding-bottom: 1rem;
	}
	#plan .plan_wrap{
		gap: .1rem;
		margin-top: .3rem;
		align-items: flex-end;
	}
	#plan .plan_wrap .plan{
		width: calc(100% / 3);
	}
	#plan .plan_wrap .plan h3{
		margin-top: -.25rem;
	}
	#plan .plan_wrap .plan .plan_txt{
		font-size: .18rem;
		border-radius: .0 0 .2rem .2rem;
		background: var(--white);
		padding: .15rem;
		min-height: auto;
	}
		#plan .plan_wrap .plan1 .plan_txt{
			border: 3px solid #8a83e2;
		}
		#plan .plan_wrap .plan2 .plan_txt{
			border: 3px solid #3384f3;
		}
		#plan .plan_wrap .plan3 .plan_txt{
			border: 3px solid #52d3f3;
		}

	#plan .plan_wrap .plan li{
		padding: .1rem;
		margin-bottom: .1rem;
	}
		#plan .plan_wrap .plan1 li{
			background: #eeedfb;			
		}
			#plan .plan_wrap .plan1 li .ttl{
				color: #8a83e2;
				font-weight: bold;
				text-align: center;
				font-size: 16px;
				padding: 8px 0px;
				
			}
		#plan .plan_wrap .plan2 li{
			background: #e1edfd;
		}
			#plan .plan_wrap .plan2 li .ttl{
				color: #3384f3;
				font-weight: bold;
				text-align: center;
				font-size: 14px;
			}
		#plan .plan_wrap .plan3 li{
			background: #e5f8fd;
		}
			#plan .plan_wrap .plan3 li .ttl{
				color: #52d3f3;
				font-weight: bold;
				text-align: center;
				font-size: 14px;			}
	#plan .priceimg{
		margin-block: .2rem;
	}


	@media (max-width:768px) {

		#plan .plan_wrap{
			flex-direction: column;
			align-items: center;
		}
		#plan .plan_wrap .plan {
			width: 100%;
			margin-bottom: .5rem;
		}
			#plan .plan_wrap .plan:last-of-type{
				margin-bottom: 0;
			}
		#plan .plan_wrap .plan .plan_txt{
			min-height: auto;
		}
	}
	
	/*----------------------------------------------
		Main - flow
	----------------------------------------------*/
	#flow{
		background: url(../images/bg_s8.png);
		background-size: cover;
		background-position: center bottom;
		padding-block: 1rem;
		text-align: center;
	}
	#flow .flow_wrap{
		margin-block: .5rem;
		width: 90%;
	}
	#flow .bubble{
		--radius: 28px;
		--pad: clamp(20px, 4vw, 40px);
		--tail-w: 1.2rem;
		--tail-h: .4rem;
		--shadow: 0 14px 28px rgba(0, 0, 0, .18);
		position: relative;
		border-radius: var(--radius);
		padding: var(--pad);
		box-shadow: var(--shadow);
	}
	/* ノッチ本体（下中央の三角。clip-pathでエイリアス少なめ） */
	.bubble::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -.3rem;
		width: var(--tail-w);
		height: var(--tail-h);
		transform: translate(-50%, 0);
		clip-path: polygon(50% 100%, 0 0, 100% 0);
	}
	/* ノッチの影（ふわっと立体感） */
	.bubble::before {
		content: "";
		position: absolute;
		left: 50%;
		bottom: calc(var(--tail-h) * -0.35);
		width: calc(var(--tail-w) * 1.15);
		height: calc(var(--tail-h) * 0.9);
		transform: translate(-50%, 0);
		background: rgba(0, 0, 0, .22);
		filter: blur(8px);
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		z-index: -1;
	}
	#flow .flow_1{
		background: #00cadc;
		color: var(--white);
	}
		.flow_1::after{
			background: #00cadc;
		}
	#flow .flow_2{
		background: #3384f3;
		color: var(--white);
	}
		.flow_2::after{
			background: #3384f3;
		}
	#flow .flow_3{
		background: #8a83e2;
		color: var(--white);
	}
		.flow_3::after{
			background: #8a83e2;
		}
	#flow .flow_4{
		background: #f3ff07;
		color: var(--color01);
	}
		#flow .flow_4 .left_number{
			border-right: .18rem solid var(--color01);
		}
		.flow_4::after{
			display: none;
		}
	#flow .left_number{
		width: 1.5rem;
		border-right: .18rem solid var(--white);
		padding-right: .2rem;
	}
	#flow .right_txt{
		width: calc(100% - 1.8rem);
		text-align: left;
		
	}


	@media (max-width:768px) {
		#flow .bubble{
			flex-direction: column;
		}
		#flow .left_number{
			width: auto;
			border-right: 0;
			border-bottom: 1px solid var(--white);
			padding-left: .2rem;
			padding-bottom: .2rem;
			margin-bottom: .2rem;
		}
		#flow .flow_4 .left_number{
			border-right: 0;
			border-bottom: 1px solid var(--color01);
		}
		#flow .right_txt{
			width: 100%;
		}
			#flow .right_txt h3{
				text-align: center;
				margin-bottom: .2rem;
			}
	}
	
		
	
	/*----------------------------------------------
		Main - faq
	----------------------------------------------*/
	#faq{
		background: url(../images/bg.png);
		background-position: center;
		padding-block: 1rem;
	}
		#faq .menu {
			padding-top: 0;
		}
		
		#faq .faq_wrap {
			background-image: url(../images/faq_bg.png);
			background-repeat: no-repeat;
			background-position-y: top;
			background-size: cover;
			padding: .5rem;
			position: relative;
			z-index: 1;
		}
	
		details {
			margin-bottom: .5rem;
		}
	
		details:last-of-type {
			margin-bottom: 0;
		}
	
		summary {
			display: flex;
			justify-content: space-between;
			align-items: center;
			cursor: pointer;
			position: relative;
			font-size: .18rem;
			color: var(--white);
			background-color: var(--color01);
			padding-block: .25rem;
			padding-inline: .5rem;
			border-radius: .2rem;
		}
	
		summary::-webkit-details-marker {
			display: none;
		}
	
		summary span.flex,
		.content_inner.flex {
			gap: .1rem;
			align-items: flex-start;
		}
	
		details[open] summary {
			border-radius: .2rem .2rem 0 0;
		}
	
		/* 詳細 */
		.content {
			cursor: pointer;
			padding-block: 0 .25rem;
			padding-inline: .5rem;
			color: var(--white);
			background: var(--color01);
			border-radius: 0 0 .2rem .2rem;
			visibility: hidden;
			opacity: 0;
		}
	
		.content_inner {
			border-top: 2px solid var(--white);
		}
	
		.content_inner p {
			font-size: .18rem;
			padding-top: .25rem;
		}
	
		/* カスタムアイコン */
		summary::after {
			content: '';
			display: inline-block;
			background-image: url(../images/faq_arrow.png);
			width: .32rem;
			height: .32rem;
			background-repeat: no-repeat;
			background-size: contain;
		}
	
		/* アイコン切り替え */
		details[open] summary::after {
			transform: translateY(0%) rotate(180deg);
		}
	
		/* アニメーションのスタイル */
		details[open] .content {
			visibility: visible;
			opacity: 1;
			/* 開いたときに透明度を戻す */
			transition: opacity 0.3s ease, visibility 0s linear 0.3s;
			/* アニメーション */
		}
	
		#faq .menu {
			--curve-h: clamp(80px, 12vw, 160px);
			padding-bottom: 0;
			z-index: 0;
		}
	
		#faq .menu::after {
			content: "";
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			width: 120%;
			height: var(--curve-h);
			bottom: calc(var(--curve-h) * 0.5);
			background: var(--pink04);
			border-radius: 0 0 50% 50% / 0 0 100% 100%;
			pointer-events: none;
			z-index: 0;
		}
	
	
		@media (max-width:768px) {
			#faq h2 img {
				width: 93.5vw;
			}
			#faq .faq_wrap{
				padding: 0;
				margin-bottom: 1rem;
			}
			.faq_wrap .container_small{
				width: 100%;
			}
			summary {
				flex-wrap: wrap;
				font-size: .2rem;
				padding-inline: .25rem;
			}
	
			summary span.flex {
				width: calc(100% - .32rem);
			}
	
			.content_inner.flex div {
				width: calc(100% - .18rem);
			}
		}


	/*----------------------------------------------
		Main - information
	----------------------------------------------*/
		#information h2{
			margin-bottom: .5rem;
		}
	.company-table {
		width: calc(100% - .5rem);
		border-collapse: collapse;
		font-size: .18rem;
		line-height: 1.8;
		color: var(--color01);
	}

	.company-table th,
	.company-table td {
		padding: .14rem .16rem;
		vertical-align: top;
	}

	.company-table th {
		width: auto;
		text-align: left;
		font-weight: 600;
		white-space: nowrap;
	}

	.company-table tr th,
	.company-table tr td {
		border-bottom: 1px solid #d7dfe8;
	}
	.company-table td {
		word-break: break-word;
	}

	/* アクセシビリティ用にキャプションを視覚的に隠す */
	.sr-only {
		position: absolute !important;
		clip: rect(0, 0, 0, 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		white-space: nowrap;
		border: 0;
		padding: 0;
	}


	@media (max-width:768px) {
		#information h2 img{
			height: auto;
		}
	}
	



/*--------------------------------------------------
	Footer
--------------------------------------------------*/
footer{
	background: url(../images/bg.png);
	background-position: center;
	padding-bottom: 1rem;
}
	footer p{
		text-align: center;
		font-size: .14rem;
		padding-bottom: 1rem;
	}

.cv {
	position: fixed;
	bottom: 0;
	width: 100vw;
	padding: 1% 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: calc(infinity);
	transition: opacity .25s ease;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease;
}
.is-visible {
	opacity: 1;
	visibility: visible;
}
.cv .cv_inner {
	max-width: 14rem;
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: center;
	opacity: 1;
	visibility: visible;
}
.cv .cv_item {
	margin: 0 .1rem;
	display: flex;
	transition-duration: 0.3s;
}
.cv_item a {
	display: flex;
	justify-content: center;
}

@media (max-width:768px) {
	.cv {
			width: 100vw;
		}
}