/* -------------------------------------------------
	Reset
----------------------------------------------------*/
ul,li{
	list-style-type: none;
}
.container-fluid {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* -------------------------------------------------
	共通 Design
----------------------------------------------------*/
/* ------------- トップ 雲イラスト ポップダウン ------------- */
.Animate_d1 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: Animate_d1;
 animation-name: Animate_d1;
 visibility: visible !important;
}
@-webkit-keyframes Animate_d1 {
 0% { opacity: 0; -webkit-transform: translateY(-450px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes Animate_d1 {
 0% { opacity: 0; -webkit-transform: translateY(-450px); -ms-transform: translateY(-450px); transform: translateY(-450px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.d1{
	animation-delay:0.3s !important;
}
/* ------------- トップ 雲イラスト ポップダウン END ------------- */

/* ------------- トップ山イラストポップアップ ------------- */
.Animate {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: Animate;
 animation-name: Animate;
 visibility: visible !important;
}
@-webkit-keyframes Animate {
 0% { opacity: 1; -webkit-transform: translateY(450px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes Animate {
 0% { opacity: 1; -webkit-transform: translateY(450px); -ms-transform: translateY(450px); transform: translateY(450px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.d1{
	animation-delay:0.3s !important;
}
/* ------------- トップ山イラストポップアップ END ------------- */

/* ------------- お問い合わせ 山イラストポップアップ ------------- */
.Animate_up {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: Animate_up;
 animation-name: Animate_up;
 visibility: visible !important;
 animation-delay:0.3s !important;
}
@-webkit-keyframes Animate_up {
 0% { opacity: 1; -webkit-transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes Animate_up {
 0% { opacity: 1; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------- お問い合わせ 山イラストポップアップ  ------------- */
/* ------------- スクロールフェードイン-お問い合わせ-雲 ------------- */
.Animate_d2 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: Animate_d2;
 animation-name: Animate_d2;
 visibility: visible !important;
 animation-delay:0.3s !important;
}
@-webkit-keyframes Animate_d2 {
 0% { opacity: 1; -webkit-transform: translateY(-400px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes Animate_d2 {
 0% { opacity: 1; -webkit-transform: translateY(-400px); -ms-transform: translateY(-400px); transform: translateY(-400px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------- スクロールフェードイン-お問い合わせ-雲 ------------- */
/* ------------- スクロールフェードイン-ページ読み込み-トップ ------------- */
.AnimateFadeIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.3s;
 -ms-animation-duration:0.3s;
 animation-duration:0.3s;
 -webkit-animation-name: AnimateFadeIn;
 animation-name: AnimateFadeIn;
 visibility: visible !important;
 animation-delay:0.3s !important;
}
@-webkit-keyframes AnimateFadeIn {
 0% { opacity: 0; -webkit-transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes AnimateFadeIn {
 0% { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------- スクロールフェードイン-ページ読み込み-トップ ------------- */
/* ------------- スクロールフェードイン-ページ読み込み-コンテンツ ------------- */
.AnimateFadeIn-02 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.3s;
 -ms-animation-duration:0.3s;
 animation-duration:0.3s;
 -webkit-animation-name: AnimateFadeIn-02;
 animation-name: AnimateFadeIn-02;
 visibility: visible !important;
 animation-delay:0.3s !important;
}
@-webkit-keyframes AnimateFadeIn-02 {
 0% { opacity: 0; -webkit-transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes AnimateFadeIn-02 {
 0% { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* ------------- スクロールフェードイン-ページ読み込み-コンテンツ ------------- */

/*----- contents__wrap -----*/
.contents__wrap{
	padding: 90px 0;
	margin: auto;
}
/*----- 角丸ホワイト背景 ----*/
.raund__box{
	padding: 25px 40px 40px 30px;
	border-radius: 20px;
}
/*----- 文字色設定 -----*/
.text-blue{
	color: #00afec;
}
.text-white{
	color: #fff;
}
.text-gray{
	color: #6D6C6C;
}
/*----- 文字強調 -----*/
.text-bold{
	font-weight: bold !important;
}
.text-strong{
	color: #00afec;
	font-weight: bold;
}
/*----- 背景色設定 -----*/
.bg-blue{
	background-color: #00afec;
}
.bg-white{
	background-color: #fff;
}
.bg-yellow{
	background-color: #fff682;
}
.bg-gray{
	background-color: #f5f5f5;
}
/*----- マージントップ -----*/
.mg-top-10{
	margin-top: 10px !important;
}
.mg-top-20{
	margin-top: 20px !important;
}
.mg-top-30{
	margin-top: 30px !important;
}

/* -------------------------------------------------
	Font
----------------------------------------------------*/
html,body,h1,h2,h3,h4,p,ul,li,a{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align: justify;
}
html{
	font-size: 62.5%;
}
a:focus, a:active, a:hover {
    color: #fff !important;
	text-decoration: none !important;
}
p,a{
	text-align: justify !important; /* 両端揃え */
	text-justify: inter-ideograph !important; /* 両端揃えの種類を定義 */
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.8rem;
	line-height: 1.8;
	text-decoration: none !important;
}
a:hover{
	text-decoration: none !important;
}
/*----- 注釈用テキスト -----*/
.text-small{
	display: block;
	font-size: 1.44rem;
	line-height: 1.4;
	margin-top: 10px;
}
@charset "utf-8";
@media (max-width:1199px) and (min-width:481px){
	p,a{
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.6rem;
		line-height: 1.8;
		text-decoration: none !important;
	}
	/*----- Base レイアウト -----*/
	.contents__wrap{
		padding: 40px 0 !important;
	}
	.raund__box {
	    padding: 20px 20px 20px 20px;
	    border-radius: 10px;
	}
}
/* -------------------------------------------------
	ヘッダー グローバルメニュー オフキャンバス
----------------------------------------------------*/
.responsive-nav-contents,
.off-canvas-nav {
      transition: transform 0.2s ease-out;
      -ms-transition: transform 0.2s ease-out;
      -moz-transition: transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
}
@media (max-width: 480px){
	/*----- Font -----*/
	p{
		font-size: 1.65rem !important;
		line-height: 1.7 !important;
	}
	/*----- Reset -----*/
	.container-fluid{
		padding: 0 !important;
	}
	.container,body,html{
		margin: 0;
		padding: 0;
		min-width: 100% !important;
	}
	/*----- Base レイアウト -----*/
	.contents__wrap{
		padding: 40px 0;
	}
	.raund__box{
		padding: 10px !important;
		border-radius: 10px !important;
	}
	
}