@charset "utf-8";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

* { margin: 0;padding: 0;font-family:"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","游ゴシック medium","ＭＳ Ｐゴシック","ＭＳ ゴシック"; }
*::after,* { -webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html { font-size: 62.5%;background: #fff; }
body { animation: fadeIn 7s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;font-family:"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","游ゴシック medium","ＭＳ Ｐゴシック","ＭＳ ゴシック";text-align: center; }
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }

img { border-width:0;vertical-align: bottom; }


/*-------------------------------------
	Loading
---------------------------------------*/
/* Loading背景画面設定　*/
	#splash { /*fixedで全面に固定*/position: fixed;width: 100%;height: 100%;z-index: 999999;background:#fff;text-align:center;color:#fff; }
/* Loading画像中央配置　*/
	#splash_logo { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
/* Loading アイコンの大きさ設定　*/
	#splash_logo img { width:260px; }
/* fadeUpをするアイコンの動き */
	.fadeUp{ animation-name: fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity: 0; }
		@keyframes fadeUpAnime{
			from { opacity: 0;transform: translateY(100px); }
			to { opacity: 1;transform: translateY(0); }
		}

/*-------------------------------------
	バーガーメニュー
---------------------------------------*/
	.cp_fullscreenmenu { display:none !important; }
	.cp_fullscreenmenu { position: fixed;z-index: 99999;top: 0;right: 0; }
		@media screen and (max-width: 1100px) { .cp_fullscreenmenu { display: block !important; } }
	/*menuコンテンツ*/
		.cp_fullscreenmenu .menu { position: fixed;top: 0;right: 0;display: flex;visibility: hidden;overflow: hidden;width: 100%;height: 100%;pointer-events: none;outline: 1px solid transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;align-items: center;justify-content: center; }
		.cp_fullscreenmenu .menu a { text-decoration: none; }
			.cp_fullscreenmenu .menu > div { display: flex;overflow: hidden;width: 300vw;height: 300vw;transition: all 0.4s ease;-webkit-transform: scale(0);transform: scale(0);text-align: center;
											color: #fff;border-radius: 50%;background: rgba(0,0,0,0.8);flex: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;align-items: center;justify-content: center; }
				.cp_fullscreenmenu .menu > div > ul { display: block;max-height: 100vh;margin: 0;padding: 0 1em;list-style: none;transition: opacity 0.4s ease;opacity: 0; }
					.cp_fullscreenmenu .menu > div > ul > li { font-size: 1.8rem;display: block;margin: 1em;padding: 0; }
						.cp_fullscreenmenu .menu > div > ul > li > a { position: relative;display: inline;cursor: pointer;transition: color 0.4s ease;color: #fff; }
						.cp_fullscreenmenu .menu > div > ul > li > a:hover { color: #fff; }
						.cp_fullscreenmenu .menu > div > ul > li > a:hover:after { width: 100%; }
						.cp_fullscreenmenu .menu > div > ul > li > a:after { position: absolute;z-index: 1;bottom: -0.15em;right: 0;width: 0;height: 2px;content: '';transition: width 0.4s ease;background: #fff; }
	/*クリックしたらメニューが開閉の動作*/
		.cp_fullscreenmenu .toggle { position: absolute;z-index: 2;top: 0;right: 0;width: 60px;height: 60px;cursor: pointer;opacity: 0; }
			.cp_fullscreenmenu .toggle:checked + .hamburger > span { -webkit-transform: rotate(135deg);transform: rotate(135deg); }
			.cp_fullscreenmenu .toggle:checked + .hamburger > span:before,.cp_fullscreenmenu .toggle:checked + .hamburger > span:after { top: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg); }
			.cp_fullscreenmenu .toggle:checked + .hamburger > span:after { opacity: 0; }
			.cp_fullscreenmenu .toggle:checked ~ .menu { visibility: visible;pointer-events: auto; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div { transition-duration: 0.75s;-webkit-transform: scale(1);transform: scale(1); }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul { opacity: 1; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(1) { transition-delay: 0.2s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(2) { transition-delay: 0.4s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(3) { transition-delay: 0.6s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(4) { transition-delay: 0.8s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(5) { transition-delay: 1.0s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(6) { transition-delay: 1.2s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(7) { transition-delay: 1.4s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(8) { transition-delay: 1.6s; }
			.cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(9) { transition-delay: 1.8s; }
			.cp_fullscreenmenu .toggle:hover + .hamburger { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }
			.cp_fullscreenmenu .toggle:checked:hover + .hamburger > span { -webkit-transform: rotate(225deg);transform: rotate(225deg); }
	/*ハンバーガー*/
		.cp_fullscreenmenu .hamburger { position: absolute;z-index: 1;top: 0;right: 0;display: block;width: 60px;height: 60px;padding: 0.5em 1em;cursor: pointer;transition: box-shadow 0.4s ease;border-radius: 0 0.12em 0.12em 0;background: rgba(0,0,0,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; }
			.cp_fullscreenmenu .hamburger > span { position: relative;top: 50%;display: block;width: 100%;height: 2px;transition: all 0.4s ease;background: #fefefe; }
				.cp_fullscreenmenu .hamburger > span:before,.cp_fullscreenmenu .hamburger > span:after { position: absolute;z-index: 1;top: -10px;right: 0;display: block;width: 100%;height: 2px;content: '';transition: all 0.4s ease;background: inherit; }
				.cp_fullscreenmenu .hamburger > span:after { top: 10px; }

/*-------------------------------------
	ヘッダーメニュー
---------------------------------------*/
	.header_menu { background: #fff;z-index: 999;display: flex;padding: 15px 15px 15px 40px;position: fixed;flex-wrap: wrap;justify-content: space-between;margin: 30px 2.5% 0 2.5%;width: 95%;
					box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);border-radius: 10px; }
	h1 { margin: 0;padding: 0;text-align:left;display: flex;align-items: center; }
	h1 img { width: auto;height: 65px; }
	.h_menu { list-style: none;margin: 0;padding: 0;display: flex; }
	.h_menu li { font-weight: normal;border-left: 1px dotted #666;border-right: 1px dotted #666;display: flex;align-items: center;letter-spacing: normal;padding: 0 20px;font-size: 1.7rem;color: #000;letter-spacing: 0.07em; }
	.h_menu li+li { border-left: 0;border-right: 1px dotted #666; }
	.h_menu li:last-child { border-right: 0; }
	.h_menu span { display: block;margin-top: -2px;margin-bottom: 2px;font-size: 1rem;text-align: center;color: #666; }
	.h_menu li a { text-decoration: none;color: #000; }

	@media screen and (max-width: 1500px) { .h_menu li { font-size: 1.4rem; }h1 img { height: 45px; } .sdgslogo { height: 45px; } }
	@media screen and (max-width: 1100px) { .header_menu { display: none !important; } }


/*-------------------------------------
	レイアウト
---------------------------------------*/

	.w100 { width: 1200px;margin: 0 auto;padding: 150px 0; }
	.w100_02 { width: 1200px;margin: 0 auto;padding: 50px 0; }
	.w100_03 { width: 1200px;margin: 0 auto;padding: 50px 0 150px 0; }
	.g_line { border-top: 1px #ccc solid; }
	/* Googleマップ　*/
		.g_map { border-top: 1px #ccc solid; }
		.g_map iframe { width: 100%;height: 500px; }
	/* 問い合わせ */
		h2.contitle { font-size: 5rem;line-height: 1;letter-spacing: 0.5rem;text-align: left;color: #fff; }
		.contitle span { display: block;font-size: 2rem;font-weight: normal;margin-top: 10px;color: #fff; }
		div.con_bg { width: 100%;display: flex;justify-content: flex-start; }
		div.topcon_l { width: 55%;text-align: left; }
		div.topcon_r { width: 45%;text-align: left; }
			.topcon_p { margin: 10px 0 0 0;padding: 10px 0 10px 0;border-top: 1px #fff dotted;text-align: justify;color: #fff;font-weight: bold;font-size: 1.8rem;line-height: 2;letter-spacing: 0.25rem; }
		.msr_btn14 a{ width: 300px;margin: 0 0 0 auto;padding: 20px;color: #fff;font-size: 1.8rem;text-align: center;text-decoration: none;background: #006DA5;display: block;position: relative;
					-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
		.msr_btn14 a:hover{ opacity: 0.7; }
		.msr_btn15 a{ width: 250px;margin: 0 0 0 auto;padding: 15px;color: #fff;font-size: 1.8rem;text-align: center;text-decoration: none;background: #006DA5;display: block;position: relative;
					-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
		.msr_btn15 a:hover{ opacity: 0.7; }


		@media screen and (max-width: 1400px) {
			.w100 { width: 90%;padding: 100px 0; }
			.w100_02 { width: 90%;padding: 0 0 100px 0; }
			.w100_03 { width: 90%;padding: 0 0 100px 0; }
		}
		@media screen and (max-width: 1100px) {
			.w100 { width: 100%;padding: 80px 0; }
			.w100_02 { width: 95%;padding: 0 0 80px 0; }
			.w100_03 { width: 95%;padding: 0 0 80px 0; }
			/* 問い合わせ */
			h2.contitle { margin: 10px 5% 0 5%;font-size: 2.8rem; }.cmptitle span { font-size: 1.4rem; }
			div.con_bg { flex-wrap: wrap;margin: 0;flex-direction: column; }
			div.topcon_l  { width: 100%;margin-right: 0; }
			div.topcon_r { width: 100%; }
			.topcon_p { margin: 15px 5% 0 5%;font-size: 1.6rem; }
			/*ボタン*/
			.msr_btn14 a,.msr_btn15 a { margin: 0 auto; }
		}
		@media screen and (max-width: 800px) {
			.w100 { width: 100%;padding: 60px 0; }
			.w100_02 { width: 95%;padding: 0 0 60px 0; }
			.w100_03 { width: 95%;padding: 0 0 60px 0; }
			/* 問い合わせ */
			div.con_bg { margin: 0; }
			.topcon_p { font-size: 1.5rem; }
			.msr_btn12 a,.msr_btn13 a { padding:10px 20px; }
			/*ボタン*/
			.msr_btn14 a,.msr_btn15 a { padding:10px 20px; }
		}
		@media screen and (max-width: 600px) {
			/* 問い合わせ */
			.topcon_l p,.topbcon_r p { font-size: 1.5rem; }
		}
		@media screen and (max-width: 500px) {
			.accesslayout { width: 95%; }
			/* 問い合わせ */
			.topcon_p { font-size: 1.3rem; }
		}
		@media screen and (max-width: 400px) {
			/* 問い合わせ */
			.topcon_p { font-size: 1.2rem; }
		}


/*-------------------------------------
	trim
---------------------------------------*/


.trim_w {
position:relative;
display:flex;
}

.trim {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
clip-path:polygon(00% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index:-1;
}
.trim img {
width:100vw;
height:100vh;
position:fixed;
top:0%;
right:0%;
object-fit:cover;
}


/*-------------------------------------
	画像スクロール
---------------------------------------*/
	/* loop右から左へ */
		@keyframes infinity-scroll-left {
		  from { transform: translateX(0); }
		  to { transform: translateX(-100%); }
		}
	/* loop左から右へ */
		@keyframes infinity-scroll-right {
		  from { transform: translateX(-100%); }
		  to { transform: translateX(0%); }
		}
	/* IE11対策 */
		_:-ms-lang(x)::-ms-backdrop,.d-demo { display: -ms-grid;overflow: hidden; }
	/* 画像表示 */
		.d-demo__wrap { display: flex;overflow: hidden;margin: 0; }
		.d-demo__list { display: flex;list-style: none; }
		.d-demo__list--left{ animation :infinity-scroll-left 120s infinite linear 0.5s both; }
		.d-demo__list--right{animation :infinity-scroll-right 120s infinite linear 0.5s both; }
		.d-demo__item { width: calc(100vw / 1); }
		.d-demo__item > img{ width: 100%; }
	/* マウスオーバーで一時停止 */

	@media screen and (max-width: 1100px) {
		.d-demo__item { width: calc(100vw / 1); }
	}
	@media screen and (max-width: 900px) {
		.d-demo__item { width: calc(100vw / 1); }
	}


	/* IE11対策 */
		_:-ms-lang(x)::-ms-backdrop,.d-demo02 { display: -ms-grid;overflow: hidden; }
	/* 画像表示 */
		.d-demo02__wrap { display: flex;overflow: hidden;margin: 0; }
		.d-demo02__list { display: flex;list-style: none; }
		.d-demo02__list--left{ animation :infinity-scroll-left 30s infinite linear 0.5s both; }
		.d-demo02__list--right{animation :infinity-scroll-right 30s infinite linear 0.5s both; }
		.d-demo02__item { width: calc(100vw / 5); }
		.d-demo02__item > img{ width: 100%; }

	@media screen and (max-width: 1100px) {
		.d-demo02__item { width: calc(100vw / 4); }
	}
	@media screen and (max-width: 900px) {
		.d-demo02__item { width: calc(100vw / 3); }
	}
	@media screen and (max-width: 580px) { .d-demo02__wrap { display: none !important; } }



/*-------------------------------------
	HOME以外で使用する
---------------------------------------*/


/* メインのコンテナ 分割なし */
	.column_02 { width: 1200px;margin: 20px auto; }

/* メインのコンテナ 2分割 */
	.column_01 { width: 1200px;margin: 20px auto 0 auto;display: flex;flex-flow: wrap;justify-content: flex-start;align-items: flex-start; }
	.column_01_left { width: 300px; }
	.column_01_right { width: 900px; }

/* 左メニュー */
	ul.column_01_menu,.column_01_menu li { margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;list-style: none; }
		.column_01_menu li { font-size: 1.8rem;text-align: left;padding: 10px 0 10px 35px;position:relative;letter-spacing: 0.3rem; }
		.column_01_menu li:before { border-bottom:1px solid #666;content: "";left:0;margin: 0 10px 0 0;position:absolute;top:50%;transform: translateY(-50%);vertical-align: middle;width: 20px; }
		#sticky { position: sticky;top: 160px; }
/*左メニューのリンク*/
	a.column_01_link { text-decoration: none; }
	.column_01_link { padding: 0.1em 0.3em;position: relative;display: inline-block;transition: .3s;color: #000; }
	.column_01_link::after { position: absolute;bottom: .3em;left: 0;content: '';width: 100%;height: 1px;background-color: #000;opacity: 0;transition: .3s; }
	.column_01_link:hover::after { bottom: 0;opacity: 1; }
/*左メニューのリンク02*/
	.textlink_border_type6 { position: relative;text-decoration: none;color: #000;
		&::after { position: absolute;bottom: -1px;left: 0;display: block;content: "";width: 100%;height: 2px;background: #006EA8;transform: scale(0,1);transform-origin: right top;transition: transform .3s ease; }
		&:hover { &::after { transform-origin: left top;transform: scale(1,1); } }
	}

/*見出し*/
.heading09 { font-size: 3rem;margin: 0 auto 20px 0;text-align: left;letter-spacing: 0.5rem;font-weight: normal; }
.heading09::before { content: attr(data-en);display: block;color: #006EA8;font-size: 1.8rem;margin-bottom: -5px;letter-spacing: 0.2rem; }
.heading09::after { content: '';display: block;width: 50px;height: 2px;background-color: #006EA8;margin-top: 3px; }

.heading14 { margin: 0 auto 20px 0;text-align: left;letter-spacing: 0.3rem;font-weight: normal;position: relative;padding-left: 75px;font-size: 2.5rem; }
.heading14::before { content: attr(data-number);position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: rgba(63,193,201,0.3);font-size: 5rem;font-weight: bold; }
.heading14::after { content: '';position: absolute;bottom: 0;left: 0;width: 100px;height: 1px;background-color: rgba(63,193,201,1); }

.line_text {
  display: flex;
  align-items: center;font-size: 2.8rem;color: #333;margin: 0 0 30px 0;padding: 0;letter-spacing: 0.2rem;
}
.line_text::before,
.line_text::after{
  flex-grow: 1;
  content: '';
  height: 1px;/*ラインの太さ*/
  background-color: #333;/*ラインの色*/
}
.line_text::before{
  margin-right: .5em;/*左のラインとテキストの間の余白*/
}
.line_text::after{
  margin-left: .5em;/*右のラインとテキストの間の余白*/
}

/*リスト*/
.cp_clist {
padding: 10px 5px 0 0;margin: 0;
counter-reset:cp_clist; /*数字をリセット*/
list-style-type: none;text-align: left;
}
.cp_clist li {
position: relative;
line-height: 1.5em;padding: 0 0 1.5em 50px;
font-size: 1.8rem;letter-spacing: 0.2rem;
}
.cp_clist li::before {
/* カウントさせる */
counter-increment: cp_clist;
content: counter(cp_clist);
position: absolute;
display:inline-block;
/*装飾*/
background: #000;font-family: arial;font-size: 1.5rem;color: #fff;font-weight:bold;border-radius: 50%;
border: 4px #ccc solid;left: 0;
width: 30px;
height: 30px;
line-height: 30px;letter-spacing: -0.15rem;
text-align: center;
top: -0.2rem;
}

/*蛍光ペン*/
span.pen { padding: 0 3px 0 1px;background: linear-gradient(transparent 50%, rgba(3,169,244,0.5) 70%);font-size:2rem;font-weight: bold; }


/* 画像アニメーション */
.anime_wrap { margin: 20px 0 50px 0;position: relative;overflow: hidden; }
.anime_wrap02 { position: relative;overflow: hidden; }
.anime_wrap img,.anime_wrap02 img { width: 100%;height: auto; }
.anime_wrap p,.anime_wrap02 p { position: absolute;bottom: 10px;left: 30px;font-size: 2.8rem;letter-spacing: 0.3rem; }
/*大～小へフェードイン*/
.pattern4 img { opacity: 0;transform: scale(1.2);transition: .5s; }
.pattern4.show img { opacity: 1;transform: scale(1); }
.pattern4 p { color: #fff;opacity: 0;transform: translateX(-40px);transition: .5s;transition-delay: .5s; }
.pattern4.show p { opacity: 1;transform: translateX(0); }
/*カーテン*/
.pattern6::before { content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;transition: .5s; }
.pattern6.show::before { transform: translateX(100%); }
.pattern6 img { width: 100%;height: auto;opacity: 0;transition: .5s; }
.pattern6.show img { opacity: 1; }
.pattern6 p { color: #fff;opacity: 0;transform: translateX(-40px);transition: .5s;transition-delay: .5s;z-index: 1;overflow: hidden; }
.pattern6.show p { opacity: 1;transform: translateX(0); }
.pattern6 p::before { content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: .5s;transition-delay: 1s; }
.pattern6.show p::before { transform: translateX(100%); }

/*アンカーのズレ防止 3/1.8  2.5/5*/
	.jump_point {height: 1px;display: block;padding-top: 130px;margin-top: -130px; }
	.jump_point02 {height: 1px;display: block;padding-top: 180px;margin-top: -180px; }

	@media screen and (max-width: 1380px) {
		.column_01 { width:100%; }
		.column_01_left { display: none !important; }
		.column_01_right { width: 95%;margin: 0 auto; }
		.column_02 { width: 95%;margin: 0 auto; }
	}
	@media screen and (max-width: 1100px) {
		.cp_clist li { font-size: 1.6rem; }
		span.pen { font-size: 1.8rem; }
	}
	@media screen and (max-width: 900px) {
		.category span { font-size: 1.2rem; }
		.line_text { font-size: 2rem; }
	}
	@media screen and (max-width: 600px) {
		.heading09 { font-size: 2.5rem; }
		.heading09::before { font-size: 1.5rem; }
		.heading14 { font-size: 2.3rem; }
		.heading14::before { font-size: 4rem; }
		.line_text { font-size: 1.8rem; }
		.cp_clist li { font-size: 1.5rem; }
		span.pen { font-size: 1.6rem; }
	}
	@media screen and (max-width: 500px) {
		.heading09 { font-size: 2rem; }
		.heading14 { font-size: 2rem; }
		.heading14::before { font-size: 3.5rem; }
		.line_text { font-size: 1.5rem; }
		span.pen { font-size: 1.5rem; }
	}
	@media screen and (max-width: 400px) {
		.heading09 { font-size: 1.8rem; }
		.heading09::before { font-size: 1.2rem; }
		.heading14 { font-size: 1.8rem; }
		.heading14::before { font-size: 3rem; }
	}


/*-------------------------------------
	画像リンク
---------------------------------------*/
	.image_link { display:block;position:relative; }
	.image_link img { display:block;width:100%; }
	.image_link:before { content:"";display:block;width:100%;height:100%;position:absolute;z-index:2;background:#fff;opacity:0;transition:0.3s; }
	.image_link:after { content:"";display:block;width:0;height:10px;position:absolute;bottom:0;left:0;z-index:3;transition:0.3s;background:#109954; }
	.image_link:hover:before { opacity:0.4; }
	.image_link:hover:after { width:100%; }
/*細いバー*/
	.image_link02 { display:block;position:relative; }
	.image_link02 img { display:block;width:100%; }
	.image_link02:before { content:"";display:block;width:100%;height:100%;position:absolute;z-index:2;background:#fff;opacity:0;transition:0.3s; }
	.image_link02:after { content:"";display:block;width:0;height:2px;position:absolute;bottom:-2;left:0;z-index:3;transition:0.3s;background:#109954; }
	.image_link02:hover:before { opacity:0; }
	.image_link02:hover:after { width:100%; }
/* 文字でる */
	.image_link03 { display:block;position:relative;text-decoration:none; }
	.image_link03 img{ display:block;width:100%; }
	.image_link03:before{ content:"";display:block;width:100%;height:100%;position:absolute;z-index:2;background:#000;opacity:0;transition:0.3s; }
	.image_link03:after{ content:"READ MORE";display:block;color:#fff;line-height:48px;width:180px;border:solid 1px #fff;border-radius:5px;text-align:center;position:absolute;
						top:50%;left:50%;margin-top:-1em;margin-left:-90px;opacity:0;z-index:3;transition:0.3s;font-weight:bold;letter-spacing:0.2em; }
	.image_link03:hover:before{ opacity:0.7; }
	.image_link03:hover:after{ opacity:1;margin-top:-0.5em; }

/* 文字でる02 */
	.image_link04 { display:block;position:relative;text-decoration:none; }
	.image_link04 img{ display:block;width:100%; }
	.image_link04:before{ content:"";display:block;width:100%;height:100%;position:absolute;z-index:2;background:#000;opacity:0;transition:0.3s; }
	.image_link04:after{ content:"MORE";display:block;color:#fff;line-height:48px;width:180px;border:solid 1px #fff;border-radius:5px;text-align:center;position:absolute;
						top:50%;left:50%;margin-top:-1em;margin-left:-90px;opacity:0;z-index:3;transition:0.3s;font-weight:bold;letter-spacing:0.2em; }
	.image_link04:hover:before{ opacity:0.7; }
	.image_link04:hover:after{ opacity:1;margin-top:-0.5em; }


/*-------------------------------------
	ぱんくず
---------------------------------------*/
	.breadc { text-align: left;padding: 30px 20px 50px 20px; }
	.breadcrumb { margin: 0;padding: 0;list-style: none; }
	.breadcrumb li { position: relative;display: inline-block;list-style: none;margin-right: 10px; }
	.breadcrumb li:after { content: "";position: absolute;top: 7px;right: -19px;border-style: solid;border-color: transparent;border-left-color: #006EA8;border-width: 7px 12px;width: 0;height: 0; }
	.breadcrumb li:last-child:after { content: none; }
	.breadcrumb li:last-child a { background: #999; }
	.breadcrumb li a { display: inline-block;padding: 0 10px;height: 28px;line-height: 28px;text-decoration: none;
						color: #fff;background: #006EA8;font-size: 1.4rem;letter-spacing: 0.1em;border-radius: 3px;transition: 0.3s; }
	.breadcrumb li a:hover { transform: translateY(-3px); }
		@media screen and (max-width: 1100px) {
			.breadcrumb li a { font-size: 1.3rem;}
		}
		@media screen and (max-width: 800px) {
			.breadc { padding: 30px 10px; }
		}
		@media screen and (max-width: 500px) {
			.breadcrumb li a { font-size: 1rem;}
		}
		@media screen and (max-width: 450px) {
			.breadc { padding: 30px 5px; }
		}


/*-------------------------------------
	フッター
---------------------------------------*/

	footer { padding: 20px 0 50px 0;width: 100%; }
	.footerlayout { width: 1200px;margin: 0 auto;padding: 50px 0 20px 0;display: flex;justify-content: space-around; }
		.footer_left { width: 50%;text-align: left;display: flex;align-items: flex-end;flex-wrap: wrap; }
			.footer_left h2 { width: 100%;margin: 0;padding: 0;text-align: left; }
			.footer_left img { width: auto;height: 90px; }
			.footer_left p { margin: 0;padding: 10px 0 0 0;text-align: left;color: #000;font-size: 1.8rem;line-height: 2;letter-spacing: 0.07em; }

		.footer_right { width: 50%;text-align: right;display: flex;align-items: flex-end;justify-content: flex-end; }
			.f_menu { list-style: none;margin: 0;padding: 0;display: flex;}
			.f_menu li { font-weight: normal;border-left: 1px dotted #666;border-right: 1px dotted #666;display: flex;align-items: center;letter-spacing: normal;padding: 0 20px;font-size: 1.8rem;color: #000;letter-spacing: 0.07em; }
			.f_menu li+li { border-left: 0;border-right: 1px dotted #666; }
			.f_menu li a { text-decoration: none;color: #000; }


			@media screen and (max-width: 1200px) {
				.footerlayout { width: 90%; }
				.footer_left img { height: 70px; }
				.footer_left p { font-size: 1.6rem; }
				.f_menu li { font-size: 1.6rem; }
			}

			@media screen and (max-width: 1000px) {
				.footerlayout { flex-wrap: wrap; }
.footer_left { width: 100%;text-align: center;margin-bottom: 20px; }
				.footer_left h2 { text-align: center;margin: 0 auto; }
				.footer_left img { height: 70px; }
				.footer_left p { font-size: 1.6rem;margin: 0 auto;  }
.footer_right { width: 100%;text-align: center; }
.f_menu { margin: 0 auto; }
				.f_menu li { font-size: 1.6rem; }
			}


			@media screen and (max-width: 900px) {
				footer { padding-top: 15px; }
			}
			@media screen and (max-width: 600px) {
				footer { padding-top: 5px; }
				.footer_left { width: 100%; }
				.footer_left img { height: 50px; }
				.footer_left p,.f_menu li { font-size: 1.4rem; }
				.footer_right { width: 100%; }
			}
			@media screen and (max-width: 500px) {
				.footer_left p,.f_menu li { font-size: 1.2rem; }
				.f_menu li { padding: 0 10px; }
			}
			@media screen and (max-width: 380px) {
				.footer_left img { height: 40px; }
			}



/*-------------------------------------
	著作権表示
---------------------------------------*/
	.copy { text-align: center;width: 1000px;margin: 0 auto;padding: 10px 0;font-size: 1.4rem;color: #000;letter-spacing: 0.07em; }
		.copy img { width: 30px;height: auto;margin-bottom: 15px; }
		@media screen and (max-width: 1100px) {
			.copy { width: 90%;padding: 10px 0;font-size: 1.4rem; }
		}
		@media screen and (max-width: 800px) {
			.copy { font-size: 1.2rem; }
		}
		@media screen and (max-width: 500px) {
			.copy { font-size: 1rem; }
		}
/*-------------------------------------
	トップへ戻る
---------------------------------------*/
	#page-top { position: fixed;bottom: 7px;right: 7px;z-index: 999; }
		#page-top img { width: 85%;height: auto; }

		@media screen and (max-width: 500px) {
			#page-top { bottom: 15px; }
				#page-top img { width: 75%; }
		}
		@media screen and (max-width: 450px) {
			#page-top { bottom: 20px;right: 3px; }
				#page-top img { width: 70%; }
		}