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

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

/* =================================
 reset
================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body{ margin:0px; padding:0px;color:#333;}
p{ margin:0px; padding:0px}
a{color:#333;}

img{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}
*a:hover{
	text-decoration: none;
}
a img:hover{
	opacity: 0.8;
}

/* 電話番号リンク禁止
---------------------------------------------------- */
@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}
@media (max-width: 751px){
	a[href*="tel:"]{
		text-decoration: none;
		color: inherit;
	}
}

/* ----------------------------------------------------------------------
 inner
---------------------------------------------------------------------- */

/* 通常のinner */
.innerOrigin{
	width:calc(100% - 40px);
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
}

.inner960{
	max-width:960px;
	width:calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}
.inner768{
	max-width:768px;
	width:calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}
.inner500{
	max-width:500px;
	width:calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}

/* w100のinner */
.innerOriginW100{
	width:100%;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
}



/* ----------------------------------------------------------------------
 角丸
---------------------------------------------------------------------- */
.radius10{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.radius15{
	border-radius: 15px;		/* CSS3草案 */
	-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;	/* Firefox用 */
}
.radius20{
	border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
}
.radius30{
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
.radius10top{
	border-radius: 10px 10px 0 0;
}
.radius30top{
	border-radius: 30px 30px 0 0;
}
.radius30bottom{
	border-radius: 0 0 30px 30px;
}
.radius30right{
	border-radius: 0 30px 30px 0;
}
.radius30right-bottom{
	border-radius: 0 0 30px 0;
}
.radius30left-bottom{
	border-radius: 0 0 0 30px;
}

/* ----------------------------------------------------------------------
 flexbox
---------------------------------------------------------------------- */
.flexOrigin{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;    /*全ての要素の高さを揃える*/
}
.space-between{
	justify-content: space-between; /*均等に間隔をあける*/
}
.flex-start{
	justify-content: flex-start;/*要素を左寄せ*/
}
.flex-wrap{
	flex-wrap: wrap; /*flex繰り返し*/
}
.row-reverse{
	flex-direction:row-reverse;	/*flex逆順*/
}
@media screen and (max-width:767px)  {
	.flex-block{
		display: block; /*スマホ時フレックス解除*/
	}
}

@media print, screen and (min-width:768px)  {
	.flexBox02{
		width:48%;
	}
	.flexBox03{
		width:32%;
	}
	.flexBox04{
		width:23%;
	}
}
@media screen and (max-width:767px)  {
	.flexBox02{
		width:100%;
		margin-bottom: 30px;
	}
	.flexBox03{
		width:100%;
		margin-bottom: 30px;
	}
	.flexBox02:last-child,.flexBox03:last-child{
		margin-bottom: 0;
	}
	.flexBox04{
		width:48%;
		margin-bottom: 20px;
	}
	.flexBox04:nth-child(3),.flexBox04:nth-child(4){
		margin-bottom: 0;
	}
}


/* ----------------------------------------------------------------------
 float
---------------------------------------------------------------------- */
.left,.leftPc{
	float:left;
}
.right,.rightPc{
	float:right;
}

@media screen and (max-width:750px)  {
	.leftPc,.rightPc{
		width:100%;
	}
}

/*クリアフィックス*/
.clearfix:after{
  content:"";
  display:block;
  clear:both;
}

/* ----------------------------------------------------------------------
 タブレット以上のみ表示
---------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
	.pc_only{
	display:none !important;
	}
}

/* ----------------------------------------------------------------------
 スマホ以下のみ表示
---------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
	.sp_only{
	display:none !important;
	}
}


/* ----------------------------------------------------------------------
 フォント
---------------------------------------------------------------------- */
.font50 {
	font-size: 50% ;
}
.font60 {
	font-size: 60% ;
}
.font70 {
	font-size: 70% ;
}
.font80 {
	font-size: 80% ;
}
.font90 {
	font-size: 90% ;
}
.font100 {
	font-size: 100% ;
}
.font110 {
	font-size: 110% ;
}
.font120 {
	font-size: 120% ;
}
.font130 {
	font-size: 130% ;
}
.font140 {
	font-size: 140% ;
}
.font150 {
	font-size: 150% ;
}
.font180 {
	font-size: 180% ;
}
.font200 {
	font-size: 200% ;
}
.font230 {
	font-size: 230% ;
}
.font250 {
	font-size: 250% ;
}

.font12px{
	font-size: 12px ;
}
.font14px{
	font-size: 14px ;
}
.font16px{
	font-size: 16px ;
}
.font18px{
	font-size: 18px ;
}
.font20px{
	font-size: 20px ;
}
.font25px{
	font-size: 25px ;
}
.font30px{
	font-size: 30px ;
}
.font35px{
	font-size: 35px ;
}
.font40px{
	font-size: 40px ;
}
.font45px{
	font-size: 45px ;
}
@media screen and (min-width: 768px) {
	.font12-14px{
		font-size: 14px ;
	}
	.font14-16px{
		font-size: 16px ;
	}
	.font15-20px{
		font-size: 20px ;
	}
	.font15-18px{
		font-size: 18px ;
	}
	.font16-18px{
		font-size: 18px ;
	}
	.font16-20px{
		font-size: 20px ;
	}
	.font18-20px{
		font-size: 20px ;
	}
	.font18-22px{
		font-size: 22px ;
	}
	.font18-25px{
		font-size: 25px ;
	}
	.font20-22px{
		font-size: 22px ;
	}
	.font20-25px{
		font-size: 25px ;
	}
	.font20-30px{
		font-size: 30px ;
	}
	.font22-25px{
		font-size: 25px ;
	}
	.font22-30px{
		font-size: 30px ;
	}
	.font25-28px{
		font-size: 28px ;
	}
	.font25-30px{
		font-size: 30px ;
	}
	.font28-32px{
		font-size: 32px ;
	}
	.font30-35px{
		font-size: 35px ;
	}
	.font35-40px{
		font-size: 40px ;
	}
	.font40-50px{
		font-size: 50px ;
	}
	.font50-60px{
		font-size: 60px ;
	}
	.font50-70px{
		font-size: 70px ;
	}
	.font60-70px{
		font-size: 70px ;
	}
	.font60-80px{
		font-size: 80px ;
	}
}
@media screen and (max-width: 767px) {
	.font12-14px{
		font-size: 12px ;
	}
	.font14-16px{
		font-size: 14px ;
	}
	.font15-20px{
		font-size: 15px ;
	}
	.font15-18px{
		font-size: 15px ;
	}
	.font16-18px{
		font-size: 16px ;
	}
	.font16-20px{
		font-size: 16px ;
	}
	.font18-20px{
		font-size: 18px ;
	}
	.font18-22px{
		font-size: 18px ;
	}
	.font18-25px{
		font-size: 18px ;
	}
	.font20-22px{
		font-size: 20px ;
	}
	.font20-25px{
		font-size: 20px ;
	}
	.font20-30px{
		font-size: 20px ;
	}
	.font22-25px{
		font-size: 22px ;
	}
	.font22-30px{
		font-size: 22px ;
	}
	.font25-28px{
		font-size: 25px ;
	}
	.font25-30px{
		font-size: 25px ;
	}
	.font28-32px{
		font-size: 28px ;
	}
	.font30-35px{
		font-size: 30px ;
	}
	.font35-40px{
		font-size: 35px ;
	}
	.font40-50px{
		font-size: 40px ;
	}
	.font50-60px{
		font-size: 50px ;
	}
	.font50-70px{
		font-size: 50px ;
	}
	.font60-70px{
		font-size: 60px ;
	}
	.font60-80px{
		font-size: 60px ;
	}
}

@media screen and (max-width: 480px) {
		.font60-70px{
			font-size: 55px ;
	}
}

/* ----------------------------------------------------------------------
 文字色
---------------------------------------------------------------------- */
.white{
	color:#fff;
}
.blk{
	color:#333;
}
.gray{
	color:#808080;
}
.navy{
	color:#162D5C;
}
.sky{
	color:#e4efef;
}
.pink{
	color:#dc007f;
}
.sakura{
	color:#f4edf4;
}
.brown{
	color:#4c2c05;
}
.desert{
	color:#efe6d8;
}
.red{
	color:#e2041b;
}
.forest{
	color:#065406;
}
.orange{
	color:#EB6C00;
}


/* ----------------------------------------------------------------------
 囲み文字
---------------------------------------------------------------------- */
.stroke{
	-webkit-text-stroke:1px #dc007f;
}
.strokeWhite{
	-webkit-text-stroke:2px rgba(255, 255, 255, 0.3);
	color:transparent;
}
.strokeNavy{
	-webkit-text-stroke:2px rgba(22, 45, 92, 0.2);
	color:transparent;
}
.strokePink{
	-webkit-text-stroke:2px rgba(220, 0, 127, 0.2);
	color:transparent;
}
.strokeBrown{
	-webkit-text-stroke:2px rgba(76, 44, 5, 0.2);
	color:transparent;
}
.strokeForest{
	-webkit-text-stroke:2px rgba(6, 84, 6, 0.2);
	color:transparent;
}

/* ----------------------------------------------------------------------
 背景色
---------------------------------------------------------------------- */
/*単色*/
.bgWhite{
	background:#fff;
}
.bgBlack{
	background:#333;
}
.bgGray{
	background:#ebebeb;
}
.bgNavy{
	background:#162d5c;
}
.bgBlue{
	background:#7a8ca4;
}
.bgSky{
	background:#e4efef;
}
.bgDesert{
	background:#efe6d8;
}
.bgPink{
	background:#dc007f;
}
.bgSakura{
	background:#f4edf4;
}
.bgGreen{
	background:#dde8dd;
}

/*グラデーション*/
.bgGrad{/*横：ネイビー → ピンク*/
	background: rgb(22,45,92);
		background: -moz-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		background: linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#162d5c",endColorstr="#de007f",GradientType=1);
}

/* =================================
フォントファミリー
================================= */
.yu_font{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.yugo_font{
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}

/* =================================
Adobe Font
================================= */
.centR_font{
	font-family: "century-gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.centB_font{
	font-family: "century-gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* ----------------------------------------------------------------------
行間調整
---------------------------------------------------------------------- */
.lh09{
	line-height:0.9em !important;
}
.lh10{
	line-height:1.0em !important;
}
.lh12{
	line-height:1.2em !important;
}
.lh15{
	line-height:1.5em !important;
}
.lh18{
	line-height:1.8em !important;
}
.lh20{
	line-height:2em !important;
}
.lh24{
	line-height:2.4em !important;
}

/* ----------------------------------------------------------------------
 文字揃え
---------------------------------------------------------------------- */
.txtCenter{
	text-align:center;
}
.txtLeft{
	text-align:left;
}
.txtRight{
	text-align:right;
}
.txtJustify{
	text-align:justify;
}


.txtCenterPc{
	text-align:center;
}
@media screen and (max-width: 767px) {
	.txtCenterPc{
		text-align:left;
	}
}



/* ----------------------------------------------------------------------
 文字スタイル
---------------------------------------------------------------------- */
.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}

/* ----------------------------------------------------------------------
文字間
---------------------------------------------------------------------- */
.ls005{
	letter-spacing: 0.05em;
}
.ls01{
	letter-spacing: 0.1em;
}
.ls02{
	letter-spacing: 0.2em;
}

/* ----------------------------------------------------------------------
 PC・スマホ・タブレットのみ改行
---------------------------------------------------------------------- */

@media print, screen and (min-width: 768px) {
	.kaigyouTab {
		display: none;
	}
	.kaigyouSp {
		display: none;
	}
}
@media screen and (max-width: 767px) and (min-width : 641px){
	.kaigyouPc {
		display: none;
	}
	.kaigyouSp {
		display: none;
	}
}
@media screen and (max-width: 640px){
	.kaigyouPc {
		display: none;
	}
}
@media screen and (min-width: 480px),print{
	.kaigyouSpMini {
		display: none;
	}
}

/* ----------------------------------------------------------------------
 マーカーアニメーション
---------------------------------------------------------------------- */ 

.marker-animation.active{
	background-position: -100% .8em;
}
.marker-animation {
	background-repeat: repeat-x;
	background-size: 200% .8em;
	background-position: 0 .8em;
	transition: all 2s ease;
	font-weight:bold;
}
.marker-animation01{/*黄色*/
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,255,0) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,255,0) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,255,0) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,255,0) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,255,0) 50%);
}
.marker-animation02{/*ピンク*/
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(233,184,214) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(233,184,214) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(233,184,214) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(233,184,214) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(233,184,214) 50%);
}

/* ----------------------------------------------------------------------
 margin・padding
---------------------------------------------------------------------- */
/*margin top*/
.mt00 {
  margin-top: 0px;
}
.mt05 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
/*margin bottom*/
.mb00 {
  margin-bottom: 0px;
}
.mb05 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb120 {
  margin-bottom: 120px;
}
/*margin left*/
.ml05{
	margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
/*margin right*/
.mr30 {
  margin-right: 30px;
}
/*padding top*/
.pt05 {
  padding-top: 5px;
}
.pt06 {
  padding-top: 6px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt80 {
  padding-top: 80px;
}
.pt90 {
  padding-top: 90px;
}
.pt100 {
  padding-top: 100px;
}
.pt110 {
  padding-top: 110px;
}
.pt150 {
  padding-top: 150px;
}
/*padding bottom*/
.pb05 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb45 {
  padding-bottom: 45px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb100 {
  padding-bottom: 100px;
}
.pb130 {
  padding-bottom: 130px;
}
.pd10{
	padding: 10px;
}
.pd15{
	padding: 15px;
}
.pd20{
	padding: 20px;
}
.pd25{
	padding: 25px;
}
.pd30{
	padding: 30px;
}

/* ----------------------------------------------------------------------
 画像
---------------------------------------------------------------------- */
img.img100{
	width:100%;
	display:block;
}
img.imgCenter{
	max-width: 100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.imgLeft{
	max-width: 100%;
	display:block;
	margin-right:auto;
}
img.imgRight{
	max-width: 100%;
	display:block;
	margin-left:auto;
}


/* ----------------------------------------------------------------------
 position
---------------------------------------------------------------------- */
.relative70{
	position:relative;
	top:-70px;
}
.relative40{
	position:relative;
	top:-40px;
}
.relative30{
	position:relative;
	top:-30px;
}
.relative20{
	position:relative;
	top:-20px;
}

/* ----------------------------------------------------------------------
 ボタン
---------------------------------------------------------------------- */
/*赤・丸型*/
.btnCircle {
	position: relative;
  display: inline-block;
  text-decoration: none;
  background: #e2041b;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 0px 5px #e2041b;
  border: 1px #FFF dashed;
  transition: .4s;
}
.btnCircle::before{
	content:"";
	position: absolute;
	top:60%;
	left:30px;
	width:100px;
	height:1px;
	background:#fff;
	transition: all .2s linear;
}
.btnCircle::after{
	content:"";
	position: absolute;
	top: 56%;
	right: 24px;
	width:1px;
	height:7px;
	background:#fff;
	transform:skewX(45deg);
	transition: all .2s linear;
}
.btnCircle:hover {
	letter-spacing:0.1em;
}
.btnCircle:hover::before{
	left:40px;
}
.btnCircle:hover::after{
	right:14px;
}



/* ----------------------------------------------------------------------
 ページ内リンク
---------------------------------------------------------------------- */
@media screen and (min-width: 1201px){
	a.scroll_point {
	 height: 1px;
	 margin-top: -100px;
	 padding-top: 100px;
	 display: block;
	}
}
@media screen and (max-width: 1200px){
	 a.scroll_point {
	 height: 1px;
	 display: block;
	 margin-top: -60px;
	 padding-top: 60px;
	}
}

/* ----------------------------------------------------------------------
 スクロールフェード
---------------------------------------------------------------------- */
/*アニメーション要素のスタイル*/
.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(50px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


@media only screen{
	.fade {
		opacity: 0;
		transform: translateY(30px);
	}
	.fade01 {
		transition: opacity 1.5s, transform 1s;	
	}
	.fade02 {
		transition: opacity 2.0s, transform 1.5s;	
	}
	.fade03 {
		transition: opacity 2.5s, transform 2.0s;	
	}
	.fade.active {
		opacity: 1;
		transform: translateY(0px);
	}
}
@media print{
	.fade {
		opacity: 1;
	}
}

/* ----------------------------------------------------------------------
 デフォルトCSSの解除
---------------------------------------------------------------------- */

body{
	width:100%;
	overflow:hidden !important;
}


@media screen and (min-width: 1201px),print {
	/*ロゴ*/
	.logo-image{
		top:15px;
	}
	.logo{
		height:60px;
		width:138px;
		left:15px;
	}
}
@media screen and (max-width: 1200px) {
	/*ヘッダー部分*/
	.header-bar{
		border-bottom:none;
		box-shadow:none;
	}
	/*ロゴ*/
	.logo{
		height:45px;
		width:104px;
		top:5px;
	}
	img.h_logo{
		width:100%;
		display:block;
	}
	/*グローバルナビ*/
	.global-nav-button{
		border-left:none;
	}
	.global-nav a{
		background:#666;/*グローバルナビ背景色*/
	}
	.global-nav a:hover{
		background:#333;/*グローバルナビホバー時背景色*/
	}
	.global-nav-button:before{
		color:#162D5C;
	}
	.global-nav .sub-menu a{
		background:#000;/*サブメニュー背景色*/
	}
	.global-nav .sub-menu a:hover{
		background:#000;/*サブメニューホバー時背景色*/
	}
}

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
.header-bar-inner{
	width:100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

@media screen and (min-width: 1200px), print{
	/*グローバルメニュー */
	.global-nav{
		padding-right:200px;
	}
	.global-nav > ul > li > a{
		font-size:14px;
		font-weight:bold;
		padding:0 20px;
	}
	.global-nav .sub-menu a{
		background:#666;/*サブメニュー背景色*/
	}
		
	.global-nav .sub-menu a:hover{
		background:#333;/*サブメニューホバー時背景色*/
	}
	.head_pc_mail{
		position:absolute;
		top:0;
		right:0;
	}
	.head_pc_mail a{
		display:block;
		width:180px;
		height:100px;
		background: rgb(22,45,92);
		background: -moz-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		background: linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#162d5c",endColorstr="#de007f",GradientType=1);
		transition: all 0.5s ease;
		border-radius:0 0 0 20px;
	}
	.head_pc_mail a:hover{
		background: rgb(222,0,127);
		background: -moz-linear-gradient(45deg, rgba(222,0,127,1) 0%, rgba(22,45,92,1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(222,0,127,1) 0%, rgba(22,45,92,1) 100%);
		background: linear-gradient(45deg, rgba(222,0,127,1) 0%, rgba(22,45,92,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de007f",endColorstr="#162d5c",GradientType=1);
		transition: all 0.5s ease;
	}
	.head_pc_mail a img{
		padding-top:20px;
	}
	.head_sp_mail{
		display:none;
	}
}
@media screen and (max-width: 1200px){
	.head_pc_mail{
		display:none;
	}
	.head_sp_mail{
		position: absolute;
		width: 45px;
		height: 45px;
		top: 5px;
		right: 56px;
	}
	.head_sp_mail a{
		display: block;
		width: 45px;
		height: 45px;
		background: rgb(22,45,92);
		background: -moz-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		background: linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
		border-radius:8px;
	}
	.head_sp_mail a img{
		width:28px;
		padding-top:10.5px;
	}

	.head_sp_download{
		position: absolute;
		width: 45px;
		height: 45px;
		top: 5px;
		right: 114px;
	}
	.head_sp_download a{
		display: block;
		width: 45px;
		height: 45px;
		background: #DC007F;
		border-radius:8px;
	}
	.head_sp_download a img{
		width:30px;
		padding-top:10.5px;
	}

	/*グローバルナビ*/
	.global-nav a {
		font-size: 14px;
		font-weight:bold;
		height: 50px;
	}
	.global-nav > ul > li > a {
		line-height: 50px;
		padding: 0 15px;
	}
}

/* ----------------------------------------------------------------------
signage
---------------------------------------------------------------------- */
.signage-content{
	position:relative;
	display:block;
	width:calc(100% - 40px);
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	height: 100%;
	-webkit-animation: zoomIn 1.0s ease 0.5s;
	-moz-animation: zoomIn 1.0s ease 0.5s;
	-ms-animation: zoomIn 1.0s ease 0.5s;
	-o-animation: zoomIn 1.0s ease 0.5s;
	animation: zoomIn 1.0s ease 0.5s;
	animation-fill-mode: both;
}
.signage-content h1,
.signage-content p{
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px), print{
	.signage{
		height:300px;
	}
	.signage-content p{
		font-size:80px;
	}
}
@media screen and (max-width: 768px) and (min-width: 480px){
	.signage{
		height:250px;
	}
	.signage-content p{
		font-size:65px;
	}
}
@media screen and (max-width: 480px){
	.signage{
		height:200px;
	}
	.signage-content p{
		font-size:55px;
	}
}

/* ----------------------------------------------------------------------
パンくずリスト
---------------------------------------------------------------------- */
.breadcrumb-wrapper{
	position:relative;
}

/* ----------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------- */
.mv{
	width:100%;
	max-width:1920px;
	height:840px;
	margin-left: auto;
	margin-right: auto;	
}
.mvInner{
	position:relative;	
}
.mv h2{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position:absolute;
	top: 5%;
	right: 5%;
	z-index:1;
	font-size:35px;
}
span.mvInlineNavy{
	display: inline-block;
	background: #162d5c;
	margin-left: 10px;
	padding:15px 1px 15px 0;
	white-space: nowrap;
}

/* swiper */
.swiper{
	width:100%;
}
.swiper-slide {
	max-width:1920px;
}
.swiper-slide img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.thumbnailSlider .swiper-slide img:hover{
	cursor:pointer;
	opacity:0.7;
	transition : all 0.5s ease 0s;
}
.thumbnailSlider .swiper-slide img{
	display:none;
}
.thumbnailSlider .swiper-slide-thumb-active {
	opacity:0.6;
}
.swiper-slide-active p {
	left: 5%;
	position: absolute;
	top: 40%;
	animation-delay: 3s;
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-name: fadeIn;
	font-size:28px;
}
p.inlineWhite em{
	display:inline-block;
	background:rgba(255, 255, 255, 0.8);
	padding:0 15px 2px;
}

/* アニメーション */
@keyframes fadeIn {
  from {
	  opacity: 0;
	  transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media screen and (max-width: 1220px){
	.mv,
	.swiper-slide img{
		height:820px;
	}
	.swiper-slide-active p {
		top: 50%;
	}
}
@media screen and (max-width: 960px){
	.mv,
	.swiper-slide img{
		height:750px;
	}
	.swiper-slide p{
		font-size:25px;
	}
	.mv h2{
		font-size:30px;
	}
}
@media screen and (max-width: 767px){
	.mv,
	.swiper-slide img{
		height:600px;
	}
	.swiper-slide-active p {
		top: 61%;
	}
	.mv h2{
		font-size:25px;
	}
	.swiper-slide p{
		font-size:22px;
	}
}
@media screen and (max-width: 640px){
	.mv,
	.swiper-slide img{
		height:500px;
	}
	.mv h2{
		top: 3%;
		right: 3%;
		font-size:22px;
	}
	.swiper-slide p{
		font-size:20px;
	}
	p.inlineWhite em{
		background:transparent;
		padding:0 10px;
	}
	p.inlineWhite span{
		display:inline-block;
		background:rgba(255, 255, 255, 0.8);
		padding:0 10px;
		margin-bottom:8px;
	}
	.swiper-slide-active p {
		top: 46%;
		left: 3%;
	}
}
@media screen and (max-width: 480px){
	.mv,
	.swiper-slide img{
		height:400px;
	}
	.mv h2{
		font-size:20px;
	}
	.swiper-slide p{
		font-size:18px;
	}
	.swiper-slide-active p {
		top: 44%;
	}
}	
/* ----------------------------------------------------------------------
見出し
---------------------------------------------------------------------- */
/*英語・縦*/
.midashiVertical{
	width:70px;
}
.midashiVertical p{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/*英語背景・枠付き・中央寄せ*/
.midashiStCenter{
	position:relative;
	text-align:center;
}
.midashiStCenter h3,
.midashiStCenter h4,
.midashiStCenter h5{
	position: absolute;    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	 white-space:nowrap;
}

/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */
/*インサーネの想い*/
.topMessage{
	transform: skewY(5deg);
	position:relative;
	top:-84px;
	z-index:1;
}
.topMessage .inner768{
	transform: skewY(-5deg);
}
.midashiVerticalRotate{/*英語・縦・180度回転*/
	width:70px;
}
.midashiVerticalRotate p{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform: rotate( -180deg );
}
.topMessageTxt{
	width:calc(100% - 90px);
	box-sizing:border-box;
}

@media screen and (max-width: 767px){
	.topMessageTxt{
		width:calc(100% - 80px);
	}
}

/*こんなお悩みはありませんか？*/
.onayamiTit{
	position:relative;
}
p.onayamiDeg{
	display:inline-block;
	transform: rotate( -10deg );
	position:absolute;
	top:-35px;
	left:100px;
}
.onayamiImg{
	width:200px;
	margin-bottom:40px;
}
.onayamiImg img{
	width:100%;
}
.onayamiTxt{
	width:calc(100% - 230px);
}
.fukidashiBox {
	position: relative;
	display:inline-block;
	padding:20px 15px;
	width: 46%;
	background: #fff;
	border: 3px #162d5c solid;
	box-sizing: border-box;
	border-radius:10px;
	box-shadow: 5px 5px 10px 0px rgba(22, 45, 92, 0.4);
	margin-right:8%;
	margin-bottom:40px;  
}
.fukidashiBox::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #fff;
	z-index: 2;
}
.fukidashiBox::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #162d5c;
	z-index: 1;
}
.fukidashiBox:nth-child(2),
.fukidashiBox:nth-child(5){
	margin-right:0;
}
.fukidashiBox:nth-child(3){
	margin:0 27% 40px;
}

.fuwafuwa {/* ふわふわと浮くアニメーション */
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
	0% {
		transform: translateY(-2%);
	}
	100% {
		transform: translateY(2%);
	}
}

@media screen and (max-width: 767px){
	p.onayamiDeg{
		left:0;
	}
	.onayamiImg{
		width:150px;
		margin:30px auto 0;
	}
	.onayamiTxt{
		width:100%;
		max-width:420px;
		margin:0 auto;
		border: 3px #162d5c solid;
		border-radius:10px;
		box-shadow: 5px 5px 10px 0px rgba(22, 45, 92, 0.4);
		position:relative;
		padding:0 30px;
	}
	.onayamiTxt::before {
		content: "";
		position: absolute;
		bottom: -23px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-top: 12px solid #fff;
		z-index: 2;
	}
	.onayamiTxt::after {
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-top: 14px solid #162d5c;
		z-index: 1;
	}	
	.fukidashiBox{
		display:block;
		width:100%;
		margin-bottom:0;
		border:none;
		border-radius:0;
		border-bottom:1px #162d5c dashed;
		padding:20px 0;
		box-shadow:none;
	}
	.fukidashiBox:nth-child(1){
		border-radius:10px 10px 0 0;
		margin-right:0;
	}
	.fukidashiBox:nth-child(3){
		margin:0;
	}
	.fukidashiBox:nth-child(4){
		margin-right:0;
	}
	.fukidashiBox:nth-child(5){
		border-bottom:none;
		border-radius:0 0 10px 10px;
		margin-right:0;
	}
	.fukidashiBox::before,
	.fukidashiBox::after{
		display:none;
	}	
}

/*インサーネにお任せください！*/
.topOmakase{
	padding:10px 0 5px;
}
.topOmakase p::before{
	content:url(images/logo_pc_omakase.png);
	position:relative;
	top:14px;
	right:2px;
}
.bg-image-loop {
	width: 100%;
	height: 62px; 
	position: relative;
	background: url(images/pic_top_omakase_txt.png) repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 4.7s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
}
@keyframes bg-slider {
	from { background-position: 0 0; }
	to { background-position: -312px 0; } /* 1518pxとは使用した背景画像の長さ */
}

@media screen and (max-width: 767px){
	.bg-image-loop {
		height: 50px; 
	}
}

/*バナー*/
.topBnr a img{
	transition: all 0.5s ease;
}
.topBnr a:hover img {
  transform: scale(1.03); /* 拡大 */
}

/*研修の種類*/
.topWorksBox{
	padding:20px 20px 70px;
	box-sizing:border-box;
	border-radius:15px;
	position:relative;
}
.topWorksImg{
	width:100%;
	max-width:350px;
	margin:0 auto;
}
.topWorks a{
	transition: all 0.5s ease;
}
.topWorks a:hover{
	opacity:0.7;
	transition: all 0.5s ease;
}
.topWorksImg02{
	width:100%;
	height:250px;
}
.topWorksImg02 img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.topWorksBtn{
	position:absolute;
	bottom:20px;
	right:20px;
	width:100%;
	text-align:right;
	padding-right:10px;
}
p.viewMore::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f061";
	font-size:15px;
	padding-left:15px;
}

@media screen and (max-width: 767px){
	.topWorksBox{
		width:100%;
		max-width:540px;
		margin-left:auto;
		margin-right:auto;
	}
}

/*研修の特徴*/
.topFeaturesBox{
	width:48%;
	background:#fff;
	border:6px #162d5c double;
	border-radius:15px;
	padding:0 20px 20px;
	box-sizing:border-box;
	margin-bottom:60px;
}
.topFeaturesBox:nth-child(3),
.topFeaturesBox:nth-child(4){
	margin-bottom:0;
}
.featuresIcoCircle{ /*丸型アイコン*/
	display:inline-block;
	line-height:1;
	font-weight:bold;
	border-radius:50%;
	width:75px;
	height:75px;
	background:#dc007f;
	border:3px #162d5c solid;
	padding-top:17px;
}
.featuresIcoSquare{ /*角型アイコン*/
	display:inline-block;
	line-height:1;
	font-weight:bold;
	width:100px;
	height:100px;
	background:#162d5c;
	border:3px #dc007f solid;
	padding-top:17px;
}
.bdTriangle{/*三角の境界線*/
	position:relative;
	width:100%;
}
.bdTriangle::after {
    content: "";
    position: absolute;
    top: 100%;
    box-sizing: border-box;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-top: 100px solid #ebebeb;
}

@media screen and (max-width: 620px){
	.topFeaturesBox{
		width:100%;
		max-width:420px;
		margin:0 auto 60px;
	}
	.topFeaturesBox:nth-child(3){
		margin-bottom:60px;
	}
}

/*FEATURES.01*/
.topGyoshuBox{
	background:#fff;
	border:3px #162d5c solid;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
	max-width:640px;
	margin:0 auto 50px;
}
.inlineNavy{
	display:inline-block;
	background:#162d5c;
	padding:0 7px 2px;
	margin-right:5px;
	margin-bottom:10px;
}
.chooseStepBox{
	width:31%;
	padding:20px;
	box-sizing:border-box;
	position:relative;
}
p.stepDeg{
	display:inline-block;
	transform: rotate( -10deg );
	position:absolute;
	top:-5px;
	left:-10px;
}

@media screen and (max-width: 767px){
	.chooseBox{
		width:100%;
		max-width:640px;
		margin-left:auto;
		margin-right:auto;
	}
	.chooseStepBox{
		width:100%;
		max-width:480px;
		margin:0 auto 25px;
	}
	.chooseStepBox:last-child{
		margin-bottom:0;
	}
}

/*FEATURES.02*/
.bdSlantBottom{/*下だけ斜めのBG*/
	position:relative;
	width:100%;
}
.bdSlantBottom::after {
    content: "";
    position: absolute;
    top: 100%;
    box-sizing: border-box;
    border-right: 100vw solid transparent;
    border-top: 100px solid #e4efef;
}

/*FEATURES.04*/
.bdSlantTop{/*上だけ斜めのBG*/
	position:relative;
	width:100%;
}
.bdSlantTop::after {
    content: "";
    position: absolute;
    bottom: 100%;
    box-sizing: border-box;
    border-left: 100vw solid transparent;
    border-bottom: 100px solid #dde8dd;
}

/*ニュース*/
.topNewsTit{	
	width:330px;
}
.topNewsTxt{
	width:calc(98% - 330px);
}
ul.top_postlist li{
	border-bottom:1px #162D5C dashed;
	padding:10px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
a.topNewsLink{
	border-bottom:1px #162D5C dashed;
	padding-bottom:10px;
	transition : all 0.5s;
}
a.topNewsLink::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f061";
	color:#DC007F;
	margin-left:0.5em;
}
a.topNewsLink:hover{
	color:#666;
}
.topBlogTxt{
	background:#fff;
}
.article03{
	background:#fff;
}
p.article03-meta{
	text-align:right;
	color:#929292;
}

@media screen and (max-width: 767px){
	.topNewsTit,.topNewsTxt{
		width:100%;
	}
	.topNewsTit{
		margin-bottom:50px;
	}
}

/*メディア紹介*/
.facebook {
	width:100%;
	max-width:500px;
	margin:0 auto;
}
.youtube {
	position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
}
.youtube iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----------------------------------------------------------------------
 共通イントロダクション
---------------------------------------------------------------------- */
.introImg{
	width:100%;
	max-width:500px;
	margin:0 auto;
}
.introImg img{
	width:100%;	
}
.introFlex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;    /*全ての要素の高さを揃える*/
}
.shadow{
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}
.introTit{
	width:360px;
	padding:30px 30px 25px 0;
}
.introTit p{
	display:inline-block;
	vertical-align:middle;
}
.introTxt{
	width:calc(100% - 390px);
	padding-left:40px;	
}

.blNavy{
	border-left:2px #162d5c solid;
}
.blPink{
	border-left:2px #dc007f solid;
}
.blBrown{
	border-left:2px #4c2c05 solid;
}

@media screen and (max-width: 960px){
	.introFlex{
		display:block;
	}
	.introTit{
		width:100%;
		padding:0 0 30px;
	}
	.introTxt{
		width:100%;
		padding:0;
	}	
	.blNavy,
	.blPink,
	.blBrown{
		border-left:none;
	}
}
@media screen and (max-width: 767px){
	.introImg{
		width:100%;
		max-width:400px;
	}
}

/* ----------------------------------------------------------------------
  一般企業向け研修
---------------------------------------------------------------------- */
/*インサーネの研修が選ばれる理由*/

/*研修対応業種*/
.bgStripe{
	background: repeating-linear-gradient(90deg, rgba(241, 243, 245, 1), rgba(241, 243, 245, 1) 5px, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 10px);
}

table.gyosyuTb tr:nth-child(odd){
	background:#e4efef;
}
table.gyosyuTb tr:nth-child(even){
	background:#fff;
}
table.gyosyuTb th{
	text-align:left;
	padding:10px;	
}
table.gyosyuTb td{
	padding:10px;
	border-left:3px #fff solid;
}
table.gyosyuTb td:first-child{
	border-left:none;
}

/*研修コンテンツを選定する*/
.stepDegNavy {
	background:#162D5C;
    display: inline-block;
    transform: rotate(-25deg);
	padding-bottom:2px;
    position: absolute;
    top: -13px;
    left: -12px;
}

/*インプットコンテンツを選ぶ*/
.inputContentsCard{
	width:31%;
	background:#fff;
	border:3px #162d5c solid;
	border-radius:10px;
	padding:30px 20px;
	box-sizing:border-box;
	margin-bottom:40px;
	margin-right:3.5%;
}
.inputContentsCard:nth-child(3){
	margin-right:0;
}
.bbNavy{
	padding-bottom:10px;
	border-bottom:2px #162d5c solid;
}
.worksTit{
	width:40px;
}
.worksTit p{
	font-size:40px;
	writing-mode: vertical-rl;
	opacity:0.2;
}
.worksTxt{
	width:calc(100% - 60px);
}
.bgKaiketsu{
	background:#162d5c;
	padding:0 7px 2px;
	margin-bottom:10px;
	text-align:center;
}
ul.discUl li::before{
	content:"・";
}
ul.discUl li{
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width: 960px){
	.inputContentsCard{
		width:48%;
	}
	.inputContentsCard:nth-child(odd){
		margin-right:4%;
	}
	.inputContentsCard:nth-child(even){
		margin-right:0;
	}
}

@media screen and (max-width: 640px){
	.inputContentsCard:nth-child(odd),
	.inputContentsCard:nth-child(even){
		margin-right:auto;
	}
	.inputContentsCard{
		width:100%;
		max-width:420px;
		margin:0 auto 30px;
	}	
}

/*アウトプットコンテンツを選ぶ*/
.outputContentsCard{
	width:31%;
	background:#fff;
	border:3px #dc007f solid;
	border-radius:10px;
	padding:30px 20px;
	box-sizing:border-box;
	margin-bottom:40px;
	display:flex;
	flex-direction:column;
}
.bbPink{
	padding-bottom:10px;
	border-bottom:2px #dc007f solid;
}
.outputContentsCard .bgSakura{
	margin-top:auto;
}
.inlinePink{
	display:inline-block;
	background:#dc007f;
	padding:0 7px 2px;
	margin-right:5px;
	margin-bottom:10px;
}

@media screen and (max-width: 960px){
	.outputContentsCard{
		width:48%;
	}
	.outputContentsCard:nth-child(odd){
		margin-right:4%;
	}
	.outputContentsCard:nth-child(even){
		margin-right:0;
	}
}

@media screen and (max-width: 640px){
	.outputContentsCard:nth-child(odd),
	.outputContentsCard:nth-child(even){
		margin-right:auto;
	}
	.outputContentsCard{
		width:100%;
		max-width:420px;
		margin:0 auto 30px;
	}	
}

/*エンタメアウトプットの特色*/
.bgFlower{
	background: url(images/bg_flower.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.entertainmentBox{
	background:rgba(255, 255, 255, 0.8);
	padding:30px;
	box-sizing:border-box;
	border-radius:10px;
}
.works01 h6{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}
.works01 h6::before{
	content: '';
	position: absolute;
	bottom: -25px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #4c2c05;
	border-radius: 2px;
}

/*開催場所を選ぶ*/
.platformContentsCard{
	width:31%;
	background:#fff;
	border:3px #065406 solid;
	border-radius:10px;
	padding:30px 20px;
	box-sizing:border-box;
	margin-bottom:40px;
}
.bbForest{
	padding-bottom:10px;
	border-bottom:2px #065406 solid;
}

@media screen and (max-width: 960px){
	.platformContentsCard{
		width:48%;
	}
	.platformContentsCard:nth-child(odd){
		margin-right:4%;
	}
	.platformContentsCard:nth-child(even){
		margin-right:0;
	}
}

@media screen and (max-width: 640px){
	.platformContentsCard:nth-child(odd),
	.platformContentsCard:nth-child(even){
		margin-right:auto;
	}
	.platformContentsCard{
		width:100%;
		max-width:420px;
		margin:0 auto 30px;
	}	
}

/*環境がもたらす研修効果*/
.bgForest{
	background: url(images/bg_forest.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
}


/*コンテンツ組み合わせ例*/
.bgGrad02{
	display:inline-block;
	width:100%;
	max-width:500px;
	padding:5px 20px;
	border-radius:30px;
	background: rgb(22,45,92);
	background: -moz-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
	background: linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#162d5c",endColorstr="#de007f",GradientType=1);
}

.combiOnayamiBox{
	background:#f2f2f2;
	border:3px #603804 solid;
	border-radius:20px;
	padding:30px;
	box-sizing:border-box;
}

ul.combiOnayamiUl li{
	padding:7px 0 7px 28px;
	text-indent:-25px;
	border-bottom:1px #603804 dashed;
}
ul.combiOnayamiUl li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14a";
    color: #162D5C;
    margin-right: 0.5em;
}
.combiTeianBox{
	background:#dc007f;
	border:3px #162d5c solid;
	border-radius:20px;
	padding:30px;
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto 50px;
}
.rotate-10{
	transform: rotate(-10deg);
	position:relative;
	top:40px;
	right:-40px;
}
.rotate10{
	transform: rotate(10deg);
	position:relative;
	top:40px;
	left:-30px;
	z-index:10;
}
.rotate0{
	position:relative;
	z-index:9;
}
.combiBox{
	background:#e4efef;
	padding:30px;
	box-sizing:border-box;
	border-radius:20px;
	border:3px #162d5c solid;
}

@media screen and (max-width: 960px){
	.rotate-10{
		transform: rotate(0deg);
		position:static;
	}
	.rotate10{
		transform: rotate(0deg);
		position:static;
	}
	.combination .platformContentsCard{
		margin-right:0;
		margin-bottom:0;
	}
}
@media screen and (max-width: 640px){
	.combination .platformContentsCard{
		margin:0 auto;;
	}
}

/* ----------------------------------------------------------------------
  ガソリンスタンド向け研修
---------------------------------------------------------------------- */

/*人材育成やマネジメントに関するお悩み*/
.checkBox{
	background:#fff;
	border:5px #162D5C solid;
	border-radius:10px;
	padding:10px 20px 20px;
}
ul.checkUl li{
	border-bottom:2px #162D5C solid;
	padding:7px 0;
	text-indent:-39px;
	padding-left:40px;	
}
ul.checkUl li::before{
	content:url(images/ico_check.png);
	position:relative;
	top:2px;
	margin-right:10px;
}

/*サーキュラートレーニング*/
.circularImg{
	height:400px;
}
.circularImg img{
	object-fit:cover;	
	border-radius:15px;
	width:100%;
	height:100%;
}
.op30-50{
	object-position: 30% 50%;
}
.circularAboutBox{
	width:90%;
	margin:0 auto;
	background:#fff;
	padding:30px 40px;
	box-sizing:border-box;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);
	border-radius:15px;
	position:relative;
	top:-40px;	
}

.trainingStepsBox{
	width:48%;
	background:#fff;
	padding:25px 30px 30px;
	box-sizing:border-box;
	border-top:3px #dc007f solid;
	border-bottom:3px #dc007f solid;
	background:#f4edf4;
}

.trainingStepsBox span{
	position:relative;
	top:2px;
}
.blue01{
	color:#63cbeb;
}
.blue02{
	color:#29a4db;
}
.blue03{
	color:#0071b5;
}
.jyunkaiBox{
	background:#cc0066;
	border-radius:30px 0 30px 0;
	padding:30px 80px;
}

@media screen and (max-width: 767px){
	.circularImg{
		height:350px;
	}
	.circularAboutBox{
		padding:30px;
	}
	.trainingStepsBox{
		width:100%;
		max-width:480px;
		margin:0 auto;
	}
	.trainingStepsBox:first-child{
		border-bottom:none;
	}
	.circularTrainingImg{
		width:100%;
		max-width:400px;
		margin:0 auto;
	}
	.jyunkaiBox{
		padding:30px;
	}
}

@media screen and (max-width: 480px){
	.circularImg{
		height:250px;
	}
}

/*研修の成果*/
.resultBox{
	width:31%;
	padding:20px;
	box-sizing:border-box;
	background:#fff;
	border-radius:10px;
	border:3px #162D5C dotted;
}

@media screen and (max-width: 767px){
	.resultBox{
		width:100%;
		max-width:540px;
		margin:0 auto;
	}
	.resultBox:not(last-child){
		margin-bottom:20px;
	}
	.resultBox p.inlinePink{
		margin-right:0;
		text-align:center;
	}
}


/* ----------------------------------------------------------------------
 ご依頼の流れ
---------------------------------------------------------------------- */
.flowBox{
	background:#fff;
	border:3px #162d5c solid;
	border-radius:0 15px 15px 15px;
	padding:30px 20px;
	box-sizing:border-box;
	position:relative;
}
.flowTag{
	width:180px;
	background:#162d5c;
	border-radius:15px 15px 0 0;
	padding:15px 0 10px;
	position:absolute;
	top:-59px;
	left:-3px;
}
.flowTag span{
	position:relative;
	top:1px;
	left:5px;
}
.flowImg{
	width:180px;
}
.flowTxt{
	width:calc(100% - 210px);
}
.bbGrad{
	border-bottom: 3px #162D5C solid;
	border-image: linear-gradient(to right, #162D5C 0%, #DC007F 100%);
	border-image-slice: 1;
	padding-bottom:10px;
}

@media screen and (max-width: 767px){
	.flowBox{
		width:100%;
		max-width:500px;
		margin:0 auto;
	}
	.flowTag{
		width:160px;
		top:-57px;
	}
	.flowTag span{
		left:4px;
	}
	.flowImg{
		width:100%;
		max-width:180px;
		margin:0 auto 30px;
	}
	.flowTxt{
		width:100%;
	}
	.flowTxt h3{
		text-align:center;
	}
}

/* ----------------------------------------------------------------------
 その他のサービス
---------------------------------------------------------------------- */
.menuCard{
	width:31%;
	background:#fff;
	border:3px #603804 solid;
	border-radius:10px;
	padding:30px 20px;
	box-sizing:border-box;
	margin-bottom:40px;
	position:relative;
	display:flex;
	flex-direction:column;
}
p.menuTit {
	opacity:0.2;
}
ul.menuUl li{
	padding-left:10px;
}
ul.menuUl li:nth-child(odd){
	background:#f2f2f2;
}
.btBrown{
	border-top:2px #603804 solid;
	padding-top:20px;
	margin-top:auto;
}

@media screen and (max-width: 960px){
	.menuCard{
		width:48%;
	}
}

@media screen and (max-width: 570px){
	.menuCard{
		width:100%;
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	}
	.menuImg img{
		width:150px;
	}
}

/*施工事例 | bxスライダー*/
.bxslider_thumbnail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    list-style: none;
}
.bxslider_thumbnail > li {
    width: calc((100% - 15px) / 4);
    margin-right:5px;
	margin-bottom:5px;
}
.bxslider_thumbnail > li:nth-of-type(4n) {
    margin-right: 0;
}
.bxslider_thumbnail > li > a {
    display: block;
    position: relative;
    padding-top: 75%;
}
.bxslider_thumbnail > li > a > img {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    max-height: 100%;
}
.bx-wrapper {
    background-color: transparent !important;
    margin: 0px auto 10px !mportant;
    border: none !important;
    box-shadow: none !important;
	margin-bottom:10px !important;
}
.bx-wrapper img {
    display: block;
    width: 100%;
}
.bxslider_thumbnail{
	margin-top: 0 !important;
}
.bxslider01{
	position:relative;
}
.bxslider-caption{
	display:inline-block;
	position:absolute;
	left:0;
	bottom:0;
	padding:5px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:0 10px 0 10px;
}


/* ----------------------------------------------------------------------
お客様の声
---------------------------------------------------------------------- */
.voiceBox{
	width:48%;
	background:#FFF;
	border:3px #162d5c solid;
	border-radius:10px;
	padding:30px;
	box-sizing:border-box;
	margin-bottom:30px;
}
.voiceBox:nth-child(3){
	margin-bottom:0;
}
.voiceImg{
	width:100px;
}
.voiceData{
	width:calc(100% - 150px);
}
ul.voiceUl li{
	border-bottom:2px #000 solid;
	padding:3px 0 3px 12px;
	text-indent:-12px;
}
ul.voiceUl li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	color: #E60F00;
	margin-right: 0.3em;
}

@media screen and (max-width: 767px){
	.voiceBox{
		padding:20px;
		width:100%;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	.voiceImg{
		width:100%;
		margin:0 auto 10px;
	}
	.voiceData{
		width:100%;
		max-width:350px;
		margin:0 auto;
	}
	.voiceBox:last-child{
		margin-bottom:0;
	}
}

/* ----------------------------------------------------------------------
 よくある質問
---------------------------------------------------------------------- */
dl.faqDL {
	width: 100%;
	border-bottom: 2px #27325E solid;	
}
dl.faqDL dt {
	padding: 15px 10px 15px 0;
	position: relative;
	font-size:20px;
}
dl.faqDL dd {
	margin-bottom:10px;
	display: none;
	font-family: 'NotoSansJP-Medium';
	font-size:18px;
	color:#333;
}
dl.faqDL dt, 
dl.faqDL dd {
	padding-left: 45px;
	text-indent: -44px;
	box-sizing: border-box;
	padding-right: 40px;
	line-height:2.0em;
}
dl.faqDL dt::before, 
dl.faqDL dd::before {
	margin-right: 15px;
	position: relative;
	top: 6px;
}
dl.faqDL dt::before {
	content: url(images/ico_faq_q.png);
}
dl.faqDL dd::before {
	content: url(images/ico_faq_a.png);
}
dl.faqDL dt span::before, 
dl.faqDL dt span::after {
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	border-radius: 5px;
	background: #27325E;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
dl.faqDL dt.open span::after {
	transform: rotate(0);
	transition: 0.5s;
}
dl.faqDL dt span::after {
	background: #27325E;
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}

@media screen and (max-width: 767px){
	dl.faqDL dt{
		font-size:18px;
	}
	dl.faqDL dd {
		font-size:16px;
	}
}
/* ----------------------------------------------------------------------
 会社概要
---------------------------------------------------------------------- */
.company{
	position:relative;
}
.company::before{
	position:absolute;
	content:"";
	background:#162d5c;
	width:65%;
	height:100%;
	left:0;
	bottom:0;
	z-index:-3;
}
.company::after{
	position:absolute;
	content:"";
	background:#ebebeb;
	width:35%;
	height:100%;
	right:0;
	bottom:0;
	z-index:-3;
}
.innerInner768Left{
	max-width:768px;
	margin-right:auto;
	padding:100px 60px 100px 20px;
}
.btGrad02{
	border-top: 2px #fff solid;
	border-image: linear-gradient(to right, #fff 0%, #fff 50%, #162d5c 100%);
	border-image-slice: 1;
}
.bbGrad02{
	border-bottom: 2px #fff solid;
	border-image: linear-gradient(to right, #fff 0%, #fff 50%, #162d5c 100%);
	border-image-slice: 1;
}
.companyFlex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;    /*全ての要素の高さを揃える*/
}
.companyMainContent{
	width:calc(100% - 75px);
	box-sizing:border-box;
}
.companyTitContent{
	width:70px;
	writing-mode: vertical-rl;
	padding:100px 0;
	box-sizing:border-box;
	
}
.companyTit{
	display:table;
}
.companyTit_En,
.companyTit_Ja{
	display:table-cell;
	display:inline-block;
}
.sticky{
	position:sticky;
	top:130px;
}

.companyBox{
	border:3px #fff solid;
	border-radius:10px;
	box-sizing:border-box;
}

@media screen and (max-width: 1200px){
	.sticky{
		top:85px;
	}
}
@media screen and (max-width: 767px){
	.innerInner768Left{
		padding-right:20px;
	}
	.companyMainContent{
		width:calc(100% - 60px);
	}
	.companyTitContent{
		width:60px;
	}
	.companyTit_En{
		padding-right:7px;
	}
}
@media screen and (max-width: 480px){
	.companyTitContent .font50-70px{
		font-size:45px;
	}
	.companyMainContent{
		width:calc(100% - 50px);
	}
	.companyTitContent{
		width:50px;
	}
	.companyTit_En{
		padding-right:5px;
	}
}


/*企業理念*/
.pdVision{
	padding:40px 30px 50px;
}
ol.visionOl {
	counter-reset:number; 
	list-style-type: none;
	padding:0;
}
ol.visionOl li {
	position: relative;
	padding:5px 15px 10px;
	border-left:45px #DC007F solid;
	margin-top:15px;
	border-bottom:2px #DC007F solid;
}
ol.visionOl li:first-child{
	margin-top:0;
}
ol.visionOl li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	color: #fff;
	font-family: 'NotoSansJP-Black';
	font-size: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -45px;
	width: 45px;
	height: 30px;
	line-height: 1;
	text-align: center;
}

@media screen and (max-width: 480px){
	.pdVision{
		padding:30px 20px 40px;
	}
}

/*社名の由来*/

/*代表挨拶*/
@media screen and (max-width: 767px){
	.ceoName{
		width:250px;
	}
}

/*代表プロフィール*/
.container {
    width:100% ;
}
.cd-timeline{
	padding-top:0;
	background:none;
}
.cd-timeline__block:nth-child(odd) .cd-timeline__content::before{
	border-left-color:#f2f2f2;
}
.cd-timeline__content::before{
	border-right-color:#f2f2f2;
}
.cd-timeline__container::before{
	background:#fff;
}

.cd-timeline__img--picture{
	background:#DC007F;
}
.cd-timeline__img{
	width:15px;
	height:15px;
}

.cd-timeline__content {
	width: 45%;
	-ms-flex-positive: 0;
	will-change: transform;
	background:#f2f2f2;
	padding:15px;
	box-shadow:none;
	border-radius:5px;
}
.text-component p{
	margin-bottom:0;
}

@media (min-width: 64rem){
	.cd-timeline__block{
		align-items:center;
	}
	.cd-timeline__container::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.cd-timeline__content::before{
		top:50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.cd-timeline__img{
		margin-left: calc(5% - 7.5px);
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__img{
		margin-right: calc(5% - 7.5px);
	}
	.cd-timeline__date{
		top:50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
}
@media (max-width: 64rem){
	.cd-timeline__img{
		position: relative;
		left: 12px;
		top:15px;
	}
	.text-component>*:last-child{
		margin-top:15px;
	}
	.cd-timeline__block:nth-child(odd) .cd-timeline__content::before{
		border-left-color:transparent;
	}
	span.cd-timeline__date{
		color:#DC007F;
	}
}

.licenseBox{
	border:2px #fff solid;
	border-radius:10px;
	padding:20px 15px;
	box-sizing:border-box;
}
p.bbWhite{
	display:inline-block;
	border-bottom:1px #fff dashed;
	padding-bottom:2px;
}

/*会社情報*/
table.companyTb{
	width:100%;
}
table.companyTb tr{
	border-bottom: 3px #DC007F solid;
}
table.companyTb tr:first-child{
	border-top: 3px #DC007F solid;
}
table.companyTb th{
	text-align:left;
	vertical-align:middle;
	padding:30px;
	width:205px;
}
table.companyTb td{
	padding:30px;
}

@media screen and (max-width: 767px){
	table.companyTb,
	table.companyTb tbody,
	table.companyTb tr,
	table.companyTb th,
	table.companyTb td{
		display:block;
	}
	table.companyTb th{
		padding-bottom:0;
		color:#DC007F;
	}
	table.companyTb td{
		padding-top:15px;
	}
}


/* ----------------------------------------------------------------------
 お問い合わせ
---------------------------------------------------------------------- */
.contact p.contactTit{
	font-family: "century-gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:20px;
}
.contact .wpcf7{
	border: none;
	background: none;
}
.contact .wpcf7 form,
.contact .wpcf7 p{
	margin:0;
}
.contact .wpcf7 input,
.contact .wpcf7 textarea,
.contact .wpcf7 select{
	border: none;
	padding:0;
	font-size:16px;
	letter-spacing:0.05em;
	line-height: 1.5em;
	font-family:'NotoSansJP-Medium';
}
.contact .wpcf7 textarea{
	width:100%;
	height:59px;
}
.wpcf7-list-item {
    display: inline-block;
    margin-right:1.5em;
	margin-left:0;
	font-weight:bold;
}
.wpcf7 .wpcf7-list-item-label{
	font-size:16px;
	letter-spacing:0.05em;
}
.wpcf7 input[type=text],.wpcf7 textarea,.wpcf7 input[type=text]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
	-webkit-appearance: none;
	outline: none;
	text-shadow:none;
	-webkit-box-shadow:none;
	border:none;
}
.wpcf7 input.wpcf7-submit {
	background: #162D5C;
	width:100%;
	max-width:300px;
	height:55px;
	line-height:55px;
	font-size:18px;
	font-weight:bold;
	font-family:'NotoSansJP-Medium';
}
.wpcf7 input.wpcf7-submit:hover {
	background: #DC007F;
}
.ans{
	border-bottom:3px #DC007F solid;
	padding-top:25px;
	padding-bottom:5px;
}
.check{
	position:relative;
	top:30px;
}
.check a:hover{
	color:#DC007F;
	border-bottom:1px #DC007F solid;
}
.contact .flexBox02{
	margin-top:40px;
}

@media screen and (max-width: 767px){
	.contact .wpcf7 input,
	.contact .wpcf7 textarea,
	.contact .wpcf7 select{
		font-size:16px;
		letter-spacing:0.1em;
	}
	.contact p.contactTit{
		font-size:18px;
	}
}

/* ----------------------------------------------------------------------
 資料ダウンロード
---------------------------------------------------------------------- */
.contact .checkBox{
	padding:20px;
}

/* ----------------------------------------------------------------------
 プライバシーポリシー
---------------------------------------------------------------------- */
.privacyBox{
	padding:20px 0;
	border-bottom:3px #162D5C solid;
	border-image: linear-gradient(to right, #162D5C 0%, #DC007F 100%);
	border-image-slice: 1;
}
ul.privacyUl li{
	list-style:inside disc;
	text-indent:-24px;
	padding-left:30px;
}

/* ----------------------------------------------------------------------
フッター
---------------------------------------------------------------------- */
.footer{
	margin-top:0;
}
.footer-bar01,
.copyright,
.pagetop a{
	background: #162d5c;
}
.pagetop{
	z-index:9999;
}
.footer-bar01-inner{
	width:calc(100% - 40px);
}
p.copyright{
	text-align:left;
	font-size:14px;
	letter-spacing:0.1em;
}

.footLogo{
	padding-top:35px;
}
ul.footSitemapUl{
	list-style:none;
}
ul.footSitemapUl li a{
	color:#fff;
}
ul.directoryUl li::before{
	content:"└";
	margin-right:0.5em;
	color:#fff;
}

@media screen and (max-width: 880px){
	.footLogo{
		width:100%;
		margin-bottom:30px;
		padding-top:0;
	}
}
@media screen and (max-width: 580px){
	.footLogo{
		width:120px;
	}
	.footSitemap{
		width:100%;
	}
	.footSitemap:not(last-child){
		margin-bottom:10px;
	}
	.footer .lh24{
		line-height:3.0em !important;
	}
}


/* ----------------------------------------------------------------------
フッター追従バナー
---------------------------------------------------------------------- */
.footBottomFixed{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 80px;
	background:rgba(22, 45, 92, 0.3);
	z-index:999;
}

.is-hidden {/* footerまでスクロールしたら消す */
  visibility: hidden;
  opacity: 0;
}

/* 資料ダウンロードボタン */
.btnDL a {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 300px;
	padding: 0 20px;
	height:70px;
	transition: all 0.5s ease;
	font-weight: 600;
	border-radius: 100px;
	border:2px #fff solid;
	background: rgb(22,45,92);
	background: -moz-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
	background: linear-gradient(45deg, rgba(22,45,92,1) 0%, rgba(222,0,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#162d5c",endColorstr="#de007f",GradientType=1);
}
.btnDL a:hover{
	background: rgb(222,0,127);
	background: -moz-linear-gradient(45deg, rgba(222,0,127,1) 0%, rgba(22,45,92,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(222,0,127,1) 0%, rgba(22,45,92,1) 100%);
	background: linear-gradient(45deg, rgba(222,0,127,1) 0%, rgba(22,45,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de007f",endColorstr="#162d5c",GradientType=1);
	transition: all 0.5s ease;
}
.btnDL a::after {
	position:absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f56d";
	color:#fff;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

@media screen and (max-width: 767px){
	.footBottomFixed{
		display:none !important;
	}
}	

/* ----------------------------------------------------------------------
投稿ページ
---------------------------------------------------------------------- */
.headline-font-type {
	font-family: 'NotoSansJP-Bold';
}
.post-thumbnail{
	margin:0 auto 20px;
}
.post-thumbnail img {
    max-width: 100%;
    max-height: 600px;
	object-fit:cover;
}
.fleft {
   float: none;
	margin:0 auto;
}


/* ----------------------------------------------------------------------
reCAPTCHA
---------------------------------------------------------------------- */
.grecaptcha-badge { visibility: hidden; }