@charset "utf-8";
/* notosans */ @import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
/* body fadein */body{animation: fadeIn 3s 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}}
/* justify */* {word-wrap: break-word;box-sizing: border-box;}*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* a link flash*/ a:hover {opacity: 1;-webkit-animation: flash 1s;animation: flash 1s;}@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* font-size: 100%; */
	font-size: 18px;
	vertical-align: baseline
}
@media screen and (max-width: 880px) {
	a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
		font-size: 16px;
	}
}

html {
	/* font-family: 'Noto Serif JP', serif; */
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}


/* :target::before {
	content: "";
	display: block;
	height: 80px;
	margin-top: -80px;
} */

body{
 overflow-x: hidden;
}
ol, ul {list-style: none}
/* p{text-shadow: 2px 1px 0px rgba(255,255,255,1);} */
img {-ms-interpolation-mode: bicubic; max-width: 100%}
.cb {clear: both}
.fc-black {color: #000}
.fc-blue {color: rgba(38, 106, 181, 1.0)}
.fc-red {color: #e50119}
.fc-green {color: rgba(38, 106, 181, 1.0)}
.fc-pink {color: rgba(38, 106, 181, 1.0)}
.fc-gray {color: rgba(153, 153, 153, .8)}
.fss {font-size: .8rem}
.fsss {font-size: .2rem}
.fwb {font-weight: 300; letter-spacing: 1px; font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif; }
.radius {border-radius: 1000px;}
.radius-s {border-radius: 10px;}
.shadow-s {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.uline{text-decoration:underline;}
.uline:hover{text-decoration:none;}
.cut-line2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}



body {
	/* font: 18px/1.8 'Noto Sans JP', "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
	font: 18px/1.8 "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	background-color: rgba(235, 235, 235, 0.05);
	letter-spacing: 1px;
}
@media screen and (max-width: 880px) {
	body {
			font: 18px/1.8 "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック", sans-serif;
			min-width: 0
	}
}
@media screen and (max-width: 880px) {
	a[href*="tel:"] {
		color: #333;
		/* pointer-events: none; */
		/* cursor: default; */
		/* text-decoration: none; */
}
}
/* em {letter-spacing: -4px;} */
hr {border: none;border-bottom: 1px dashed #ccc; }
hr.w50p {width: 50%; margin: 30px auto 60px auto;}
.idt-1 {
	padding-left: 1rem;
	text-indent: -1rem;
}
.idt-2 {
	padding-left: 1.6rem;
	text-indent: -1.6rem;
}
.idt-3 {
	padding-left: 3rem;
	text-indent: -3rem;
}
p strong {
	color: rgba(38, 106, 181, 1.0);
	font: 18px/1.8 "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック", sans-serif;
}

a {
	color: #f3f3f3;
	text-decoration: none
}
.blog-contents {
	float: left;
	width: 68%;
}
@media screen and (max-width: 880px) {
	.blog-contents {
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	float: none;
	width: 100%;
	padding: 2rem 0;
	}
}
.blog-contents img{
	height: auto;
}
.blog-contents p {padding: 1rem 0;}
.blog-contents p a {color: #000;text-decoration: underline}
.blog-contents p a:hover {text-decoration: none}
.blog-contents p img {width: auto; height: auto;}
.blog-contents p iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
input {font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;}
a, a:after, a:before, input {
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease;
	-o-transition-property: background-color, color;
	-o-transition-duration: .2s;
	-o-transition-timing-function: ease;
	transition-property: background-color, color;
	transition-duration: .2s;
	transition-timing-function: ease
}

a:hover {
	text-decoration: underline
}
.main {
	width: 100%;
	/* max-width: 1240px; */
	max-width: 1240px;
	margin: 0 auto;
	padding: 0;
}
@media only screen and (max-width: 880px) {
	body#top .main {
		/* margin: -70px auto 0 auto; */
	}
}
.main h2{
	font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	color: rgba(38, 106, 181, 1.0);
	font-size: 3rem;
	font-weight: 600;
	line-height: 140%;
}
					/* download */
					#download .main h2 {font-size: 2.0rem;margin: 0;}
					#download .col_24 a img {border-radius: 50px;}

.main .main-clm h2{
	font-family: inherit;
	color: #333;
	font-size: 1.8rem;
	padding-bottom: 0.2rem;
}
body#blog-single .main .main-clm h2{
	color: rgba(38, 106, 181, 1.0);
	border-bottom: 0;
	margin: 0;
}
body#blog-single .main .main-clm h2.ttl{
	font-size: 1.8rem;
	padding-bottom: 0.2rem;
	color: rgba(38, 106, 181, 1.0);
	border-bottom: 0;
}
.main h2.bgp{
	color: #fff;
	background-color: rgba(38, 106, 181, 1.0);
	font-size: 2.0rem;
	padding: 0;
}
.main h3{
	color: rgba(38, 106, 181, 1.0);
	/* background-color: rgba(38, 106, 181, 0.05); */
	padding: 0 0 0 0.8rem;
	/* font-size: 3.0vw; */
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 2px;
	font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック", sans-serif;
	background-image: url('/assets/img/icn_h.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 2.0rem;
	padding-left: 50px;
	font-style: italic;
}
.main h4{
	color: rgba(38, 106, 181, 1.0);
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 160%;
	letter-spacing: 2px;
}
.main h4.fwb{
	font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
}
.main h4 span{
	font-size: 2.0rem;
}
.main h5{
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 2px;
	padding: 0;
	/* border-left: 3px solid #000; */
	/* border-bottom: 2px solid rgba(0, 0, 0, 0.5); */
}
.main h5.fwb{
	font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	font-weight: 600;
}
								.main h5.gap {
									display: flex;
									align-items: center; /* ← 垂直中央揃え */
									gap: 0.5em;           /* ← 数字とテキストの間隔を調整 */
								}

								.main h5.gap span {
									font-size: 2.6rem;
									color: #ff99cc;
									/* font-family: "UD新ゴ コンデンス90 L", sans-serif !important; */
									    font-family: "G2サンセリフ-B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
									font-weight: normal;
									display: inline-block;
									line-height: 1;
								}
								.main h5.line-title {
									align-items: bottom; /* ← 垂直中央揃え */
								}
								.main h5.line-title span {
									align-items: top; /* ← 垂直中央揃え */
									letter-spacing: -2px;
									display: inline-block;
								}

.main h5.noline{
	padding: 0;
	border-left: 0;
}

.main h6{
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	justify-content:space-between;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 140%;
	letter-spacing: 2px;
}
@media only screen and (max-width:1440px) {
	.main {width: 94%;}
}
@media only screen and (max-width: 880px) {
	.main {width: 94%;}
	.main h2{font-size: 2.0rem;}
	.main h2.bgp{font-size: 1.8rem;padding: 0.6rem 0;}
	#download .main h2 {font-size: 1.6rem;}/* download */
	.main h3{font-size: 1.6rem;background-size: 1.6rem;padding-left: 2rem;}
	.main h4{font-size: 1.4rem;}
	.main h4 span{font-size: 1.2rem;}
	.main h5{font-size: 1.2rem;}
	.main h5.sp-noline{padding: 0;border-left: 0;}
	.main h6{font-size: 1.2rem;font-weight: 600;}


}

ul.list {
	margin: 0 0 0 2.0rem;
	list-style: disc;
}
									@media screen and (max-width: 880px) {
										ul.list {margin: -10px 0 0 1.0rem;}
									}
ul.list.gry {
	list-style-type: none;
	margin-left:16px; /* マーカーを3文字寄せた分、ULにマージンを設定*/
}
ul.list.gry li:before {
	content: '●'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:0px; /* 3文字分、左に寄せる */
	color: #b3b3b3;
	padding-right: 4px;
}
					ul.list.blue{
						list-style-type: none;
						margin-left:3rem; /* マーカーを3文字寄せた分、ULにマージンを設定*/
					}
					@media screen and (max-width: 880px) {ul.list.blue{margin-left:1rem;}}
					
					ul.list.blue li{
						font-size: 1.2rem;
						padding-top: 1.0rem;
						padding-left: 1rem;
					}
					@media screen and (max-width: 880px) {ul.list.blue li{font-size: 1.0rem;padding-top: 1.0rem;margin: 1rem 0 -1rem 0;}}
					ul.list.blue li:before {
						content: '●'; /* ←ここにリストマーカーにしたい文字列を設定 */
						margin-left:-32px; /* 3文字分、左に寄せる */
						color: rgba(0, 108, 185, 1.0);
						padding-right: 10px;
					}
					@media screen and (max-width: 880px) {ul.list.blue li:before{padding-right: 15px;}}


ul.sns {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sns li {
	margin: 0;
	padding: 0;
	width: 20%;
	text-align: center;
	display: inline-block;
	line-height: 140%;
}
ul.sns li span{
	font-size: 0.9rem;
}
ul.sns li a{font-weight: 600;}
ul.sns li a:hover{text-decoration: none;}
ul.sns li:nth-child(1) a{color: rgba(58, 174, 66, 1.0);}
ul.sns li:nth-child(2) a{color: rgba(44, 165, 242, 1.0);}
ul.sns li:nth-child(3) a{color: rgba(60, 86, 157, 1.0);}
ul.sns li:nth-child(4) a{color: rgba(209, 0, 105, 1.0);}
ul.sns li:nth-child(5) a{color: rgba(255, 1, 0, 1.0);}
ul.sns li img {width: 50%;}


/* @media only screen and (max-width:1240px) {
	ul.sns li:nth-child(1) {width: 33%;margin-top:30px;}
	ul.sns li:nth-child(2) {width: 33%;margin-top:30px;}
	ul.sns li:nth-child(3) {width: 33%;margin-top:30px;}
	ul.sns li:nth-child(4) {width: 50%;margin-top:30px;}
	ul.sns li:nth-child(5) {width: 50%;margin-top:30px;}
	ul.sns li:nth-child(1) img {max-width: 100px; width: 80%;}
	ul.sns li:nth-child(2) img {max-width: 100px; width: 80%;}
	ul.sns li:nth-child(3) img {max-width: 100px; width: 80%;}
	ul.sns li:nth-child(4) img {max-width: 100px; width: 80%;}
	ul.sns li:nth-child(5) img {max-width: 100px; width: 80%;}
} */
@media only screen and (max-width:880px) {
	ul.sns li  { outline: 2px solid #fff; font-size: 1.2rem;}
	ul.sns li p {text-shadow: none;}
	ul.sns li a{display: block;}
	ul.sns li img{max-height: 100px;}
	ul.sns li:nth-child(1) {width: 100%;background-color: rgba(58, 174, 66, 1.0);padding:5px 0 10px 0;}
	ul.sns li:nth-child(1) a {color:#fff;}
	ul.sns li:nth-child(2) {width: 50%;background-color: rgba(44, 165, 242, 1.0);padding:5px 0 10px 0;}
	ul.sns li:nth-child(2) a {color:#fff;}
	ul.sns li:nth-child(3) {width: 50%;background-color: rgba(60, 86, 157, 1.0);padding:5px 0 10px 0;}
	ul.sns li:nth-child(3) a {color:#fff;}
	ul.sns li:nth-child(4) {width: 50%;background-color: rgba(209, 0, 105, 1.0);padding:5px 0 10px 0;}
	ul.sns li:nth-child(4) a {color:#fff;}
	ul.sns li:nth-child(5) {width: 50%;background-color: rgba(255, 1, 0, 1.0);padding:5px 0 10px 0;}
	ul.sns li:nth-child(5) a {color:#fff;}
}











#main_contents {
	width: 100%;
	/* background-color: #ececec; */
	color: #fff
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: .1em;
	line-height: 0;
	visibility: hidden;
	overflow: hidden
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%
}

.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important
}

#return_top {
	position: fixed;                  /* 画面に固定配置 */
	right: 10px;                      /* 右端から10px */
	bottom: 100px;                    /* 下端から150px */
	z-index: 999;                      /* 前面に表示 */
	transform: translate3d(180%, 0, 0); /* 初期状態：右に隠す */
	transition: transform 0.35s;      /* 表示切替のアニメーション */
	padding: 0;
	color: #fff;                      /* テキスト色 */
	cursor: pointer;                  /* マウスカーソル */
}



#return_top.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#return_top a {
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	text-decoration: none;
	background: rgba(38, 106, 181, 1.0);
	border-radius: 100px;
	outline: 2px solid #fff;
}

#return_top span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block
}

#return_top a:hover {
	opacity: 1
}

#return_top a:before {
	color: #fff;
	font-size: 22px;
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#return_top a:before {
	content: '▲';
	top: 5px;
	left: 14px
}

.fc-white {
	color: #fff
}

.fc-black {
	color: #000
}

.bg_white {
	/* background:linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.6) 100%); */
	background-color: #fff;
	/* background:#fff; */
	background-attachment: fixed;
	width: 100%;
	clear: both;
	/* border-radius: 6px; */
	/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
}
@media screen and (max-width: 880px) {.bg_white {border-radius: 0;}}


.bg_gray {
	background-image: url('/assets/img/bg_dots_gray.png');
	background-color: #fff;
	width: 100%;
	clear: both
}

.bg_gray_diagonal{
	background-image: url('/assets/img/bg_dots_gray.png');
	display: table;
	width: 100%;
	height: 500px;
	transform: skewY(-4deg);
	margin-top: 10vw;
}
.bg_gray_diagonal p {
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* text-align: center; */
	/* font-size: 50px; */
	/* font-weight: bold; */
	/* color: #fff; */
}
.bg_gray_diagonal > * {
	transform: skewY(4deg);
}

.bg_pink {
	margin-top: 10px;
	background:linear-gradient(to bottom, rgba(38, 106, 181 ,0.0), rgba(38, 106, 181 ,0.05) 100%);
	width: 100%;
	clear: both;
	border-bottom: 1px solid #ebebeb;
}

.bg_black {
	background-color: #090b14;
	color: #fff;
	width: 100%;
	clear: both
}
.bg_red {
	background-color: #e50119;
	background-attachment: fixed;
	color: #fff;
	width: 100%;
	clear: both
}
.bg_green {
	background-color: rgba(216, 235, 239, 1.0);
	width: 100%;
	clear: both
}
.bg_set2 {
	background-image: url('/assets/img/top/bg_main.jpg');
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
	color:#fff;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}
.bg_grade1 {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(134, 187, 223, 1.0));
}
.bg_story {
	background-image: url('/assets/img/top/bg_story.jpg');
	background-position: top center;
	background-size: cover;
}
								.bg_story_ttl {
									/* padding: 60px 0 20px 0; */
									background-image: url('/assets/img/top/bg_story.jpg');
									background-position: top -90px center;
									background-size: cover;
									background-repeat: repeat-x;
								}
							.bg_story_ttl .main{
									padding: 60px 0 20px 0;
								background-image: url('/assets/img/story/ttl_s.png');
								background-position: right 0px top 50%;
								background-size: 360px;
								background-repeat: no-repeat;
							}
							.bg_story_ttl .main h3{
								font-family: "新ゴ B" , sans-serif !important;
								font-size: 2rem;
								font-weight: bold;
								color: rgba(18, 64, 137, 1.0);
								background-image: none;
								font-style: normal;
								padding: 0;
								line-height: 140%;
							}
							@media screen and (max-width: 880px) {
							body#story .main h4{
								font-family: "新ゴ B" , sans-serif !important;
								font-weight: bold;
							}

								.bg_story_ttl {
									background-position: top 0 center;
								}
							.bg_story_ttl .main{
									padding: 20px 0;
								background-position: right 0px top 50%;
								background-size: 36%;
							}
							.bg_story_ttl .main h3{
								font-size: 1.6rem;
								margin: 0;
							}
							}

.bg_grade2 {
	background-image: url('/assets/img/top/bg1.png');
	background-position: top center;
	background-size: 29.5% 29.5%;
	background-repeat: repeat-x;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}
					@media screen and (max-width: 1240px) {.bg_grade2 {background-size: 29.5% 29.5%;}}
					@media screen and (max-width: 880px) {.bg_grade2 {background-size: 28.5% 28.5%;}}
					@media screen and (max-width: 480px) {.bg_grade2 {background-size: 27.5% 27.5%;}}
					
.bg_soudan {
	background-image: url('/assets/img/top/bg_soudan.png');
	background-position: bottom center;
	background-size: 78% 78%;
	background-repeat: repeat-x;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 30px;
}

body#top #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png), url(../img/top/kv.png);
	background-size: contain, 96%;
	background-repeat: no-repeat, no-repeat;
	background-position: 0 -4%, center top
}

@media screen and (max-width: 880px) {
	body#top #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#concept #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#concept #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#services #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#services #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#products #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#products #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#blog #main_contents,
body#site-policy #main_contents,
body#privacy #main_contents,
body#download #main_contents
 {
	width: 100%;
	background: 0 0;
	/* background-color: transparent; */
	background-color: rgba(246, 246, 246, 1.0);
	background-image: url(../img/01_bg_line.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#blog #main_contents,
	body#site-policy #main_contents,
	body#privacy #main_contents,
	body#download #main_contents
	{
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#news #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#blog #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#company #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#blog #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

body#contact #main_contents {
	width: 100%;
	background: 0 0;
	background-color: transparent;
	background-image: url(../img/01_bg_line.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 -4%
}

@media screen and (max-width: 880px) {
	body#blog #main_contents {
			margin-top: 0;
			background-size: 220%, 160%;
			background-position: -60px -100px, center top
	}
}

#main_area {
	/* max-width: 1480px; */
	width: 100%;
	margin: 0 auto
}
@media screen and (max-width: 880px) {#main_area {width: 100%;}}

/* ------------------------
Header
--------------------------*/
.header {
	/* margin-top:-80px; */
	position: fixed;
	z-index: 1999;
	width: 100%;
	padding: 0;
}
body#top .header {
	padding: 1rem 0;
}
@media screen and (max-width: 880px) {
	body#top .header {
		padding: 6px 0 0 10px;
	}
	}
.header .inner{
	height: 65px;
	background-color: rgba(38, 106, 181, 1.0);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	/* border-radius: 0 0 10px 10px; */
	/* max-width:1480px; */
	width: 100%;
	margin: 0 auto;
	padding: 0 10px 0 0;
}
									.header .inner .inner-lmt {
										width: 100%;
										max-width: 1240px;
										margin: 0 auto;
									}
header .header {
	top:-80px;
	opacity: 0;
	transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;
}
header .header.thin{
	top:-18px;
	opacity: 1;
	transition: all 0.6s ease;
}

@media screen and (max-width: 880px) {
	header .header {
		opacity: 1;
	}
	header .header.thin{
		top:0px;
	}
	header .header .inner{
		box-shadow: none;
		border-radius: 0;
	}
}

					#kv-menu {
						background-color: #fff;
						width: 100%;
						position: absolute;
						z-index: 1;
						opacity: 1;
						margin-top:-90px;
						transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;
					}
					@media screen and (max-width: 880px) {
						#kv-menu {
							display: none;
						}
					}
					#kv-menu.thin {
						opacity: 0;
					}
					#kv-menu .header {
						position: static;
					}
					#kv-menu .header .inner{
						box-shadow: none;
						border-radius: 0;
					}



.header .inner h1{float: left;margin:10px 0 4px 20px;}
.header .inner h1 img{max-height: 40px;}
.header .inner ul.nav {float: right;padding:16px 30px 0 0;font-size: 1.0rem;}
.header .inner ul.nav li{display: inline; padding-left:1rem;}
.header .inner ul.nav li a {color:#000;}
.header .inner ul.nav li a:hover {color:rgba(38, 106, 181, 1.0);text-decoration: none;}
/* .header .inner ul.nav li a:hover::before{content:"› ";font-size: 1.0rem;	} */

@media screen and (max-width: 1140px) {.header .inner ul.nav {padding:22px 0px 0 0;font-size: 0.8rem;}}
/* @media screen and (max-width: 970px) {.header .inner ul.nav li:nth-child(9) {display: none;}} */
/* @media screen and (max-width: 920px) {.header .inner ul.nav li:nth-child(5) {display: none;}} */
@media screen and (max-width: 910px) {
	.header {padding: 0.4rem 1.5rem;}
	.header .inner {background-color: rgba(255, 255, 255, 0.0);border-radius: 0;box-shadow: none;}
	.header .inner h1{float: left;margin:5px 0 0 0;}
	.header .inner h1 img{max-width: 140px;}
	.header .inner ul.nav {display: none;}
}

/* ----------------------------------------------------------------------
Header サブメニュー
---------------------------------------------------------------------- */
.menu-list {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: flex;
	justify-content: right;
}
.menu-item {
	position: relative;
	z-index: 1; /* 通常時は前面に */
}
.menu-item a {
	align-items: center;
	color: #fff;
	display: flex;
	height: 65px;
	justify-content: left;
	text-decoration: none;
	padding: 0 0.8em;
}

/* ▼▼▼ サブメニュー ▼▼▼ */
.drop-menu {
	position: relative;
}
.drop-menu-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: auto;
	padding: 0;
	/* border-radius: 0px; */
	white-space: nowrap;
	background-color: #4597cf;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-top:0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 14px -5px,
	            rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

	/* ▼ 初期状態：非表示 & 背面に */
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	z-index: -1;
	transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease, z-index 0s 0.4s;
}

/* ▼ ホバー時：前面に出してアニメーション表示 */
.menu-item:hover .drop-menu-list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 1998;
	transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease, z-index 0s;
}

.drop-menu-list li {
	width: auto;
	text-align: left;
}
.drop-menu-list li:hover {
	width: auto;
	text-align: left;
	background-color: rgba(38, 106, 181, 1.0);
}
.drop-menu-list a {
	font-family: "新ゴ R", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	width: auto;
	white-space: nowrap;
	color: #fff;
	text-align: left;
	padding: 0.4em 1em;
	height: auto;
}






@media screen and (max-width: 910px) {
	.menu-list {display: none;}
}


.wpcf7 input.back_button {
	width: auto;
	margin: 0 auto;
	border-radius: 50px;
	outline: 1px solid #ccc;
	text-align: center;
	display: block;
	padding: 0.6rem 2rem;
	color: #666;
}


.button a,
input.wpcf7-submit,
input.wpcf7-confirm {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: inline-block;
	background-image: url(../img/icn_btn_arw_w.svg);
	background-position: 92% 52%;
	background-repeat: no-repeat;
	background-size: 10px;
	background-color: rgba(245, 158, 203, 1.0);
	padding: 1rem 5.5rem 1rem 4.5rem;
	font-size: 18px;
	text-decoration: none;
	border-radius: 100px;
	line-height: 140%;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	color: #fff;
	z-index: 0;
	outline: 1px solid #fff;
	box-shadow: 2px 2px 4px #999;
}

/* 流れる光を再現 */
.button a::before,
.button a::after {
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	width: 50%;
	height: 100%;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: skewX(-25deg);
	pointer-events: none;
	z-index: 1;
}

.button a::before {
	animation: flowing-light 3s ease-in-out infinite;
}

.button a::after {
	animation: flowing-light 3s ease-in-out infinite;
	animation-delay: 1.5s; /* ← 途中からもう1つが始まる */
}

@keyframes flowing-light {
	0% {
		left: -50%;
		opacity: 0;
	}
	10% {
		left: 120%;
		opacity: 1;
	}
	100% {
		left: 120%;
		opacity: 0;
	}
}


input.confirm_button,
input.wpcf7-submit.has-spinner {
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  display: inline-block;
  background-color: rgba(61, 159, 176, 1.0);
  background-image: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 60%,
      rgba(255, 255, 255, 0) 100%
    ),
    url(../img/icn_btn_arw_w.svg);
  background-size: 300% 100%, 10px;
  background-position: 200% 52%, 92% 52%;
  background-repeat: no-repeat;
  padding: 1rem 3.5rem 1rem 2.5rem;
  font-size: 18px;
  text-decoration: none;
  border-radius: 100px;
  line-height: 140%;
  letter-spacing: 1px;
  position: relative;
  color: #fff;
  border: none;
  cursor: pointer;
  animation: confirm-shine 1.5s ease-in-out infinite;
}

@keyframes confirm-shine {
  0% {
    background-position: 200% 52%, 92% 52%;
  }
  50% {
    background-position: -100% 52%, 92% 52%;
  }
  100% {
    background-position: -100% 52%, 92% 52%;
  }
}




.button.amazon a {
	background-color: rgba(0, 15, 125, 1.0);
}
@media screen and (max-width: 880px) {
	.button a {
		/* padding: 0.8rem 2.5rem 0.8rem 1.4rem; */
		padding: 0.8rem 4.5rem 0.8rem 3.5rem;
		background-position: 94% 52%;
	}
}

.button-back a {
	color: #fff;
	display: inline-block;
	background-image: url(../img/icn_btn_arw_w_back.png);
	background-position: 8% 52%;
	background-repeat: no-repeat;
	background-size: 6px;
	background-color: rgba(245, 158, 203, 1.0);
	padding: 1rem 4.5rem;
	font-size: 1rem;
	text-decoration: none;
	border-radius: 4px;
}

.main-clm .button-back a {color: #fff;text-decoration: none;}
.main-clm .button-back a:hover {color: #fff;}


.button2 a {
	display: inline-block;
	background-image: url(../img/icn_btn_arw_b.svg);
	background-position: 92% 50%;
	background-repeat: no-repeat;
	background-size: 12px;
	background-color: #f4f4f4;
	padding: .6rem 2.5rem .6rem 1.5rem;
	font-size: 1rem;
	text-decoration: none;
	color: #000;
	min-width: 230px
}

.button3 a {
	display: inline-block;
	background-image: url(../img/icn_btn_cart_b.png);
	background-position: 92% 50%;
	background-repeat: no-repeat;
	background-size: 12px;
	background-color: #f4f4f4;
	padding: .6rem 2.5rem .6rem 1.5rem;
	font-size: .8rem;
	text-decoration: none;
	color: #000;
	min-width: 230px
}

.button4 a {
	display: inline-block;
	background-image: url(../img/icn_btn_arw_b.svg);
	background-position: 92% 50%;
	background-repeat: no-repeat;
	background-size: 12px;
	background-color: #f4f4f4;
	padding: 1.2rem 4.5rem 1.2rem 3.5rem;
	font-size: 1rem;
	text-decoration: none;
	color: #000;
	min-width: 230px
}

@media screen and (max-width: 880px) {
	.button2 a {
			display: block;
			width: 80%;
			border: 1px solid #ebebeb;
			text-align: center;
			margin: 0 auto
	}
	.button3 a {
			display: block;
			width: 80%;
			border: 1px solid #ebebeb;
			text-align: center;
			margin: 0 auto
	}
	.button4 a {
		display: block;
		width: 80%;
		border: 1px solid #ebebeb;
		text-align: center;
		margin: 0 auto;
		padding: 1rem 4.5rem 1rem 3.5rem;
		font-size: 100%;
}
}


#kv_area {
	background-attachment: fixed;
	background-position: center 60px;
	background-size: contain;
}

body#profile #kv_area,
body#story #kv_area,
body#blog #kv_area,
body#blog-news #kv_area,
body#blog-movie #kv_area,
body#blog-results #kv_area,
body#blog-mmg #kv_area,
body#mmg_regist #kv_area,
body#blog-minutes #kv_area,
body#blog-y_news #kv_area,
body#blog-single #kv_area,
body#search #kv_area,
body#privacy #kv_area,
body#download #kv_area,
body#komei #kv_area,
body#vision #kv_area,
body#activity #kv_area,
body#sevens_vision #kv_area,
body#office #kv_area,
body#contact #kv_area {
	background-size: contain;
	background-repeat: no-repeat;
}
body#profile #kv_area{background-image: url('/assets/img/kv/bg_kv_s_profile.jpg');}
body#story #kv_area{background-image: url('/assets/img/kv/bg_kv_s_story.jpg');}
body#komei #kv_area{background-image: url('/assets/img/kv/bg_kv_s_komei.jpg');/*background-position: center 20px;*/}
body#vision #kv_area{background-image: url('/assets/img/kv/bg_kv_s_vision.jpg');/*background-position: center 20px;*/}
body#activity #kv_area{background-image: url('/assets/img/kv/bg_kv_s_activity.jpg');/*background-position: center 20px;*/}
body#sevens_vision #kv_area{background-image: url('/assets/img/kv/bg_kv_s_sevens_vision.jpg');/*background-position: center 20px;*/}
body#blog #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog.jpg');/*background-position: center 0;*/}
body#blog-news #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-news.jpg');}
body#blog-movie #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-movie.jpg');}
body#blog-result #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-result.jpg');/*background-position: center 20px;*/}
body#blog-mmg #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-mmg.jpg');/*background-position: center 20px;*/}
body#mmg_regist #kv_area{background-image: url('/assets/img/kv/bg_kv_s_mmg_regist.jpg');/*background-position: center 20px;*/}
body#blog-minutes #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-minutes.jpg');/*background-position: center 20px;*/}
body#blog-y_news #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-y_news.jpg');/*background-position: center 20px;*/}
body#blog-single #kv_area{background-image: url('/assets/img/kv/bg_kv_s_blog-single.jpg');}
body#search #kv_area{background-image: url('/assets/img/kv/bg_kv_s_search.jpg');}
body#privacy #kv_area{background-image: url('/assets/img/kv/bg_kv_s_privacy.jpg');}
body#download #kv_area{background-image: url('/assets/img/kv/bg_kv_s_download.jpg');}
body#office #kv_area{background-image: url('/assets/img/kv/bg_kv_s_office.jpg');}
body#contact #kv_area{background-image: url('/assets/img/kv/bg_kv_s_contact.jpg');/*background-position: center -10px;*/}
body#privacy #kv_area{background-image: url('/assets/img/kv/bg_kv_s_privacy.jpg');}

@media screen and (max-width: 880px) {
					body#profile #kv_area,
					body#story #kv_area,
					body#blog #kv_area,
					body#blog-news #kv_area,
					body#blog-movie #kv_area,
					body#blog-result #kv_area,
					body#blog-mmg #kv_area,
					body#mmg_regist #kv_area,
					body#blog-minutes #kv_area,
					body#blog-y_news #kv_area,
					body#blog-single #kv_area,
					body#search #kv_area,
					body#privacy #kv_area,
					body#download #kv_area,
					body#komei #kv_area,
					body#vision #kv_area,
					body#activity #kv_area,
					body#sevens_vision #kv_area,
					body#office #kv_area,
					body#contact #kv_area {
					background-position: center 30px;
					background-position: center 50px;
					}

					body#profile #kv_area{background-image: url('/assets/img/kv/bg_kv_profile.jpg');}
					body#story #kv_area{background-image: url('/assets/img/kv/bg_kv_story.jpg');}
					body#komei #kv_area{background-image: url('/assets/img/kv/bg_kv_komei.jpg');}
					body#vision #kv_area{background-image: url('/assets/img/kv/bg_kv_vision.jpg');}
					body#activity #kv_area{background-image: url('/assets/img/kv/bg_kv_activity.jpg');}
					body#sevens_vision #kv_area{background-image: url('/assets/img/kv/bg_kv_sevens_vision.jpg');}
					body#blog #kv_area{background-image: url('/assets/img/kv/bg_kv_blog.jpg?20250625');}
					body#blog-news #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-news.jpg');}
					body#blog-movie #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-movie.jpg');}
					body#blog-result #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-result.jpg');}
					body#blog-mmg #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-mmg.jpg');}
					body#mmg_regist #kv_area{background-image: url('/assets/img/kv/bg_kv_mmg_regist.jpg');}
					body#blog-minutes #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-minutes.jpg');}
					body#blog-y_news #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-y_news.jpg');}
					body#blog-single #kv_area{background-image: url('/assets/img/kv/bg_kv_blog-single.jpg');}
					body#search #kv_area{background-image: url('/assets/img/kv/bg_kv_search.jpg');}
					body#privacy #kv_area{background-image: url('/assets/img/kv/bg_kv_privacy.jpg');}
					body#download #kv_area{background-image: url('/assets/img/kv/bg_kv_download.jpg');}
					body#office #kv_area{background-image: url('/assets/img/kv/bg_kv_office.jpg');}
					body#contact #kv_area{background-image: url('/assets/img/kv/bg_kv_contact.jpg');}
					body#privacy #kv_area{background-image: url('/assets/img/kv/bg_kv_privacy.jpg');}
}

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

.kv {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding-top: 25%;
	padding-bottom: 14%;
	font-size: 1.2rem
}

.kv p {
	padding-top: 2rem;
	letter-spacing: 5px;
	font-weight: 700
}

.kv h1 {
	max-width: 1200px;
	width: 100%;
	font-size: 1.6rem;
	text-shadow: 1px 3px 1px #000;
	font-weight: 400
}


@media screen and (max-width: 880px) {
	.kv {
			padding-bottom: 20%;
			max-width: 90%
	}
	.kv h1 {
			font-size: 1rem
	}
}

.kv_sub_area {
	position: relative;
	width: 100%
}

.kv_sub_area .img {
	position: absolute;
	float: left;
	z-index: 2;
	margin-top: -60px;
	max-width: 600px
}

.kv_sub_area .txt {
	position: relative;
	z-index: 1;
	float: right;
	width: 80%;
	background-color: rgba(39, 39, 39, .98);
	overflow: hidden;
	margin-bottom: 8rem
}

.kv_sub_area .txt .inner {
	float: right;
	padding: 100px 70px 1rem 430px
}

.kv_sub_area .txt .inner h3 {
	margin-bottom: 40px
}

@media screen and (max-width: 880px) {
	.kv_sub_area {
			position: static;
			width: 90%;
			margin: 0 auto
	}
	.kv_sub_area .img {
			position: static;
			float: none;
			z-index: 1;
			margin-top: 0;
			max-width: 100%
	}
	.kv_sub_area .img img {
			width: 100%
	}
	.kv_sub_area .txt {
			position: static;
			z-index: 1;
			float: none;
			width: 100%;
			margin-top: -10px;
			margin-bottom: 6rem
	}
	.kv_sub_area .txt .inner {
			float: none;
			padding: 3rem 2rem
	}
	.kv_sub_area .txt .inner h3 {
			margin-bottom: 40px
	}
}

.kv2 {
	width: 100%;
	background-image: url(../img/top/kv2.jpg);
	background-size: cover;
	background-position: center center;
	padding-top: 6%;
	padding-bottom: 8%
}

.kv2 .inner {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%
}

.kv2 .inner p {
	margin: 2rem 0;
	font-size: 1.2rem
}

.kv2 .inner h3 {
	max-width: 850px;
	width: 100%
}

@media screen and (max-width: 880px) {
	.kv2 .inner {
			padding-top: 6%;
			padding-bottom: 8%;
			max-width: 90%
	}
	.kv2 .inner p {
			font-size: 1rem
	}
}

.esports-team {
	width: 100%;
	background-image: url(../img/top/esports-team.jpg);
	background-size: cover;
	background-position: center center;
	padding-top: 6%;
	padding-bottom: 8%
}

.esports-team .inner {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%
}

.esports-team .inner p {
	margin: 2rem 0;
	font-size: 1.2rem
}

.esports-team .inner h3 {
	max-width: 850px;
	width: 100%
}

@media screen and (max-width: 880px) {
	.esports-team .inner {
			padding-top: 6%;
			padding-bottom: 8%;
			max-width: 90%
	}
	.esports-team .inner p {
			font-size: 1rem
	}
}

.esports-team2 {
	width: 100%;
	background-image: url(../img/top/esports-team2.jpg);
	background-size: cover;
	background-position: center center;
	padding-top: 6%;
	padding-bottom: 8%
}

.esports-team2 .inner {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%
}

.esports-team2 .inner p {
	margin: 2rem 0;
	font-size: 1.2rem
}

.esports-team2 .inner h3 {
	max-width: 850px;
	width: 100%
}

@media screen and (max-width: 880px) {
	.esports-team2 .inner {
			padding-top: 6%;
			padding-bottom: 8%;
			max-width: 90%
	}
	.esports-team2 .inner p {
			font-size: 1rem
	}
}

.price {
	font-size: 140%;
	letter-spacing: 1px;
	font-weight: 400
}

.price span {
	font-size: 60%;
	display: inline-block;
	padding-left: .4rem;
	font-weight: 400
}

body#top #products {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 6rem 0 3rem 0;
	color: #000;
	overflow: hidden
}

body#top #products h2 {
	float: left;
	max-width: 300px
}

body#top #products p {
	padding: .7rem 0
}

body#top #products .button {
	margin-top: -10px
}

@media screen and (max-width: 880px) {
	body#top #products {
			width: 90%
	}
	body#top #products h2 {
			padding: 0 2rem;
			float: none;
			text-align: center;
			margin: 0 auto
	}
	body#top #products .button {
			margin-top: 0
	}
}

body#top #products ul {
	clear: both
}

body#top #products ul li {
	box-sizing: border-box
}

@media screen and (max-width: 880px) {
	body#top #products ul li {
			width: 100%
	}
}

body#top #products ul.pt1 {
	margin: 4rem 0
}

body#top #products ul.pt1 li {
	padding: 0 3rem 3rem 0
}

body#top #products ul.pt1 li:nth-child(1) {
	float: left;
	width: 50%
}

body#top #products ul.pt1 li:nth-child(2) {
	float: right;
	width: 50%;
	padding: 1rem 0
}

@media screen and (max-width: 880px) {
	body#top #products ul.pt1 {
			margin: 4rem 0 -1rem 0
	}
	body#top #products ul.pt1 li:nth-child(1) {
			float: none;
			padding: 0;
			width: 100%
	}
	body#top #products ul.pt1 li:nth-child(2) {
			float: none;
			padding: 2rem 0;
			width: 100%
	}
}

body#top #products ul.pt2 {
	margin: 10rem 0
}

body#top #products ul.pt2 li {
	padding: 0 3rem 3rem 0
}

body#top #products ul.pt2 li:nth-child(1) {
	float: left;
	width: 50%;
	text-align: right
}

body#top #products ul.pt2 li:nth-child(2) {
	float: right;
	width: 50%;
	text-align: left
}

@media screen and (max-width: 880px) {
	body#top #products ul.pt2 {
			margin: 1rem 0 -1rem 0
	}
	body#top #products ul.pt2 li:nth-child(1) {
			float: none;
			padding: 0;
			width: 100%;
			text-align: center
	}
	body#top #products ul.pt2 li:nth-child(2) {
			float: none;
			padding: 1rem 0;
			width: 100%;
			text-align: center
	}
}













/* .lyt-set1 */
.lyt-set1 ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.lyt-set1 ul li {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2rem;
	background-color: #fff;
	/* outline: 1px solid #efefef; */
	min-height: 375px;
	border-radius: 0;
	transition: .5s ;
	padding: 10px 0 0 0;
	border-bottom: 1px dashed #ccc;
}
/* .lyt-set1 ul li:hover {
	outline: 3px solid rgba(38, 106, 181, 1.0);
	box-sizing: border-box;
	transition: .5s ;
	background-color: rgba(38, 106, 181, 0.1);
} */

.lyt-set1 ul li .thumb-img {
	width: 100%;
}

.lyt-set1 ul li .thumb-img p {
	padding-bottom: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-color: rgba(239, 239, 239, 1.0); */
	background-color: rgba(155, 192, 223, 1.0);
	transition: .5s ;
}

.lyt-set1 ul li .thumb-img p:hover {
	opacity: .8;
}

.lyt-set1 ul li h3 {
	font-size: 1.4rem
}
.lyt-set1  p {
	padding-top: .6rem
}

.lyt-set1  p a {
	color: #000
}

.lyt-set1  p.day {
	width: 100%;
	display: inline-block;
	color: #000;
	font-size: .8rem;
}

.lyt-set1  p.cat {
	width: 100%;
	display: inline-block;
	text-align: left
}

.lyt-set1  p.cat a {
	display: inline-block;
	background: rgba(38, 106, 181, 1.0);
	padding: 0 0.6rem;
	font-size: .8rem;
	margin-top: 2px;
	text-decoration: none;
	color: #fff;
	border-radius: 0px;
	white-space: nowrap;
	text-shadow: none;
}

.lyt-set1  p.ttl {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
	padding: 0;
}
.lyt-set1  .box {
	padding: 1rem 1rem 0 1rem;
}

.lyt-set1 .more a{
	float: right;
	display: inline-block;
	background-image: url(../img/icn_btn_arw_w.svg);
	background-position: 92% 52%;
	background-repeat: no-repeat;
	background-size: 10px;
	background-color: rgba(245, 158, 203, 1.0);
	padding: 0.6rem 3.5rem 0.6rem 2.5rem;
	/* font-size: 18px; */
	text-decoration: none;
	border-radius: 100px;
	line-height: 140%;
	letter-spacing: 1px;
	color: #fff;
}

/* hight-light */
.hight-light {border: 1px solid #ccc;background-color: #ffffcc;padding: 0.2rem 0.4rem; border-radius:6px;margin: 0 0.2rem;}
@media screen and (max-width: 880px) {
.lyt-set1 ul {
	margin: 50px 0 0 0;
		width: 100%
}
.lyt-set1 ul li {
	width: 100%;
	float: none;
	display: block;
	min-height: auto;
}
.lyt-set1 ul li p {
	width: 100%;
	text-align: left;
	padding-top: .2rem;
}
.lyt-set1 ul li .thumb-img p {
	padding-bottom: 50%;
}
.lyt-set1  p.day {
	font-size: 0.9rem;
	text-align: right;
	display: block;
}
.lyt-set1 p.cat {
		display: none
}
.lyt-set1 p.cat a {
		margin-bottom: .2rem;
		padding: 0 1rem;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
}
.lyt-set1 p.ttl {
		width: 100%;
		font-size: 1.0rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
}
}








/* .lyt-set3 */
.lyt-set3 ul {
	margin: 80px 0 0 0;
	padding: 0;
}

.lyt-set3 ul li {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2rem;
	background-color: #fff;
	outline: 3px solid #efefef;
	min-height: 410px;
	border-radius: 4px;
	transition: .5s ;
}
.lyt-set3 ul li:hover {
	outline: 3px solid rgba(38, 106, 181, 1.0);
	box-sizing: border-box;
	transition: .5s ;
}

.lyt-set3 ul li .thumb-img p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-color: rgba(239, 239, 239, 1.0); */
	background-color: rgba(155, 192, 223, 1.0);
	transition: .5s ;
}

.lyt-set3 ul li .thumb-img p:hover {
	opacity: .8;
}

.lyt-set3 ul li:nth-child(1n) {
	margin-right: 4.3%
}

.lyt-set3 ul li:nth-child(2n) {
	margin-right: 4.3%
}

.lyt-set3 ul li:nth-child(3n) {
	margin-right: 0
}

.lyt-set3 ul li h3 {
	font-size: 1.4rem
}
.lyt-set3  p {
	padding-top: .6rem
}

.lyt-set3  p a {
	color: #000
}

.lyt-set3  p.day {
	width: 100%;
	display: inline-block;
	color: #000;
}

.lyt-set3  p.cat {
	width: 100%;
	display: inline-block;
	text-align: left
}

.lyt-set3  p.cat a {
	display: inline-block;
	background: rgba(38, 106, 181, 1.0);
	padding: 0 0.6rem;
	font-size: .8rem;
	margin-top: 2px;
	text-decoration: none;
	color: #fff;
	border-radius: 0px;
	white-space: nowrap;
	text-shadow: none;
}

.lyt-set3  p.ttl {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
	padding: 0;
}
.lyt-set3  .box {
	padding: 1rem;
}


@media screen and (max-width: 1240px) {
	.lyt-set3 ul li {width: 48%;min-height: 440px;}
	.lyt-set3 ul li:nth-child(1n) {margin-right: 3%}
	.lyt-set3 ul li:nth-child(2n) {margin-right: 0}
	
}
@media screen and (max-width: 880px) {
.lyt-set3 ul {
	margin: 50px 0 0 0;
		width: 100%
}
.lyt-set3 ul li {
	width: 100%;
	float: none;
	display: block;
	min-height: auto;
}
.lyt-set3 ul li:nth-child(1n) {margin-right: 0}
.lyt-set3 ul li:nth-child(2n) {margin-right: 0}
.lyt-set3 ul li:nth-child(3n) {margin-right: 0}
.lyt-set3 ul li:nth-child(2n) {float: none}
.lyt-set3 ul li p {
	width: 100%;
	text-align: left;
	padding-top: .2rem;
}
.lyt-set3 ul li .thumb-img p {
	padding-bottom: 50%;
}
.lyt-set3  p.day {
	font-size: 0.9rem;
	text-align: right;
	display: block;
}
.lyt-set3 p.cat {
		display: none
}
.lyt-set3 p.cat a {
		margin-bottom: .2rem;
		padding: 0 1rem;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
}
.lyt-set3 p.ttl {
		width: 100%;
		font-size: 1.0rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
}
}




/* .lyt-set4 */
.lyt-set4 ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.lyt-set4 ul li {
	width: 24.4%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
	background-color: #fff;
	outline: 1px solid #efefef;
	min-height: 375px;
	border-radius: 0;
	transition: .5s ;
}
.lyt-set4 ul li:hover {
	outline: 3px solid rgba(38, 106, 181, 1.0);
	box-sizing: border-box;
	transition: .5s ;
}

.lyt-set4 ul li .thumb-img p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-color: rgba(239, 239, 239, 1.0); */
	background-color: rgba(155, 192, 223, 1.0);
	transition: .5s ;
}

.lyt-set4 ul li .thumb-img p:hover {
	opacity: .8;
}

.lyt-set4 ul li:nth-child(1n) {
	margin-right: 0
}

.lyt-set4 ul li:nth-child(2n) {
	margin-right: 0
}

.lyt-set4 ul li:nth-child(3n) {
	margin-right: 0
}

.lyt-set4 ul li:nth-child(4n) {
	margin-right: 0
}

.lyt-set4 ul li h3 {
	font-size: 1.4rem
}
.lyt-set4  p {
	padding-top: .6rem
}

.lyt-set4  p a {
	color: #000
}

.lyt-set4  p.day {
	width: 100%;
	display: inline-block;
	color: #000;
	font-size: .8rem;
}

.lyt-set4  p.cat {
	width: 100%;
	display: inline-block;
	text-align: left
}

.lyt-set4  p.cat a {
	display: inline-block;
	background: rgba(38, 106, 181, 1.0);
	padding: 0 0.6rem;
	font-size: .8rem;
	margin-top: 2px;
	text-decoration: none;
	color: #fff;
	border-radius: 0px;
	white-space: nowrap;
	text-shadow: none;
}

.lyt-set4  p.ttl {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
	padding: 0;
}
.lyt-set4  .box {
	padding: 1rem;
}


@media screen and (max-width: 1240px) {
	.lyt-set4 ul li {width: 48%;min-height: 440px;}
	.lyt-set4 ul li:nth-child(1n) {margin-right: 3%}
	.lyt-set4 ul li:nth-child(2n) {margin-right: 0}
	
}
@media screen and (max-width: 880px) {
.lyt-set4 ul {
	margin: 50px 0 0 0;
		width: 100%
}
.lyt-set4 ul li {
	width: 100%;
	float: none;
	display: block;
	min-height: auto;
}
.lyt-set4 ul li:nth-child(1n) {margin-right: 0}
.lyt-set4 ul li:nth-child(2n) {margin-right: 0}
.lyt-set4 ul li:nth-child(3n) {margin-right: 0}
.lyt-set4 ul li:nth-child(2n) {float: none}
.lyt-set4 ul li p {
	width: 100%;
	text-align: left;
	padding-top: .2rem;
}
.lyt-set4 ul li .thumb-img p {
	padding-bottom: 50%;
}
.lyt-set4  p.day {
	font-size: 0.9rem;
	text-align: right;
	display: block;
}
.lyt-set4 p.cat {
		display: none
}
.lyt-set4 p.cat a {
		margin-bottom: .2rem;
		padding: 0 1rem;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
}
.lyt-set4 p.ttl {
		width: 100%;
		font-size: 1.0rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
}
}








/* .lyt-set5 */
.lyt-set5 ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.lyt-set5 ul li {
	width: 24.4%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
	background-color: #fff;
	/* outline: 1px solid #efefef; */
	min-height: 375px;
	border-radius: 0;
	transition: .5s ;
}
.lyt-set5 ul li:hover {
	outline: 3px solid rgba(38, 106, 181, 1.0);
	box-sizing: border-box;
	transition: .5s ;
}

.lyt-set5 ul li .thumb-img p {
	padding-bottom: 140%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-color: rgba(239, 239, 239, 1.0); */
	background-color: rgba(155, 192, 223, 1.0);
	transition: .5s ;
}

.lyt-set5 ul li .thumb-img p:hover {
	opacity: .8;
}

.lyt-set5 ul li:nth-child(1n) {
	margin-right: 0
}

.lyt-set5 ul li:nth-child(2n) {
	margin-right: 0
}

.lyt-set5 ul li:nth-child(3n) {
	margin-right: 0
}

.lyt-set5 ul li:nth-child(4n) {
	margin-right: 0
}

.lyt-set5 ul li h3 {
	font-size: 1.4rem
}
.lyt-set5  p {
	padding-top: .6rem
}

.lyt-set5  p a {
	color: #000
}

.lyt-set5  p.day {
	width: 100%;
	display: inline-block;
	color: #000;
	font-size: .8rem;
}

.lyt-set5  p.cat {
	width: 100%;
	display: inline-block;
	text-align: left
}

.lyt-set5  p.cat a {
	display: inline-block;
	background: rgba(38, 106, 181, 1.0);
	padding: 0 0.6rem;
	font-size: .8rem;
	margin-top: 2px;
	text-decoration: none;
	color: #fff;
	border-radius: 0px;
	white-space: nowrap;
	text-shadow: none;
}

.lyt-set5  p.ttl {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
	padding: 0;
}
.lyt-set5  .box {
	padding: 0.2rem 1rem 2.5rem 1rem;
}


@media screen and (max-width: 1240px) {
	.lyt-set5 ul li {width: 48%;min-height: 350px;}
	.lyt-set5 ul li .thumb-img {outline: 2px solid #ebebeb;margin-bottom: 0.2rem;}
	.lyt-set5 ul li:nth-child(1n) {margin-right: 2%}
	.lyt-set5 ul li:nth-child(2n) {margin-right: 0}
	
}
/*
@media screen and (max-width: 880px) {
.lyt-set5 ul {
	margin: 50px 0 0 0;
		width: 100%
}
.lyt-set5 ul li {
	width: 100%;
	float: none;
	display: block;
	min-height: auto;
}
.lyt-set5 ul li:nth-child(1n) {margin-right: 0}
.lyt-set5 ul li:nth-child(2n) {margin-right: 0}
.lyt-set5 ul li:nth-child(3n) {margin-right: 0}
.lyt-set5 ul li:nth-child(2n) {float: none}
.lyt-set5 ul li p {
	width: 100%;
	text-align: left;
	padding-top: .2rem;
}
.lyt-set5 ul li .thumb-img p {
	padding-bottom: 50%;
}
.lyt-set5  p.day {
	font-size: 0.9rem;
	text-align: right;
	display: block;
}
.lyt-set5 p.cat {
		display: none
}
.lyt-set5 p.cat a {
		margin-bottom: .2rem;
		padding: 0 1rem;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
}
.lyt-set5 p.ttl {
		width: 100%;
		font-size: 1.0rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
}
}
*/





body#top #services {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 6rem 0 3rem 0;
	color: #000;
	overflow: hidden
}

body#top #services h2 {
	float: left;
	max-width: 300px
}

body#top #services p.copy {
	float: right;
	margin: -10px 0 0 0;
	padding: 0
}

body#top #services p {
	padding: .7rem 0;
	color: #fff
}

@media screen and (max-width: 880px) {
	body#top #services {
			width: 90%
	}
	body#top #services h2 {
			padding: 0 2rem;
			float: none;
			text-align: center;
			margin: 0 auto
	}
	body#top #services p.copy {
			float: none;
			margin: 30px 0 0 0
	}
}

body#top #services ul {
	clear: both
}

body#top #services ul li {
	box-sizing: border-box;
	width: 33.3333%;
	float: left;
	background-size: cover;
	background-position: center center
}

body#top #services ul li a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	padding: 40% 0 30% 0;
	text-decoration: none;
	border: 3px solid transparent;
	margin: 10px
}

body#top #services ul li a:hover {
	opacity: .8;
	border: 3px solid rgba(255, 255, 255, .7);
	margin: 10px
}

body#top #services ul li a img {
	max-height: 36px
}

body#top #services ul li a p {
	text-align: center
}

body#top #services ul li:nth-child(1) {
	background-image: url(../img/top/services_img_01.jpg)
}

body#top #services ul li:nth-child(2) {
	background-image: url(../img/top/services_img_02.jpg)
}

body#top #services ul li:nth-child(3) {
	background-image: url(../img/top/services_img_03.jpg)
}

@media screen and (max-width: 880px) {
	body#top #services ul li {
			width: 100%
	}
}

body#top #agency {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	color: #000
}

body#top .agency_img {
	position: relative;
	z-index: 2;
	float: right;
	width: 50%;
	margin-bottom: -450px
}

body#top #agency h2 {
	max-width: 300px
}

body#top #agency h3 {
	font-size: 1.2rem;
	padding-top: .6rem;
	margin-bottom: 40px
}

body#top #agency .txt {
	width: 44%
}

body#top #agency .txt .inner {
	left: 0;
	padding: 100px 0 6rem 0
}

@media screen and (max-width: 880px) {
	body#top .agency_img {
			position: none;
			z-index: 2;
			float: none;
			width: 90%;
			margin: -100px auto -150px auto
	}
	body#top #agency {
			max-width: 90%;
			margin: 0 auto
	}
	body#top #agency h2 {
			margin-top: 100px;
			max-width: 40%
	}
	body#top #agency .txt {
			width: 100%
	}
}







body#top #movie {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 0 auto;
	color: #000;
	padding: 4rem 0
}

body#top #movie h2 {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px
}

body#top #movie h2 img {
	max-width: 180px
}

body#top #movie p {
	padding-top: 1rem
}

@media screen and (max-width: 880px) {
	body#top #movie h2 {
			margin-bottom: 30px
	}
	body#top #movie {
			max-width: 90%;
			margin: 0 auto;
			padding: 3rem 1rem
	}
}

body#top #rh-note {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 0 auto;
	color: #000;
	padding: 4rem 0;
}

body#top #rh-note h2 {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 60px;
	color: #fff;
}

body#top #rh-note h4 {
	/* line-height: 120% */
}

body#top #rh-note h4 a {
	color: #000;
	font-size: 1rem;
	line-height: 120%
}


@media screen and (max-width: 880px) {
	body#top #rh-note {
			max-width: 90%;
			margin: 0 auto;
			padding: 3rem 0
	}
	body#top #rh-note h2 {
			margin-bottom: 30px
	}
}

body#top .kv3 {
	width: 100%;
	background-image: url(../img/top/kv.png);
	background-size: cover;
	background-position: center center;
	padding-top: 10%;
	padding-bottom: 8%
}

body#top .kv3 .inner {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%
}

body#top .kv3 .inner p {
	margin: 2rem 0;
	font-size: 1.2rem
}

body#top .kv3 .inner h3 {
	max-width: 1170px;
	width: 100%
}

@media screen and (max-width: 880px) {
	body#top .kv3 .inner {
			padding-top: 10%;
			padding-bottom: 8%;
			max-width: 90%
	}
	body#top .kv3 .inner p {
			font-size: 1rem
	}
}

body#top .contact {
	width: 100%;
	background-image: url(../img/top/kv.png);
	background-size: cover;
	background-position: center center;
	padding-top: 10%;
	padding-bottom: 8%
}

body#top .contact .inner {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%
}

body#top .contact .inner p {
	margin: 2rem 0;
	font-size: 1.2rem
}

body#top .contact .inner h3 {
	max-width: 1170px;
	width: 100%
}

@media screen and (max-width: 880px) {
	body#top .contact .inner {
			padding-top: 10%;
			padding-bottom: 8%;
			max-width: 90%
	}
	body#top .contact .inner p {
			font-size: 1rem
	}
}


.kv_sec {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding-top: 25%;
	padding-bottom: 8%;
	font-size: 1.2rem
}
body#profile .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#story .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#komei .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#vision .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#activity .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#sevens_vision .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#blog .kv_sec,
body#blog-news .kv_sec,
body#blog-movie .kv_sec,
body#blog-result .kv_sec,
body#blog-mmg .kv_sec,
body#mmg_regist .kv_sec,
body#blog-minutes .kv_sec,
body#blog-y_news .kv_sec,
body#blog-single .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#search .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#privacy .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#download .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#office .kv_sec {padding-top: 11%;padding-bottom: 11%;}
body#contact .kv_sec {padding-top: 11%;padding-bottom: 11%;}

@media screen and (max-width: 880px) {
		body#profile .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#story .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#komei .kv_sec {padding-top: 35%;padding-bottom: 15%;line-height: 200%;}
		body#vision .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#activity .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#sevens_vision .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#blog .kv_sec,
		body#blog-news .kv_sec,
		body#blog-movie .kv_sec,
		body#blog-result .kv_sec,
		body#blog-mmg .kv_sec,
		body#mmg_regist .kv_sec,
		body#blog-minutes .kv_sec,
		body#blog-y_news .kv_sec,
		body#blog-single .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#search .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#privacy .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#download .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#office .kv_sec {padding-top: 40%;padding-bottom: 10%;}
		body#contact .kv_sec {padding-top: 40%;padding-bottom: 10%;}
}


.kv_sec p {
	padding-top: 2rem;
	letter-spacing: 5px;
	font-weight: 700
}

.kv_sec h1 {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-style: italic;
	max-width: 1200px;
	width: 100%;
	padding: 0 1rem;
	font-size: 2.6rem;
	color: #fff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}


@media screen and (max-width: 880px) {
	.kv_sec {
			padding-bottom: 20%;
			max-width: 90%
		}
	.kv_sec h1 {
		/* font-size: 1.6rem; */
		font-size: 6.6vw;
			font-weight: 400;
			margin: 40px 0 -10px 0;
			text-align: center;
		}
}
body#concept .lr {
	position: relative;
	width: 100%
}

body#concept .lr .img {
	position: absolute;
	float: left;
	z-index: 2;
	margin-top: -60px;
	max-width: 600px
}

body#concept .lr .txt {
	position: relative;
	z-index: 1;
	width: 100%;
	background-color: rgba(39, 39, 39, .98);
	overflow: hidden;
	margin-bottom: 8rem
}

body#concept .lr .txt .inner {
	float: right;
	padding: 100px 70px 1rem 710px
}

body#concept .lr .txt .inner h3 {
	margin-bottom: 40px
}

@media screen and (max-width: 880px) {
	body#concept .lr {
			position: static;
			width: 90%;
			margin: 0 auto
	}
	body#concept .lr .img {
			position: static;
			float: none;
			z-index: 1;
			margin-top: 0;
			max-width: 100%
	}
	body#concept .lr .img img {
			width: 100%
	}
	body#concept .lr .txt {
			position: static;
			z-index: 1;
			float: none;
			width: 100%;
			margin-top: -10px;
			margin-bottom: 6rem
	}
	body#concept .lr .txt .inner {
			float: none;
			padding: 3rem 2rem
	}
	body#concept .lr .txt .inner h3 {
			margin-bottom: 40px
	}
}

body#concept .imgr_txtl {
	padding-top: 140px;
	clear: both;
	overflow: hidden
}

body#concept .imgr_txtl img {
	float: right;
	max-width: 50%;
	width: 100%
}

body#concept .imgr_txtl div {
	float: left;
	width: 50%;
	padding: 0 70px 1rem 60px
}

@media screen and (max-width: 880px) {
	body#concept .imgr_txtl {
			padding: 30px 0 50px 0
	}
	body#concept .imgr_txtl h3 {
			padding-top: 30px
	}
	body#concept .imgr_txtl img {
			float: none;
			max-width: 100%;
			width: 100%
	}
	body#concept .imgr_txtl div {
			float: left;
			width: 100%;
			padding: 0 30px
	}
}

body#concept .imgl_txtr {
	padding-top: 60px;
	clear: both;
	overflow: hidden
}

body#concept .imgl_txtr img {
	float: left;
	max-width: 600px
}

body#concept .imgl_txtr div {
	float: right;
	width: 640px;
	padding: 0 60px 1rem 70px
}

@media screen and (max-width: 880px) {
	body#concept .imgl_txtr {
			padding: 30px 0 50px 0
	}
	body#concept .imgl_txtr h3 {
			padding-top: 30px
	}
	body#concept .imgl_txtr img {
			float: none;
			max-width: 100%;
			width: 100%
	}
	body#concept .imgl_txtr div {
			float: left;
			width: 100%;
			padding: 0 30px
	}
}

body#concept .txtc {
	padding-top: 60px;
	clear: both;
	overflow: hidden
}

body#concept .txtc div {
	width: 100%;
	padding: 0 60px 1rem 60px
}

@media screen and (max-width: 880px) {
	body#concept .txtc {
			padding: 30px 0 50px 0
	}
	body#concept .txtc h3 {
			padding-top: 30px
	}
	body#concept .txtc div {
			width: 100%;
			padding: 0 30px
	}
}

body#services .kv2 {
	width: 100%;
	background-image: url(../img/top/kv2.jpg);
	background-size: cover;
	background-position: center center;
	padding-top: 6%;
	padding-bottom: 8%
}

body#services .kv2 .inner {
	max-width: 1100px;
	margin: 0 auto;
	width: 100%
}

body#services .kv2 .inner p {
	margin: 2rem 0;
	font-size: 1.2rem
}

body#services .kv2 .inner h3 {
	max-width: 850px;
	width: 100%
}

@media screen and (max-width: 880px) {
	body#services .kv2 .inner {
			padding-top: 6%;
			padding-bottom: 8%;
			max-width: 90%
	}
	body#services .kv2 .inner p {
			font-size: 1rem
	}
}

body#services #services {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 3rem 0;
	color: #000;
	overflow: hidden
}

body#services #services h2 {
	float: left;
	max-width: 300px
}

body#services #services p.copy {
	float: right;
	margin: -10px 0 0 0;
	padding: 0
}

body#services #services p {
	padding: .7rem 0;
	color: #fff
}

@media screen and (max-width: 880px) {
	body#services #services {
			width: 90%
	}
	body#services #services h2 {
			padding: 0 2rem;
			float: none;
			text-align: center;
			margin: 0 auto
	}
	body#services #services p.copy {
			float: none;
			margin: 30px 0 0 0
	}
}

body#services #services ul {
	clear: both
}

body#services #services ul li {
	box-sizing: border-box;
	width: 33.3333%;
	float: left;
	background-size: cover;
	background-position: center center
}

body#services #services ul li a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	padding: 40% 0 30% 0;
	text-decoration: none;
	border: 3px solid transparent;
	margin: 10px
}

body#services #services ul li a:hover {
	opacity: .8;
	border: 3px solid rgba(255, 255, 255, .7);
	margin: 10px
}

body#services #services ul li a img {
	max-height: 36px
}

body#services #services ul li a p {
	text-align: center
}

body#services #services ul li:nth-child(1) {
	background-image: url(../img/top/services_img_01.jpg)
}

body#services #services ul li:nth-child(2) {
	background-image: url(../img/top/services_img_02.jpg)
}

body#services #services ul li:nth-child(3) {
	background-image: url(../img/top/services_img_03.jpg)
}

@media screen and (max-width: 880px) {
	body#services #services ul li {
			width: 100%
	}
}

body#services ul.pt1 li .gallery ul.thumb-set li {
	float: left;
	display: block;
	width: 25%;
	padding: 0;
	margin: -7px 0 0 0;
	text-align: center;
	border: 1px solid transparent
}

body#services ul.pt1 li .gallery ul.thumb-set li img {
	width: 100%
}

body#services ul.pt1 li .gallery ul.thumb-set li img:hover {
	opacity: .8
}

body#services #products_list {
	background-color: #272727;
	color: #fff
}

body#services ul.pt1 {
	margin: 0;
	overflow: hidden
}

body#services ul.pt1 li {
	padding: 0 3rem 3rem 0
}

body#services ul.pt1 li:nth-child(1) {
	float: left;
	width: 50%
}

body#services ul.pt1 li:nth-child(2) {
	float: right;
	width: 50%;
	padding: 0
}

body#services ul.pt1 li:nth-child(2) h3 {
	font-size: 2rem;
	line-height: 140%;
	margin-top: -8px
}

body#services ul.pt1 li:nth-child(2) h3 span {
	display: block;
	font-size: 1.4rem;
	font-weight: 400
}

body#services ul.pt1 li:nth-child(2) h3 em {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	font-style: normal
}

@media screen and (max-width: 880px) {
	body#services ul.pt1 {
			margin: 4rem 0 -4rem 0
	}
	body#services ul.pt1 li:nth-child(1) {
			float: none;
			padding: 0;
			width: 100%
	}
	body#services ul.pt1 li:nth-child(2) {
			float: none;
			padding: 2rem 0;
			width: 100%
	}
}

#products_list {
	margin-top: -10%;
	padding: 2rem 0 5rem 0;
	overflow: hidden;
}

body#profile #products_list {margin-top: -4%;}
body#story #products_list {margin-top: -4%;}
body#komei #products_list {margin-top: -4%;}
body#activity #products_list {margin-top: -4%;}
body#sevens_vision #products_list {margin-top: -4%;}
body#vision #products_list {margin-top: -4%;}
body#blog #products_list,
body#blog-news #products_list,
body#blog-movie #products_list,
body#blog-result #products_list,
body#blog-mmg #products_list,
body#mmg_regist #products_list,
body#blog-minutes #products_list,
body#blog-y_news #products_list,
body#blog-single #products_list {margin-top: -4%;}
body#search #products_list {margin-top: -4%;}
body#privacy #products_list {margin-top: -4%;}
body#download #products_list {margin-top: -4%;}
body#office #products_list {margin-top: -4%;}
body#contact #products_list {margin-top: -4%;}

@media screen and (max-width: 880px) {
	#products_list {
		margin-top: 0;
			padding: 1rem 0 4rem 0
	}
}

#products_list ul.category {
	margin: 0;
	padding: 0
}

#products_list ul.category li {
	display: inline-block;
	margin: 0 10px 18px 0
}


#products_list ul li:first-child {
	/* font-weight: 700 */
}

#products_list ul.category li a {
	color: #000;
	background-color: #e6e6e6;
	border-radius: 50px;
	padding: .6rem 1.3rem;
	font-size: .8rem
}

#products_list ul.category li a.act, #products_list ul.category li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #141414
}

@media screen and (max-width:640px) {
	#products_list .cat-title {
			text-align: center;
			font-size: 1.2rem;
			margin: 0 0 30px 0;
			padding: 0 0 10px 0;
			border-bottom: 1px dashed #ccc
	}
	#products_list .cat-active {
			text-align: center;
			margin: 30px 0 -30px 0
	}
	#products_list ul.category {
			text-align: center
	}
	#products_list ul.category li {
			display: inline-block;
			margin: 0 10px 18px 0;
			text-align: center
	}
}

body#products ul.pt1 {
	margin: 4rem 0 6rem 0;
	overflow: hidden
}

body#products ul.pt1 li {
	padding: 0 3rem 3rem 0
}

body#products ul.pt1 li:nth-child(1) {
	float: left;
	width: 50%
}

body#products ul.pt1 li:nth-child(2) {
	float: right;
	width: 50%;
	padding: 0
}

body#products ul.pt1 li:nth-child(2) h3 {
	font-size: 2rem;
	line-height: 140%;
	margin-top: -8px
}

body#products ul.pt1 li:nth-child(2) h3 span {
	display: block;
	font-size: 1.4rem;
	font-weight: 400
}

body#products ul.pt1 li:nth-child(2) h3 em {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	font-style: normal
}

@media screen and (max-width: 880px) {
	body#products ul.pt1 {
			margin: 4rem 0 -4rem 0
	}
	body#products ul.pt1 li:nth-child(1) {
			float: none;
			padding: 0;
			width: 100%
	}
	body#products ul.pt1 li:nth-child(2) {
			float: none;
			padding: 2rem 0;
			width: 100%
	}
}

body#products ul.pt1 li .gallery ul.thumb-set li {
	float: left;
	display: block;
	width: 25%;
	padding: 0;
	margin: -7px 0 0 0;
	text-align: center;
	border: 1px solid #fff
}

body#services ul.pt1 li .gallery ul.thumb-set li img {
	width: 100%
}

body#company ul.pt1 {
	margin: 4rem 0 2rem 0;
	overflow: hidden
}

body#company ul.pt1 li {
	padding: 0 3rem 3rem 0
}

body#company ul.pt1 li:first-child {
	font-weight: 400
}

body#company ul.pt1 li:nth-child(1) {
	float: left;
	width: 50%
}

body#company ul.pt1 li:nth-child(2) {
	float: right;
	width: 50%;
	padding: 0
}

body#company ul.pt1 li h3 {
	font-size: 2rem;
	line-height: 140%;
	margin-top: -8px
}

body#company ul.pt1 li h3 span {
	display: block;
	font-size: 1.4rem;
	font-weight: 400
}

body#company ul.pt1 li h3 em {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	font-style: normal
}

body#company ul.pt1 li h4 {
	font-size: 1.6rem;
	line-height: 140%;
	margin-top: 0
}

body#company ul.pt1 li h4 span {
	display: block;
	font-size: 1.4rem;
	font-weight: 400
}

body#company ul.pt1 li h4 em {
	display: block;
	font-size: 1.4rem;
	font-weight: 400;
	font-style: normal;
	padding-top: .4rem
}

@media screen and (max-width: 880px) {
	body#company ul.pt1 {
			margin: 4rem 0 -4rem 0
	}
	body#company ul.pt1 li:nth-child(1) {
			float: none;
			padding: 0;
			width: 100%
	}
	body#company ul.pt1 li:nth-child(2) {
			float: none;
			padding: 2rem 0;
			width: 100%
	}
}

/*
body#blog .kv_sec.detail {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding-top: 7%;
	padding-bottom: 2%;
	font-size: 1.2rem
}

@media screen and (max-width: 880px) {
	body#blog .kv_sec.detail {
			padding-bottom: 20%;
			max-width: 90%
	}
}

body#blog ul.pt-blog {
	margin: 4rem 0 6rem 0;
	overflow: hidden
}

body#blog ul.pt-blog li {
	width: 33.3333%;
	padding: 0 2rem 3rem 0;
	font-weight: 400;
	float: left;
	max-height: 420px
}

body#blog ul.pt-blog li a {
	color: #000
}

body#blog ul.pt-blog li a.date {
	display: inline-block;
	background: #000;
	padding: 0 .6rem;
	font-size: .8rem;
	margin-top: -2px;
	text-decoration: none;
	color: #fff;
	border-radius: 50px;
	float: right;
}

body#blog ul.pt-blog li .thumb-img p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(246, 246, 246, 1.0)
}

body#blog ul.pt-blog li .thumb-img p:hover {
	opacity: .8
}

body#blog ul.pt-blog li h3 {
	font-size: 1rem;
	font-weight: 400;
	padding-top: .6rem
}

body#blog ul.pt-blog li p {
	padding-top: .6rem
}

body#blog ul.pt-blog li p a {
	color: #000
}

body#blog ul.pt-blog li p.day {
	width: 28%;
	display: inline-block
}

body#blog ul.pt-blog li p.cat {
	width: 70%;
	display: inline-block;
	text-align: right
}

body#blog ul.pt-blog li p.cat a {
	display: inline;
	background: #000;
	padding: .3rem .8rem;
	font-size: .8rem;
	margin-top: -2px;
	text-decoration: none;
	color: #fff;
	border-radius: 50px;
	white-space: nowrap
}

body#blog ul.pt-blog li p.ttl {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media screen and (max-width: 880px) {
	body#blog ul.pt-blog {
			margin: 4rem 0 -4rem 0
	}
	body#blog ul.pt-blog li {
			width: 100%;
			padding: 0 0 3rem 0;
			font-weight: 400;
			float: none;
			max-height: 600px;
			height: auto
	}
	body#blog ul.pt-blog li p.cat {
			float: right
	}
}

*/

.main-clm {
	float: left;
	width: 100%;
	overflow: hidden
}
.main-clm h2{
	border-bottom: 1px solid #000;
}
.main-clm a{
	color: #000;text-decoration: underline;
}
.main-clm a:hover{
	color: #666;text-decoration: none;
}
.blog-contents h3 {
	font-size: 1.6rem;
}
.side-clm {
	float: right;
	width: 28%;
	overflow: hidden
}
.side-clm h4{
	font-family: inherit;
	border-left: 4px solid rgba(38, 106, 181, 1.0);;
	padding: 0.6rem;
}
@media screen and (max-width: 880px) {
	.side-clm {
	float: none;
	width: 100%;
	}
}
/* 2021-11-24 15:35:03
@media screen and (max-width:10000px) {
	.main-clm {
			float: none;
			width: 100%
	}
	.side-clm {
			float: none;
			width: 100%;
			margin-top: 80px;
	}
}
 */
.side-clm h4 {
	font-size: 1.2rem;
	margin-top: 20px;
	/* background-color: rgba(235, 235, 235, 0.5); */
	background-color: rgba(38, 106, 181, 1);
	text-align: center;
	color: #fff;
	border-radius: 4px;
	padding: 0.4rem 1rem ;
}

dl.cat-list {
	padding-top:0.4rem;
}
dl.cat-list dt{
	font-size: 0.7rem;
	/* color: rgba(38, 106, 181, 1.0); */
	/* border: 1px solid rgba(38, 106, 181, 1.0); */
	display: inline-block;
	padding: 0;
}
dl.cat-list dd{
	line-height: 140%;
	padding-top: 0.1rem;
	padding-bottom:0;
	line-height: 126%;
	padding-bottom:0;
	margin-bottom:0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
dl.cat-list dd a{
	display: block;
	width: 100%;
	padding:0.2rem 0;
	font-size: 0.9rem;
	color: #333;
}
dl.cat-list dd a:hover{
	text-decoration: underline;
}
dl.cat-list .thumb-img p {
	width: 30%;
	float: left;
	margin: 5px 10px 0 0;
	padding-bottom: 22%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-color: rgba(239, 239, 239, 1.0); */
	background-color: rgba(155, 192, 223, 1.0);
	/* outline: 3px solid rgba(229, 1, 25, 1.0); */
	transition: .5s ;
}


.ec p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000
}

.side-clm div.thumb {
	width: 24%;
	float: left;
	border-radius: 4px;
	margin: 15px 0 5px 0;
	padding-bottom: 20%;
	background-position: center center;
	background-size: cover
}

.side-clm div.thumb:hover {
	opacity: .8
}

.side-clm div.txt {
	width: 71%;
	float: left;
	margin: 10px 0 0 10px;
	line-height: 160%;
	font-size: .8rem;
	font-weight: 700;
	color: #000
}

.side-clm div.txt span.time {
	font-weight: 400
}

.side-clm div.txt:hover {
	opacity: .8;
	text-decoration: underline
}

.side-clm a {
	text-decoration: none
}

.side-clm ul.cat-tag {
	margin: 0;
	padding: 0;
	font-size: .8rem
}

.side-clm ul.cat-tag li {
	display: block;
	margin: 0 10px 10px 0;
	float: left
}

.side-clm ul.cat-tag li a {
	color: #000;
	background-color: #e6e6e6;
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding: .2rem 1rem;
	border-radius: 20px
}

.side-clm ul.cat-tag li a:hover {
	color: #fff;
	background-color: #141414
}

.side-clm ul.arcive-list li a {
	color: #000;
	padding: .2rem .8rem;
	margin: 5px 0;
	display: block;
	border-radius: 20px;
	display: inline-block
}

.side-clm ul.arcive-list li a:hover {
	color: #fff;
	background-color: #000
}

#products_list .side-clm ul.arcive-list li:first-child {
	font-weight: 400
}



.select-wrap {
			position: relative;
			width: 100%;
			font-size: 1.2rem;
			color: rgba(38, 106, 181, 1);
			border:2px solid rgba(38, 106, 181, 1);
			box-sizing: border-box;
			border-radius: 4px;
}

.select-wrap select{
	position: relative;
	padding: 0.4rem 1rem;
	width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
}

.select-wrap:after {
	content: "";
			position: absolute;
			right: 20px;
			top: 20px;
			width: 20px;
			height: 20px;
			border-top: 2px solid rgba(38, 106, 181, 1);
			border-left: 2px solid rgba(38, 106, 181, 1);
			transform: translateY(-50%) rotate(-135deg);
	font-size: 20px;
	pointer-events: none;
}


.recommend {
	padding: 0 70px
}

body#news .kv_sec.detail {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding-top: 7%;
	padding-bottom: 2%;
	font-size: 1.2rem
}

@media screen and (max-width: 880px) {
	body#news .kv_sec.detail {
			padding-bottom: 20%;
			max-width: 90%
	}
}

body#news ul.pt-blog {
	margin: 4rem 0 6rem 0;
	overflow: hidden
}

body#news ul.pt-blog li {
	width: 100%;
	padding: 0 2rem 3rem 0;
	font-weight: 400;
	float: left;
	max-height: 420px
}

body#news ul.pt-blog li a {
	color: #000
}

body#news ul.pt-blog li a.date {
	display: inline-block;
	background: #000;
	padding: 0 .6rem;
	font-size: .8rem;
	margin-top: -2px;
	text-decoration: none;
	color: #fff;
	border-radius: 50px;
	float: right
}

body#news ul.pt-blog li .thumb-img {
	width: 26%;
	float: left
}

body#news ul.pt-blog li .detail {
	width: 74%;
	float: left;
	padding-left: 2rem
}

body#news ul.pt-blog li .thumb-img p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #fff;
	box-shadow: 0 0 8px #ccc;
	border: 1px solid #ebebeb
}

body#news ul.pt-blog li .thumb-img p:hover {
	opacity: .8
}

body#news ul.pt-blog li h3 {
	font-size: 1rem;
	font-weight: 400;
	padding-top: .6rem
}

body#news ul.pt-blog li p {
	padding-top: .6rem
}

body#news ul.pt-blog li p a {
	color: #000
}

body#news ul.pt-blog li p.day {
	width: 28%;
	display: inline-block
}

body#news ul.pt-blog li p.cat {
	width: 70%;
	display: inline-block;
	text-align: right
}

body#news ul.pt-blog li p.cat a {
	display: inline;
	background: #000;
	padding: .3rem .8rem;
	font-size: .8rem;
	margin-top: -2px;
	text-decoration: none;
	color: #fff;
	border-radius: 50px;
	white-space: nowrap
}

body#news ul.pt-blog li p.ttl {
	border-bottom: 1px solid #000;
	padding: .8rem 0 .2rem 0;
	font-size: 1.1rem;
	font-weight: 700;
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

body#news ul.pt-blog li p.desc {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

@media screen and (max-width:640px) {
	body#news ul.pt-blog {
			margin: 4rem 0 -4rem 0
	}
	body#news ul.pt-blog li {
			width: 100%;
			padding: 0 0 3rem 0;
			font-weight: 400;
			float: none;
			max-height: 600px;
			height: auto
	}
	body#news ul.pt-blog li p.cat {
			float: right
	}
	body#news ul.pt-blog li .thumb-img {
			width: 100%;
			float: none
	}
	body#news ul.pt-blog li .detail {
			width: 100%;
			float: none;
			padding-left: 0
	}
}

/* body#news .main-clm {
	float: left;
	width: 66%;
	overflow: hidden
} */

/* body#news .side-clm {
	float: right;
	width: 28%;
	overflow: hidden
} */

body#news .side-clm h4 {
	font-size: 1.2rem
}

body#news .ec p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000
}

ul#recommend {
	margin: 4rem 0 6rem 0;
	overflow: hidden
}

ul#recommend li {
	width: 33.3333%;
	padding: 0 2rem 3rem 0;
	font-weight: 400;
	float: left;
	max-height: 420px
}

ul#recommend li:first-child {
	font-weight: 400
}

ul#recommend li a {
	color: #000
}

ul#recommend li a.date {
	display: inline-block;
	background: #000;
	padding: 0 .6rem;
	font-size: .8rem;
	margin-top: -2px;
	text-decoration: none;
	color: #fff;
	border-radius: 50px;
	float: right
}

ul#recommend li .thumb-img p {
	padding-bottom: 60%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000
}

ul#recommend li .thumb-img p:hover {
	opacity: .8
}

ul#recommend li h3 {
	font-size: 1rem;
	font-weight: 400;
	padding-top: .6rem
}

ul#recommend li p {
	padding-top: .6rem
}

ul#recommend li p a {
	color: #000
}

ul#recommend li p.day {
	width: 28%;
	display: inline-block
}

ul#recommend li p.cat {
	width: 70%;
	display: inline-block;
	text-align: right
}

ul#recommend li p.cat a {
	display: inline;
	background: #000;
	padding: .3rem .8rem;
	font-size: .8rem;
	margin-top: -2px;
	text-decoration: none;
	color: #fff;
	border-radius: 50px;
	white-space: nowrap
}

ul#recommend li p.ttl {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media screen and (max-width: 880px) {
	ul#recommend {
			margin: 4rem 0 -4rem 0
	}
	ul#recommend li {
			width: 100%;
			padding: 0 0 3rem 0;
			font-weight: 400;
			float: none;
			max-height: 600px;
			height: auto
	}
	ul#recommend li p.cat {
			float: right
	}
}

#f_nav {
	display: none
}

@media screen and (max-width: 880px) {
	#f_nav {
			display: block;
			position: fixed;
			z-index: 1999;
			bottom: 0;
			width: 100%;
			background: #0282ca;
			border-top: 1px solid rgba(255, 255, 255, .8);
			box-shadow: 0 -3px 8px rgba(0, 0, 0, .2)
	}
	#f_nav li {
			box-sizing: border-box;
			padding: 5px 0;
			display: inline-block;
			width: 49%;
			text-align: center
	}
	#f_nav li:nth-child(1) {
			border-right: 1px solid rgba(255, 255, 255, .8)
	}
	#return_top {
			/* display: none */
	}
	#footer_wrapper {
			margin-bottom: 80px
	}
}

@media screen and (max-width: 880px) {
	footer a[href*="tel:"] {
		color: #fff;
		/* pointer-events: none; */
		/* cursor: default; */
		/* text-decoration: none; */
}
}

footer {color: #000;background-color: rgba(38, 106, 181, 1.0);}
footer .main-frm{padding: 60px 0 20px 0;}
footer .main-frm h3{font-size: 120%;color: #fff;font-weight: normal;}
footer .main-frm h4{font-size: 120%;color: #fff;font-weight: normal;}
footer .main-frm p{font-size: 100%;color: #fff;font-weight: normal;}
footer .main-frm img.logo_f{max-width: 282px;width: 100%;}
footer p{text-shadow:none;line-height: 196%;}
footer ul {font-size: 0;}
footer li {
	text-align: left;
	margin: 0 0 1px 0;
	white-space: nowrap;
	/* background-color: #fff; */
	display: inline-block;
	font-size: 1rem;
	line-height: 160%;
	/* min-width: 12.4%; */
}
footer li a{
	display: block;
	/* padding: 0.4rem 1.6rem; */
	padding: 0.4rem 1.19rem 0.4rem .79rem;
	/* color: rgba(38, 106, 181, 1.0); */
	width: 100%;
	border-radius: 50px;
}
footer li a::before{
	content:"› ";
	font-size: 1.4rem;
	clear:both;
	overflow:hidden;
}
footer li a:hover{
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.9);
	color: rgba(38, 106, 181, 1.0);
}
footer .sns img{
	width: 50px;
	margin-left: 2.5%;
}
@media screen and (max-width: 880px) {
footer .sns img{
	margin: 0 2%;
}
}
footer hr{
	/* border-bottom: 1px dashed rgba(255, 255, 255, 0.5); */
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 880px) {
footer li {
	text-align: left;
}
footer li a{
	padding: 0.2rem 1rem;
}
}













/* ------------------------
KV
--------------------------*/
div.btn_scroll {
	position: absolute;
	z-index: 1;
	text-align: center;
	width: 100%;
	margin: -200px auto 0 auto;
}

@media screen and (max-width: 880px) {
	div.btn_scroll {
		margin: -90px auto 0 auto;
	}
}
@media screen and (max-width:680px) {
	div.btn_scroll {
		display: none;
	}
}


/* ------------------------
TITLE H2
--------------------------*/
h2 {font-size: 2rem;margin: 0 0 2rem 0;}
h3 {margin: 0 0 2rem 0;}

@media screen and (max-width: 880px) {
	h2 {width: 100%;text-align: left;}
}

/* ------------------------
PIC3s
--------------------------*/
.pic3s {
	height: auto;
	padding-bottom:18%;
	background-image: url('/assets/img/top/pic3s.png');
	/* background-color: rgba(255, 255, 255, 0.3); */
	background-position: center bottom;
	background-size: cover;
	margin-bottom: 100px;
}
@media screen and (max-width: 880px) {
	.pic3s {
		height: auto;
		padding-bottom:30%;
		margin-top: -40px;
		margin-bottom: 40px;
	}
}
/* ------------------------
btn4s
--------------------------*/
.btn4s ul{margin: 0 0 0 0;padding: 0;}
.btn4s ul li{margin: 0 0 34px 0;padding: 0;}
.btn4s ul li:nth-child(1),.btn4s ul li:nth-child(3) {float: left;}
.btn4s ul li:nth-child(2),.btn4s ul li:nth-child(4) {float: right;}

.btn4s ul li a{
	display: block;
	width: 624px;
	height: 214px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
	background-position: top left;
	background-size: cover;
	border: 2px solid #e50019;
	box-sizing: border-box;
	transition: all .4s ease 0s;
}
.btn4s ul li:nth-child(1) a{background-image: url('/assets/img/top/btn_01.svg');}
.btn4s ul li:nth-child(2) a{background-image: url('/assets/img/top/btn_02.svg');}
.btn4s ul li:nth-child(3) a{background-image: url('/assets/img/top/btn_03.svg');}
.btn4s ul li:nth-child(4) a{background-image: url('/assets/img/top/btn_04.svg');}

.btn4s ul li a:hover{
	transition: all .2s ease 0s;
	background-position: bottom left;
}

@media screen and (max-width:1280px) {
	.btn4s ul li:nth-child(1),.btn4s ul li:nth-child(3) {float: none;}
	.btn4s ul li:nth-child(2),.btn4s ul li:nth-child(4) {float: none;}
	.btn4s ul li a{
		display: block;
		width: 100%;
		height: auto;
		padding-bottom: 33.33%;
	}
	
}
/* ------------------------
MAIN
--------------------------*/
.main-frm {
	box-sizing: border-box;
	/* overflow: hidden; */
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 120px 20px;
	/* border: 1px solid red; */
}


/* ------------------------
News
--------------------------*/
body#top #news {
	width: 100%;
	margin: 0 auto;
	color: #000;
}
body#top #news hr{border: none; border-bottom: 1px solid #ccc;}
body#top #news ul{width: 100%;margin: 0;padding: 0;}
body#top #news ul li{display: inline-block;vertical-align: top;padding: 0.6rem 0;}
/* body#top #news ul li.day {width: 10%;} */
body#top #news ul li.pic {width: 13%;font-weight: bold;padding-top: 0.7rem; float: right;}
body#top #news ul li.pic figure {border: 1px solid #000;}
body#top #news ul li.pic figure img{width: 100%;height: auto;}
body#top #news ul li.day {width: 13%;font-weight: bold;padding-top: 0.7rem;}
body#top #news ul li.cat {width: 66%;}
body#top #news ul li.cat a{display: inline-block;background: #000;padding:0 0.6rem;font-size: 0.8rem;margin-top:-2px;text-decoration: none;border-radius: 0px;}
body#top #news ul li.txt {width: 100%;padding:0 0 1rem 0;}
body#top #news ul li.txt a{color: #000;}
@media screen and (max-width: 880px) {
	body#top #news {max-width: 100%;margin: 0 auto;padding: 1rem 0;}
	body#top #news ul{float: none;width: 100%; margin: 0;}
	body#top #news ul li.day {width: 100%;}
	body#top #news ul li.cat {width: 100%;display: none;}
	body#top #news ul li.txt {width: 100%;}
}

.button2 a{
	display: inline-block;
	background-image: url('../img/icn_btn_arw_w.svg');
	background-position: 92% 50%;
	background-repeat: no-repeat;
	background-size: 6px;
	background-color: rgba(0, 0, 0, 1.0);
	padding:1.0rem 4.5rem 1.0rem 3.5rem;
	text-decoration: none;
	color: #fff;
	min-width: 230px;
}

/* ------------------------
COMAPNY
--------------------------*/
body#top #company {
	/* max-width: 1280px; */
	width: 100%;
	margin: 0 auto 0 auto;
	color: #000;
}
@media screen and (max-width: 880px) {
	body#top #company {
			margin: 0 auto;
			padding: 0;
	}
}
body#top #company h2 {
	margin-bottom: 30px;
	float: left;
	width: 30%;
}
@media screen and (max-width: 880px) {
	body#top #company h2 {
		float: none;
		width: 100%;
	}
}

body#top #company hr {
	border: none;
	border-bottom: 1px dashed #ccc;
	margin:0px 0;
}
@media screen and (max-width: 880px) {
	body#top #company hr {
		margin:20px 0;
	}
}

body#top #company ul {
	float: right;
	width: 70%;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 880px) {
	body#top #company ul {
		float: none;
		width: 100%;
	}
}

body#top #company ul li {
	display: inline-block;
	vertical-align: top;
	padding: .6rem 0
}

body#top #company ul li.col1 {width: 10%; font-weight: bold; }
body#top #company ul li.col2 {width: 86%}
body#top #company ul li.col2 a{color: #000;}
body#top #company ul li.col3 {width: 100%; font-weight: bold; margin-top: 30px;}
body#top #company ul li.col4 {width: 100%; padding: 0 0 2rem 0; }

@media screen and (max-width: 880px) {
	body#top #company ul li.col1 {width: 100%;font-size: 1.0rem;}
	body#top #company ul li.col2 {width: 100%}
	body#top #company ul li.col3 {width: 100%; margin-top: 0;font-size: 1.0rem;}
	body#top #company ul li.col4 {width: 100%; padding: .6rem 0}
}


/* ------------------------
CONTACT FORM
--------------------------*/
.wpcf7 input::placeholder {color: #ccc;}
.wpcf7 textarea::placeholder {color: #ccc;}
.wpcf7 input:focus::placeholder {color: transparent;}
.wpcf7 textarea:focus::placeholder {color: transparent;}
.wpcf7 .placeholder::-webkit-input-placeholder {color: #ccc;font-style: normal;}
.wpcf7 .placeholder::-moz-placeholder {color: #ccc;font-style: normal;}
.wpcf7 .placeholder:-ms-input-placeholder {color: #ccc;font-style: normal;}

.wpcf7 .screen-reader-response {display: none;}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
 color: #000;
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif !important;
	font-weight: 300;
}

.wpcf7 {
	width: 100%;
	outline: 1px solid #fff;
	background: #fff;
	padding: 1rem 3rem 0 3rem;
	margin: 0!important;
	/* font-size: 14px */
}
@media only screen and (max-width: 880px) {.wpcf7 {padding: 0;}}

.wpcf7 p {
	margin-bottom: 0em;
	/* font-size: 18px; */
	/* font-weight: 700 */
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
	width: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	outline: 2px solid #ebebeb;
	line-height: 1.2;
	padding: 0.6rem 0.6rem;
	font-size: 1.0rem;
}
@media only screen and (max-width: 880px) {.wpcf7 input,.wpcf7 textarea {padding: 0.4rem 0.6rem;}}

.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-confirm {
	padding: 1rem;
	font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif !important;
	border: 1px solid #fff;
}

.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
	width: auto;
	max-width: 97%;
	outline: 2px solid #ebebeb;
	padding: 8px
}
.wpcf7 select {
	width: 100%;
	max-width: 100%;
	outline: 2px solid #ebebeb;
	padding: 0.6rem
}

.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
	line-height: 1.2;
	/* font-size: 14px */
}

.wpcf7-list-item {
	display: block
}

.wpcf7 input:focus,.wpcf7 textarea:focus {
	outline: none;
	outline: 2px solid rgba(245, 158, 203,1.0);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow: inner 0 0 5px rgba(0,0,0,0.5)
}

.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-confirm {
	/* font-weight: 700; */
	position: relative;
	display: block;
	width: 325px;
	/* height: 48px; */
	margin: 0px auto 0;
	background-color: rgba(245, 158, 203,1.0);
	cursor: pointer;
	outline: none!important;
	color: #fff;
	text-align: center;
	text-decoration: none;
	/* font-size: 14px; */
	line-height: 1.5;
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 50px;
	letter-spacing: 2px;
}

.wpcf7 input.wpcf7-submit,.wpcf7 input.wpcf7-submit::before,.wpcf7 input.wpcf7-submit::after,
.wpcf7 input.wpcf7-confirm,.wpcf7 input.wpcf7-submit::before,.wpcf7 input.wpcf7-submit::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.wpcf7 input.wpcf7-submit:hover,
.wpcf7 input.wpcf7-confirm:hover {
	background-color: rgba(245, 158, 203,0.8)
}

.wpcf7 .wpcf7-not-valid {
	background: #FFFFD2
}

.wpcf7 .wpcf7-response-output {
	margin: 10px 0 0;
	padding: 8px 35px 8px 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.wpcf7 .wpcf7-validation-errors {
	color: #e50119;
	background-color: #F2DEDE;
	outline: 2px solid #EED3D7
}

.wpcf7 .wpcf7-mail-sent-ok {
	color: #3A87AD;
	background-color: #D9EDF7;
	outline: 2px solid #BCE8F1
}

.wpcf7 label {
	/* color: rgba(38, 106, 181, 1.0); */
	color: #e50119;
	font-size: 1.0rem;
	font-weight: bold;
	font-family: "新ゴ B" , sans-serif !important;
}

.wpcf7 label span {
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif !important;
	color: #e50119;
	font-size: 0.8rem;
}








div.cel2{width: 48.6%;float: left;margin:20px 20px 20px 0;}
div.cel2.last{margin:20px 0px 20px 0;}
div.cel3{width: 31.9%;float: left;margin:20px 20px 20px 0;}
div.cel3.last{margin:20px 0px 20px 0;}

#contact-form form{padding: 1em;}

@media only screen and (max-width:767px) {
/* input width col2 */
#contact-form .mw-form .input-text, #contact-form input[type="text"].col2,
#contact-form .mw-form input[type="input"].col2,
#contact-form .mw-form input[type="password"].col2,
#contact-form .mw-form input[type="email"].col2,
#contact-form .mw-form input[type="number"].col2,
#contact-form .mw-form input[type="url"].col2,
#contact-form .mw-form input[type="tel"].col2,
#contact-form .mw-form input[type="search"].col2,
#contact-form .mw-form textarea.col2,
#contact-form .mw-form select.col2 {
	width: 100%;
}

/* input width col3 */
#contact-form .mw-form .input-text, #contact-form input[type="text"].col3,
#contact-form .mw-form input[type="input"].col3,
#contact-form .mw-form input[type="password"].col3,
#contact-form .mw-form input[type="email"].col3,
#contact-form .mw-form input[type="number"].col3,
#contact-form .mw-form input[type="url"].col3,
#contact-form .mw-form input[type="tel"].col3,
#contact-form .mw-form input[type="search"].col3,
#contact-form .mw-form textarea.col3,
#contact-form .mw-form select.col3 {
	width: 100%;
	margin: 0;
}
	div.cel2{width: 100%;float: none;margin:auto;}
	div.cel2.last{margin:auto;}
	div.cel3{width: 100%;float: none;margin:auto;}
	div.cel3.last{margin:auto;}
	}
div.cb{clear: both;}

.mwform-checkbox-field.horizontal-item {
	margin-top: 120px;
}
/* 送信ボタン */
.submit-btn input {
	background: rgba(38, 106, 181, 1.0);
	width: 50%;
	max-width: 350px;
	min-width: 220px;
	margin: 10px auto 50px auto;
	display: block;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-image: url(../img/icn_btn_arw_w.svg);
	background-position: 92% 52%;
	background-repeat: no-repeat;
	background-size: 12px;
	padding: 1rem 6.5rem 1rem 4.5rem;
	font-size: 1rem;
	border-radius: 4px;
}
@media screen and (max-width: 880px) {
	.submit-btn input {
		background-image: url(../img/icn_btn_arw_w.svg);
		margin-top: 30px;
		width: 100%;
		max-width: 100%;
	}
}
.submit-btn input:hover {
	opacity: .8;
}

/* 戻るボタン */
#contact-form  input.back {
	background: #fff;
	margin: 50px auto;
	display: block;
	border: 1px solid rgba(38, 106, 181, 1.0);
	text-align: center;
	padding: 0.6rem 2rem;
	color: #fff;
	font-size: 16px;
	transition: all 0.4s ease;
	border-radius: 4px;
	cursor: pointer;
	color: rgba(38, 106, 181, 1.0);
}
#contact-form  input.back:hover {
	background: rgba(38, 106, 181, 1.0);
	color: #fff;
}




/* トップサブ写真 */
.top-sub-img{max-width:340px;}
@media screen and (max-width: 880px) {.top-sub-img{max-width:280px;}}

/* サイン */
.sign{max-width:220px;}
@media screen and (max-width: 880px) {.sign{max-width:180px;width: 100%;}}



/*font-size*/
.nw {white-space: nowrap;}
.fss {font-size:1.0rem;}
.fsss {font-size:0.6rem;letter-spacing: 0;}
.fwb {font-weight:bold;}
.fsm {font-size:1.2rem;line-height: 170%;}
.fsl {font-size:1.4rem;line-height: 190%;}
.fsll {font-size:1.6rem;line-height: 170%;}
.fslll {font-size:1.8rem;line-height: 180%;}
.fsllll {font-size:2.2rem;line-height: 180%;}
.fslllll {font-size:2.6rem;line-height: 10%;}
.fs-tel {font-size:3.0rem;line-height: 100%;}
.fs-pp {font-size:0.9rem;line-height: 280%;}
@media only screen and (max-width: 880px) {
	.fss {font-size:0.8rem;}
	.fsm {font-size:1.2rem;line-height: 160%;}
	/* .sp-fsm {font-size:0.8rem;line-height: 140%;border: 1px solid #000;} */
	.fsl {font-size:1.2rem;line-height: 160%;}
	.fsll {font-size:1.4rem;line-height: 160%;}
	.fslll {font-size:1.4rem;line-height: 160%;}
	.fsllll {font-size:1.6rem;line-height: 200%;}
	.fslllll {font-size:2.2rem;line-height: 100%;}
	.fs-tel {font-size:2.6rem;line-height: 180%;}
	}
/*section.col img*/
section.col img {width:100%;vertical-align:top;}
/*div.col_0* */
/* .col_01 {width:4.1666666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;} */
.col_01 {width:4.0%;padding:0 5px 1rem 5px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_02 {width:8.3333333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_03 {width:12.500000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_04 {width:16.066666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_04s {width:16.0%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_05 {width:20.833333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
/* .col_06 {width:25.000000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;} */
.col_06 {width:24.800000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_07 {width:29.166666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
/* .col_08 {width:33.333333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;} */
/* .col_08 {width:33.300000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;} */
.col_08 {width:33.200000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_08s {width:29.750000000000%;padding:0 20px 1rem 20px;margin:0 25px 0 0;display:inline-block;vertical-align:top;}
.col_08w {width:33.000000000000%;padding:0;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_09 {width:37.500000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_10 {width:41.666666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_11 {width:45.833333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_12 {width:49.990000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_12w {width:50.000000000000%;padding:0 0px 1rem 0px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_13 {width:54.166666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_14 {width:58.333333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_15 {width:62.500000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_16 {width:66.666666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_17 {width:70.833333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_18 {width:75.000000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_19 {width:79.166666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_20 {width:82.333333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_21 {width:87.500000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_22 {width:91.666666666667%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_23 {width:95.833333333333%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_24 {width:100.00000000000%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
.col_simble-marks {width:14.2%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}

					/* ================================= About Small PC Size ================================= */
					@media only screen and (max-width: 1220px) {
						section.col.sdw {padding:2rem 1rem;margin:1rem auto 1.5rem auto;width:98%;}
						}
					/* ================================= About Tablet Size ================================= */
					@media only screen and (max-width: 1090px) {
						section.col.sdw {padding:1rem 0.4rem;width:96%;}
						}
					/* ================================= About Small Tablet Size ================================= */
					@media only screen and (max-width: 820px) {
						section.col.sdw {width:100%;}
						/* .col_01 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;} */
						@media only screen and (max-width: 880px) {.col_01 {display: none;}}
						.col_02 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_03 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_04 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_05 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_06 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_07 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_08 {width:33.333333333333%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_09 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_10 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_11 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_12 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_13 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_14 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_15 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_16 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_17 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_18 {width:50%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_19 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_20 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_21 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_22 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_23 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_24 {width:100%;padding:0 5px 1rem 5px;display:inline-block;vertical-align:top;}
						.col_simble-marks {width:24.5%;padding:0 10px 1rem 10px;margin:0 -3.5px 0 0;display:inline-block;vertical-align:top;}
						}
					/* ================================= About SP Size ================================= */
					@media only screen and (max-width: 620px) {
						}

						.w100p {width:100%;}
						.w90p {width:90%;}
						.w80p {width:80%;}
						.w60p {width:60%;}
						.w30p {width:33%;}
						.w40p {width:40%;}

							@media only screen and (max-width: 880px) {
							.sp-w100p {width:100%;margin:0 auto;}
							.sp-w96p {width:96%;margin:0 auto;}
							.sp-w80p {width:78%;margin:0 auto;}
							.sp-w70p {width:64%;margin:0 auto;}
							.sp-w60p {width:48.9%;margin:0 auto;}
							.sp-w50p {width:48.9%;margin:0 auto;}
							.sp-w30p {width:32%;margin:0 auto;}
							.sp-w25p {width:23%;margin:0 auto;}
							.sp-w20p {width:19%;margin:0 auto;}
							.sp-w10p {width:9%;margin:0 auto;}
							}
							@media only screen and (max-width: 1100px) {
							.sp-w100p.w1100 {width:100%;margin:0 auto;}
							.sp-tl.w1100 {text-align:left;}
							.sp-tc.w1100 {text-align:center;}
							.sp-tr.w1100 {text-align:right;}
							.pc-mt30.w1100 {margin-top:0px;}
							.pc-mt30.w1100 .pc-mb60{margin-top:40px;margin-bottom:0px;}
							}



/* ---------------------------------------
Align
--------------------------------------- */
.pc-tl {text-align: left}
.pc-tc {text-align: center}
.pc-tr {text-align: right}
@media only screen and (max-width:880px) {
.sp-tl {text-align: left}
.sp-tc {text-align: center}
.sp-tr {text-align: right}
}

/* ---------------------------------------
Margin
--------------------------------------- */
.mp0 {margin:0;padding:0;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

	 /* ---------------------------------------
Padding
--------------------------------------- */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}


	 /* ---------------------------------------
PC-Margin
--------------------------------------- */
.pc-mt0 {margin-top:0;}
.pc-mt10 {margin-top:10px;}
.pc-mt20 {margin-top:20px;}
.pc-mt30 {margin-top:30px;}
.pc-mt40 {margin-top:40px;}
.pc-mt50 {margin-top:50px;}
.pc-mt60 {margin-top:60px;}
.pc-mt70 {margin-top:70px;}
.pc-mt80 {margin-top:80px;}
.pc-mt90 {margin-top:90px;}
.pc-mt100 {margin-top:100px;}
.pc-mt120 {margin-top:120px;}
.pc-mt130 {margin-top:130px;}
.pc-mt140 {margin-top:140px;}
.pc-mt160 {margin-top:160px;}

.pc-mb0 {margin-bottom:0px;}
.pc-mb10 {margin-bottom:10px;}
.pc-mb20 {margin-bottom:20px;}
.pc-mb30 {margin-bottom:30px;}
.pc-mb40 {margin-bottom:40px;}
.pc-mb50 {margin-bottom:50px;}
.pc-mb60 {margin-bottom:60px;}
.pc-mb70 {margin-bottom:70px;}
.pc-mb80 {margin-bottom:80px;}
.pc-mb90 {margin-bottom:90px;}
.pc-mb100 {margin-bottom:100px;}
.pc-mb150 {margin-bottom:150px;}
.pc-mb200 {margin-bottom:200px;}
.pc-mb300 {margin-bottom:300px;}

/* ---------------------------------------
PC-Padding
--------------------------------------- */
.pc-plpr10 {padding: 0 1rem;}
.pc-pt0 {padding-top:0;}
.pc-pt5 {padding-top:5px;}
.pc-pt10 {padding-top:10px;}
.pc-pt20 {padding-top:20px;}
.pc-pt30 {padding-top:30px;}
.pc-pt40 {padding-top:40px;}
.pc-pt50 {padding-top:50px;}
.pc-pt60 {padding-top:60px;}
.pc-pt70 {padding-top:70px;}
.pc-pt80 {padding-top:80px;}
.pc-pt90 {padding-top:90px;}
.pc-pt100 {padding-top:100px;}
.pc-pt120 {padding-top:120px;}
.pc-pt150 {padding-top:150px;}
.pc-pt200 {padding-top:200px;}
.pc-pt300 {padding-top:300px;}
.pc-pt400 {padding-top:400px;}

.pc-pb0 {padding-bottom:0px;}
.pc-pb5 {padding-bottom:5px;}
.pc-pb10 {padding-bottom:10px;}
.pc-pb20 {padding-bottom:20px;}
.pc-pb30 {padding-bottom:30px;}
.pc-pb40 {padding-bottom:40px;}
.pc-pb50 {padding-bottom:50px;}
.pc-pb60 {padding-bottom:60px;}
.pc-pb70 {padding-bottom:70px;}
.pc-pb80 {padding-bottom:80px;}
.pc-pb90 {padding-bottom:90px;}
.pc-pb100 {padding-bottom:100px;}
.pc-pb150 {padding-bottom:150px;}
.pc-pb200 {padding-bottom:200px;}
.pc-pb300 {padding-bottom:300px;}
.pc-pb400 {padding-bottom:400px;}


@media only screen and (max-width: 880px) {
	/* ---------------------------------------
	SP-Margin
	--------------------------------------- */
	.sp-plpr0 {padding: 0;}
	.sp-mt0 {margin-top:0;}
	.sp-mt10 {margin-top:10px;}
	.sp-mt20 {margin-top:20px;}
	.sp-mt30 {margin-top:30px;}
	.sp-mt40 {margin-top:40px;}
	.sp-mt50 {margin-top:50px;}
	.sp-mt60 {margin-top:60px;}
	.sp-mt70 {margin-top:70px;}
	.sp-mt80 {margin-top:80px;}
	.sp-mt90 {margin-top:90px;}
	.sp-mt100 {margin-top:100px;}
	.sp-mt120 {margin-top:120px;}
	.sp-mt140 {margin-top:140px;}
	.sp-mt160 {margin-top:160px;}
	
	.sp-mb0 {margin-bottom:0px;}
	.sp-mb10 {margin-bottom:10px;}
	.sp-mb20 {margin-bottom:20px;}
	.sp-mb40 {margin-bottom:40px;}
	.sp-mb50 {margin-bottom:50px;}
	.sp-mb60 {margin-bottom:60px;}
	.sp-mb70 {margin-bottom:70px;}
	.sp-mb80 {margin-bottom:80px;}
	.sp-mb90 {margin-bottom:90px;}
	.sp-mb100 {margin-bottom:100px;}
	.sp-mb150 {margin-bottom:150px;}
	.sp-mb200 {margin-bottom:200px;}
	.sp-mb300 {margin-bottom:300px;}
	
	/* ---------------------------------------
	SP-Padding
	--------------------------------------- */
	.sp-plpr0 {padding: 0 5px;}
	.sp-pt0 {padding-top:0;}
	.sp-pt10 {padding-top:10px;}
	.sp-pt20 {padding-top:20px;}
	.sp-pt30 {padding-top:30px;}
	.sp-pt40 {padding-top:40px;}
	.sp-pt50 {padding-top:50px;}
	.sp-pt60 {padding-top:60px;}
	.sp-pt70 {padding-top:70px;}
	.sp-pt80 {padding-top:80px;}
	.sp-pt90 {padding-top:90px;}
	.sp-pt100 {padding-top:100px;}
	.sp-pt150 {padding-top:150px;}
	.sp-pt200 {padding-top:200px;}
	.sp-pt250 {padding-top:250px;}
	.sp-pt300 {padding-top:300px;}
	
	.sp-pb0 {padding-bottom:0px;}
	.sp-pb10 {padding-bottom:10px;}
	.sp-pb20 {padding-bottom:20px;}
	.sp-pb30 {padding-bottom:30px;}
	.sp-pb40 {padding-bottom:40px;}
	.sp-pb50 {padding-bottom:50px;}
	.sp-pb60 {padding-bottom:60px;}
	.sp-pb70 {padding-bottom:70px;}
	.sp-pb80 {padding-bottom:80px;}
	.sp-pb90 {padding-bottom:90px;}
	.sp-pb100 {padding-bottom:100px;}
	
	}

	/* show hidden */
.sp_show {display:none;}
.sp_hidden {display:block;}
@media only screen and (max-width: 880px) {
	.sp_show {display:block;}
	.sp_hidden {display:none;}
	 }
	/* show hidden */
.sp_show_inline {display:none;}
.sp_hidden_inline {display:inline-block;}
@media only screen and (max-width: 880px) {
	.sp_show_inline {display:inline-block;}
	.sp_hidden_inline {display:none;}
	 }


/*BR*/
.sp {display:none;}
.spbr {display:none;}
.pcbr {display:block;}
	@media only screen and (max-width: 880px) {
		.sp {display:block;}
		.spbr {display:block;}
		.pcbr {display:none;}
	}

	/*float*/
.pc-fr {float: right; margin: 0 0 0 1rem;max-width:300px;width:100%;border-radius: 6px;}
	@media only screen and (max-width: 880px) {
		.sp-fc {float: none; margin: 0 auto;display: block; margin: 0 auto 2rem auto;max-width:820px;width:96%;}
		.pc-fr {float: none;}
	}


	.tbl-r01 {
		width: 100%;
		/* margin-top: 5px; */
	}
	.tbl-r01 th {
		width: 15%;
		/* background: #ebebeb; */
		/* border: solid 1px #ebebeb; */
		padding: 3px 10px 3px 0;
		font-weight: normal;
		text-align: left;
		/* font-size: 0.9rem; */
		white-space: nowrap;
	}
	.tbl-r01 td {
		width: 85%;
		/* border: solid 1px #ebebeb; */
		padding: 3px 10px;
		/* font-size: 0.9rem; */
	}
	@media screen and (max-width: 880px) {
		.tbl-r01 {
				width: 100%;
		}
		.tbl-r01 tr {
				display: block;
				float: left;
		}
		.tbl-r01 tr td, 
		.tbl-r01 tr th {
				/* border-left: none; */
				width: 100%;
				display: block;
		}
		.tbl-r01 tr th{padding-left: 0.8rem;border-bottom: 1px dashed #ebebeb;white-space: normal;background-color: #ebebeb;}
		.tbl-r01 tr td{padding-left: 0.8rem;margin-bottom: 10px;}
		.tbl-r01 thead {
				display: block;
				width: 100%;
		}
		.tbl-r01 thead tr {
				width: 100%;
		}
		.tbl-r01 tbody {
				display: block;
				width: 100%;
		}
		.tbl-r01 tbody tr {
				width: 100%;
		}
		.tbl-r01 tr td + td {
				border-left: none;
		}
		.tbl-r01 tbody td:last-child {
				/* border-bottom: solid 1px #ccc; */
		}
	}


.tbl-r02 {
	width: 100%;
}

.tbl-r02 th {
	width: 15%;
	padding: 7px 15px;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

.tbl-r02 td {
	width: 85%;
	padding: 7px 15px;
}

/* PC表示時：交互の背景色 */
@media screen and (min-width: 881px) {
	.tbl-r02 tbody tr:nth-child(odd) {
		background-color: #ffffff;
	}
	.tbl-r02 tbody tr:nth-child(even) {
		background-color: #f2f2f2;
	}
}

/* モバイル表示時 */
@media screen and (max-width: 880px) {
	.tbl-r02 {
		width: 100%;
	}
	.tbl-r02 tr {
		display: block;
		float: left;
	}
	.tbl-r02 tr td,
	.tbl-r02 tr th {
		width: 100%;
		display: block;
	}

	/* モバイルでは th のみに背景色を指定 */
	.tbl-r02 tr th {
		padding-left: 0.8rem;
		border-bottom: 1px dashed #ebebeb;
		white-space: normal;
		background-color: #ebebeb;
	}
	.tbl-r02 tr td {
		padding-left: 0.8rem;
		margin-bottom: 10px;
	}

	.tbl-r02 thead,
	.tbl-r02 thead tr,
	.tbl-r02 tbody,
	.tbl-r02 tbody tr {
		display: block;
		width: 100%;
	}
	.tbl-r02 tr td + td {
		border-left: none;
	}
}



	.tbl-r03 {
		width: 100%;
		margin-top: 5px;
}
	.tbl-r03 th {
		width: 23%;
  background: #ebebeb;
  border: solid 1px #ebebeb;
  padding: 5px 10px;
		font-weight: normal;
		text-align: left;
		/* font-size: 0.9rem; */
		white-space: nowrap;
}
.tbl-r03 td {
		width: 77%;
  border: solid 1px #ebebeb;
  padding: 5px 10px;
		/* font-size: 0.9rem; */
}
@media screen and (max-width: 880px) {
  .tbl-r03 {
    width: 100%;
  }
  .tbl-r03 tr {
    display: block;
    float: left;
  }
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    /* border-left: none; */
				width: 100%;
    display: block;
  }
  .tbl-r03 thead {
    display: block;
    width: 100%;
  }
  .tbl-r03 thead tr {
    width: 100%;
  }
  .tbl-r03 tbody {
    display: block;
    width: 100%;
  }
  .tbl-r03 tbody tr {
    width: 100%;
  }
  .tbl-r03 tr td + td {
    border-left: none;
  }
  .tbl-r03 tbody td:last-child {
    /* border-bottom: solid 1px #ccc; */
  }
}

.copyright {font-size: 0.8rem;}
/* ----------------------------------------------------------------------
Youtube responsive - Youtube動画のレスポンシブ表示
---------------------------------------------------------------------- */
.ytube, .youtube { position:relative; height:0; margin-top:10px; margin-bottom:10px; padding-bottom:53.25%; padding-top:30px; overflow:hidden; }
.ytube iframe, .youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

/* ----------------------------------------------------------------------
スマホのみ
---------------------------------------------------------------------- */
@media screen and (max-width: 880px) {
	.sp-img-ws {width: 60%;}
	.sp-img-wl {width: 80%;}
	.sp-img-w100p{width: 100vw;margin-left: calc( (100% - 100vw)/2 );border-radius: 0;}
	.sp-img-w100p img {border-radius: 0;}
}



/* ----------------------------------------------------------------------
検索窓（ヘッダ）
---------------------------------------------------------------------- */
#search-frm-h{
	background-color: rgba(38, 106, 181, 0.1);
	padding: 5px;
	border-radius:6px;
}
#search-frm-h input:focus::placeholder {color: transparent;}
#search-frm-h .placeholder::-webkit-input-placeholder {color: #ccc;font-style: normal;}
#search-frm-h .placeholder::-moz-placeholder {color: #ccc;font-style: normal;}
#search-frm-h .placeholder:-ms-input-placeholder {color: #ccc;font-style: normal;}
#search-frm-h #searchform{
	margin: 0;
}
#search-frm-h #searchform input{
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif !important;
	text-align: left;
	background-color: #fff;
	border: 2px solid rgba(245, 158, 203, 1.0);
	border-radius:6px;
	padding: 5px 10px;
	color: #333;
	width: 260px;
}
#search-frm-h #searchform input:focus {
	outline: none;
	box-shadow: none;
}
#search-frm-h #searchform button{
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif !important;
	border: 2px solid rgba(245, 158, 203, 1.0);
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(245, 158, 203, 1.0);
	border-radius:6px;
	padding: 5px 20px;
}
#search-frm-h #searchform button:hover{
	border: 2px solid rgba(255, 255, 255, 1.0);
	background-color: rgba(245, 158, 203, 1.0);
	color: rgba(255, 255, 255, 1.0);
}
@media screen and (max-width: 880px) {
	#search-frm-h #searchform input{width: 100%; margin-bottom:10px;}
	#search-frm-h #searchform button{width: 100%;}
}


/* ----------------------------------------------------------------------
検索窓
---------------------------------------------------------------------- */
#search-frm{
	background-color: rgba(0, 0, 0, 0.03);
	padding: 30px 10px 10px 10px;
	border-radius:6px;
	margin-bottom: 30px;
}
#search-frm input:focus::placeholder {color: transparent;}
#search-frm .placeholder::-webkit-input-placeholder {color: #ccc;font-style: normal;}
#search-frm .placeholder::-moz-placeholder {color: #ccc;font-style: normal;}
#search-frm .placeholder:-ms-input-placeholder {color: #ccc;font-style: normal;}
#search-frm #searchform{
	text-align: center;
	margin: 0 0 1rem 0;
}
#search-frm #searchform input{
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif !important;
	text-align: left;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius:6px;
	padding: 10px;
	color: #333;
	width: 60%;
}
#search-frm #searchform input:focus {
	outline: none;
	box-shadow: none;
}
#search-frm #searchform button{
	border: 2px solid rgba(38, 106, 181, 1.0);
	background-color: rgba(38, 106, 181, 1.0);
	color: #fff;
	border-radius:6px;
	padding: 10px 30px;
	cursor: pointer;
}
@media screen and (max-width: 880px) {
	#search-frm #searchform input{width: 100%; margin-bottom:10px;}
	#search-frm #searchform button{width: 100%;}
}


/* ----------------------------------------------------------------------
WordPress エディタ
---------------------------------------------------------------------- */
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.alignright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.wp-caption,
[class*='wp-image'] {
	display: block;
	max-width: 100% !important;
	margin-top: 1.5em;
	text-align: center;
}
.wp-caption-text {
	margin-top: 0;
}


















/* ----------------------------------------------------------------------
2025年リニューアル前のCSS
---------------------------------------------------------------------- */
.post_content .alignright {
	float: right
}

.post_content .alignleft {
	float: left
}

.post_content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px
}

.post_content blockquote.alignleft,.post_content img.alignleft {
	margin: 7px 24px 7px 0
}

.post_content .wp-caption.alignleft {
	margin: 7px 14px 7px 0
}

.post_content blockquote.alignright,.post_content img.alignright {
	margin: 7px 0 7px 24px
}

.post_content .wp-caption.alignright {
	margin: 7px 0 7px 14px
}

.post_content blockquote.aligncenter,.post_content img.aligncenter,.post_content .wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px
}

.post_content p {
	/* margin: 0 0 2em; */
	/* font-weight: 400; */
	/* color: #000 */
}
.post_content p a{
	color: rgba(38, 106, 181, 1.0);
}

.post_content h1,.post_content h2,.post_content h3,.post_content h4,.post_content h5,.post_content h6 {
	/* clear: both;
	line-height: 1.4;
	margin: 0 0 10px;
	padding: 10px 0 0 */
}

.post_content h1 {
	/* font-size: 150% */
}

.post_content h2 {
	/* font-size: 140% */
}

.post_content h3 {
	/* font-size: 130% */
	line-height: 140%;
}

.post_content h4 {
	/* font-size: 120% */
}

.post_content h5 {
	/* font-size: 110% */
}

.post_content h6 {
	/* font-size: 100% */
}

.post_content img[class*="align"],.post_content img[class*="wp-image-"],.post_content img[class*="attachment-"],.post_content img.size-full,.post_content img.size-large,.post_content .wp-post-image,.post_content img {
	height: auto;
	max-width: 100%
}

.post_content li,.post_content dt,.post_content dd {
	line-height: 2.4
}

.post_content ul,.post_content ol,.post_content dl {
	margin-bottom: 24px
}

.post_content ol {
	list-style: decimal outside none;
	margin-left: 1.5em
}

.post_content ul {
	list-style: circle outside none;
	margin-left: 1.3em
}

.post_content li > ul,.post_content li > ol {
	margin-bottom: 0
}

.post_content dt {
	font-weight: 700
}

.post_content dd {
	margin-bottom: 1em
}

.post_content table {
	margin: 0 0 24px;
	width: 100%!important
}

.post_content td,.post_content th {
	border: 1px solid #bbb;
	padding: 10px 15px;
	line-height: 2.4;
	background: #fff
}

.post_content th {
	background: #ddd;
	font-weight: 400
}

.post_content table.table_no_border th,.post_content table.table_no_border td {
	border: none;
	padding-left: 0
}

.post_content table.table_border_horizontal th,.post_content table.table_border_horizontal td {
	border-left: none;
	border-right: none;
	padding-left: 0
}

.post_content blockquote {
	margin: 0 0 25px;
	padding: 27px 30px 0;
	border: 1px solid #ccc;
	box-shadow: 0 4px 0 0 #f2f2f2;
	position: relative
}

.post_content blockquote:before {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 10px;
	color: #5cbcd7
}

.post_content blockquote:after {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: 400;
	text-align: left;
	line-height: 60px;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 7px;
	right: -2px;
	color: #5cbcd7
}

.post_content blockquote cite {
	border-top: 1px dotted #aaa;
	display: block;
	padding: 20px 0 0;
	font-style: italic;
	text-align: right;
	font-size: 90%
}

.post_content .wp-caption {
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.post_content .wp-caption-text {
	text-align: center;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px auto
}

.post_content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto
}

.gallery {
	margin-bottom: 20px
}

.gallery a img {
	border: 0!important
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative
}

.gallery-columns-1 .gallery-item {
	max-width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width: calc(50% - 4px)
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width: calc(33.3% - 4px)
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width: calc(25% - 4px)
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width: calc(20% - 4px)
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width: calc(16.7% - 4px)
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width: calc(14.28% - 4px)
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width: calc(12.5% - 4px)
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width: calc(11.1% - 4px)
}

.gallery-columns-10 .gallery-item {
	max-width: 7%;
	max-width: -webkit-calc(9.4% - 0px);
	max-width: calc(9.4% - 0px)
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n),.gallery-columns-10 .gallery-item:nth-of-type(10n) {
	margin-right: 0
}

.gallery-caption {
	background-color: rgba(0,0,0,0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.gallery-item:hover .gallery-caption {
	opacity: 1
}

.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption,.gallery-columns-10 .gallery-caption {
	display: none
}

.post_content .wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.post_content address {
	margin: 0 0 24px;
	line-height: 2.2
}

.post_content pre {
	border-left: 5px solid #7fc120;
	font-size: 12px;
	margin: 0 0 27px;
	line-height: 25px;
	background: url(img/common/pre.gif) repeat left top;
	padding: 0 17px;
	overflow: auto
}

.post_content .mejs-container {
	margin: 12px 0 25px
}

/* .lyt-set1 ul li .thumb-img p.thumb-img-search {background-position: calc(50% + 20px) top;}
@media screen and (max-width: 880px) {
	.lyt-set1 ul li .thumb-img p.thumb-img-search {background-position: center top;}
} */




.story-year {
	font-family: "新ゴ B" , sans-serif;
	text-align: center;
font-weight: 700;
color: #000;
font-size: 1.2rem;
line-height: 130%;
padding: 0.6rem;
background-color: #fff;
margin-top: -10px;
}



/* ─────────────────────
ストーリーの追従メニュー
───────────────────── */
/* 初期状態（非表示 + 下に隠れる） */
.story-index {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 1040px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		list-style: none;
		padding: 10px;
		background: white;
		background-image: url('/assets/img/top/bg_story.jpg');
		background-position: center center;
		background-size: cover;
		background-repeat: repeat-x;
		box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
		outline:1px solid #fff;
		border-radius: 10px 10px 0 0;
		font-size: 0.6rem;
		line-height: 200%;
		color: #000;
		opacity: 0;
		transform: translateY(100%);
		transition: opacity 0.6s ease, transform 0.6s ease;
		z-index: 1;
}

/* 表示状態（せり上がる + 有効化） */
.story-index.fixed {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		z-index: 1;
}

.story-index li {
		flex: 1 1 0%;
		text-align: center;
		min-width: 0;
}

.story-index li a {
		display: block;
		text-decoration: none;
		color: inherit;
}
.story-index li p{
		width: 97%;
		font-size:0.8rem;
}

.story-index img {
		display: block;
		width: 97%;
		height: 70px;
		object-fit: cover;
		object-position: center center;
		border-radius: 6px;
		margin-bottom: 5px;
		outline:1px solid #fff;
}
@media screen and (max-width: 880px) {
		/* .story-index {display:none;} */
.story-index li p {
		font-size:0.5rem;
		line-height:120%;
}
.story-index img {
		display: block;
		width: 92%;
		height: 32px;
}
}
.active p{
		border-radius: 6px;
		background-color:#fff;
		color: rgba(51, 103, 178, 1.0);
		border-bottom:2px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

/* ─────────────────────
検索モーダル
───────────────────── */

body.modal-open {
  overflow: hidden;
  touch-action: none;
}

.search-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.05);
  transition: opacity 0.4s ease, transform 0.4s ease, background-color 0.6s ease;
  z-index: 10000;
}

.search-modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1.0);
  background: rgba(0, 0, 0, 0.9);
}

.search-modal.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.05);
  background: rgba(0, 0, 0, 0.0); /* 背景もゆっくりフェードアウト */
}

#search-frm.mdl {
  background-color: transparent;
}

#search-frm.mdl #searchform button {
  border: 2px solid rgba(38, 106, 181, 1.0);
  background-color: rgba(38, 106, 181, 1.0);
  color: #fff;
  border-radius: 6px;
  padding: 13px 30px 12px 30px;
  margin-top: -10px;
}

.search-modal-inner {
  position: relative;
  width: 90%;
  padding: 40px 30px;
  border-radius: 8px;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.search-modal.show .search-modal-inner {
  opacity: 1;
  transform: translateY(0);
}

.search-modal.hide .search-modal-inner {
  opacity: 0;
  transform: translateY(20px);
}

#search-frm input[type="text"] {
  width: 100%;
  padding: 15px;
  font-size: 1.2em;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
  font-family: "新ゴ R", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#search-frm button {
  padding: 10px 20px;
  font-size: 1em;
  background: #0072c6;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.close-button {
  position: absolute;
  top: 0px;
  right: 40px;
  background: none;
  border: none;
  font-size: 4rem;
  color: #fff;
  cursor: pointer;
  z-index: 10001;
}