@charset "UTF-8";
/* CSS Document */

html
	{
	font-size: 62.5%;/* ルートのフォントサイズを10pxに設定しておく */
	}
	
body
	 {
	font-family: 'M PLUS 1p', sans-serif;
	line-height: 100%;
	text-align: center;
	-webkit-text-size-adjust : 100%;
	overflow-x:hidden;
	font-size: 1.6em;/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定remではないのはchoromのバグのため */
	color:#262626;/* サイトのフォントの基本カラーを指定 */
	font-feature-settings: "palt";
	}
	
body a　/*スマホタップ時のハイライトカラー*/
	{
	 -webkit-tap-highlight-color:rgba(69,92,146,0.3);
	}
	
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	}

img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}
		
.not_tel
	{
	cursor:default;
	}
	
.right
	{
	float: right;
	}
	
.left
	{
	float: left;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */

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

.right
	{
	float: none;
	}
	
.left
	{
	float: none;
	}
	
 /* *************** */
	}
	
/*********************************************/
/*全ページフェードインcommonに書き直し推奨
/*********************************************/
/*左から　① animation-name	キーフレームアニメーション名を指定。② animation-duration	1回のアニメーションにかかる時間を指定。
	③ animation-timing-function	アニメーションの変化率を指定。他に ease、linear、ease-out、ease-in-out やオリジナルの変化率を指定できる。④ animation-delay	アニメーションの開始をいくら遅らせるかを指定。
	⑤ animation-iteration-count	アニメーションを何回繰り返すかを指定。⑥ animation-direction	繰り返し時、往復処理をするかを指定。*/
body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
	}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
	}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
	}	

/*共通設定終わり*/


/* ************************************************************
クリアフィックス
************************************************************ */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.clear
	{
	clear:both;
	}
	

/* ************************************************************
サイト全体のサイズ及び基本文字色など
************************************************************ */
html
	{
	}

body
	{
	margin:0 auto 0;
	width:100%;
	}
		
/* ************************************************************
LINK
************************************************************ */
	
a 
	{
	color:#383838;
	text-decoration:none;
	}

a:link 
	{
	
	}

a:visited 
	{
	
	}

a:hover 
	{
	color:#383838;
	text-decoration:none;
	}

a:focus 
	{
	}

a:active 
	{
	}
	
/*****************************************************
ボタン装飾
*****************************************************/

/* ▼▼▼▼▼▼▼▼MaxWidth1380(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1330px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth640(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 640px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}
	
	
	
/* ************************************************************
CONTENTS＆基本ページレイアウト
************************************************************ */

.contents
	{
	margin:0 auto 0;
	width:100%;
	}
	
.cos_inner
	{
	margin:0 auto 0;
	padding:0 3% 0;
	width:100%;
	max-width: 1380px;
	}
	
.cos_inner02
	{
	margin:0 auto 0;
	padding:0 3% 0;
	width:100%;
	max-width: 1320px;
	}
	
.cos_inner_wide
	{
	margin:0 auto 0;
	padding:0 0 0;
	width:100%;
	}
	
.wrap_margin
	{
	margin:8% auto 0;
	width:100%;
	}
	
.wrap_margin02
	{
	margin:6% auto 0;
	width:100%;
	}
	
.arrow_under
	{
	margin:6% auto 0;
	widows: 100%;
	max-width: 44px;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1380(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1980px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 3% 0;
	max-width: 1280px;
	}
	
.cos_inner02
	{
	padding:0 3% 0;
	max-width: 1180px;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:10% auto 0;
	}
	
.wrap_margin02
	{
	margin:7% auto 0;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1380(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1780px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 3% 0;
	max-width: 1280px;
	}
	
.cos_inner02
	{
	padding:0 3% 0;
	max-width: 1120px;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:10% auto 0;
	}
	
.wrap_margin02
	{
	margin:8% auto 0;
	}
 /* *************** */
	}

	
/* ▼▼▼▼▼▼▼▼MaxWidth1380(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1680px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 3% 0;
	max-width: 1180px;
	}
	
.cos_inner02
	{
	padding:0 3% 0;
	max-width: 1060px;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:10% auto 0;
	}
	
.arrow_under
	{
	margin:7% auto 0;
	max-width: 38px;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1380(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1480px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 3% 0;
	max-width: 1120px;
	}
	
.cos_inner02
	{
	padding:0 3% 0;
	max-width: 1000px;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:10% auto 0;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 3% 0;
	max-width: 1080px;
	}
	
.cos_inner02
	{
	padding:0 3% 0;
	max-width: 960px;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:11% auto 0;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1100px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 7% 0;
	max-width: 100%;
	}
	
.cos_inner02
	{
	padding:0 7% 0;
	max-width: 100%;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:11% auto 0;
	}
	
.wrap_margin02
	{
	margin:9% auto 0;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 800px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 6% 0;
	max-width: 100%;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:15% auto 0;
	}
	
.wrap_margin02
	{
	margin:11% auto 0;
	}
	
.arrow_under
	{
	margin:12% auto 0;
	max-width: 30px;
	}
 /* *************** */
	}
	
@media screen and (max-width: 680px) {
 /* ************** */	
.arrow_under
	{
	margin:14% auto 0;
	max-width: 30px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.contents
	{
	}
	
.cos_inner
	{
	padding:0 6% 0;
	max-width: 100%;
	}
	
.cos_inner02
	{
	padding:0 7% 0;
	}
	
.cos_inner_wide
	{
	width:100%;
	}
	
.wrap_margin
	{
	margin:22% auto 0;
	}
	
.wrap_margin02
	{
	margin:16% auto 0;
	}
 /* *************** */
	}
	

/* ************************************************************
サイドバー
************************************************************ */

	
/* ************************************************************
共通のcommon_title
************************************************************ */

	
/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth640(tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 640px) {
 /* ************** */
 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}
	
	
/* ************************************************************
共通コンテンツボックス（一番大きい枠）
************************************************************ */

	
/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth850(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 850px) {
 /* ************** */

 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


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

/* ▼▼▼▼▼▼▼▼MaxWidth640(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 640px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
	
 /* *************** */
	}

/* ************************************************************
共通ボタンCSS
************************************************************ */





/* ▼▼▼▼▼▼▼▼MaxWidth1170(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth850(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 850px) {
 /* ************** */
 /* *************** */
	}
		
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


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

/* ▼▼▼▼▼▼▼▼MaxWidth640(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 640px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}
	
/* ************************************************************
BLOCK_COMMON
************************************************************ */	
.block_common
	{
	margin:8% auto 0;
	width: 100%;
	}
	
.block_common>div>div
	{
	margin:0 auto 0;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	}
	
.block_common>div>div>p
	{
	margin:0 0;
	width: 42%;
	}
	
.block_common>div>div>dl
	{
	margin:0 0;
	padding:3% 0 0;
	width: 48%;
	text-align: justify;
	text-justify: inter-character;
	}
	
.block_common>div>div>dl dt
	{
	margin:0 auto 0;
	padding:0 0.5% 0.4%;
	width: 100%;
	font-size: 4.4rem;
	font-weight: 700;
	line-height: 148%;
	border-bottom:  solid 1px #3F3F3F;
	}
	
.block_common>div>div>dl dd
	{
	margin:5% auto 0;
	padding:0 0.5% 0;
	width: 100%;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	padding:0 1% 0;
	width: 100%;
	font-size: 2rem;
	line-height: 170%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:5% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 2rem;
	text-align: center;
	background: #DD070B;
	color: #fff;
	line-height: 300%;
	letter-spacing: -0.08em;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1980px) {
 /* ************** */
 
.block_common
	{
	margin:9% auto 0;
	}
	
.block_common>div>div
	{
	display: flex;
	}
	
.block_common>div>div>p
	{
	margin:0 0;
	width: 42%;
	}
	
.block_common>div>div>dl
	{
	margin:0 0;
	padding:3% 0 0;
	width: 48%;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 0.4%;
	font-size: 4rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:5% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 2rem;
	line-height: 170%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:5% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 2rem;
	line-height: 280%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1780px) {
 /* ************** */
	
.block_common>div>div>dl dt
	{
	font-size: 3.5rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:5% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.8rem;
	line-height: 170%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:5% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.8rem;
	line-height: 280%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1680(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1480px) {
 /* ************** */
	
.block_common
	{
	margin:10% auto 0;
	}
	
.block_common>div>div
	{
	display: flex;
	}
	
.block_common>div>div>p
	{
	margin:0 0;
	width: 42%;
	}
	
.block_common>div>div>dl
	{
	margin:0 0;
	padding:3% 0 0;
	width: 48%;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 0.4%;
	font-size: 3.2rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:5% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.6rem;
	line-height: 170%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:5% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.6rem;
	line-height: 280%;
	}
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth800(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
 
.block_common
	{
	margin:12% auto 0;
	}
	
.block_common>div>div
	{
	display: flex;
	}
	
.block_common>div>div>p
	{
	margin:0 0;
	width: 40%;
	}
	
.block_common>div>div>dl
	{
	margin:0 0;
	padding:3% 0 0;
	width: 50%;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 0.4%;
	font-size: 3.4rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:5% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.5rem;
	line-height: 170%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:5% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.6rem;
	line-height: 280%;
	}
 /* *************** */
	}	
	
/* ▼▼▼▼▼▼▼▼MaxWidth640(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 960px) {
 /* ************** */
.block_common
	{
	margin:12% auto 0;
	}
	
.block_common>div>div
	{
	display: flex;
	}
	
.block_common>div>div>p
	{
	margin:0 0;
	width: 44%;
	}
	
.block_common>div>div>dl
	{
	margin:0 0;
	padding:3% 0 0;
	width: 48%;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 0.4%;
	font-size: 2.8rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:5% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.4rem;
	line-height: 170%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:6% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.5rem;
	line-height: 280%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth640(mobile)▼▼▼▼▼▼▼▼ */

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

.block_common
	{
	margin:12% auto 0;
	}
	
.block_common>div>div
	{
	display: flex;
	}
	
.block_common>div>div>p
	{
	margin:0 0;
	width: 40%;
	}
	
.block_common>div>div>dl
	{
	margin:0 0;
	padding:2% 0 0;
	width: 50%;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 0.4%;
	font-size: 2.4rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:4% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.3rem;
	line-height: 160%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:3% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.2rem;
	line-height: 280%;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 660px) {
 /* ************** */
.block_common
	{
	margin:12% auto 0;
	}
	
.block_common>div>div
	{
	display: block;
	}
	
.block_common>div>div>p
	{
	margin:0 auto 0;
	width: 60%;
	}
	
.block_common>div>div>dl
	{
	margin:6% auto 0;
	padding: 0 0;
	width: 100%;
	text-align: center;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 1%;
	font-size: 3rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:4% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.5rem;
	line-height: 160%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:3% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.4rem;
	line-height: 300%;
	}	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.block_common
	{
	margin:18% auto 0;
	}
	
.block_common>div>div>p
	{
	margin:0 auto 0;
	width: 64%;
	}
	
.block_common>div>div>dl
	{
	margin:10% auto 0;
	padding: 0 0;
	width: 100%;
	text-align: center;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 1%;
	font-size: 2.8rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:6% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.6rem;
	line-height: 160%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1.6%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:6% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.5rem;
	line-height: 300%;
	}		
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 390px) {
 /* ************** */
.block_common
	{
	margin:18% auto 0;
	}
	
.block_common>div>div>p
	{
	margin:0 auto 0;
	width: 66%;
	}
	
.block_common>div>div>dl
	{
	margin:10% auto 0;
	padding: 0 0;
	width: 100%;
	text-align: center;
	}
	
.block_common>div>div>dl dt
	{
	padding:0 0.5% 1%;
	font-size: 2.5rem;
	}
	
.block_common>div>div>dl dd
	{
	margin:6% auto 0;
	}
	
.block_common>div>div>dl dd>ul
	{
	margin:0 auto 0;
	font-size: 1.5rem;
	line-height: 160%;
	}
	
.block03>div>div>dl dd>ul>li
	{
	margin:0 auto 1.6%;
	}
	
.block_common>div>div>dl dd>p
	{
	margin:6% auto 0;
	padding:0 0 0;
	width: 100%;
	font-size: 1.4rem;
	line-height: 300%;
	}		
 /* *************** */
	}
	

	
/* ************************************************************
ボタンエフェクト
************************************************************ */
	
	
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
	
/* ▼▼▼▼▼▼▼▼MaxWidth850(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 800px) {
 /* ************** */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
	
 /* *************** */
	}
	
/* ************************************************************
アニメーション
************************************************************ */
	
/* 点滅 */
@keyframes blinking {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.blink {
  animation: blinking 1.4s ease-in-out infinite alternate;
}

/* 下に矢印 */
.cp_arrows {
  position: relative;
  display: flex;
  height: 240px;/*画面いっぱいにする場合100vh*/
  justify-content: center;
  align-items: center;
}
.cp_arrows .cp_arrow {/*矢印を配置するベースの設定*/
  position: absolute;
  top: 50%;/*着地点(cp_arrowsの高さの50%)*/
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 10px;
  opacity: 0;
}
.cp_arrows .cp_arrow:first-child {
  animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrow:nth-child(2)  {
  animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before,
.cp_arrows .cp_arrow:after {/*矢印全体の設定*/
  position: absolute;
  content: '';
  top: 0;
  width: 30px;
  height: 3px;
  background: #0a62bc;
}
.cp_arrows .cp_arrow:before {/*矢印左の線の位置と傾斜*/
  left: 3px;
  transform: rotate(30deg);
}
.cp_arrows .cp_arrow:after {/*矢印左の線の位置と傾斜*/
  right: 3px;
  transform: rotate(-30deg);
}
@keyframes arrow-move08 {
    0% { opacity: 0; top: 40%;/*スタート地点(cp_arrowsの高さの40%)*/}
   70% { opacity: 1;}
  100% { opacity: 0;}
}





/* マウス */


/* スクロールダウンの位置 */
.scroll_anime {
  margin-inline: auto;
  margin-top: 14%;
  position: relative;
  width: fit-content;
}
/* マウスホイール */
.scroll_anime::before {
  animation: 2s scroll_anime infinite;
  background: #888d93;
  border-radius: 3px;
  content: "";
  height: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 3px;
}
/* マウス */
.scroll_anime::after {
  border: 1px solid #888d93;
  border-radius: 24px;
  content: "";
  display: block;
  height: 50px;
  margin-inline: auto;
  margin-top: 10px;
  width: 30px;
}
/* アニメーション */
@keyframes scroll_anime {
  0% {
    opacity: 0;
    top: 40%;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 70%;
  }
}

.scroll_anime span
	{
	font-weight: 500;
    font-family: "Outfit", serif;
	color:#6f8398;
	font-size: 1.6rem;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth850(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1980px) {
 /* ************** */
.scroll_anime {
  margin-top: 12%;
}
/* マウスホイール */
.scroll_anime::before {
  animation: 2s scroll_anime infinite;
  height: 8px;
  width: 3px;
}
/* マウス */
.scroll_anime::after {
  border-radius: 24px;
  height: 42px;
  margin-top: 8px;
  width: 24px;
}

.scroll_anime span
	{
	font-size: 1.4rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth850(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.scroll_anime {
  margin-top: 10%;
}
/* マウスホイール */
.scroll_anime::before {
  animation: 2s scroll_anime infinite;
  height: 7px;
  width: 3px;
}
/* マウス */
.scroll_anime::after {
  border-radius: 24px;
  height: 38px;
  margin-top: 8px;
  width: 22px;
}

.scroll_anime span
	{
	font-size: 1.3rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth850(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 640px) {
 /* ************** */
.scroll_anime {
  margin-top: 14%;
}
/* マウスホイール */
.scroll_anime::before {
  animation: 2s scroll_anime infinite;
  height: 6px;
  width: 3px;
}
/* マウス */
.scroll_anime::after {
  border-radius: 24px;
  height: 36px;
  margin-top: 8px;
  width: 20px;
}

.scroll_anime span
	{
	font-size: 1.2rem;
	}
 /* *************** */
	}
		
/* ************************************************************
googleタグの余白をけす
************************************************************ */

iframe[name='google_conversion_frame'] { 
  height: 0 !important;
  width: 0 !important; 
  line-height: 0 !important; 
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
	
/* ----レスポンシブの表示非表示---- */
.sp1440, .sp1024, .sp840, .sp520, .sp375 {
	display: none;
}

@media (max-width: 1440px) {
	.pc1440 {
		display: none !important;
	}
	.sp1440 {
		display: block;
	}
}
@media (max-width: 1440px) and (max-width: 1024px) {
	.pc1024 {
		display: none !important;
	}
	.sp1024 {
		display: block;
	}
}
@media (max-width: 1440px) and (max-width: 1024px) and (max-width: 840px) {
	.pc840 {
		display: none !important;
	}
	.sp840 {
		display: block;
	}
}
@media (max-width: 1440px) and (max-width: 1024px) and (max-width: 840px) and (max-width: 520px) {
	.pc520 {
		display: none !important;
	}
	.sp520 {
		display: block;
	}
}
@media (max-width: 1440px) and (max-width: 1024px) and (max-width: 840px) and (max-width: 520px) and (max-width: 375px) {
	.pc375 {
		display: none !important;
	}
	.sp375 {
		display: block;
	}
}
/* --------- */