/*
	8Stance　共通
*/
/**
 *
 * 初期化
 *
 */

* {
    margin: 0;
    padding: 0;
}
*, *: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;
}
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,font,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 {
	outline:0;
	border:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
}
	/* font-weightは　https://developer.mozilla.org/ja/docs/Web/CSS/font-weight　の「一般的な太さ名との対応」に合わせた */
/* 使用しない */
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Thin.ttf);
	font-weight:	100;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-ExtraLight.ttf);
	font-weight:	200;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Light.ttf);
	font-weight:	300;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Regular.ttf);
	font-weight:	normal;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Medium.ttf);
	font-weight:	500;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-SemiBold.ttf);
	font-weight:	600;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Bold.ttf);
	font-weight:	bold;
	font-style:		normal;
}
/* 使用しない */
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-ExtraBold.ttf);
	font-weight:	800;
	font-style:		normal;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Black.ttf);
	font-weight:	900;
	font-style:		normal;
}
/*  */


@font-face {
	font-family: 	'Roboto';
	src: 			url(./font/Roboto-Regular.ttf);
	font-weight:	normal;
	font-style:		normal;
}

@font-face {
	font-family: 	'Roboto';
	src: 			url(./font/Roboto-Black.ttf);
	font-weight:	900;
	font-style:		normal;
}

@font-face {
	font-family: 	'Roboto';
	src: 			url(./font/DroidSans-Bold.ttf);
	font-weight:	bold;
	font-style:		normal;
}
/*  */
/*
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-Italic.ttf);
	font-weight:	normal;
	font-style:		italic;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-BoldItalic.ttf);
	font-weight:	bold;
	font-style:		italic;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-MediumItalic.ttf);
	font-weight:	500;
	font-style:		italic;
}
@font-face {
	font-family: 	'Noto Sans JP';
	src: 			url(./font/NotoSansJP-SemiBoldItalic.ttf);
	font-weight:	600;
	font-style:		italic;
}
*/


.nsjp-Thin{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	100 !important;
	font-style:		normal;
}
.nsjp-ExtraLight{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	200 !important;
	font-style:		normal;
}
.nsjp-Light{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	300 !important;
	font-style:		normal;
}
.nsjp-Regular{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	normal !important;
	font-style:		normal;
}
.nsjp-Medium{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	500 !important;
	font-style:		normal;
}
.nsjp-SemiBold{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	600 !important;
	font-style:		normal;
}
.nsjp-Bold{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	bold !important;
	font-style:		normal;
}
.nsjp-ExtraBold{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	800 !important;
	font-style:		normal;
}
.nsjp-Black{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	900 !important;
	font-style:		normal;
}

.roboto-Regular{
	font-family: 	"Roboto", sans-serif;
	font-weight:	normal !important;
	font-style:		normal;
}
.roboto-Black{
	font-family: 	"Roboto", sans-serif;
	font-weight:	900 !important;
	font-style:		normal;
}
.roboto-Bold{
	font-family: 	"Roboto", sans-serif;
	font-weight:	bold !important;
	font-style:		normal;
}
/* */

/*
.LoraItalicNormal{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	normal;
	font-style:		italic;
}
.LoraItalicBold{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	bold;
	font-style:		italic;
}
.LoraItalicMedium{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	500;
	font-style:		italic;
}
.LoraItalicSemiBold{
	font-family: 	"Noto Sans JP", sans-serif;
	font-weight:	600;
	font-style:		italic;
}
*/
body {
	color:#333;
	font-size:16px;
/*	
	font-family: "Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Verdana,  "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	
	font-family: 'Noto Sans JP', sans-serif, Verdana,  "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;	/* Noto Sans JP Bold を標準フォントとする */
	line-height:180%;
	position: relative;
	letter-spacing: 4px;	/*  */
	word-wrap:break-word;
}
body.home {
}
.disp640{display:none !important;}
.hide640{display:block !important;}
.disp580{display:none !important;}
.hide580{display:block !important;}
.dispTab{display:none !important;}
.hideTab{display:block !important;}

br.hide640,
br.disp640{
line-height:  0em;
}


ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

:focus {
	outline:0;
}

ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

table {
	border-spacing:0;
	border-collapse:collapse;
}
/**
 *
 * 共通定義
 *
 */
em {
	font-style:italic;
}
.boundary{
	clear:			both;
	margin-bottom:	40px;
}

.clear{
	clear:	both;
}
.clearfix:before,
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
p{
	text-align: 	justify;
    text-justify: 	inter-ideograph;
}
.small{
	font-size:	12px;
}

img{
	vertical-align:	bottom;

	/* アスペクト比固定のまま最大自幅で伸縮 */
	max-width:		100%;
	height:			auto;

	/* 角丸標準装備 */
/*    border-radius: 5px;        		/* CSS3草案 */  
/*    -webkit-border-radius: 5px;    	/* Safari,Google Chrome用 */  
/*    -moz-border-radius: 5px;   		/* Firefox用 */  
}
	/* WordPressで挿入した画像のラッパー */
[id*="attachment_"]{
	width:		100% !important;
}
.fSmall{
	font-size:		12px !important;
}
	/* 画像hoverで拡大 */
.imageBoyoyon img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.imageBoyoyon img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


a{
	color:			#333;
	text-decoration:	none;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
a:hover{
	text-decoration:	none;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}

.over {
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;

	/* アニメーション */
/*
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
*/
}
.over:hover {
	text-decoration:	none;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity:0.60;
	opacity:0.60;
}
a.noOpacity:hover{
		/* オレンジはっきり出すため透過しない */
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
	/* <a>の下層要素が透過動作しない場合の対処 */
a.noOpacity img,
a.noOpacity h1,
a.noOpacity h2,
a.noOpacity h3,
a.noOpacity h4,
a.noOpacity h5,
a.noOpacity h6,
a.noOpacity span,
a.noOpacity p{
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a.noOpacity:hover img,
a.noOpacity:hover h1,
a.noOpacity:hover h2,
a.noOpacity:hover h3,
a.noOpacity:hover h4,
a.noOpacity:hover h5,
a.noOpacity:hover h6,
a.noOpacity:hover span,
a.noOpacity:hover p{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}

.floatLeft{
	float:	left;
}
.floatRight{
	float:	right;
}
.alignLeft{	text-align:left !important;}
.alignRight{	text-align:right !important;}
.alignCenter{	text-align:center !important;}

.mb0,
.marginBottomNone	{	margin-bottom:	0px !important;}
.mb140				{	margin-bottom:	140px !important;}
.mb120				{	margin-bottom:	120px !important;}
.mb100				{	margin-bottom:	100px !important;}
.mb90				{	margin-bottom:	90px !important;}
.mb80				{	margin-bottom:	80px !important;}
.mb70				{	margin-bottom:	70px !important;}
.mb60				{	margin-bottom:	60px !important;}
.mb50				{	margin-bottom:	50px !important;}
.mb40				{	margin-bottom:	40px !important;}
.mb30				{	margin-bottom:	30px !important;}
.mb20				{	margin-bottom:	20px !important;}
.mb15				{	margin-bottom:	15px !important;}
.mb10				{	margin-bottom:	10px !important;}
.mt30				{	margin-top:	30px !important;}

.mtp0				{	margin-top:	0px !important;}
.mtp10				{	margin-top:	10px !important;}
.mtp20				{	margin-top:	20px !important;}
.mtp30				{	margin-top:	30px !important;}
.mtp40				{	margin-top:	40px !important;}
.mtp50				{	margin-top:	50px !important;}
.mtp60				{	margin-top:	60px !important;}
.mtp70				{	margin-top:	70px !important;}
.mtp80				{	margin-top:	80px !important;}
.mtp90				{	margin-top:	90px !important;}
.mtp100				{	margin-top:	100px !important;}
.mtp110				{	margin-top:	110px !important;}
.mtp120				{	margin-top:	120px !important;}

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

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


.pa60				{	padding:	70px !important;}
.pa60				{	padding:	60px !important;}
.pa50				{	padding:	50px !important;}
.pa30				{	padding:	30px !important;}
.pa20				{	padding:	20px !important;}
.pa10				{	padding:	10px !important;}

.MaskBlack{
	background-color: rgba(0,0,0,0.3);
/*	z-index:	10;*/
}
.MaskGray{
	background-color: rgba(0,0,0,0.05);
/*	z-index:	10;*/
}
.MaskBlue{
	background-color: rgba(1,104,183,0.8);	/* #0168b7 */
/*	z-index:	10;*/
}
.MaskGreen{
	background-color: rgba(37,163,160,0.8);	/* #25A3A0 */
/*	z-index:	10;*/
}
.posRelative{
	position:		relative;
}
.Absolute{
    position:   absolute;
}
.absCenter{
	position:		absolute;
	top:		50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
/*
	margin-left:	auto;
	margin-right:	auto;
*/
	left:	0px;
	right:	0px;
	display:	inline-block;
	text-align:	center;
}
.absOverAll{
	position:	absolute;
	width:	100%;
	height:	100%;
	top:	0px;
	left:	0px;
}

	/* Font Awesome　を背景画像に使用 */
	/* http://ithat.me/2016/09/28/css-web-font-fontawesome-background-image */
.web-font-bg 
{
  position: relative;
}
/*.web-font-bg::before */
.web-font-bg::after 
{
  position: absolute;
  top: 50px;
  left: 90%;
  margin-left: 0px;
  content: '\f099';
	color:	#2e98e4;
  font-size: 50px;
	content: "\f105";	/* > */
/*	font-family: FontAwesome;			/* 古いバージョン */
	font-family: "Font Awesome 5 Free";	/* Ver.5 */
}
.colorGray span,
.colorGray{color:#F6F6F6 !important;}
.colorWhite{color:#fff !important;}
.colorBlack{color:#000 !important;}
.color333{color:#333 !important;}
.colorCcc{color:#ccc !important;}
.colorAgmiru{color:#27A2A0 !important;}
.colorGreen,
.green {	color: #3d9d9c !important;}
	/* セクションの背景色 ###BackColor */
.backColor {
	background-color:	#f2f2f2;
	padding-top: 		60px !important;
	padding-bottom:		60px !important;
}
.backWhite {			background-color:	#fff !important;}
.backGray {				background-color:	#F6F6F6 !important;}
.backDarkGray {			background-color:	#cdd9d9 !important;}
.backBeige {			background-color:	#FEFBF6 !important;}
.backDarkgoldenrod {	background-color:	#6C6A53 !important;}
.backDarkcyan {			background-color:	#3D9D9C !important;}
.backDarkslategray {	background-color:	#274A5E !important;}
.backLightBlue {			background-color:	#E6F6F6 !important;}

.border{		border:	1px solid #ccc !important;}
.borderRed{		border:	1px solid #f00 !important;}
.borderGreen{	border:	1px solid #0f0 !important;}
.borderBlue{	border:	1px solid #00f !important;}
.borderBlack{	border:	1px solid #000 !important;}
.borderWhite{	border:	1px solid #fff !important;}
.borderNone{	border:	none !important;}


/*--------------------------------------------------------------------*/
/* ローディングアイコン */
.pace-running .wrapPace {
     display:none;
}
.ug-slider-preloader.ug-loader1{
	display:	none !important
}
/*--------------------------------------------------------------------*/
/*	カラー　		56 142 141	#388e8d
			hover 	153 222 221	#99dedd

			footer 234 246 244	#eaf6f4
/*--------------------------------------------------------------------*/
/**
 *
 * ページ送り
 *
 */
.pagenavi {
	clear:both;
	margin:10px auto 0;
	padding-bottom:10px;
	color:#000;
	text-align:center!important;
	font-size:12px;
}

.pagenavi:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.pagenavi a,.wp-pagenavi span {
	margin:1px;
	text-decoration:none;
}


.pagenavi a:hover,.wp-pagenavi span.current {
}

.pagenavi .prev {
	display:inline-block;
	width:107px;
	height:30px;
	border:0;
	color:#300;
}

.pagenavi .prev:hover {
}

.pagenavi .next {
	display:inline-block;
	margin-left:15px;
	width:107px;
	height:30px;
	border:0;
	color:#300;
}

.pagenavi .next:hover {
}

.pagenavi .prev:after,.pagenavi .next:after {
	content:""!important;
}

.pagenavi span.current {
	background:#00B0B5;
	color:#fff;
	font-weight:700;
}


/* WP-PageNav */
.wp-pagenavi{
	text-align:		center;
	padding-top:	30px;
	padding-bottom:	30px;
}
.wp-pagenavi span,
.wp-pagenavi a{
	font-size:	14px;
	font-weight:	600;
	font-style:		normal;
	padding:	10px 15px;
	color:		#000;
	border:		2px solid #000;
	border-right:	none;
	margin:		0px;
}
.wp-pagenavi .nextpostslink,		/* .last が右に来ると :last-child が効かない */
.wp-pagenavi span:last-child,
.wp-pagenavi a:last-child{
	border-right:		2px solid #000;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
/*	font-size:	20px;		/* paddingで四角形を形成しているので四角形が大きくなる */
}
.wp-pagenavi span.current{
	background-color:	#000;
	color:				#fff;
}

.wp-pagenavi a.first,
.wp-pagenavi a.prev,
.wp-pagenavi a.next,
.wp-pagenavi a.last{
/*	border:		none;		/*  */
}
	/* 非表示項目 */
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi span.pages{
	display:	none;
}

/*--------------------------------------------------------------------*/
header{
/*	border-bottom: 1px solid #ddd;	/* ここにボーダーがあってもこの要素はスクロールしてしまうのでダメ */
	background-color:	#fff;
}

/* Drawerメニュー */
.drawer-container {
	max-width: 1600px;
	padding-right:	100px;
	padding-right:	120px;	/* ###LoginIcon */
}
.drawer-navbar{
	border-bottom: 		1px solid #ddd;
	border-bottom: 		none;
	height:			81px;	/* ###PC-Header-Height 同じにすること   81px:border-bottomのため */
	line-height:	80px;	/* ###PC-Header-Height 同じにすること */
	background-color:	#eeeae7;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);		/* ###2ndGronaviShawow */

	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
	opacity: 	1;
	visibility: visible;
	top: 		0px;
}
body.scroll-down .drawer-navbar{
	opacity: 	0;
	visibility: hidden;
	top: 		-100px;
}
.drawer-navbar .drawer-navbar-header {
	border-bottom: 		none;
	height:			80px;	/* ###PC-Header-Height 同じにすること */
	line-height:	80px;	/* ###PC-Header-Height 同じにすること */
	background-color:	transparent;
}
	/* メニューは右寄せ */
.drawer-navbar .drawer-nav {
	float: right;
	height:			80px;	/* ###PC-Header-Height 同じにすること */
	line-height:	80px;	/* ###PC-Header-Height 同じにすること */
	background-color:	transparent;
}
/*
.drawer-navbar .drawer-nav, .drawer-navbar, .drawer-navbar .drawer-navbar-header {
	background-color: #ffffff;
}
*/
.drawer-navbar .drawer-menu > li {
	padding-top:	20px;	/* ↓.drawer-navbar .drawer-menu-item{line-height} と加算して80px		###PC-Header-Height 同じにすること */
	margin-right:	60px;	/* 隣の項目との位置関係 */
}
.drawer-navbar .drawer-menu > li:hover {
}
.drawer-navbar .drawer-menu a {
	font-size: 14px;
	font-weight: bold;
}
.drawer-navbar .drawer-menu a:hover {
	text-decoration:	none;
}

	/* メニュー項目 */
.drawer-navbar .drawer-menu-item {
	line-height:	60px;	/* ↑.drawer-navbar .drawer-menu li{padding-top} と加算して80px		###PC-Header-Height 同じにすること */
	line-height:	57px;	/* ↑.drawer-navbar .drawer-menu li{padding-top} と加算して80px		###PC-Header-Height 同じにすること */
							/* 57px  下のborder-bottom:3px と合計で60px　box-sizing:border-box なので高さに含まれるはずだが？？？ */
	border-bottom:	4px solid transparent;	/* 本来なら3pxにするべきだが、上位要素のborder-bottomにオーバーラップさせ、下層ドロップダウンの位置をぴったりにするため */

	padding-left:	0px;
	padding-right:	0px;
}
.drawer-navbar .drawer-menu-item.current-menu-item,
.drawer-navbar .drawer-menu-item:hover {
	border-bottom:	4px solid #388e8d;		
}
.drawer-navbar .drawer-menu-item .drawer-caret{
	display:	none;
}
	/* 2階層目階層目 */
.drawer-menu > li.drawer-dropdown.open > ul.drawer-dropdown-menu > li.drawer-dropdown > a.Open{		/* 3階層@@@@@目 */
	color:	#fff;
}
	/* 3階層目 */
.drawer-menu > li.drawer-dropdown.open > ul.drawer-dropdown-menu > li.drawer-dropdown > ul.drawer-dropdown-menu{		/* 3階層@@@@@目 */
	background-color:	#ddd;
}
.drawer-menu > li.drawer-dropdown.open > ul.drawer-dropdown-menu > li.drawer-dropdown > ul.drawer-dropdown-menu a{		/* 3階層@@@@@目 */
	color:				#000;
}

.drawer--navbarTopGutter {
	padding-top: 80px;	/* ###PC-Header-Height 同じにすること */
}
.drawer-navbar .drawer-dropdown-menu{
	border:				none;
	background-color:	#388e8d;
	width:				auto;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity:0.90;
	opacity:0.90;
}

	/* ヘッダーCTA */
.drawer-navbar .drawer-nav .HeaderCTA{
	padding-top:	20px;
	padding-top:	25px;
	float:	left;
}
	/* 下層メニューのアクション */
	/* PCの時はhoverで表示　clickでの動作を無効化して非表示 */
.drawer-menu .drawer-dropdown.open > .drawer-dropdown-menu{
	display:	none;
}
.drawer-menu .drawer-dropdown:hover > .drawer-dropdown-menu{
	display:	block;
}
.drawer-dropdown-menu li{
	border-bottom:	1px solid #fff;
	height:			40px;
	line-height:	40px;
	width:			auto;
	float:			none !important;
}
.drawer-dropdown-menu li:last-child{
	border-bottom:	none !important;
}
.drawer-dropdown-menu a{
	color:		#fff;
}
.drawer-dropdown-menu-item {
	line-height: 40px;
}
.drawer-dropdown-menu-item:hover {
	color: #fff;
}
	/* 下層要素の詳細 */
.drawer-navbar #logo{
	padding-top: 20px;
}
	/* PCでは「トップページ」非表示 */
.drawer-navbar .drawer-menu > li:first-child{
/*	display:	none;	/*  */
}
	/* 子メニューがある場合は、親メニューはドロップダウンをオープン用のボタンであったが、 */
	/* 親メニューは親メニューのリンクと子メニューオープン用のボタンをいっしょに設置する */
	/* ###TogetherParentMenuAndOpenButton */

	/* リンク項目 */
/*.drawer-navbar .drawer-dropdown a.Link{	/*  */
.drawer-navbar .drawer-dropdown a.Link[href="#"]{	/* hrefが存在しない要素はクリック無効化 */
	display:	block;
	pointer-events: none;	/* クリック無効化　delayed scroll 導入で、親要素をクリックされるとページ先頭に移動するのを防止 */
}
	/* オープンボタン */
.drawer-navbar .drawer-dropdown a.Open{
	display:	none;
}
/*--------------------------------------------------------------------*/
/* セカンドグロバルナビゲーション */
	/* 通常時（scroll-up）は表示　scroll-downで非表示　←　トップページヘッダー下りてくるアニメーションで、scroll-downを検出するため */
#Glanavi2nd{
	opacity: 1;
	visibility: visible;
	top: 		80px;
	position:	relative;
	width:		100%;
	padding:	10px 20px;
	line-height: auto;
	height:			44px;		/* 下層をabsoluteにしたので */
	background-color:	#eee;
	line-height:	auto;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);		/* ###2ndGronaviShawow */
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
body.scroll-down #Glanavi2nd{
	opacity: 	0;
	visibility: hidden;
	top: 		0px;
}
#Glanavi2nd .inner{
	width:		100%;
	max-width:	1640px;
	margin-left:	auto;
	margin-right:	auto;

		/* width:100%でなぜか#Glanavi2ndが縦に大きくなってしまう。しょうがないのでabsolute */
	position:	absolute;
	left:		0px;
	right:		0px;
	padding-left:	20px;
	padding-right:	20px;
}
#Glanavi2nd .title-2nd{
	margin:		0px;
	color:		#3d9d9c;
	font-size:	15px;
}
#Glanavi2nd .second-nav .menu_2nd .menu-item{
	position:	relative;
	line-height:	1.2em;
}
#Glanavi2nd .second-nav .menu_2nd .menu-item a{
	font-size:	14px;
}
	/* レギュラー項目 */
#Glanavi2nd .second-nav .menu_2nd > .menu-item{
	margin-right:	30px;
}
#Glanavi2nd .second-nav .menu_2nd > .menu-item:last-child{
	margin-right:	0px;
}
	/* 下層のドロップダウン */
#Glanavi2nd .second-nav .menu_2nd .sub-menu{
/*	display:	none;	/*  */
	opacity: 	0;
	visibility: hidden;
	position:		absolute;
	top:			20px;			/* 親メニューの高さ */
	left:			0px;
	padding-top:	20px;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
	/* 下層項目 */
#Glanavi2nd .second-nav .menu_2nd .sub-menu > .menu-item{
	padding:			5px 10px;
	background-color:	#fff;
	border-bottom:		1px solid #ccc;
	max-height:		0px;	/* ドロップダウンアニメーション　.sub-menuでも良い */
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
#Glanavi2nd .second-nav .menu_2nd > .menu-item.menu-item-has-children:hover .sub-menu{
	opacity: 0.8;
	visibility: visible;
}
#Glanavi2nd .second-nav .menu_2nd > .menu-item.menu-item-has-children:hover .sub-menu > .menu-item{
	max-height:		500px;	/* ドロップダウンアニメーション */
}
/*--------------------------------------------------------------------*/
/* ログイン アプリへ */
#Login{
	position:	absolute;		/* ヘッダーと一体化 */
	z-index:	5;
	top:		23px;
	right:		20px;
	line-height:	1em;
	display:		block;
	text-align:		center;
		/* レスポンシブでフラフラしないように */
	    -webkit-transition: unset;
	    -moz-transition: unset;
	    -o-transition: unset;
		transition:all unset;
}
#Login i{
	font-size:	23px;
}
#Login span{
	font-size:	10px;
	letter-spacing:	1px;
	font-weight:	bold;
}
/*--------------------------------------------------------------------*/
/* モーダル　今すぐインストール */
.app-agmiru{
}
.app-agmiru .modaal-container{
	max-width:			800px;
	background-color:	#B7DFD7;
	border-radius:		30px;
}
.app-agmiru .modaal-content-container{
	padding:	70px 80px 65px;
}
.app-agmiru .wrapModal{
	text-align:		center;
}
.app-agmiru .wrapModal .agmiru-logo{
	margin-bottom:	40px;
}
.app-agmiru .wrapModal .download{
	text-align:		center;
	font-size:		24px;
	font-weight:	bold;
	margin-bottom:	90px;
}
.app-agmiru .wrapModal .boxTow{
	margin-right:	0px !important;
}
.app-agmiru .wrapModal .boxTow .qr-code{
	width:		90px;
	margin-bottom:	20px;
}
.app-agmiru .wrapModal .boxTow .banner img{
	margin-bottom:	0px;
}
.app-agmiru .modaal-close {
	position: absolute;
	background-color:	#333 !important;
}
/*--------------------------------------------------------------------*/
/* モーダルメニュー */
	/* 従来のハンバーガー常時非表示 */
header .drawer-navbar-header .drawer-hamburger{
	display:	none !important
}
.Moddal-hidden{
	display:	none;
}

.Moddal-hunberger{
/*	position:	fixed;		/* z-index/top のために必須 */
	position:	absolute;		/* ヘッダーと一体化 */
	z-index:	5;
	top:		-20px;
	right:		35px;
	right:		80px;			/* ###LoginIcon */
/*	margin-left:	20px;		/*  */
		/* レスポンシブでフラフラしないように */
	    -webkit-transition: unset;
	    -moz-transition: unset;
	    -o-transition: unset;
		transition:all unset;
}
/*@media screen and (min-width: 1601px) {	/*  */
@media screen and (min-width: 1801px) {	/* ###LoginIcon */
	/* 1600px以上では、leftからの配置　ブラウザ全幅からコンテンツ幅を差し引いた半分の位置 */
	.Moddal-hunberger{
		right: calc((100vw - 1600px) / 2);
	}
	#Login{
		right: calc(((100vw - 1600px) / 2) - 80px);
	}
}
.full-screen-menu.modaal-wrapper{
	background-color:	#fff;
	background-color:	#24A3A1;
}
.full-screen-menu .modaal-inner-wrapper{
	vertical-align:	top;		/* middleだと下層ドロップダウンで上下中心に再調整される */
	padding:		150px 20px 20px;
	padding:		0px 20px 20px;		/* スペースはmarginで */
}
.full-screen-menu .modaal-container{
	box-shadow:		none;
	max-width:		610px;
	max-width:		1200px;
	background-color:	transparent;
}
.full-screen-menu .modaal-close::after, .full-screen-menu .modaal-close::before {
	background: #000;
	background: #fff;
	top: 10px;
	left: 20px;
	width: 4px;
	height: 30px;
}
.full-screen-menu .modaal-close:focus, .full-screen-menu .modaal-close:hover {
	background: transparent;	/*  */
}
.full-screen-menu .modaal-container .more_button:hover{
	color:		#333;
}
.full-screen-menu .modaal-content-container {
	padding: 0px;
}
.FullScreenMenu{
	color:	#fff;
	margin-top:	150px;		/* スペースはmarginで */
}
.FullScreenMenu .boxThird{
}
.FullScreenMenu .Logo{
	position: fixed;
	top:	20px;
	left:	40px;
}
.FullScreenMenu .menuTitle{
	font-size:	22px;
	margin-bottom:	35px;
	font-weight: bold;
}
.FullScreenMenu a{
	color:		#fff !important;
	font-size:	18px;
	font-weight: bold;
}
.FullScreenMenu a:hover{
	text-decoration:	none;
}
.FullScreenMenu .drawer-nav{
	position:	relative;
	width:		100%;
	background-color:	transparent;
}

	/* Drawerの標準では親セレクタ.drawer-navbarが付く　ここでは.FullScreenMenu */
	/* style-animation.css では .drawer-navbar をつけないで制御しているので、同じ挙動になるはず。 */

	.FullScreenMenu .drawer-menu{
		padding-top:	0px;	/* ↓.drawer-navbar .drawer-menu-item{line-height} と加算して80px		###PC-Header-Height 同じにすること */
		border-left:	2px solid #fff;
		padding-top:	10px;
		padding-bottom:	10px;
		padding-left:	25px;
	}
	.FullScreenMenu .drawer-menu li {
		padding-top:	0px;	/* ↓.drawer-navbar .drawer-menu-item{line-height} と加算して80px		###PC-Header-Height 同じにすること */
/*		border-bottom:	1px solid #ccc;	/*  */
	}
	.FullScreenMenu .drawer-menu > li {
		margin-bottom:	20px;
	}

	.FullScreenMenu .drawer-menu li.drawer-dropdown {
/*		line-height:	46px;	/* ###SP-menu-item-height  padding 12+12 で70 */
		line-height:	36px;	/* ###SP-menu-item-height  padding 12+12 で60 */
		position:		relative;
	}
	.FullScreenMenu .drawer-menu-item {
	/*	line-height:	60px;	/* ↑.drawer-navbar .drawer-menu li{padding-top} と加算して80px		###PC-Header-Height 同じにすること */
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.FullScreenMenu .drawer-menu-item {
/*		line-height:	60px;	/* ↑.drawer-navbar .drawer-menu li{padding-top} と加算して80px		###PC-Header-Height 同じにすること */
/*		line-height:	46px;	/* ###SP-menu-item-height  padding 12+12 で70 */
		line-height:	36px;	/* ###SP-menu-item-height  padding 12+12 で70 */
		border-bottom:	none;
	}
	.FullScreenMenu .drawer-menu-item.current-menu-item,
	.FullScreenMenu .drawer-menu-item:hover {
		border-bottom:	none;
	}
/*	.FullScreenMenu .drawer-menu-item.current-menu-item,	/*  */
	.FullScreenMenu .drawer-dropdown-menu-item:hover,
	.FullScreenMenu .drawer-menu-item:hover {
		color:			#012129 !important;
	}

		/* 下層メニュー */
		/* PCでは半透明 スマホでは透明無し */
	.FullScreenMenu .drawer-dropdown-menu{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		-khtml-opacity:1.0;
		opacity:1.0;

/*		position:			absolute;	/* 下のメニューを押し下げる動きにする */
/*		background-color:	#388e8d;	/*  */
		background-color:	transparent;	/*  */
		z-index:			5;
	}
	.FullScreenMenu .drawer-dropdown-menu li a{
		color:		#fff !important;
	}
		/* ###TogetherParentMenuAndOpenButton */
		/* リンク項目 */
	.FullScreenMenu .drawer-dropdown a.Link,					/* hrefが存在する要素 */
	.FullScreenMenu .drawer-dropdown a.Link[href="#"]{		/* hrefが存在しない要素 */
		width:		80%;
		display:	inline-block;
	}
		/* オープンボタン */
	.FullScreenMenu .drawer-dropdown a.Open{
		width:		20%;
		text-align:	center;
		display:	inline-block;
	}
		/* スマホの時はhoverで非表示　clickでは表示 */
	.FullScreenMenu .drawer-menu .drawer-dropdown.open > .drawer-dropdown-menu{
/*		display:	block;	/*  */
	}
		/* hoverでは非表示 */
	.FullScreenMenu .drawer-menu .drawer-dropdown:not(.open):hover > .drawer-dropdown-menu{
/*		display:	none !important;	/* ■■■■■これが+でのアニメーションを阻害する */
										/* ■■■■■hoverでの挙動を無くす */
	}
		/* +クリックでhover状態では表示する */
	.FullScreenMenu .drawer-menu .drawer-dropdown.open:hover > .drawer-dropdown-menu{
/*		display:	block !important;	/*  */
	}
		/* style-animation.cssの制御を無効化する hoverで可視化しているのだと思う */
	.FullScreenMenu .drawer-menu .drawer-dropdown:hover > .drawer-dropdown-menu > li {
		/* display: block; */
		overflow: hidden;
		border-bottom: none;
	}
		/* SNS */
	.FullScreenMenu #SNS .drawer-menu-item .boxIcon{
		width:		80px;
		text-align:	center;
	}
	.FullScreenMenu #SNS .drawer-menu-item .fab{
		font-size:	30px;
	}
	.FullScreenMenu #SNS .drawer-menu-item .icon-image{
		width:			30px;
		margin:			0px;
		display:		inline-block;
	}

		/* 下層メニュー */
	.FullScreenMenu .drawer-menu .drawer-dropdown > .drawer-dropdown-menu li{
/*
		height:			80px;
*/
/*		line-height:	80px;
		line-height:	70px;	/* ###SP-menu-item-height  70 */
		line-height:	60px;	/* ###SP-menu-item-height  60 */
		height: 		0px !important;			/* なぜか60だと下の項目が大きい　62 */

			/* ドロップダウンアニメーションはheightではなくmax-heightで対応 */
		padding-top:	0px;
		padding-bottom:	0px;
		max-height:		0px;
		/*  */
	    -webkit-transition: all 0.0s ease;
	    -moz-transition: all 0.0s ease;
	    -o-transition: all 0.0s ease;
		transition:all 0.0s ease;
	}
	.FullScreenMenu .drawer-dropdown-menu-item {
/*		line-height: 80px;
		line-height: 70px;	/* ###SP-menu-item-height  70 */
		line-height: 60px;	/* ###SP-menu-item-height  60 */
		line-height: 1.2em;	/* ###SP-menu-item-height  60 */
	}
		/* 下層メニューでドロップダウンしているもの */
	.FullScreenMenu .drawer-menu > li.drawer-dropdown.open > ul.drawer-dropdown-menu > li,
	.FullScreenMenu .drawer-menu > li.drawer-dropdown.open > ul.drawer-dropdown-menu > li.drawer-dropdown.open > ul.drawer-dropdown-menu > li {
		overflow: visible !important;
/*		height: 62px !important;			/* なぜか60だと下の項目が大きい　62 */

			/* ドロップダウンアニメーションはheightではなくmax-heightで対応 */
		padding-top:	10px;
		padding-bottom:	10px;
		height: auto !important;
		max-height:		500px;

/*		border-bottom: 1px solid #ccc !important;	/*  */
		overflow:	hidden;

	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
		transition:all 0.5s ease;
	}
		/* 右端のアイコン */
			/* 下層メニュー */
	.FullScreenMenu .drawer-dropdown-menu-item,
	.FullScreenMenu .drawer-menu-item{
	  position: relative;
	}
		/* 右矢印 */
	.FullScreenMenu .drawer-dropdown-menu-item:after,
	.FullScreenMenu .drawer-menu-item:after{
		position: absolute;
		top: 10px;
		right: 25px;
		margin-left: 0px;
		font-size: 40px;
		font-weight: lighter;
		font-weight: 100;
/*		content: ">";	/* > */
		font-family: 'Major Mono Display', monospace;
	}
	.FullScreenMenu .drawer-dropdown-menu-item:after{
		top: 0px;
	}
		/* 下層メニュー左にマイナス */
	.FullScreenMenu .drawer-dropdown-menu-item{
		padding-left:	40px;
	}
	.FullScreenMenu .drawer-dropdown-menu-item:before{
		content: 	"-";	/* - */
		position: absolute;
		font-size: 20px;
		top: 0px;
		left: 15px;
	}
		/* アイコン無し */
	.FullScreenMenu .drawer-dropdown-menu-item.Link:after,
	.FullScreenMenu .drawer-menu-item.Link:after{
		content: 	none;	/* + */
	}
		/* プラス */
	.FullScreenMenu .drawer-menu-item.Open:after{
		font-size: 50px;
		font-size: 30px;
		content: 	"+";	/* + */
	}
		/* マイナス */
	.FullScreenMenu .drawer-dropdown.open .drawer-menu-item.Open:after{
		content: 	"-";	/* - */
	}

/*--------------------------------------------------------------------*/
/* Remodal */
.remodal{
	max-width:	768px;
	padding:	0px;
}
.remodal-close {
	display: block;
	position: absolute;
	top: 8px;
	left: inherit;
	right: 30px;
	width: 28px;
	height: 28px;
	/* z-index: 99999; */
	color:	#fff;
}
.remodal-close::before {
	font-size:	50px;
}
.md_content .md_header {
	position: relative;
	height: 50px;
	text-align: center;
	color: #fff;
	background-color: #24a3a1;
	padding:	0px;
}
.md_content .md_header .md_hd_ttl {
	font-size: 20px !important;
	line-height: 50px !important;
	height:		50px;
}
.md_content .md_body{
	padding:	30px;
	max-height:		640px;
	overflow:		auto;
}
.md_content .md_body .md_basecontent{
}

.sttl::before {
	display: block;
	content: "";
	width: 4px;
	height: 22px;
	position: absolute;
	top: 2px;
	left: -5px;
	border-radius: 5px;
	background-color: #24a3a1;
}
.sttl {
	font-size: 20px !important;
	line-height: 32px;
	position: relative;
	line-height: 22px !important;
	height: 22px !important;
	font-weight: 700;
	padding-left: 13px;
	margin: 0 0 25px 6px;
	text-align:	left !important;
}



/*--------------------------------------------------------------------*/
/* heroヘッダー */
/* header.phpでis_front_pageの時にhtml/body/header=height:100% */
.headerHero{		/* register_sidebar(toppage-hero-header-slider-scitech) */
	background-repeat: no-repeat;
	background-position:	center center;
	background-size: cover ;
	margin: 0 auto;
	position: relative;
	width:		100%;
}
.headerHero .textwidget{
}
.headerHero .maskHero{
	height:		100%;
	background-color: rgba(0,0,0,0.3);
}
	/* <header>内のロゴ・グロナビ・フリーダイヤル・メールバナー */
	/* #headerの動作に関してはstyle_pc/style_spに記述 */
header{
	z-index:	100;
}
#header{
	position:	fixed;
	width:		100%;
	z-index:	100;
	background-color: #fff;
}
body.home #header{
}
#logo{
}
#logo .LogoBanner,
#logo .text{
	float:	left;
}
#logo .LogoBanner{
/*	max-width: 120px;	*/
	height: 40px !important;
}
body.page-template-templete-EntryFormOptimization #logo{
	padding:	20px;
  	text-align: center;
  	border-bottom:	1px solid #ccc;
  	margin-bottom:	40px;
}
body.page-template-templete-EntryFormOptimization #logo .LogoBanner{
	float:	none;
}
#logo .text{
	padding-top:	5px;
	padding-left:	10px;
}
#logo .catchFrase{
	color:				#fff;			/*  */
	font-size:			12px;
	letter-spacing: 	1px;
/*
	text-shadow: 2px 2px 2px #888,
         -2px 2px 2px #888,
         2px -2px 2px #888,
         -2px -2px 2px #888;
*/
}
#logo .Organization{
	text-align:			left;
	color:				#fff;			/*  */
/*	font-family: 		"HGKyokashotai","HG教科書体","Yu Mincho", "YuMincho", "游明朝体", "游明朝";	/*  */
	font-size:			20px;
	letter-spacing: 	0px;
	font-weight:		bold;
	width:				100%;
/*	height:				1em;*/
	line-height:		1em;
	padding:			0px;
	border:				none;
	background-color:	transparent;
/*
	text-shadow: 2px 2px 2px #888,
         -2px 2px 2px #888,
         2px -2px 2px #888,
         -2px -2px 2px #888;
*/
}
	/* 中心の「共に成功を目指す税理士事務所」 */
.absOverCenter .verticalCenter,
.headerHero .v-center {
/* ie8で未対応
  position: relative;
  top: 50%;
  transform: translateY(-50%);
*/

	/* ブロック要素上下中央寄せ */
	position: absolute;
/*	
	top: 0;
	bottom: 0;
*/
	right: 0;
	left: 0;
	margin: auto;

		/* 要素のサイズを100%ではなくする必要がある */
	width:	80%;
	max-width:	700px;
	max-width:	none;
/*
	height:	410px;
	height:	210px;
*/
	text-align:	center;
}
.absOverCenter .bottom,
.headerHero .bottom{
	position: absolute;
/*	top: 0;		/*  */
	right: 0;
	bottom: 40px;
	left: 0;
	margin: auto;
}
.headerHero .v-center h1{
	font-size:		16px;
	border-top:		1px solid #fff;
	border-bottom:	1px solid #fff;
	line-height:	3.5em;
	font-weight:	normal;
	color:			#fff;
	margin-bottom:	80px;
}
.imgSuccess{
	text-align:	center;
	margin-bottom:	30px;
}
.absOverCenter .verticalCenter .descriptionBig,
.absOverCenter .verticalCenter .descriptionSmall,
.headerHero .v-center .descriptionBig,
.headerHero .v-center .descriptionSmall{
	text-align:	center;
	color:			#fff;
/*
	text-shadow: 1px 1px 1px #888,
         -1px 1px 1px #888,
         1px -1px 1px #888,
         -1px -1px 1px #888;
*/
	/* -webkit-text-stroke: 1px #888;	/* 縁取り */
}
.absOverCenter .verticalCenter .descriptionBig,
.headerHero .v-center .descriptionBig{
	font-size:		40px;
	line-height:	1.5em;
	margin-bottom:	60px;
	font-weight:	bold;
}
.absOverCenter .verticalCenter .descriptionSmall,
.headerHero .v-center .descriptionSmall{
	font-size:		16px;
	font-weight:	normal;
	padding:		20px 0px;
	border-top:		1px solid #fff;
	border-bottom:	1px solid #fff;
	margin-bottom:	60px;
}
.absOverCenter .bottom .arrowDown,
.absOverCenter .bottom .text,
.headerHero .v-center .arrowDown,
.headerHero .bottom .arrowDown,
.headerHero .bottom .text{
	text-align:	center;
}
.absOverCenter .bottom .text,
.headerHero .bottom .text{
	font-size:	14px;
	color:		#fff;
}
	/* page.php コンテンツ部 */
.container{
	margin:			0px auto;	/*  */
/*	margin-top:		44px;		/* セカンドグロナビの分　メインヘッダーの分がいらない　　？？？ */
}
body.home .container{
	margin-top:		124px;		/* メインヘッダー＋セカンドグロナビの分 81+44 */
	margin-top:		81px;		/* メインヘッダーの分 81 */
}
/*--------------------------------------------------------------------*/
/* トップページカルーセル Slick Slider */
	/* 要素の最外殻 */
.wpsisac-slick-carousal-wrp .slick-image-slide{
	background-color:	#000;
	margin: 	0px !important;
}
.wpsisac-slick-carousal .slick-image-slide {
}
.wpsisac-slick-carousal-wrp .slick-image-slide img{
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity:0.30;
	opacity:0.30;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
	/* 真ん中のスライダー */
.wpsisac-slick-carousal-wrp .slick-image-slide.slick-current{
}
.wpsisac-slick-carousal-wrp .slick-image-slide.slick-current img{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
	/* 画像 */
.wpsisac-slick-carousal-wrp .slick-image-slide .slick-image-slide-wrap img{
}
	/* 矢印 */
.wpsisac-slick-carousal-wrp .design-6 button.slick-arrow{
	background:		none !important;	/*  */
	background-color:	rgba(0,0,0,1.0) !important;
	width:	50px;		/* 画像サイズ ###imageSize */
	height:	50px;		/* 画像サイズ ###imageSize */
	background-size:	cover !important;
}
.wpsisac-slick-carousal-wrp .design-6 button.slick-prev{
/*	left:	calc(50% - 565px) !important;	/* 元のサイズの場合 */
	left:	calc(50% - 575px) !important;	/* ###imageSize */
/*	left:	calc(50% - 568px) !important;	/* ###imageSize 36px */
	background-image:	url("./images/top/carousel-arrow-left.png") !important;
}
.wpsisac-slick-carousal-wrp .design-6 button.slick-next{
	right:	calc(50% - 565px) !important;	/* 元のサイズの場合 */
	right:	calc(50% - 575px) !important;	/* ###imageSize */
/*	right:	calc(50% - 568px) !important;	/* ###imageSize 36px */
	background-image:	url("./images/top/carousel-arrow-right.png") !important;
}
	/*  
		矢印画像を変更するため
		スマホグロナビの矢印と同じ方法だが　うまくいかない
		画像直接あてがうことにする
	*/
/*
.wpsisac-slick-carousal-wrp button.slick-prev::after {
	position: absolute;
	top: 0px;
	left: 0px;
	width:	100%;
	height:	100%;
	font-size: 40px;
	font-weight: lighter;
	font-weight: 100;
	content: "<";
	font-family: 'Major Mono Display', monospace;
	color:	#fff;
}
.wpsisac-slick-carousal-wrp button.slick-next::after {
	position: absolute;
	top: 0px;
	left: 0px;
	width:	100%;
	height:	100%;
	font-size: 40px;
	font-weight: lighter;
	font-weight: 100;
	content: ">";
	font-family: 'Major Mono Display', monospace;
	color:	#fff;
}
*/
/*--------------------------------------------------------------------*/
/* ぱんくず */
.breadcrumbs-wrap{
/*	background-color:	#f2f2f2;			/*  */
/*	border-bottom:		1px solid #cecece;	/*  */
/*	margin-bottom:		60px;				/* ###BreadCrumbTransferFooter */
	padding-top:		7px;
	padding-bottom:		7px;

	/* ###BreadCrumbTransferFooter */
	padding-top:		20px;
	padding-bottom:		10px;
}
.breadcrumbs{
	max-width:		1640px;
	padding-left:	20px;
	padding-right:	20px;
	margin-left:	auto;
	margin-right:	auto;
	font-size:		12px;
}
	/* imgとspanを上下中央に合わせる　vertical-align:	middle; */
.breadcrumbs img{
	vertical-align:	middle;
	margin-right:	5px;
}
.breadcrumbs span{
	vertical-align:	baseline;
}

	/* ###BreadCrumbTransferFooter */
.breadcrumbs-wrap-after{
	width:		100%;
	height:		100px;
}
/*--------------------------------------------------------------------*/
/* ghostボタン */
.btnGhost{
	text-align:		center;
	height:			auto;
	padding:		1px;
}

.btnGhost a{
  font-size: 18px;
  font-family: "Noto Sans JP";
	padding:		15px;
	width:			100%;
	max-width:		240px;
	color:			#000 !important;
	border:			1px solid #ccc;
	text-decoration:	none !important;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */

	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
.btnGhost a:hover{
/*	background-color: rgba(255,255,255,0.5);*/
	background-color: rgba(240,240,240,0.5);
	background-color: rgba(51,51,51,0.5);
		/* フォアグランドは透過しない */
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
	/* ヘッダーのゴーストボタン */
header .btnGhost{
	float:	left;
	height:			80px;	/* ###PC-Header-Height 同じにすること */
	line-height:	80px;	/* ###PC-Header-Height 同じにすること */
}
header .btnGhost a{
	font-size: 		14px;
	padding:		0px 10px;
	border:			none;
/*	width:			200px;	*/
	height:			40px;
	line-height:	40px;
	background-color:	#2e98e4;	/* 水色 */
	color:			#fff !important;

/*    border-radius: 5px;        /* CSS3草案 */  
/*    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
/*    -moz-border-radius: 5px;   /* Firefox用 */  

}
header .btnGhost a:first-child{
	margin-right:	30px;
}
header .btnGhost a:hover{
	background-color: #8ec7fc;	/* 薄い水色 */
	color:			#fff !important;
}
header .btnGhost a img{
	vertical-align:	middle;
	margin-right:	10px;
}
	/* 業務内容　通常時に背景白っぽく */
body.home section .btnGhost a{
	font-size:			13px;
	background-image:	url("./images/common/triangle-black-right-20.png");
	background-repeat:	no-repeat;
/*	background-position: 10px center;	/* 左 */
	background-position: 95% center;	/* 右 */
	background-size:	10px;
/*	background-color: rgba(255,255,255,0.2);	/* 白透過 */
/*	background-color: rgba(0,0,0,0.5);			/* 黒透過 */
/*	background-color: rgba(128,128,128,0.75);	/* グレー透過 */
	background-color: #fff;	/* 白透過 */
/*	border:			1px solid #cecece;	/*  */
	border:			1px solid #333;
	padding:		5px 0px;
/*    border-radius: 5px;        /* CSS3草案 */  
/*    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
/*    -moz-border-radius: 5px;   /* Firefox用 */  
}
section#TopSlowSlider .btnGhost a{
/*	background-image:	url("./images/common/triangle-black-white-20.png");	/*  */
	background-image:	none;
	background-color: transparent;	/* 白透過 */
	color:			#fff !important;
	border:			1px solid #fff;
	max-width:			280px;
    border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  
}
	/* hoverと上位画像hover時は全透過 */
section#TopSlowSlider .btnGhost a:hover,
body.home section .backImage:hover .btnGhost a,
body.home section .btnGhost a:hover{
	background-color: #bbb;
}
.btnLikeGhost{
	padding:		15px 55px;
	color:			#fff;
	border:			1px solid #fff;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */
}

	/* タグサンプルの背景画像とゴーストボタン */
.GhostWithBackImage{
	position:	relative;
	text-align:	center;
}
.GhostWithBackImage .btnGhost{
	position:		absolute;
	top:		50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left:	auto;
	margin-right:	auto;
	left:	0px;
	right:	0px;
}
.GhostWithBackImage .btnGhost a{
	color:			#fff !important;
}
.btnGhost a:hover{
/*	background-color: rgba(255,255,255,0.5);*/
	background-color: rgba(240,240,240,0.5);
	background-color: rgba(255,255,255,0.8);
	color:			#333 !important;
}

	/* CTAのゴーストボタン */
footer section#CTA .btnGhost a:hover{
	background-color: #f2f2f2;	/* 極端に薄いグレー */
}
/*--------------------------------------------------------------------*/
/* ●→リンクボタン */
.linkArrow{
}
.linkArrow a{
	background-image:	url("./images/common/kotira-arrow-right-black.png");
	background-repeat:	no-repeat;
	background-position: 95% center;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */

	font-size: 15px;
	padding-right:	40px;
	height:			2em;
	line-height:	2em;
	text-decoration:	underline;
	color:			#000 !important;
}
.linkArrow a:hover{
	background-position: 97% center;
}
/*--------------------------------------------------------------------*/
/* リンクボタン */
.btnLink{
	text-align:		center;
	margin:			20px auto;
}

.btnLink a{

	background-image:	url("./images/common/button-arrow-right-big-white.png");
	background-repeat:	no-repeat;
	background-position: 94% center;
	max-width:				340px;
	width:				100%;
	height:				70px;
	line-height: 		70px;
	text-decoration:	none !important;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */

	font-size: 17px;
	font-weight: bold;
	color: #fff !important;

/*
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
*/
    border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */  

}
.btnLink a.Darkgoldenrod{
	background-color:	#6C6A53;
}
.btnLink a.Darkcyan{
	background-color:	#3D9D9C;
}
.btnLink a.Darkslategray{
	background-color:	#274A5E;
}
.btnLink a.White,
.btnLink a.Gray{
	background-color:	#f2f2f2;
	background-image:	url("./images/common/button-arrow-right-big-black.png");
	color: 				#000 !important;
}
.btnLink a.White{
	background-color:	#fff;
	border:				1px solid #ccc;
}
.btnLink a.small{
	font-size: 			14px;
	width:				250px;
	height:				60px;
	line-height: 		60px;
	background-image:	url("./images/common/button-arrow-right-small-white.png");

    border-radius: 25px;        /* CSS3草案 */  
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */  
}
#Plan .btnLink a.small{
	font-size: 			14px;
	width:				200px;
	height:				50px;
	line-height: 		50px;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */  
}
.btnLink a.Gray.small,
.btnLink a.White.small{
	background-image:	url("./images/common/button-arrow-right-small-black.png");
}
.btnLink a.White:hover,
.btnLink a.Gray:hover{
	background-color:	#888;
}
/*--------------------------------------------------------------------*/
/* Wipe Over Effect ボタン */
[data-wipe] {
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 50px;		/* ###match 50px */
  border: 4px solid #333;
  color: #333;
}
[data-wipe]:before, [data-wipe]:after {
  content: attr(data-wipe);
  padding-top: inherit;
  padding-bottom: inherit;
  white-space: nowrap;
  position: absolute;
  top: 0;
  overflow: hidden;
  background: #8ec7fc;	/* 薄い水色 */
}
[data-wipe]:before {
  left: 0;
  text-indent: 50px;		/* ###match 50px */
  width: 0;
}
[data-wipe]:after {
  padding-left: inherit;
  padding-right: inherit;
  left: 100%;
  text-indent: calc(-100% - 100px);		/* ###match 50px ×2 =100px */
  transition: 0.2s ease-in-out;
}
[data-wipe]:hover:before {
  width: 100%;
  transition: width 0.2s ease-in-out;
}
[data-wipe]:hover:after {
  left: 0;
  text-indent: 0;
  transition: 0s 0.2s ease-in-out;
}
/* もっといい方式 */
header .btnWipe{
/*

	ここは HeaderCTA へ制御を移した
	padding-top:	20px;
	float:	left;
*/
}
.FullScreenMenu .btnWipe .more_button,
header .btnWipe .more_button{
	font-size: 		14px;
	border:			none;
	width:			180px;
	height:			40px;
	line-height:	40px;
	background-color:	#2e98e4;	/* 水色 */
	color:			#fff !important;
	text-align:		center !important;
/*	float:			left;	/*  */
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
}
.FullScreenMenu .btnWipe .more_button.contact {
	float:				none;
	margin-left:		auto;
	margin-right:		auto;
	background-color: #388e8d;
	width:				100%;
	max-width:			350px;
	height:				60px;
	line-height:		60px;
}
.FullScreenMenu .btnWipe .more_button .fas ,
header .btnWipe .more_button .fas {
	display:	none;
}
.FullScreenMenu .btnWipe .more_button:hover,
header .btnWipe .more_button:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
header .btnWipe .more_button:first-child{
	margin-right:	20px;
}
	/* スライドするボタンの色 */
header .more_button::before,
header .more_button::after {
	background-color:#8ec7fc;	/* 薄い水色 */
}
.FullScreenMenu .more_button.contact::before,
.FullScreenMenu .more_button.contact::after {
	background-color: #99dedd;	/* 薄い緑 */
}

	/* スライドするボタンの色 */
#CTA .more_button::before,
#CTA .more_button::after {
	background-color:#ccc;	/* 薄い水色 */
}

	/* 以下はアニメーション設定 */
.more_button {
	display: block;
	position: relative;
	z-index: 2;
	outline: none;
/*	background-color:#FFF;	*/
	
	overflow: hidden;
}
.more_button::before,
.more_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.more_button,
.more_button::before,
.more_button::after {
	box-sizing: border-box;
	transition: all 0.5s;
}
.more_button:hover {
	color: #FFF;
}
.more_button::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	
}
.more_button:hover::after {
	left: 0;
}
.more_button i,.r_buttons i {
  position: absolute;
  top: 37%;
  right: 10px;
}

.btnWrap{
	text-align:	center;
	line-height:	2em;	/* これが無いと下に1pxの隙間 */
}

/*矢印が右に移動する*/
/* https://coco-factory.jp/ugokuweb/move01/7-1-46/ */
/* <a href="#" class="btnArrow4">7-1-46 矢印が右に移動する</a> */
.btnArrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;
    /*形状*/
    display: inline-block;
/*	padding: 0 20px;		/*  */
    color: #333;
    text-decoration: none;
    outline: none;

	font-family:	'Roboto', sans-serif;
	font-weight:	normal;
	font-size:		14px;
}
.btnWrap.alignRight .btnArrow4{
	margin-right:	50px;	/* before/after 要素（矢印）を含む全体を移動 */
}
.btnArrow4.padLeft0{
	padding-left:	0px;
}
/*矢印と下線の形状*/
.btnArrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
	position: absolute;
    bottom:-8px;
/*    left:15%;	/*  */
    /*下線の形状*/    
    width: 85%;
		/* 矢印を固定長で右 */
    bottom:	15px;
    right:	-50px;
    width: 	40px;
    height: 2px;
	background:#333;
    /*アニメーションの指定*/
    transition: all .3s;
}

.btnArrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    bottom:-3px;
    right:0;
		/* 矢印を右 */
    bottom:	18px;
    right:	-50px;
    /*矢印の形状*/    
    width: 10px;
    height:2px;
	background:#333;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
.btnArrow4.colorWhite::before,
.btnArrow4.colorWhite::after{
	background:#fff;
}
/*hoverした際の移動*/
.btnArrow4:hover::before{
/*    left:20%;	/*  */
    right:	-55px;
}

.btnArrow4:hover::after{
    right:-5%;
    right:-55px;
}

/*--------------------------------------------------------------------*/
/* ライブラリ */
	/* アスペクト比が異なる（大きさも異なる）画像を、大きさ同じにトリミングしながらレスポンシブ動作 */
	/* トップページ　先生方の声に利用 */
.wrapFlex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;


/*	justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
}
.wrapFlexCenter{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;

	/* 上下左右中央寄せ */
  justify-content: center;
  align-items: center;
}
.wrapFlexCenterTop{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;

	/* 上下左右中央寄せ */
  justify-content: center;
}
.wrapFlexCenterLeft{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	/* 上下中央寄せ　左寄せ */
/*  justify-content: left;	/*  */
  align-items: center;
}
.wrapFlexBothSide{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;


	justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
}
.wrapFlexCenterBottom{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	/* 上下中央寄せ　左寄せ */
/*  justify-content: left;	/*  */
  align-items: end;
  justify-content: center;
}
.warpFlex p:not([class]),
.wrapFlexCenter p:not([class]),
.wrapFlexCenterTop p:not([class]),
.wrapFlexCenterLeft p:not([class]),
.wrapFlexBothSide p:not([class]){
	display:	none;
}
.flexHorizontalCenter {
	justify-content: center;
}
	/* 左右入れ替え */
.flexRevers{
	flex-direction: row-reverse;
}
.align-top{
  align-items: flex-start;
}
.align-center{
  align-items: center;
}
.align-bottom{
  align-items: flex-end;
}
	/* flex 高さ揃えず	上揃え */
.flexStart {
	align-items: start;
}
	/* flex 高さ揃えず	中央揃え */
.flexCenter {
	align-items: center;
}
	/* flex 高さ揃えず	下揃え */
.flexEnd {
	align-items: end;
}
	/* 左右を重ねる ###TextPhotoOverlap */
.flexOverlap{
}
		/* text要素をマイナスマージンで移動 */
.flexOverlap > .boxText{
	margin-left:		-7%;
}
.flexOverlap.flexRevers > .boxText{
	margin-right:		-7%;
	z-index:			1;
}
.flexOverlap > .boxImage{
	width:		60%;
	height:		500px;
}
.flexOverlap > .boxText{
	width:		33%;
	padding:	80px;
}
	/* 画像側は高さ固定（縮小時の高さ確保）としてobject-fit:cover; */
		/* hide640/disp640 のバッファー */
.flexOverlap > .boxImage .image{
	height:		100%;
}
.flexOverlap > .boxImage img{
	height:		100%;
	object-fit:	cover;
}

	/* 上下左右中央寄せの内部サイズ制限 */
.boxFloatCenter{
}
	/* 4列で1pxボーダーで区切り */
.boxCover{
	width:	25%;
	position:	relative;
	border-right:	1px solid #fff;
	border-bottom:	1px solid #fff;
}
	/* 4列で巣超すスペース開ける */
.boxCoverSpace{
	width:	23.6%;			/* 260/1100 */
	margin-right:	1.86%;	/* 20/1100 */
	margin-bottom:	30px;
	position:	relative;
}
.boxCoverSpace:nth-child(4n){
	margin-right:	0px;
}
	/* サイドバー有の場合は3列 */
.hasSidebar .boxCoverSpace{
	width:	32%;			/* 240/750 */
	margin-right:	2%;		/* 15/750 */
}
.hasSidebar .boxCoverSpace:nth-child(4n){
	margin-right:	2%;
}
.hasSidebar .boxCoverSpace:nth-child(3n){
	margin-right:	0px;
}
.boxCoverThree{
	width:	31%;
	margin-right:	3.5%;
	margin-bottom:	40px;
	position:	relative;
	height:		100%;	/* 上の.boxCoverはなぜかheight:100%;が無くても正常動作する */
}
.boxCoverThree:nth-child(3n){
		margin-right:	 0px;
}
	/* アスペクト比4:5の箱を作る */
	/* 外殻はpadding-topを使用して高さを確保 */
.outer125{
    position: relative;
    width: 100%;
/*    height: 100%;	/* これがあると高さが余計に確保される */
    padding: 125% 0 0;
}
.outer100{
    position: relative;
    width: 100%;
/*    height: 100%;	/* これがあると高さが余計に確保される */
    padding: 100% 0 0;
}
	/* 内側は外殻に沿って形成 */
.outer125 .inner,
.outer100 .inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	/* さらにinnerを継承 */
.outer125 .inner a,
.outer100 .inner a{
	display:	block;
	height:		100%;
}
	/* 親の<a>と同じサイズにしてアスペクト比そのままにcover */
.outer125 .inner img,
.outer100 .inner img{
    width: 100%;
    height: 100%;
	object-fit: cover;	/* cover */
}
.boxClip{
	width:		100%;
/*	padding-left:	20px;	/* 左端スペース */
	overflow:	hidden;
}
.boxClipInner{
	width:		900px;
}
.boxClipInner .ug-carousel-wrapper{
	left:		0px !important;	/* カルーセルのレスポンシブで中央ぞろえのためにこのセレクタが制御される。これを左端に固定 */
}
	/* オーバーラップ */
.overWrap{
	position:	absolute;
	background-color:	rgba(0,0,0,0.5);
	bottom:		0px;
	padding:	10px 30px;
	color:		#fff;
	width:		100%;
}
	/* オーバーラップの三角形 */
/*
.overWrap:before{
	content: "";
	position: absolute;
	left: 50%;
	top: -38px;
 	margin-left: -15px;
	border: 13px solid transparent;
	border-bottom: 25px solid rgba(0,0,0,0.5);
}
*/

	/* 右矢印をcontentで指定 */
.overWrap.arrow:after{
	position: absolute;
	top:		50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;			/* ###CType01ListCaptionSnipet   10px → 0px */
	margin-left: 0px;
	font-size: 40px;
	font-weight: lighter;
	font-weight: 100;
	content: ">";	/* > */
	font-family: 'Major Mono Display', monospace;
}
	/* 通常のタイトルなど */
.normalWrap{
	padding-top:	20px;
}
.overWrap .title,
.normalWrap .title{
	font-weight:	bold;
	margin-bottom:	5px;
	font-size:		16px;
	word-wrap:		break-word;			/* ###CType01ListCaptionSnipet */
	line-height:	1.2em;				/* ###CType01ListCaptionSnipet */
}
.overWrap .subtitle,
.normalWrap .subtitle{
	font-size:	12px;
	line-height: 150%;
/*	padding-right: 20px;				/* ###CType01ListCaptionSnipet */
	word-wrap:		break-word;			/* ###CType01ListCaptionSnipet */
	line-height:	1.2em;				/* ###CType01ListCaptionSnipet */
}

	/* 高さ可変のコンテンツ.boxContentに追従して、背景画像を absolute / cover で配置 */
.imgCover .boxContent{
	padding-top:	50px;
	padding-bottom:	50px;
/*	background-color: rgba(0,0,0,0.5);	/*  */
	height: 100%;
		/* スライダーをパララックス動作させるときに、前面に出るようにするため */
	z-index:	2;
	position: relative;  /* ←これしないとz-indexが効かない　*/
}
.imgCover img{
	position:	absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
		/* スライダーをパララックス動作させるときに、前面に出るようにするため */
	z-index:	1;
}
	/* 通常配置の画像 */
.imgRelative img{
	position:	relative !important;
}
.imgCover{
	color:	#fff;
}
	/* 白背景　黒文字 ###BackWhiteColorBlack */
.imgCover .backWhite{
	background-color: rgba(255,255,255,0.5);
	color:	#333 !important;
}
.imgCover .backWhite .cWhite{
	color:	#333 !important;
}
.imgCover .backWhite .titleSub{
/*	color:	#888 !important;	/*  */
}
.imageBack img{
	width: 100%;
	height: auto;
}
	/* 背景画像の高さを固定 cover で配置 */
.imgFix .imageBack img{
	object-fit: cover;
	width: 100%;
	height: 600px;
}
.fix-cover{
	object-fit:	cover;
	height:		600px;
	width:		100% !important;
}

	/* コンテンツ部の画像　　幅親要素に追従　幅上限は親要素　高さ上限は背景画像より40px小 */
.imgFix .boxImage img{
	width:		auto;
	max-width: 100%;
	max-height: calc(600px - 40px);	
}
.op-rt{
	object-position: right top;
}
	/* hoverで背景マスクを白半透明、画像をズーム ###HoverZoom */
		/* 背景白へのアニメーション指定 */
.hoverZoom .boxContent{
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
		/* 背景白半透明 */
.hoverZoom .boxContent:hover {
	background-color: rgba(255,255,255,0.5);
}
		/* 背景黒半透明 */
.hoverZoom .boxContent.backWhite:hover {
	background-color: rgba(0,0,0,0.5);
}
		/* 文字を黒 */
.hoverZoom .boxContent:hover .cWhite,
.hoverZoom .boxContent:hover .text{
	color:		#333 !important;
}
.hoverZoom .boxContent.backWhite:hover .cWhite,
.hoverZoom .boxContent.backWhite:hover .text{
	color:		#fff !important;
}
		/* 画像ズームでのはみだしを非表示 */
.posRelative.hoverZoom{
	overflow:	hidden;
}
		/* 画像をズームするためのアニメーション指定 */
.posRelative.hoverZoom img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	margin-bottom:	0px;

	object-fit:		cover;
	width:			100%;
}
		/* 画像をズーム */
.posRelative.hoverZoom:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
/*
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.0;
*/
}

/*--------------------------------------------------------------------*/
/* 基本レイアウト */
.wrap_main{
}
body.home .wrap_main,
body.page .wrap_main{
}
body.search .wrap_main,
body.archive .wrap_main,
body.blog .wrap_main,
body.single .wrap_main{
	width:			100%;
	max-width:		1240px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
body.archive.post-type-archive-cpt_pfc .wrap_main{
	width:			100%;
	max-width:		1360px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
body.single.single-post .wrap_main{
	width:			100%;
	max-width:		1040px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
body.single.single-cpt_pfc .wrap_main{
	width:			100%;
	max-width:		1200px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	0px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	0px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
body.home .wrap_main a,
body.page .wrap_main a,
body.single .wrap_main a{
/*
	color:			#00f;
	text-decoration:	underline;
*/
}
/* .hasSidebar は index.php で追加 */
.hasSidebar .wrap_main{
/*	float:		left;
	width:		72.72%;		/* 800/1100 */
/*	width:		68.2%;			/* 750/1100 */
	flex:		1;
	margin-right:	100px;		/* 左寄せ */
}
.hasSidebar #sidebar{
/*	float:		right;
	width:		22.72%;		/* 250/1100 */
	width:		250px;
}
	/* 背景色 */
	/* 個別ページ */
body.single .container{
	background-color:	#EFFBFB;	/* 水色 */
/*	padding-bottom:		50px;		/* ###BreadCrumbTransferFooter */
}
body.single .wrap_main{
	background-color:	#fff;	/* 白色 */
}
body.single.single-post .wrap_main{
	padding:	100px;			/* 白色 */
}
/*--------------------------------------------------------------------*/
/* 固定ページコンテンツ標準レイアウト */
	/* 下層のh2.sectionTitleのアンダーラインを文字幅に合わせるためにdisplay:inline　→　左右中央寄せにするためのラッパー */


	/* 固定ページトップ画像 */
.pageTopImage{
	position:	relative;
}
.pageTopImage .title{
	font-size: 24px;
	font-weight:	normal;
	color: #fff;
	text-shadow:  0 0 10px rgba(255, 255, 255, .7);
}


section{
	margin-bottom:	50px;
}
.overflow-hidden{
	overflow:		hidden;		/* 2024.11.12 invewRightToLeftのように横のアニメーションでは初期位置がはみ出るために横スクロールバーが出る。これを防止するため。 */
								/* sectionにoverflow:hiddenを設定すると、上下にはみ出させている要素もhiddenとなるので、個別設定すること */
}
.widthAll{
	width:	100%;
/*	min-width:		1600px;	/*  */
	margin-left:	auto;
	margin-right:	auto;
}
img.all{
	max-width:		none;	/* 制限なし */
	width:			100%;
}
.widthFull{
	width:	100%;
	max-width:		1600px;
	margin-left:	auto;
	margin-right:	auto;
}
	/* 親要素の左右20pxのスペースを突き抜けた幅 */
.widthFullBreak20{
	width:			calc(100% + 40px);
	margin-left:	-20px;
	margin-right:	-20px;
}
.widthLimit1490{
	width:	100%;
	max-width:		1540px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1480{
	width:	100%;
	max-width:		1520px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1440{
	width:	100%;
	max-width:		1480px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1400{
	width:	100%;
	max-width:		1440px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1300{
	width:	100%;
	max-width:		1360px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1290{
	width:	100%;
	max-width:		1330px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit{
	width:	100%;
/*	max-width:	1100px;			/* 有効幅 */
	max-width:	1240px;			/* 下のpaddingの分を増やす */
	margin:		0px auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.noSideSpace{
	padding-left:	0px;
	padding-right:	0px;
}
.noSideSpace img{
	width:		100%;
}
.boxPaddSide{
    padding-left:  20px;
    padding-right:  20px;
}
.widthLimit1200{
	width:		100%;
	max-width:	1200px;
	margin:		0px auto;
}
.widthLimit1000{
	width:		100%;
	max-width:	1040px;
	margin:		0px auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthNarrow{
	width:		100%;
	max-width:	840px;			/* 下のpaddingの分を増やす */
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.width800{
	width:		100%;
	max-width:	800px;			/* 下のpaddingの分を増やす */
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.width640{
	width:		100%;
	max-width:	680px;			/* 下のpaddingの分を増やす */
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.width480{
	width:		100%;
	max-width:	480px;			/* 下のpaddingの分を増やす */
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.max700{
	max-width:	    740px !important;
}
.max800 {
	max-width: 840px !important;
}
.max900{
	max-width:	    940px !important;
}
.max1000 {
	max-width: 1040px !important;
}
.max1200{
	max-width:	    1240px !important;
}
.max1400{
	max-width:	    1440px !important;
}
.boxTow{
	width:			48%;		/* 575/1200  380/800*/
	margin-right:	4%;			/* 50/1200 */
}
.widthNarrow .boxTow{
	width:			47.5%;		/* 380/800*/
	margin-right:	5%;			/* 40/800 */
}

.boxTow:nth-child(2n){
	margin-right:	0px;		/*  */
}
.boxLeft{
	float:	left;
	width:	50%;
}
.boxRight{
	float:	right;
	width:	50%;
}
.widthLimit .boxLeft,
.widthLimit .boxRight{
	width:	47.72%;		/* 525/1100 */
/*	max-width:	525px;*/
}
.Sepa .boxLeft{
	width:			50%;		/* 515+35/1100 */
	padding-right:	3.18%;		/* 35/1100 */
	border-right:	1px solid #ccc;
/*	margin-right:	3.18%;		/* 35/1100 */
}
.Sepa .boxRight{
	width:			46.81%;		/* 515/1100 */
	padding-right:	0px;		/* 35/1100 */
	border-right:	none;
	margin-right:	0px;		/* 35/1100 */
}

.boxThree{
    width:  33.3333333333%;
}
.boxThirdCollapse{
	width:			33.333%;	/*  */
}
.boxThird{
	width:			30%;	/* 360/1200 */
	margin-right:	5%;	/* 60/1200 */
}
.widthLimit1480 .boxThird{
	width:			31.08%;	/* 460/1480 */
	margin-right:	3.37%;	/* 50/1480 */
}
.boxThird.last,
.boxThird:nth-child(3n){
	margin-right:	0px;
}
.Sepa .boxThird{
	width:			32.27%;	/* (320+35)/1100 */
	padding-right:	3.18%;	/* 35/1100 */
	border-right:	1px solid #ccc;
	margin-right:	3.18%;	/* 35/1100 */
}
.Sepa .boxThird.last{
	width:			29.09%;	/* 320/1100 */
	padding-right:	0px;		/* 35/1100 */
	border-right:	none;
	margin-right:	0px;		/* 35/1100 */
}
.boxFour{
	width:			22.5%;	/* 270/1200 */
	margin-right:	3.33%;	/* 40/1200 */
	margin-bottom:	20px;
	position:	relative;
	background-color:	#fff;
/*	border:				1px solid #ccc;	/*  */
}
.boxFour:nth-child(4n){
	margin-right:	0px;
}
.boxFour .text{
	padding:	20px;
	margin-bottom:	0px !important;
}
.boxFour .text p{
	margin-bottom:	0px !important;
}
.boxFour-no{
	width:	23.6%;			/* 260/1100 */
	margin-right:	1.86%;	/* 20/1100 */
	margin-bottom:	30px;
	position:	relative;
	background-color:	#fff;
}
.boxFour-no:nth-child(4n){
	margin-right:	0px;
}
.boxFour-no .text{
	padding:	20px;
	margin-bottom:	0px !important;
}
.boxFour-no .text p{
	margin-bottom:	0px !important;
}
	/* 画像とテキスト */
.boxImage,
.boxText{
	width:			45.8%;		/* 550/1200  */
	width:			48%;		/* 550/1200  */
}
	/* 画像とテキスト padding */
.padding20{
	padding:	20px;
}
.padding30{
	padding:	30px;
}
.padding50{
	padding:	50px;
}
.padding50 .boxImage{
	width:			36.3%;		/* 400/1100  */
}
.padding50 .boxText{
	width:			54.5%;		/* 600/1100  */
}
	/* 見出しとテキスト */
.boxHeadingHori{
	width:			28.33%;		/* 340/1200 */
	margin-right:	8.75%;		/* 105/1200 */
}
.boxHeadingHori.Narrow{
	width:	300px;
}
.boxHeadingVert{
	width:	205px;
}
.boxFree{
    -webkit-flex: 1;
    flex: 1;    /*（※1）*/
}
.boxFix200{
	-webkit-flex-basis: 200px;
	flex-basis: 		200px;
/*	margin-right:		30px;	/*  */
}
.boxFix80{
	-webkit-flex-basis: 80px;
	flex-basis: 		80px;
	margin:				0px !important;	/*  */
	margin-right:		40px !important;	/*  */
}
.boxFlex{
	-webkit-flex: 1;
	flex: 1;    /*（※1）*/
}
	/* 画像は中央ぞろえ */
.boxTow img,
.boxThird img,
.boxThree img,
.boxFour img,
.boxImage img{
	display:	block;
	
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom:	30px;
}
.widthLimit .noSpace{
	width:	50%;
}
.widthLimit .Text{
	width:	65.45%;		/* 720/1100 */
}
.widthLimit .ImageRound,
.widthLimit .Image{
	width:	30.9%;		/* 340/1100 */
}
.widthLimit .Title{
	width:	25.45%;		/* 280/1100 */
}
.widthLimit .TitleText{
	width:	69.09%;		/* 760/1100 */
}
.Padding .Text{
	width:	62.5%;		/* 650/1040 */
}
.Padding .Image{
	width:	32.69%;		/* 340/1040 */
}
	/* 経歴用 */
.itemCareer .boxLeft{
	width:	25%;		/* 200/800 */
}
.itemCareer .boxRight{
	width:	71.25%;		/* 570/800 */
}
	/* これはWordPressのメディアのセレクタ */
img.Image.wp-post-image{
	width:		auto !important;
	max-width:	100% !important;
}


.inlineCenter{
	text-align:	center;
	margin-bottom:	50px;
}
body.home .inlineCenter{
	margin-bottom:	80px;
	position:		relative;
}
.TLTLE,
h1:not(.head){					/* .head 検索結果無かった時のタイトル */
	font-size: 24px;
	color:	#0168b7;	/* Navy Blue */
	font-weight: bold;
	text-align: center;
	display:	inline;
	display:	inline-block;
/*
	padding-bottom:	15px;
	border-bottom:	1px solid rgb(0, 52, 102);
*/
	margin-left:	auto;
	margin-right:	auto;
	line-height:	1.5em;
}
h1.title{
	color:	#333;
}
	/* タイトル英語版 */
.titleEnglish{
	text-align:		center;
	font-size: 		16px;
	font-weight: bold;
	color: 			#02aaf0;	/* 薄い水色 */
	margin-bottom:	10px;
}

	/* :not()　→　除外するセレクタを指定 */
/*h2:not(.sectionTitle):not(.titlePage):not(.titleMain){	/*  */
h2:not(.sectionTitle){	
  font-size: 28px;
	margin: 	0px auto 20px auto;
	color:		#333333;
	line-height:	1.5em;
}
h2.title{
	color:	#3D9D9C;
	font-size:	28px;
}
h2.title.alignCenter{
	text-align:	center;
	position:	relative;
	margin-bottom:	50px;
}
h2.title.alignCenter::after{
	content:	"";
	position:	absolute;
	width:		100px;
	border-bottom:	5px solid #3D9D9C;
	bottom:		-25px;
	left:		50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
	/* AND条件　→　連結で記述 */
h3:not(.catch):not(.reasonTitle):not(.voiceTitle):not(.Title):not(.titleSub):not(.titleEnglish){
	font-size: 	40px;
	line-height:	1.6em;
	letter-spacing:	4px;	/*  */
}
h3.title{
	color:			#000;
	font-size:		40px;
	font-weight:	900;
}
body.single-cpt_pfc h3.title{
	font-size:	30px !important;
}
h3.title.back{
	color:			#000;
	font-size:		24px !important;
	font-weight:	bold;
	background-color:	#F8F8F8;
	border-radius:	10px;
	padding:		30px;
	margin-bottom:	50px;
}

h4:not(.widget-title){
	position:	relative;
	font-size: 	18px;
	margin: 	0px auto 20px auto;
	color:		#388e8d;
	font-weight:	normal;
	border-bottom:	2px solid #388e8d;
	line-height:	1.8em;
	letter-spacing:	4px;	/*  */
}
h4:not(.widget-title)::after{
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	width: 150px;

}
h4.title{
	color:			#000;
	font-size:		28px;
	font-weight:	bold;
	padding-bottom:	10px;
	border-bottom:	4px solid #000;
}
h5{
	font-size: 	22px;
	margin: 	0px auto 15px auto;
	color:		#333333;
	font-weight:	bold;
	line-height:	1.5em;
	letter-spacing:	4px;	/*  */
}
h5.title{
	color:			#000;
	font-size:		28px;
	font-weight:	bold;
}
body.single-cpt_pfc h5.title{
	font-size:	24px !important;
}
.titleLarge{
	font-size:		30px;
	font-weight:	900;
}
.titleMedium,
h5.h5big{
	font-size:		24px !important;
	font-weight:	bold;
	margin-bottom:	30px;
}
h6{
	font-size: 	20px;
	margin: 	0px auto 15px auto;
	color:		#388e8d; /* Navy Blue */
	font-weight:	normal;
	line-height:	1.5em;
	letter-spacing:	4px;	/*  */
}
h6.title{
	color:	#3D9D9C;
	font-size:		24px;
	font-weight:	bold;
}
body.single-cpt_pfc h6.title{
	font-size:	18px !important;
}
.imageOverlap img{
	width:	41% !important;
	height:	auto !important;
}
.imageOverlap img + img{
	margin-left:	-17%;
}
.textRegular{
	font-weight:	normal;
	font-size:		15px;
}
.textMedium{
	font-weight:	500;
	font-size:		15px;
}
.project{
	font-size:	16px;
  	font-family: "Noto Sans JP";
	font-weight:	600;
	font-style:		italic;
}
.case{
	color:	#3D9D9C;
	font-size:	20px;
  	font-family: "Noto Sans JP";
	font-weight:	500;
}
.vertical{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-bottom:	auto !important;	/* 上に配置する */
}
.titleUnderline{
/*	display:	inline-block;	/* これだと複数行ならない */
	display:	inline;			/* 複数行になるがmarginが効かない */
	font-size: 	24px;
	margin: 	0px auto 20px auto;
	font-weight:	bold;
	line-height:	1.5em;
	background:		linear-gradient(transparent 60%,#fff100 60%);
}
/* 左右いっぱいに伸びた横線 */
/* https://junpei-sugiyama.com/left-right-side-line/ */
.line-both {
	font-size:		28px;
  	font-family: "Roboto";
	font-weight:	500;
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
}
.line-both::before,
.line-both::after {
  background-color: #000; /* 横線の色 */
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 4px; /* 横線の高さ */
}
.line-both::before {
  margin-right: 50px; /* 文字との余白 */
}
.line-both::after {
  margin-left: 50px; /* 文字との余白 */
}
p.titleCheck{
	font-size: 	20px;
	font-weight:	500 !important;
	font-weight:	normal;
	line-height:	1.5em;
}
p.titleCheck::before{
	position:	relative;
	content:	url(./images/common/check-icon.png);
	top:		5px;
	left:		0px;
	margin-right:	20px;
}
p.titleCheck i{
	margin-right:	10px;
	font-size: 		30px;
	color:			#df2e05;
	vertical-align:	bottom;
}
.Padding00{
	padding:	30px 0px;
}
.Padding{
	padding:	30px;
	border:		1px solid #cecece;
}
.Padding00:before,
.Padding00:after,
.Padding:before,
.Padding:after {
	content: "";
	clear: both;
	display: block;
}
.box_gray{
	background-color:	#f2f2f2;
	border:				none;
}
.box_green{
	background-color:	#e0eede;
	border:				none;
}
.box_blue{
	background-color:	#d5f4f7;
	border:				none;
}
.box_brown{
	background-color:	#f5f2dd;
	border:				none;
}
.box_white{
	background-color:	#fff;
}
.box_padding{
	padding:			60px 0px !important;
}
.box_kadomaru{
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
hr{
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin-top:	30px;
	margin-bottom:	30px;
}
hr.solid{
	border-top: 1px solid #cccccc;
}
hr.dotted{
	border-top: 1px dotted #cccccc;
}
table{
	width:				100%;
/*	border-top:			1px solid #cecece;*/
	border-left:		1px solid #cecece;
	fon-size:			13px;
}
table tr:first-child{
		/* <table>に設定するとレスポンシブ動作時にはみ出る */
	border-top:			1px solid #cecece;
}
table th{
	background-color:	#E6F6F6;
	font-size:	14px;
}
table th,
table td{
	padding:			25px;
	vertical-align:		middle;
	border-right:		1px solid #cecece;
	border-bottom:		1px solid #cecece;
	font-size:	15px;
	font-weight:	normal;
}
table.free-items{
	margin:		40px auto;
}
table.free-items th,
table.free-items td{
	padding:			15px 30px;
}
table.free-items th{
	font-weight:	normal;
	min-width:		150px;
}
table.leftTh th{
	width:		30%;
}
table.topTh th{
/*	width:		33.33%;*/
}
table .center{
	text-align:	center;
}
table .right{
	text-align:	right;
}

	/* 経歴用 */
.Career{
	max-width:		800px;
	margin-left:	auto;
	margin-right:	auto;
}
.itemCareer{
	padding:		25px 0px;
	border-bottom:	1px solid #ccc;
}
.itemCareer:first-child{
	border-top:		1px solid #ccc;
}
	/* 紹介用 */
.Introduce{
	max-width:		800px;
	margin-left:	auto;
	margin-right:	auto;
}
.itemIntroduce{
	padding:		25px 0px;
	font-weight:	normal;
	font-size:		15px;
	border-bottom:	1px solid #ccc;
}
.itemIntroduce:first-child {
	border-top:	1px solid #ccc;
}
.border-none .itemIntroduce{
	padding:		15px 0px;
	border-bottom:	none;
}
.border-none .itemIntroduce:first-child {
	border-top:	none;
}
.itemIntroduce .boxLeft{
	width:	16.66%;		/* 200/1200 */
	padding:		0px 20px;
}
.itemIntroduce .boxRight{
	width:	83.33%;		/* 1000/1200 */
	padding:		0px 20px;
}
.numBig{
	color:	#3D9D9C;
	font-size:	44px;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	bold;
}
	/* 番号付きのタイトル */
.titleNumber1{
	font-size: 		22px;
	font-weight:	700;
	line-height:	1.5em;
	margin-bottom:	20px !important;
}
.titleNumber1 .num{
	font-size: 40px;
	line-height:	1.1em;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	bold;
	color:		#000;
	padding-right:	10px;
	border-right:	2px solid #000;
	margin-right:	20px;
	display:		inline-block;
}
.titleNumber1 .text1{
	display:		inline-block;
	vertical-align:	5px;
}
.titleNumber1 .text2{
	display:		inline-block;
	vertical-align:	-5px;
}

.titleNumber2{
	font-size: 		20px;
	font-weight:	500;
	margin-bottom:	30px !important;
}
.titleNumber2 .num{
	font-size: 25px;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	normal;
	padding:		10px 15px 10px 20px;
	border-radius:	5px;
	background-color:	#3D9D9C;
	margin-right:		25px;
	color:				#fff;
}
.titleNumber2 .textAlpha{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	normal;
	padding:		10px 30px 10px 35px;
	border-radius:	5px;
	background-color:	#3D9D9C;
	margin-right:		25px;
	color:				#fff;
}
	/* Q&A */
.QandA{
	max-width:		800px;
	margin-left:	auto;
	margin-right:	auto;
  font-weight: 500;
}
.itemQandA{
	padding:		30px;
	border-bottom:		3px solid #000;
}
.itemQandA:first-child{
	border-top:		3px solid #000;
}
.itemQandA .boxLeft{
	width:	10%;
}
.itemQandA .boxRight{
	width:	90%;
}
.itemQandA .mark{
	display:	inline-block;
	font-size: 30px;
/*	padding:	7px 10px;	/*  */
}
.itemQandA .Q{
	width:			100%;
	margin-bottom:		30px;
}
.itemQandA .Q .boxRight{
}
.itemQandA .A .boxRight{
	font-size: 14px;
}

.itemQandA p{
display: none;
}
	/* Q&A アコーディオン */
	/* https://webdesignday.jp/inspiration/technique/css/5316/ */
.acd-check{
    display: none;
}
.acd-label{
}
	/* 開くアニメ */
.acd-content{
/*    height: 0;		/* これがあると閉じる徳のアニメーション効かない */
    max-height:	0px;
    opacity: 0;
    visibility: hidden;

	overflow:	hidden;

/*    transition: max-height 0.5s;	/*  */
/*    transition: all 1.5s linear 0.5s;	*/

	/* 閉じるアニメーション */
	/* 閉じる時はopacityが完了してからmax-heightが始動するようだ */

	/* 可視化（opacity）とプルダウン（max-height）共用
    -webkit-transition: all 1.0s linear;
    -moz-transition: all 1.0s linear;
    -o-transition: all 1.0s linear;
	transition: all 1.0s ease-in-out;
/*  */

	/* 可視化（opacity）とプルダウン（max-height）を別指定 */
	/* 即座に消えてスッと閉じる */
    -webkit-transition: opacity 0.2s linear, max-height 0.3s ease-out;
    -moz-transition: opacity 0.2s linear, max-height 0.3s ease-out;
    -o-transition: opacity 0.2s linear, max-height 0.3s ease-out;
	transition: opacity 0.2s linear, max-height 0.3s ease-out;
/*  */
}
/*.acd-check:checked + .acd-label + .acd-content{	/* 同じ */
.acd-check:checked ~ .acd-label ~ .acd-content{	/*  */
/*   height: auto;		/* これがあると閉じる徳のアニメーション効かない */
    max-height:	10000px;
    opacity: 1;
    visibility: visible;

	/* 開くアニメーション */

	/* 可視化（opacity）とプルダウン（max-height）共用
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
	transition: all 1.5s linear;
/*  */

	/* 可視化（opacity）とプルダウン（max-height）を別指定 */
	/* スッと開いてじわじわ見えてくる */
    -webkit-transition: opacity 1.5s linear, max-height 0.5s ease-out;
    -moz-transition: opacity 1.5s linear, max-height 0.5s ease-out;
    -o-transition: opacity 1.5s linear, max-height 0.5s ease-out;
	transition: opacity 1.5s linear, max-height 0.5s ease-out;
/*  */

}
	/* acd-content 内部の処理 */
.acd-check:checked ~ .Q.acd-label{
}
.acd-check ~ .acd-label .check:before{
	content:'+';
	font-size:	40px;
	color:		#000;
}
.acd-check:checked ~ .acd-label .check:before{
	content:'-';
	font-size:	50px;
}
.Accordion .Q .boxRight{
	width:	85%;
}
.Accordion .Q .boxCheck{
	width:	5%;
	text-align:	right;
}
.Accordion .Q .boxCheck .check{
	text-align:	right;
	color:		#fff;
}
.Talk{
}
.Talk .boxFace{
	width:	100px;
	margin-left:	0px;
	margin-right:	50px;
}
.Talk .flexRevers .boxFace{
	width:	100px;
	margin-left:	50px;
	margin-right:	0px;
}
.Talk .boxFree{
	font-size:			15px;
	background-color:	#F8F8F8;
	padding:			30px;
	font-weight:		normal;
}
#Plan .boxThird {
	width:		31.66%;		/* 380/1200 */
	margin-right:	2.5%
}
#Plan .boxThird:last-child {
	margin-right:	0px;
}
#Plan .titlePlan{
	height:			100px;
	line-height:	100px;
	text-align:		center;
	font-size:		20px;
	font-weight:	bold;
	margin-bottom:	0px;
	color:			#fff;
}
#Plan .boxInner{
	padding:	25px;
}
#Plan .boxPrice{
	font-weight:	bold;
	padding-bottom:	30px;
	border-bottom:	1px solid #eee;
	margin-bottom:	30px;
}
#Plan .boxPrice .price{
	text-align:		center;
	font-size:		18px;
	margin-bottom:	0px;
}
#Plan .boxPrice .price span{
	color:			#D50501;
	font-size:		40px;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	bold;
}
#Plan .boxDetail{
	list-style-type:	disc;
	margin-left:	20px;
	font-size:		15px;
	margin-bottom:	50px;
	font-weight:	normal;
}
	/* トップページを除く固定ページの本文と投稿の本文<a>は青 */
/*
body.single .content a,
body.page:not(.home) .content a{
	color:			#04c;
	text-decoration:	underline;
}
*/
	/* トップページを除く固定ページの<p>の下スペース */
body.single .content p,
body.page:not(.home) .content p{
	margin-bottom:		20px;
}
.back-svg{
	-webkit-mask: url("./images/common/agmiru-logo-white.png") no-repeat center center / contain;
	mask: url("./images/common/agmiru-logo-white.png") no-repeat center center / contain;
	-webkit-mask: url("./images/common/logo-agmiru-footer.svg") no-repeat center center / contain;
	mask: url("./images/common/logo-agmiru-footer.svg") no-repeat center center / contain;
	width:	300px;
	height:	30px;
	background: white;
}
.backColor-red{
	background: red;
}
.filter-red{

	/* https://angel-rs.github.io/css-color-filter-generator/ */
/*	filter: brightness(0) saturate(100%) invert(0%) sepia(92%) saturate(7418%) hue-rotate(277deg) brightness(111%) contrast(101%);	/* #000000 */
/*	filter: brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(3284%) hue-rotate(90deg) brightness(125%) contrast(126%);	/* #0f0 */
	filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(7456%) hue-rotate(358deg) brightness(106%) contrast(112%);	/* #f00 */
}
/*--------------------------------------------------------------------*/
/* ランディングページ ###LandingPageTemplete */
	/* フォント */
body.page-template-templete-LandingPage{
	font-family: Verdana,  "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.page-template-templete-LandingPage h1,
body.page-template-templete-LandingPage h2,
body.page-template-templete-LandingPage h3,
body.page-template-templete-LandingPage h4,
body.page-template-templete-LandingPage h5,
body.page-template-templete-LandingPage h6,
.copyright{
	font-family: Verdana,  "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	/* メインビジュアル背景画像 */
.imageBackCover img{
	width:		100%;
	height:		600px;
	object-fit:	cover;
}
	/* メインビジュアル背景マスク */
body.page-template-templete-LandingPage .MaskBlack{
/*	background-color: transparent;		/* マスク除去するにはコメントをとる（この行を有効にする） */
}
body.page-template-templete-LandingPage .titleMV{
	font-weight:	bold;
	border-left:	none !important;
	padding-left:	0px !important;
}
	/* フッターCTA */
body.page-template-templete-LandingPage footer section#CTA{
	background-color:	#1A5783;		/* 背景色 */
}
body.page-template-templete-LandingPage footer section#CTA .ctaTitle,
body.page-template-templete-LandingPage footer section#CTA .description{
	color:				#fff;
}
@media screen and (max-width: 1024px) {
	body.page-template-templete-LandingPage .boxTow{
		width:		100%;
		margin-right:	0px;
		padding-bottom:	30px;
	}
	body.page-template-templete-LandingPage #MainVisual-001 .imageBackCover img{
		height:	700px;
	}
}
/*--------------------------------------------------------------------*/
/* ステップテーブル */
table.Step,
table.Step tr,
table.Step tr:first-child,
table.Step th,
table.Step td{
	border:		none;
}
table.Step th,
table.Step td{
	padding:	10px;
}
table.Step td.step{
	font-size:	18px;
	font-weight:	bold;
  	font-family: "Noto Sans JP";
	color:	#3d9d9c;
	width:	100px;
	vertical-align:		top;
}
table.Step td.line,
table.Step td.none{
	width:	50px;
}
table.Step td.line{
	border-right:	2px solid #ccc;
}
table.Step tr:last-child td.line{
	border-right:	none;
}
table.Step td.title{
	padding-left:	100px;
  	font-size: 22px;
  	font-weight:	bold;
}
table.Step td.content{
	padding-left:	100px;
	padding-bottom:	30px;
}


/* ステップ */
.blockStep{
	position:	relative;
	margin-bottom:	20px;
}
.blockStep .step{
	font-size:	18px;
  	font-family: "Noto Sans JP";
	color:	#3CBCEB;
	
}
.blockStep .content{
	margin-left:	50px;
	border-left:	2px solid #ccc;
	padding-left:	150px;
	padding-bottom:	30px;
}
.blockStep:last-child .content{
	border-left:	none;
}
.blockStep .title{
	position:	absolute;
	top:		0px;
	left:		200px;
  	font-size: 22px;
  	font-weight:	bold;
}
.blockStep .text{
	margin-bottom:	0px !important;
}
/*--------------------------------------------------------------------*/
/* テキストのアニメーション */
.titleAnm span{
	display:	inline-block;
	font-size:	95px;
	padding:	0px 7px;
	color:		#fff;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	bold;
	transition-timing-function:	cubic-bezier(.215,.61,.355,1) !important;
}
.titleAnm > .titleSection{
	margin-top:	-20px;
	position:	relative;	/* 全面に出すため */
	font-size:	18px;
}
/*--------------------------------------------------------------------*/
/* マーカーのアニメーション */
.marker-line {
	font-weight: bold;
	background-repeat: no-repeat !important;
	background-size: 200% 100% !important;
	background-position: 200% 0 !important;
	transition: 2.5s;
}
.marker-execute-expand {
	background-position: 100% 0 !important;
}
.marker-b {
	background: linear-gradient(transparent 40%,#DBF3F7 45%);
	width:		fit-content;
	margin:		0px !important;
	margin-bottom:		20px !important;
	line-height:	1.2em;

}

/*--------------------------------------------------------------------*/
/* トップページ各セクション */
	/* スライダーの直下の場合 */
body.home .container{
/*	padding-top:	100px;	/*  */
	background: #fff !important;	/* パララックスのためのマスク：標準で付加 */

		/* 2021.2.22 1.4.6  */
		/* ヒーローヘッダーパララックス時にコンテンツ部の高さが2000px未満でコンテンツ最下部にmargin-bottomがあるとヒーローヘッダーが見える */
/*	padding-bottom: 0.01px; /* これでもよい　下で不具合が生じる場合はこちらを適用 */
	overflow: hidden;

}
	/* カルーセルの直下(隣接)の場合 */
body.home .textwidget + .container{
	padding-top:	30px;
}
body.home section{
	padding:		90px 0px;
	position:		relative;
	margin-bottom:	0px;
}
body.home section .text{
	margin-bottom:	20px;
}

body.home #TopMainVisual{
}
body.home #TopMainVisual .boxContent .catch-copy{
	font-size:	45px;
	text-align:	center;
	color:		#fff;
	margin-bottom:50px;
	letter-spacing:	10px;
}
body.home #TopMainVisual .boxContent .titleAnm span {
	display: inline-block;
	font-size: 45px;
	padding: 2px;
	color: #fff;
	font-family: 	'Noto Sans JP';
	font-weight: bold;
	transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
}
body.home #TopMainVisual .boxContent .boxPrice{
	width:			100%;
	width:			fit-content;	/* 中央揃え */
	max-width:		450px;
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom:	70px;
}
body.home section .btnLink a{
	height: 60px;
	line-height: 60px;
	border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
body.home #TopMainVisual .boxContent .description{
	text-align:	right;
	font-size:	22px;
}
body.home #TopMainVisual .boxContent .price{
	font-size:	70px;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	bold;
}
body.home #TopMainVisual .boxContent .riyouryou{
	width:			180px;
}
body.home #TopMainVisual .boxContent .ruikei{
	width:			250px;
}
body.home #TopMainVisual .boxContent .ruikei img{
	margin-bottom:	0px !important;
	width:			auto;
}
body.home #TopMainVisual .boxContent .ruikei .t-test{
	text-align:	center;
}
body.home #TopMainVisual .boxContent .ruikei .ichiman{
	font-size:	38px;
	font-family: 'Roboto', sans-serif;	/*  */
	font-weight:	bold;
}
body.home #TopMainVisual .boxContent .ruikei .ijou{
	-ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	  text-align: center;
}
	/* スマホ3連 */
body.home #TopMainVisual .imageOverlap2{
	padding:	30px 0px;	/* 真ん中スマホの上下スペース */
}
body.home #TopMainVisual .imageOverlap2 img{
	width:		42%;
}
body.home #TopMainVisual .imageOverlap2 .absover{
	position:	absolute !important;
	width:		46.5%;
	height:		auto;
	margin-left:	auto;
	margin-right:	auto;
	left:			0px;
	right:			0px;
}
	/* ボタン両サイドの男女 */
body.home #TopMainVisual .boxText .btnLink{
}
body.home #TopMainVisual .boxText .btnLink a{
	position:	relative;
	background-position: 73% center;
	max-width: 550px;
}
body.home #TopMainVisual .boxText .char{
	position:	absolute;
	bottom:		-1px;
	width:		auto;
}
body.home #TopMainVisual .boxText .char.man{
	left:	5%;
	height:	177px;
}
body.home #TopMainVisual .boxText .char.woman{
	right:	5%;
	height:	160px;
}
body.home #TopMainVisual .boxText .guid{
	text-align:		center;
	font-weight:	bold;
	font-size:		18px;
}
body.home #TopMainVisual .boxText .guid a{
	text-decoration:	underline;
	color:				#fff;
}
	/* 4つのスマホ　2025.6.3 */
body.home #TopMainVisual .boxImage .boxTow{
	width:			48%;
	margin-right:	0px;
}
body.home #TopMainVisual .boxImage .boxTow .spImage{
	margin-bottom:	10px;
}
body.home #TopMainVisual .boxImage .boxTow .apl,
body.home #TopMainVisual .boxImage .other{
	text-align:		center;
	font-weight:	bold;
	font-size:		19px;
}
body.home #TopMainVisual .boxImage .other{
	color:		#F6CA81;
}
body.home #Toppage-Slider{
}
body.home section#TopSlowSlider{
	padding:		0px;
}
	/* メインビジュアル 背景の幾何学模様が左上から右下に斜めにゆっくり動く */
body.home section#TopMainVisual{
	margin-bottom:		0px;
	background-color:	#fff;
}
	/* 	
		.backAnmSlowRightTopToLeftBottomには背景画像が設置される。
		上下左右repeatにすることで、どのような領域でも背景画像を斜めに移動しても全体に背景画像が表示されるように。
		背景画像はキーフレームで1つ分をゆっくりスライド（background-position:画像幅 画像高）させる。
		こうすることで斜めの移動への対応が簡単になる。→ロゴスライダーのように画像要素を複数縦横に並べるのは、表示されないポジションが出ないようにする考慮が必要。
		1つ分移動したら最初に戻る。
		これを永久に繰り返す。
	*/
.backAnmSlowRightTopToLeftBottom{
	background: url(images/top/toppage-mainvisual-backgroung.png) repeat;
	-webkit-animation: background_LeftTop_RightBottom_scroll 40s linear infinite;
	animation: background_LeftTop_RightBottom_scroll 20s linear infinite;
	background-size:	1680px 1089px;	/* 実寸 */
	padding-top:	120px;
	padding-bottom:	70px;
}
		
		@-webkit-keyframes background_LeftTop_RightBottom_scroll {
		  0% {
		    background-position: -1680px -1089px;
		  }
		  100% {
		    background-position: 0px 0px;
		  }
		}
		@keyframes background_LeftTop_RightBottom_scroll {
		  0% {
		    background-position: -1680px -1089px;
		  }
		  100% {
		    background-position: 0px 0px;
		  }
		}

		@-webkit-keyframes background_LeftTop_RightBottom_scroll_transform {
		  0% {
		    transform:translate(-100%,-100%)
		  }
		  100% {
		    transform:translate(0,0)
		  }
		}
		@keyframes background_LeftTop_RightBottom_scroll_transform {
		  0% {
		    transform:translate(-200%,-200%)
		  }
		  100% {
		    transform:translate(-100%,-100%)
		  }
		}

	/* ロゴスライダー　右から左にゆっくり動く */
	/* 	
		.itemBackLogには背景画像（または画像<img>）が設置される。
		.itemBackLogを3つ並べて、キーフレームで1つ分をゆっくりスライド(transform:translateX())させる。
		1つ分移動したら最初に戻る。
		これを永久に繰り返す。
		3つ並べることで6000pxなどの超幅広でも表示できる。
	*/
.wrapLogoAnm{
	display: 	flex;		/* ２つ並べる */
	overflow: 	hidden;
	width:		7800px;		/* 2600x3の領域を確保　この中でitemBackLogoを動かす */
}
	/* 背景画像を装備した要素　自身で画像サイズと同じ領域を確保 */
.itemBackLogo {
	animation:background_Right_Left_Horizontal_scroll 40s linear infinite;
	background:url(images/top/marquee_logo-pc.jpg) repeat-x;	/*  */
	background-size:2600px 182px;
	width:2600px;
	height:182px;
}
@media (max-width:640px) {
	.wrapLogoAnm{
		width:		3024px;		/* 1008x3の領域を確保　この中で2つbackLogoAnmSlowRightToLeftを動かす */
	}
	.itemBackLogo {
	  animation:background_Right_Left_Horizontal_scroll 20s linear infinite;
	  background:url(images/top/marquee_logo-sp.jpg) repeat-x;
		background-size:	1008px 196px;
	  height:196px;
	  width:1008px;
	}
}
	/* .itemBackLogoを1つ分左に移動する */
	@-webkit-keyframes background_Right_Left_Horizontal_scroll {
	  0% {
	    transform:translateX(0)
	  }
	  100% {
	    transform:translateX(-100%)
	  }
	}
	@keyframes background_Right_Left_Horizontal_scroll {
	  0% {
	    transform:translateX(0)
	  }
	  100% {
	    transform:translateX(-100%)
	  }
	}


	/* トップページのヘッダーは上から降りてくるアクション */
body.home header{
/*	position:	fixed;		/* トップページだけはスライダーの上にかぶせるため　そうでないとPADRONEのようにするしかない */
	height:	0px;	/* なぜかこの部分も左端で動くので、高さを０にして誤魔化す */
}
body.home .drawer-navbar--fixed {
/*		position:	absolute;		/* トップページだけはスライダーの上にかぶせるため　そうでないとPADRONEのようにするしかない */
/*	top:	-80px;					/*  */
/*	animation-delay:	1s;			/* この時間だけ最終形が表示されてしまうのでヤメ */
	animation-duration: 1.5s;
/*    animation-name: slidein;		/* ###HeaderSlideDown */
}
@keyframes slidein {
    from {
/*      top: -70px;						/* CPU */
       transform: translateY(-80px);	/* GPU */
/*		position:	absolute;		/* トップページだけはスライダーの上にかぶせるため　そうでないとPADRONEのようにするしかない */
    }

    to {
/*        top: 0px;					/* CPU */
       transform: translateY(0px);	/* GPU */
/*		position:	fixed;		/* トップページだけはスライダーの上にかぶせるため　そうでないとPADRONEのようにするしかない */
    }
}
.RelativeBase{
	position:		relative;
}
section.navy{
	background-color:	#0168b7;	/* 0168b7 */
	color: rgb(255, 255, 255);
}
section.lightblue{
	background-color:	#a2d5f0;	/* lightblue */
}
section.gray{
	background-color:	#f2f2f2;	/* gray */
}
section .sectionMainTitle {
	font-size: 35px;
}
.titleGreen{
	color:	#3d9d9c;
	font-size:	20px;
	font-weight:	bold;
}
section .sectionTitle {
	font-size: 35px;
	text-align: center;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */
	border-left:	none;
	position:	absolute;
	left:		0px;
	right:		0px;
	bottom:		7px;
}
section.navy .sectionTitle {
	color: rgb(255, 255, 255);
	border-bottom:	1px solid #fff;
}
section.white .sectionTitle {
}
	/* */
	/* タイトル英語版 */
body.home .titleEnglish{
	text-align:		center;
	font-size: 		80px;
	font-family: 'Roboto', sans-serif;	/*  */
	color: 			#eee;	/* 薄い水色 */
	letter-spacing:	5px;
	line-height:	1em;
}
section .description {
	font-size: 14px;
}
	/* スライダー */
body.home #TopSlowSlider{
	position:	relative;
}
	/* マスク */
/*	マスクはsmart slider のtext barで実行
body.home #TopSlowSlider #wrapTopSlider .n2-ss-slider-3 .n2-ss-slide-backgrounds .n2-ss-background-image{
	background-color:	#02aaf0;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity:0.40;
	opacity:0.40;
}
	/* スライダー　TEXT BAR のテキストを非表示 */
/*
.n2-style-1aa51820e61c9ca4ca8936156d849bba-simple .n2-ow .n2-ow,
.n2-style-a982203d8597a0f9060835ae9309810b-simple .n2-ow .n2-ow{
	display:	none;
}
*/
body.home .TableBase{
	display:	table;
}
.headerHero .v-center,
body.home .absOverCenter{
/*
	display:	table-cell;
	vertical-align:	middle;
*/

	position:	absolute;
	width:		100%;
	height:		100%;
			/* 上下左右中央寄せ */
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
  	margin:	auto;

}
	/* 親要素に対して上下中央 */
.headerHero .v-center,
body.home .absOverCenter .verticalCenter{
	position:	absolute;
	width:		100%;
	top:		50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
body.home #TopSlowSlider .absOverCenter .verticalCenter{
	top:		56%;
}
	/* キャッチ */
body.home #TopSlowSlider #catch{
}

	/* オーバーラップ */
body.home section .Overlay{
	position:	absolute;
	background-color:	rgba(0,0,0,0.5);
	bottom:		0px;
	padding:	10px 30px;
	color:		#fff;
	width:		100%;
	height:		100%;
}
	/* 基本要素 */
body.home section h5,
body.home section h6,
body.home section .text{
}
body.home section h5,
body.home section h6{
	text-align:	center;
}
.titlePage.cWhite,
.cWhite{
	color:	#fff !important;
}

/* 各セクションの個別設定 */
section#TopCarousel{
	padding-top:	60px;	/* <header>の高さ */
	margin-bottom:	0px !important;
	background-color:	#fff;
}
	/* 画像部 */
section#TopCarousel .slick-list{
	margin-bottom:	25px;
}
	/* ドット */
section#TopCarousel .wpsisac-slick-carousal .slick-dots li button {
 	background: #000 !important;
 	border:		none;
}
section#TopCarousel .wpsisac-slick-carousal .slick-dots li.slick-active button {
 	background: #b2b2b2 !important;
}

	/* Smart Slider 3 PRO */
	/* ショーケースの左右コントロールリンク 中央要素の両側に配置 (フルワイド - 要素幅) ÷ 2 */
#PickupContents .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-previous,
#PickupContents .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-next,
#About .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-previous,
#About .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-next{
	top:	50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#PickupContents .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-previous,
#About .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-previous{
	left: calc(((100vw - 1000px) / 2) - 40px) !important;
}
#PickupContents .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-next,
#About .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-next{
	right: calc(((100vw - 1000px) / 2) - 25px) !important;
}


	/* 左右端に矢印　PAY FORWAR CIRCULATION   バナー */
#PayForwordCirculation .nextend-arrow-animated-fade img,
#BannerSlider .nextend-arrow-animated-fade img{
	display:	none !important;
}
#PayForwordCirculation .nextend-arrow-animated-fade,
#BannerSlider .nextend-arrow-animated-fade{
	background-repeat:	no-repeat !important;
	background-position: center center !important;
	width:	70px;
	height:	80px;
	padding:	0px !important;
}
#PayForwordCirculation .n2-ss-slider-controls-absolute-left-center .nextend-arrow-animated-fade,
#BannerSlider .n2-ss-slider-controls-absolute-left-center .nextend-arrow-animated-fade{
	background-image:	url("./images/top/arrow-left-white.png") !important;
}
#PayForwordCirculation .n2-ss-slider-controls-absolute-right-center .nextend-arrow-animated-fade,
#BannerSlider .n2-ss-slider-controls-absolute-right-center .nextend-arrow-animated-fade{
	background-image:	url("./images/top/arrow-right-white.png") !important;
}
	/* hoverの紫→gray */
.nextend-arrow-animated-fade:hover,
.nextend-arrow-animated-fade:active,
.nextend-arrow-animated-fade:focus {
/*
	background: RGBA(95,57,194,1);
	background:	 RGBA(51,51,51,1) !important;
*/
	background-color:	 #888 !important;
	opacity:	0.67 !important;
}
#PayForwordCirculation .btnWrap .btnArrow4{
	font-size:	12px;
	color:		#27A2A0;
}
#PayForwordCirculation .btnWrap .btnArrow4::before,
#PayForwordCirculation .btnWrap .btnArrow4::after{
	background: #27A2A0;
}
/*
#PayForwordCirculation .meta-cate-pfc p{
	width:			fit-content;
	padding:		3px 10px;
	border-radius:	5px;
	margin-top:		-10px;
	margin-left:	20px;
}
*/
#PayForwordCirculation .meta-cate-pfc p{
	font-family: 	'Noto Sans JP';
}
	/* スライダーの制御　PCのみ */
		/* タクソノミ */
#PayForwordCirculation .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer-row-inner .meta-cate-pfc{
}
		/* 見出し */
#PayForwordCirculation .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer-row-inner .pcfTitle .n2-ss-text{
	font-family: 	'Noto Sans JP';
	font-weight:	normal;
}
		/* 日付　VIEW MORE */
#PayForwordCirculation .n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .n2-ss-layer-row-inner .pfcColumn2{
}

	/* スマホでの表示に適用される一覧リスト .wrapPfcArchive  */
.wrapPfcArchive .boxPost{
	width:			30.3%;
	margin-left:	1.5%;
	margin-right:	1.5%;
	border-radius:	5px !important;
	margin-bottom:	40px;
	overflow:		hidden;
}
.wrapPfcArchive .boxPost .boxImage{
	width:		100%;
	height:		250px;
	position:	relative;
}
.wrapPfcArchive .boxPost .boxImage img.eyecatch{
	width:		100%;
	height:		100%;
	object-fit:	cover;
	margin-bottom:	0px;
}
.wrapPfcArchive .boxPost .boxImage img.absTopLeft{
	position:	absolute;
	top:		20px;
	left:		20px;
}
.wrapPfcArchive .boxPost .boxFree{
	background-color:	#EFFBFB;
	padding:			30px;
	position:			relative;
	min-height: 		calc(100% - 250px);		/* 隣の要素のテキスト行が多いと高さが変るので、最低限の高さを確保 */
}
.wrapPfcArchive .boxPost .cate{
	position:		absolute;
	top:			-15px;
}
.wrapPfcArchive .boxPost .cate a{
	width:			fit-content;
	padding:		3px 10px;
	border-radius:	5px;
	background-color:	#27A2A0;
	color:		#fff !important;
	font-size:	12px !important;
}
.wrapPfcArchive .boxPost .boxFree .title{
	max-height:		55px;
	overflow:		hidden;
	margin-bottom:	15px;
	word-break: break-all;
}
.wrapPfcArchive .boxPost .boxFree .date{
	color:			#888;
	font-size:		11px !important;
}
.wrapPfcArchive .boxPost .boxFree .btnArrow4{
	font-size:	12px !important;
}

#BannerSlider .n2-ss-slide .n2-ss-section-main-content{
	padding:	0px !important;
}
	/* ユーザーの声 */
#UserVoice{
}
#UserVoice #VoiceSlide{
	padding-top:	60px;
}
#UserVoice .itemSlide{
/*
	min-width:	500px;
	max-width:	500px;
*/
	padding:	20px;
}
#UserVoice .itemSlide .boxLeft{
	width:	35%;
	text-align:		center;
}
#UserVoice .itemSlide .boxLeft .userPhoto{
	margin-bottom:	10px;
}
#UserVoice .itemSlide .boxLeft .name{
	font-weight:	bold;
	text-align:		center;
}
#UserVoice .itemSlide .boxRight{
	width:				60%;
	background-color:	#F6F3EE;
	border-radius:		10px;
	padding:			30px;
	position:			relative;
}
#UserVoice .itemSlide .boxRight:after{
	content: "";
	width: 0;
	height: 0;

	border-top: 15px solid transparent;
	border-right: 20px solid #F6F3EE;
	border-bottom: 15px solid transparent;
	border-left: 20px solid transparent;

	position: absolute;
	left: -40px;
	top: 50px;
}
#UserVoice .itemSlide .boxRight .feedback{
	font-size:		20px;
	font-weight:	bold;
	margin-bottom:	20px;
}
#UserVoice .itemSlide .boxRight .title{
	width:			90px;
	background-color:	#fff;
	text-align:		center;
	margin-bottom:	5px;
	font-size:		12px;
}
#UserVoice .itemSlide .boxRight .cont{
	font-size:		13px;
	margin-bottom:	10px;
}

	/* Priceの3連ボックス */
	/* 2022.9.30 中央寄せ */
#Price{
	padding:	100px 0px;
}
#Price .boxThree{
}
#Price .boxThree .boxUpper{
	background-color:	#b0b0b0;	/* gray */
	color:			#fff;
	padding-top:	20px;
	padding-bottom:	20px;
	text-align:		center;
	border-radius:		10px 10px 0px 0px;
}
#Price .boxThree .boxLower{
	padding:	40px 40px 0px;
	background-color:	#fff;
	border-radius:		0px 0px 10px 10px;
	min-height:	720px;
}
#Recommend .link-button .button,
#Price .boxThree .button{
	display:		block;
/* これ効かない
	height:			80px;
	line-height:	80px;
*/
	padding-top:	25px;
	padding-bottom:	25px;
	width:			90%;
	color:			#fff;
	background-color:	#b0b0b0;	/* gray */

	background-image:	url("https://wordpress-staging.agmiru.com/wp-content/uploads/2022/01/arrow-white-right.png");
	background-repeat:	no-repeat;
	background-position: 95% center;

	border-radius:		20px;
	margin-left:	auto;
	margin-right:	auto;
	max-width:		340px;
	text-align:		center;
}
.boxThree.plan-standard {
	margin-right: 20px;
}
#Price .boxThree.plan-standard .boxUpper,
#Price .boxThree.plan-standard .button{
	background-color:	#3d9d9c;
}
#Recommend .link-button .button{
	width:		48%;	/* 490/1100 */
}
#Recommend .link-button .button.line{
	background-color:	#06c655;	/* green */
}
#Recommend .link-button .button.record,
#Price .boxThree.plan-enterprise .boxUpper,
#Price .boxThree.plan-enterprise .button{
	background-color:	#274a5e;	/* Navy */
}
#Price .boxThree.plan-standard .boxLower{
}
#Price .boxThree .boxUpper p,
#Price .boxThree.plan-standard .boxUpper .price-campaign{
	margin-bottom:		0px;
}
	/* 影　内側に  */
#Price .boxThree.plan-free .boxLower{
/*	box-shadow: inset -20px 0px 20px 0px #eee;	/* 左辺 */
}
#Price .boxThree.plan-enterprise .boxLower{
/*	box-shadow: inset 20px 0px 20px 0px #eee;	/* 右辺 */
	box-shadow: inset 1px 0px 1px 0px #eee;	/* 右辺 */
}


	/* 高さ揃えるため */
#Price .boxThree .price-block{
	height:		100px;
	margin-bottom:	20px;
}
#Price .boxThree .price-block .price{
	line-height:	1.2em;
	text-align:		center;
}
#Price .boxThree .price-block .price .Num{
	font-size:		40px;
	font-weight:	bold;
}
#Price .boxThree.plan-standard .price-block .price .Num{
	color:	#ce0809;	/* ワイン */
}
#Price .boxThree.plan-enterprise .price-block .price .Num{
	color:	#3d9d9c;	/* ワイン */
}
#Price .mini{
	text-align:		center;
}
#Price .boxThree .check-green{
	margin-bottom:	50px;
}


/* 料金表 about_lp report */
#Price .boxThree{
    width:  		47% !important;
	padding: 		60px 40px;
    width:  		48.9% !important;		/* ###PriceBoxCompact */
	background-color: #fff;
	font-size:			16px;
}
#Price .boxFirst {
	background-color: #274a5e;	/* 紺 */
	color: #fff;
	padding: 		40px;
	text-align: center;
	border-radius: 10px;
}
#Price .plan-standard .boxFirst{
	background-color: #3d9d9c;
}
#Price .boxFirst .catch{
	padding:		10px 5px;
	border-radius: 20px;
	background-color:	#fff;
	color:				#274a5e !important;	/* 紺 */
	text-align:		center;
	font-size:			20px !important;
	margin-bottom:		30px !important;
}
#Price .plan-standard .boxFirst .catch{
	color:				#3d9d9c !important;	/* 緑 */
}
section#Price .price-title{
	font-size:		24px;
	font-weight:	bold;
	margin-bottom:	40px;
}
#Price .boxThree .price-block{
	height:		4em !important;
	margin-bottom:	0px !important;
}
#Price .boxThree .price-block .price{
	margin-bottom:	0px;
}
#Price .boxThree .price-block .perMonth{
	padding:	2px 5px;
	background-color:	#fff;
	color:				#333;
	font-size:	14px;
}
#Price .boxThree.plan-standard .price-block .price .Num ,
#Price .boxThree.plan-enterprise .price-block .price .Num {
	font-size:			55px;
	color: #fff !important;
	margin-left:		15px;
	margin-right:		15px;
	font-family:		'Roboto', sans-serif;

		/* 下揃えのため */
	line-height: 1em;
	display: inline-block;
	height: 48px;
}



#Price .boxSecond {
	padding: 		40px 20px;
	padding: 		40px 5px;		/* ###PriceBoxCompact */
}
#Price .boxSecond ul.check-green{
	margin-bottom:	0px;
}
#Price ul.check-green li {
	background-image: url("./images/common/check-green.png");
	background-repeat: no-repeat;
	background-position:	left 15px;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size:		16px;
	font-size:		15px;		/* ###PriceBoxCompact */
	line-height: 1.5;
	width:		47%;
	width:		49%;			/* ###PriceBoxCompact */
/*	letter-spacing:	0.03em;		/*  */
	margin-bottom:	5px;
}

#Price .boxThird {
	padding: 		30px;
	background-color: #F8F8F8;
	border-radius: 10px;
	text-align:	center;
	margin-bottom:	60px;
	float:		none;
	width:		100%;
}
#Price .boxThird .catch-gray{
	display:			inline-block;
	background-color:	#D7DBDC;
	padding:			5px 20px;
	font-weight:		bold;
	font-size:			18px;
	margin-bottom:		20px;
}
#Price .check-square-green li{
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 0.6em;
    text-align:		left;
    padding-left:	25px;
	margin-bottom:	15px;
	font-size:		15px;		/* ###PriceBoxCompact */
}
#Price .check-square-green li:before{
/*    border-radius: 50%; /*丸くする*/
    width: 15px; /*点の幅*/
    height: 15px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #3d9d9c; /*点の色*/
    margin-right:	10px;
}






section .boxContent .titleSub{
	color:			#388e8d !important;
	font-size:		14px;
	text-align:		left;
	margin-bottom:	20px;
}
section .boxContent .titleSub .large{
	font-size:		28px;
	font-weight:	bold;
}
body.home section .catch{
	color:			#000 !important;
	font-size:		24px;
	text-align:		left;
/*  font-family: "Noto Sans CJK JP";		/*  */
	margin-bottom:	20px;
	font-weight:	bold;
}
section .boxContent .text{
	margin-bottom:	0px;
	font-size:		15px;
	letter-spacing: 3px;
}
	/*  */
body.home section#News{
	padding:	40px 0px;
	margin-bottom:	0px;
}
section#News .boxLeft{
	flex:	1;
	margin-right:	50px;
}
section#News .boxRight,
section#News .boxRight a{
	width:	120px;
}
section#News .btnLink{
	margin-top:	0px;
	margin-bottom:	0px;
}
section#News .btnLink a.green{
	background-image:	url("./images/common/button-arrow-right-small-green.png");
	background-repeat:	no-repeat;
	background-position: 0px center;
	color:		#388e8d !important;
	font-size:	14px;
	height:	1.2em;
	line-height:	1.2em;
	text-align:	right;
	letter-spacing:	
}
.overlapLeft{
	margin-right:	-120px;
}
.overlapRight{
	margin-left:	-120px;
}
section#LogoMarguee{
	padding:	90px 0px;
	margin-bottom:	0px;
}
	/* 要素の高さ決定 */
section#AboutUs .imgCover .boxContent{
	height:		900px;
	align-items:	center;
}
section#AboutUs .imgCover .boxContent .boxFloatCenter{
	padding:	75px;
	width:		100%;
	max-width:	690px;
	margin-left:	4.76%;		/* 80/1680 */
	margin-right:	54.17%;		/* 910/1680 */
}
section#AboutUs #about02.imgCover .boxContent .boxFloatCenter{
	margin-right:	4.76%;		/* 80/1680 */
	margin-left:	54.17%;		/* 910/1680 */
}
section#AboutUs .imgCover .boxContent .backWhite{
	background-color: rgba(255,255,255,0.9);
}
body.home #Service .flexRevers .boxRight,
body.home #Service .boxLeft{
	padding-left:	0px;	/*  */
	padding-right:	50px;	/*  */
}
body.home #Service .flexRevers .boxLeft,
body.home #Service .boxRight{
	padding-left:	50px;	/*  */
	padding-right:	0px;	/*  */
}
body.home #Service .img{
	margin-bottom:	20px;
}
	/* 会社概要 */
section#Company .boxThirdCollapse{
	border-left:	2px solid #fff;
	border-right:	2px solid #fff;
}
section#Company .boxThirdCollapse .boxContent{
	height:		660px;
	align-items:	center;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;

	overflow: hidden;	/* これがないと、はみ出した.boxFloatCenterにマウスが作用して、おかしな挙動になる */
}
section#Company .boxThirdCollapse .boxContent .position{
	18px;
	margin-bottom:	10px;
}
section#Company .boxThirdCollapse .boxContent .name{
	22px;
	border-left:	none;
	padding-left:	0px;
	text-align:		center;
}
section#Company .boxThirdCollapse .boxContent .boxFloatCenter{
	padding:	30px;
	width:		100%;
	max-width:	300px;
	margin-left:	auto;		/* 80/1680 */
	margin-right:	auto;		/* 910/1680 */
	top:		300px;			/* 位置を下方に */
	position:	relative;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
section#Company .boxThirdCollapse .boxContent:hover{
	background-color: rgba(56,142,141,0.8);			/* 透明マスク緑 */
}
section#Company .boxThirdCollapse .boxContent:hover .boxFloatCenter{
	top:		0px;
}
section#Company .boxThirdCollapse .boxContent:hover .cWhite,
section#Company .boxThirdCollapse .boxContent:hover .text{
	color:		#fff !important;
}
	/* textをズームしながら可視化 */
section#Company .boxThirdCollapse .boxContent .text{
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);

	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	max-height:		0px;

	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
section#Company .boxThirdCollapse .boxContent:hover .text{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	max-height:		1000px;


	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.0;

}
	/* intersectActionの遅延動作 */
section#Company .boxThirdCollapse.second{
	transition-delay:0.5s;
}
section#Company .boxThirdCollapse.last{
	transition-delay:1s;
}
section#Company .info{
	border:			none;
	border-top:		1px solid #ccc;
}
section#Company .info tr{
	border-bottom:		1px solid #ccc;
}
section#Company .info th{
	padding:			30px 20px;
	vertical-align:		middle;
	background-color:	transparent;
	border:				none;
	text-align:			left;
	width:				120px;
}
section#Company .info td{
	padding:			30px 130px;
	vertical-align:		middle;
	border:				none;
}
	/* 採用情報 */
section#Recruit{
	margin-bottom:	350px;
}
section#Recruit .image{
	margin-left:	22.7%		/* 380/1670 */
}
section#Recruit .image img{
	position:	relative;
	height:		500px;
}
section#Recruit .boxContent{
/*	height:		500px;	/*  */
	align-items:	center;
		  position: absolute;
		  width: 100%;
		  top: 0px;
}
section#Recruit .boxContent .boxFloatCenter{
	padding:	70px;
	top:		200px;			/* 位置を下方に */
	position:	relative;
	margin-left:	5.3%;		/* 90/1670 */
	margin-right:	55%;		/* 930/1670 */
	max-width:		660px;
	background-color:		#fff;
}
	/* PickupContents */
		/* 左カラム */
section#PickupContents .n2-ss-slider .n2-ss-layer-row-inner > .n2-ss-layer:first-child .n2-ss-item-image-content picture img{
	height:		400px;
	object-fit:	cover;
}
		/* 右側カラムの画像 */
section#PickupContents .n2-ss-slider .n2-ss-layer-row-inner > .n2-ss-layer:last-child .n2-ss-item-image-content img{
	width:	auto;
}
		/* 右側カラムのテキスト */
section#PickupContents .n2-ss-slider .n2-ss-layer-row-inner > .n2-ss-layer:last-child .n2-ss-text,
section#PickupContents .n2-ss-slider .n2-ss-layer-row-inner > .n2-ss-layer:last-child .n2-ss-text p{
	font-family: 	'Noto Sans JP';
	font-weight:	500;
	letter-spacing:	3px;
}
section#PickupContents .n2-ss-slider .n2-ss-layer-row-inner > .n2-ss-layer:last-child .n2-ss-text p{
	margin-bottom:	20px;
}
section#PickupContents .btnWrap .btnArrow4.colorGreen::before,
section#PickupContents .btnWrap .btnArrow4.colorGreen::after{
	background:		#3d9d9c;
}
	/* 2024.12.16 正面のセルをクリックするとトップページへの遷移が起こる。これを防止。 */
section#PickupContents .n2-ss-slide-active{
	pointer-events:		none;		/* <a>無効化 */
}
section#PickupContents .n2-ss-slide-active .btnWrap{
	pointer-events:		auto;		/* <a>有効化 */
}


	/* About */
section#About .backImage{
	background-repeat:	no-repeat;
	background-size: cover;

	margin-bottom:	25px;
/*
	background-position: top center;
*/
	overflow: hidden;	/* 画像ズームしても枠からはみ出ないように */
}
section#About .backImage div{
	text-align:	center;
}
section#About .boxTow:first-child{
	width:	45%;
}
section#About .boxTitle{
	font-size:	24px;
	margin-bottom:	20px;
}
section#About .image{
	font-size:		18px;
}
section#About .image img{
	margin:		0px;
/* 「作業管理」をテキストにした場合の位置調整
	display:	inline-block;
	margin-right:	10px;
	vertical-align:	-15px;
*/
}
section#About .description{
	letter-spacing:	3px;
}
section#About .marker-b{
	font-size:		30px;
	letter-spacing:	7.5px;
}
.btnWrap .btnArrow4.colorGreen::before,
.btnWrap .btnArrow4.colorGreen::after{
	background:		#3d9d9c;
}
	/* スライダーのコンテンツのスタイル指定 */
		/* スライド最外殻　padding:80px 100px;にするため */
		/* 下層に40pxある */
section#About .n2-ss-section-main-content{
	padding:	40px 60px;		/* スライド最外殻のpadding */
}
		/* 画像側 */
section#About .n2-ss-section-main-content .n2-ss-layer-row-inner > .n2-ss-layer:first-child{
}
		/* コンテンツ側 */
section#About .n2-ss-section-main-content .n2-ss-layer-row-inner > .n2-ss-layer:last-child{
}
		/* タイトル「マッチング」 */
section#About .n2-ss-section-main-content .n2-ss-layer-row-inner > .n2-ss-layer:last-child .n2-ss-layer:first-child,
section#About .n2-ss-section-main-content .n2-ss-layer-row-inner > .n2-ss-layer:last-child .n2-ss-layer:nth-child(2){
	margin-bottom:	20px;
}
section#About .n2-ss-showcase-slides h6.n2-ss-text,
section#About .n2-ss-showcase-slides .n2-ss-text p{
	font-family: 	'Noto Sans JP';
	font-weight:	bold;
}
section#About .n2-ss-showcase-slides h6.n2-ss-text{
	font-size:		20px;
	text-underline-offset: 10px;
	letter-spacing:	3px;
}
section#About .n2-ss-showcase-slides .n2-ss-text p{
	letter-spacing:	10px;
}
section#About .n2-ss-showcase-slides .btnWrap .btnArrow4{
	font-family:	'Roboto', sans-serif;
	font-weight:	normal;
	font-size:	14px;
	color:		#fff;
	margin-right:	50px;	/* before/after 要素（矢印）を含む全体を移動 */
}
section#About .n2-ss-showcase-slides .btnWrap .btnArrow4::before,
section#About .n2-ss-showcase-slides .btnWrap .btnArrow4::after{
	background:		#fff;
}

.textCatch{
	text-align:	center;
	line-height:	1.6em;
  font-size: 30px;
  font-weight:	bold;
	margin-bottom:	20px;
	margin-left:	auto;
	margin-right:	auto;
}
body.home .textSummary{
	font-size:	14px;
	color:		#333;
	margin-left:	auto;
	margin-right:	auto;
}
body.home #Philosophy{
/*
	background-image:	url("../../../images/top/sp/company-back.png");
	background-repeat:	no-repeat;
	background-position: center center;
	background-size:	cover;
*/
	padding:		0px;
	text-align:		left;
}
body.home #Philosophy .absBox{
}
body.home #Philosophy .textCatch,
body.home #Philosophy .textSummary{
	color:	#fff;
}
body.home .boxBlog a,
body.home .boxCoverSpace a{
	color:				#333;
	text-decoration:	none;
}

body.home #Consulting{
}
body.home #Consulting .textCatch{
	font-size:	28px;
	color:		#0c6ac1;
}
body.home #Finance-Insurance{
	padding:	0px !important;
}
body.home #Finance-Insurance #Finance{
	background-color:	#e4f6fe;
	padding:			50px 0px;
}
body.home #Finance-Insurance #Insurance{
	background-color:	#fef2e4;
	padding:			50px 0px;
}
body.home #Service{
/*	padding-top:	100px;	/*  */
}
body.home #Service .boxThree.last{
}
body.home #Service .boxThree .titleMerit{
	background-color:	transparent;
	padding:		0px;
	color: 			#fff;
	font-size:		18px;
}
body.home #Service .boxThree .imageFB{
	text-align:		center;
}
body.home #Service .boxThree .Caption{
	position:			absolute;
	bottom:				0px;
	background-color:	rgba(0,0,0,0.7);
	padding:			20px;
	padding-bottom:		40px;
}
body.home #Service .boxThree .titleMerit a{
	display:			block;
	color:				#fff;
	background-repeat:	no-repeat;
	background-position: 95% center;
}
body.home #Service .boxThree .Caption .text{
	font-size:		14px;
	color: 			#fff;
}

	/* お知らせ・ブログ */
section#NewsBlog .widthLimit{
	margin-bottom:	20px;
}
section#Consul-Contact .text,
section#Compensation-Lecture .text{
	padding:	20px;
}


	/* hover画像エフェクト */
	/* 画像がズーム　枠からはみ出ない　画像が黒でマスク透明度40% */
section#Affairs .backImage img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
section#Affairs .backImage:hover img {
	/* 画像をズーム */
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);



	/* 画像部分を透明40%にすれば、.backImageのブラックが出現する ###BackBlack */
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity:0.40;
	opacity: 0.4;
}
section#Affairs .backImage:hover{
	/* 画像部分を透明40%にすると、.backImageのブラックが出現する ###BackBlack */
	background-color:	#000;
}

section#Affairs .btnGhost{
	display:	inline-block;
	position:	absolute;
		/* 上下中央寄せ */
	top: 50%;			/* 上端を半分位置へ */
	margin-top:	-29px;	/* 高さの半分上へ */
/*	bottom: 0;*/	/* 上下中央はこれではダメ */

		/* なぜか左右中央寄せはこれでうまくいく */
	right: 0;
	left: 0;
}
/*  画像はフォアグラウンドへ
section#Affairs #Adviser .backImage{
	background-image:	url("../../../images/top/affairs-adviser.png");
}
section#Affairs #Agent .backImage{
	background-image:	url("../../../images/top/affairs-agent.png");
}
section#Affairs #Consulting .backImage{
	background-image:	url("../../../images/top/affairs-consulting.png");
}
section#Affairs #Establish .backImage{
	background-image:	url("../../../images/top/affairs-establish.png");
}
section#Affairs #Change .backImage{
	background-image:	url("../../../images/top/affairs-change.png");
}
section#Affairs #Fee .backImage{
	background-image:	url("../../../images/top/affairs-fee.png");
}
*/
	/* 税理士ご挨拶 */
section#Greeting .catch{
	color:		#fff;
}
section#Greeting .description{
	margin-bottom:	50px;
}
	/* 選ばれる理由 */
.reasonTitle{
  font-size: 20px;
  color: rgb(0, 145, 198);
  font-weight: bold;
  text-align: center;
	margin-bottom:	30px;
}
	/* お客様の声 */
body.home section#Voice{
	background-color:	#f2f2f2;
}
section#Voice .boxRight img{
	margin-bottom:	35px;
}
.voiceTitle {
  font-size: 26px;
  color: rgb(0, 145, 198);
  font-weight: bold;
	margin-bottom:	20px;
}
section#Voice .boxRight p{
	margin-bottom:	80px;
}
	/* お知らせ・ブログ */
section#NewsAndBlog .boxList .newList{
	margin-bottom:	50px;
}
/*--------------------------------------------------------------------*/
/* 固定ページ */
	/* ログイン */
body.login{
}
body.login .content{
	max-width:	1100px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	30px;
	padding-right:	30px;
}
body.login .content .frontend-user-admin-login{
	max-width:	600px;
	width:		100%;
	margin-left:	auto;
	margin-right:	auto;
}
body.login .content .frontend-user-admin-login input#user_login,
body.login .content .frontend-user-admin-login input#user_pass{
	width:		100%;
	font-size:	16px;
}
	/* 黄色い表示 */
body.login .content .frontend-user-admin-login > div{
	display:	none !important;
}
	/* ログアウト */
body.login .content ul{
	max-width:	200px;
	margin-left:	auto;
	margin-right:	auto;
}
body.login .content ul li{
	text-align:		center;
}
body.login .content ul li a{
	
	font-size:		16px;
	padding:		15px 55px;
	color:			#000 !important;
	text-decoration:	none !important;
	border:			1px solid #ccc;
	text-decoration:	none;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */

	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
body.login .content ul li a:hover{
/*	background-color: rgba(255,255,255,0.5);*/
	background-color: rgba(240,240,240,0.5);
		/* フォアグランドは透過しない */
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
/*--------------------------------------------------------------------*/
/* 下層ページのページトップ index.phpで設定 */
.titlePage{
	font-size: 		26px !important;
	border:			none;
	font-weight:	bold  !important;
	font-family: 'Noto Sans JP', sans-serif, Verdana,  "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:	5px !important;
	line-height:	1.0em !important;
	color:			#333 !important;
}
.titleMain{
	font-size: 		20px !important;
	margin-bottom:	0px !important;
	border:			none;
}
	/* サブタイトル */
.titleSub{
	background-color:	transparent !important;
	font-size: 		18px !important;
	font-weight:	bold  !important;
	color:		#b4b4b4 !important;
	text-align:	center;
	font-family: 'Roboto', sans-serif !important;
}

body.single-ctype02 .titleSub{
display:none;
}
body.single-ctype01 .titleSub{
display:none;
}
/*--------------------------------------------------------------------*/
/* 旧サイトからの移転3ページ共通 */
section#CTA{
	background-color:	#b7dfd7;	/* 青緑　中ぐらい */
	padding-top:		40px;
	padding-bottom:		40px;
}
section#CTA .boxThree{
    width:  31%;
}
section#CTA .boxThree.marginRight{
    margin-right:  3.5%;
}
section#CTA .boxThree .download{
	font-size:		18px;
	text-align:		center;
	display:		block;
	margin-left:	auto;
	margin-right:	auto;
	padding-top:	10px;
	padding-bottom:	10px;
	width:			90%;
	max-width:		270px;
	background-color:	#fff;
	color:				#3d9d9c;
	border-radius:		25px;
}
	/* 狭くなったら縮小処理させるため */
section#CTA .boxThree.spTow .wrapFlexBothSide{
	-ms-flex-wrap : nowrap; /*for IE10*/
	-webkit-flex-wrap : nowrap; /*for old webkit browser*/
	flex-wrap : nowrap;
}
section#CTA .boxThree .left{
	margin-right:	0px;
}
section#CTA .boxThree .right{
	margin-left:	10px;
}

section .boxTitle{
	margin-bottom:	50px;
	margin-left:	auto;
	margin-right:	auto;
}
section .section-title{
	font-size:	22px;
	font-weight:	bold;
	color:			#3dacab;
	text-align:		center;
}
section .section-description{
	font-size:		30px !important;
	font-weight:	bold !important;
	line-height:	1.5em !important;
	letter-spacing:	6px !important;
}
section .section-titleh4{
	font-size:	16px;
	background-color:	#fff;
}
section .voice-description{
	font-size:		22px;
	color:			#3d9d9c;
	margin-bottom:	30px;
	font-weight:	normal;
}
section .price-title{
	font-size:		22px;
	color:			#fff;
}
section .price-campaign{
	font-size:		16px;
	color:			#fde907;
	text-align:		center;
}
	/* 片方斜め＝台形　https://haniwaman.com/parts/post-3789/ */
section .back-slant-white {
	display: inline-block;
	font-size: 16px;
/*	padding: .8em 1.6em .4em .8em;	/*  */
	padding: 5px 30px;
	position: relative;
	z-index: 1;
	font-weight:	bold;
	background-color:			#fff;
}
section .back-slant-whitexx::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color:			#fff;
	transform: scaleY(0.8) perspective(.9em) rotateX(-1.3deg);
	transform-origin: bottom left;
}
	/* 右に三角形を追加 */
section .back-slant-white::after {
	content: "";
	position: absolute;

	right:-20px;							/* 底辺分ずらす */
	top:0px;
	border-top: 41px solid #fff;			/*  三角形の高さ */
	border-right: 20px solid transparent;	/*  三角形の底辺 */
}
section .back-slant-green {
	display: inline-block;
	font-size: 16px;
	padding: 5px 30px;
	position: relative;
	z-index: 1;
	font-weight:	bold;
	background-color:			#e6f6f5;
}
	/* これはiPhoneでダメ */
section .back-slant-greenxx::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color:			#e6f6f5;
	transform: scaleY(0.8) perspective(.9em) rotateX(-1.3deg);
	transform-origin: bottom left;
}
	/* 右に三角形を追加 */
section .back-slant-green::after {
	content: "";
	position: absolute;

	right:-20px;							/* 底辺分ずらす */
	top:0px;
	border-top: 41px solid #e6f6f5;			/*  三角形の高さ */
	border-right: 20px solid transparent;	/*  三角形の底辺 */
}


section .back-green{
	background-color:			#3d9d9c;
	color:			#fff;
	display:		inline-block;
	padding:		0px 30px;
}
	/* ななめ　https://haniwaman.com/parts/post-3784 */
section .back-slant {
	-webkit-transform: skewX(-20deg);
	   -moz-transform: skewX(-20deg);
	     -o-transform: skewX(-20deg);
}
section .back-slant span {
	font-weight:	bold;
	display:		inline-block;
	-webkit-transform: skewX(20deg);
	   -moz-transform: skewX(20deg);
	     -o-transform: skewX(20deg);
}
section p{
	font-size:	16px;
	text-align: justify;
}
section p.small{
	font-size:	14px;
	letter-spacing:	1px;
}
section p.mini{
	font-size:	13px;
}
section .bold{
	font-weight:	bold;
}
section .green{
	color:			#3d9d9c;
}
ul.check-red li{
	background-image:	url("./images/common/purchase-check-red.png");
	background-repeat:	no-repeat;
	background-position: left center;
	color:			#3d9d9c;
	padding-left:	25px;
	padding-left:	30px;
	padding-top:	20px;
	padding-bottom: 20px;
	font-size:   20px;
	line-height:1.5;
	font-weight: bold;
}
ul.check-green li{
	background-image:	url("./images/common/check-green.png");
	background-repeat:	no-repeat;
	background-position: left center;
	padding-left:	30px;
	padding-top:	5px;
	padding-bottom: 5px;
	font-size:   20px;
	line-height:1.5;
}
.BackImage{
	position:	fixed;	/*  */
	top:		80px;
	left:		0px;
	width:		100%;

/*
	height:		600px;
	background-image:	url("https://wordpress-staging.agmiru.com/wp-content/uploads/2022/01/main-visual.png");
	background-repeat:	no-repeat;
	background-position: center center;
	background-size:	contain;
/*  */
}
.BackImage br{
	display:	none;
}
/*--------------------------------------------------------------------*/
/* アグミルとは about_lp と アプリ機能 report　共通 */
section#Recommend{
	background-image:	url("./images/common/backimage-sagyokirokupng.png");
	background-repeat:	no-repeat;
	background-position: top center;
	background-size:	cover;
	position:			relative;
}
.Modal .link {
	width: 100%;
	max-width: 320px;
}
section#Manual .Modal .link {
	width: 45%;
	max-width: initial;
}

.Modal .link a {
	display:	block;
	background-image: url("./images/purchase/btn-play-red.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	font-size: 14px;
	letter-spacing:	normal;
	padding: 20px 0px;
	text-align: center;
	background-color: #fff;
	background-color: #f5f5f5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.Modal .max700 {
	margin-left: auto;
	margin-right: auto;
}
.Modal .icon img {
	vertical-align: middle;
	margin-right: 15px;
}

section#Manual,
section#Feature,
section#Voice{
	background-color:	#cdd9d9 !important;	/* 青緑　濃いめ */
}
section#Voice{
	padding-top:		0px;
}
section#Voice{
	padding-bottom:		120px;
}
	/* 画像が格納されている側にスペース reverseしているので両側につけざるを得ない*/
section#Feature .boxThree{
    width:  31%;
}
body.report section#Feature .boxThree{
	background-color:	#e6f6f5;		/* 薄い水色 */
	border-radius:		20px;
	padding:			0px 30px 30px;
	margin-bottom:		75px;
}
section#Feature .boxThree.marginRight{
    margin-right:  3.5%;
}
section#Feature .circle{
	margin-top:		-30px;
	border-radius:	50%;
}
body.report section#Function{
	overflow:		hidden;		/* 2024.11.12 invewRightToLeftのように横のアニメーションでは初期位置がはみ出るために横スクロールバーが出る。これを防止するため。 */
								/* sectionにoverflow:hiddenを設定すると、上下にはみ出させている要素もhiddenとなるので、個別設定すること */
}
/* 開くアニメ　アニメーションアクション少な目　アグミル旧サイト
.acd-content{
    height: 0;
    max-height:	0px;
    opacity: 0;
    transition: 0.5s;
    visibility: hidden;
}
.acd-check:checked ~ .acd-label ~ .acd-content{
    height: auto;
    max-height:	none;
    opacity: 1;
    visibility: visible;
}
/*  */
		/* ご利用者様の声のアコーディオン制御 */
section#Voice .acd-check ~ .acd-label .check{
	border-radius:	50%;
	background-color:	#3d9d9c;
	position:			absolute;
	bottom:				-15px;
	left:				0px;
	right:				0px;
	margin-left:		auto;
	margin-right:		auto;
	width:				30px;
	height:				30px;
}
section#Voice .acd-check ~ .acd-label .check:before{
	content:'+';
	font-size:	30px;
	color:		#fff;

	position:	absolute;				/* .balloon_box が relative */
    left:   	50%;
	top:		45%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
section#Voice .acd-check:checked ~ .acd-label .check:before{
	content:'-';
	font-size:	50px;
	top:		37%;
}
	/* 「続きを読む」ボタン */
.acd-check ~ .acd-label .button{
	border-radius:		10px;
	background-color:	#3d9d9c;
	position:			absolute;		/* .Accordion が relative */
	bottom:				-70px;
	left:				0px;
	right:				0px;
	margin-left:		auto;
	margin-right:		auto;
	width:				280px;
	height:				70px;
}
.acd-check:checked ~ .acd-label .button{
	bottom:				-100px;
}
.acd-check ~ .acd-label .button:before{
	content:'続きを読む';
	font-size:	16px;
	color:		#fff;

	position:	absolute;
    left:   	50%;
	top:		50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.acd-check:checked ~ .acd-label .button:before{
	content:'閉じる';
}
.acd-check ~ .acd-label .button:after{
	content:'+';
	font-size:	25px;
	color:		#fff;
	font-weight:	normal;
	position:	absolute;
    right:   	5%;
	top:		45%;
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.acd-check:checked ~ .acd-label .button:after{
	content:'-';
	font-size:	50px;
}






	/* 吹き出し */
.balloon_box{
    position:relative;
    width:	100%;
    height:auto;
    background:#fff;
    padding:20px;
    text-align:left;
    color:#333333;
    font-size:14px;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
.balloon_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(118, 255, 18, 0);
    border-top-width:14px;
    border-bottom-width:14px;
    border-left-width:18px;
    border-right-width:18px;
    margin-top: -14px;
    border-right-color:#fff;
    right:100%;
    top:	75px;
}

/*--------------------------------------------------------------------*/
/* アグミルとは about_lp */
body.about_lp section{
	position:		relative;
	background-color: #e6f6f5;
	padding-top: 90px;
  	padding-bottom: 90px;
	margin-bottom:	0px;
}
body.about_lp section#MainVisual {
	padding-top: 40px;
	padding-bottom: 0px;
}
body.about_lp #MainVisual .widthAll{
	height:		600px;
}
body.about_lp section#MainVisual .max900 .left{
	padding-top:	50px;
}

body.about_lp section#MainVisual .max900 .left .boxTow.spTow br{
	display:	none;
}
body.about_lp section#MainVisual .boxTow.spTow img{
	display:	block;
	margin-left:	auto;
	margin-right:	auto;
}
body.about_lp section#MainVisual img{
	max-width:	100%;
	width:		auto;
}
body.about_lp section#About .boxTitle{
	margin-bottom:	50px;
}
body.about_lp section#About .boxFour{
	width:			25%;
	margin:			0px;
	position:	relative;
	background-color:	transparent;
	padding:		10px;
}
body.about_lp section#About .boxFour img{
	margin:		0px auto;
}
body.about_lp section#Feature .section-titleh6{
	font-size:		20px;
	color:			#3d9d9c;
	margin-bottom:	20px;
}

body.about_lp section#Function{
	background-color:	#fff;		/* 白 */
}
	/* 画像が格納されている側にスペース reverseしているので両側につけざるを得ない*/
body.about_lp section#Function .boxTow{
	width:		50%;
	margin-right:	0px;
}
body.about_lp section#Function .boxTow.alignCenter{
    padding-left:  20px;
    padding-right:  20px;
}
body.about_lp section#Function .boxTow.alignCenter img{
    margin:		0px;
    display:	inline;
}
body.about_lp section#Function .boxFunc{
	margin-bottom:		200px;
}

/*--------------------------------------------------------------------*/
/* アプリ機能 report */
body.report section{
	position:			relative;
	background-color:	#cdd9d9;
	padding-top:		90px;
	padding-bottom:		90px;
	margin-bottom:	0px;
}
body.report section#MainVisual{
	background-color:	#01a29a;
	padding-top:		150px;
	padding-bottom:		150px;
}
body.report section#MainVisual .boxTow.spTow img{
	display:	block;
	margin-left:	auto;
	margin-right:	auto;
}
body.report section#MainVisual .boxTitle p{
	color:		#fff;
}
	/* 
	report
	メインビジュアルの高さは　boxTow left　の成り行き
	デヴァイス画像はabsoluteで右下隅に固定　幅1500以上はそのままのサイズ　600-1500は48%
	*/
body.report section#MainVisual p{
	margin-bottom:	0px;
}
body.report section#MainVisual .widthLimit{
	padding:		0px;
}
body.report section#MainVisual .boxTow.left{
	text-align:		center;
	max-width:		550px;
	padding-left:	40px;
}
body.report section#MainVisual .boxTow.right img{
	position:		absolute;
	bottom:			35px;
	right:			0px;
	margin-bottom:	0px;
}
body.report section#MainVisual .boxTow.left .boxTitle{
	margin-bottom:	0px;
}

body.report section#Recommend{
	padding-top:		180px;
}
body.report section#Recommend .link-button{
	position:		absolute;

		/* 最上部から自身の半分上 */
	top:			0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

		/* 中央ぞろえ */
	margin-left:	auto;
	margin-right:	auto;
	left:			0px;
	right:			0px;

	max-width:			1100px;
	background-color:	#fff;
	border-radius:	40px;
	padding:		40px;
}
body.report section#Recommend .link-button .button {
	max-width:	initial;
	margin-left:	0px;
	margin-right:	0px;
}
body.report section#Feature .section-titleh6{
	text-align:		center;
	font-size:		22px;
	font-weight:		bold;
	color:			#3d9d9c;
	margin-bottom:	20px;
}
body.report section#Function .boxTow{
	margin-right:	0px;
}
body.report section#Flow{
	background-color: #e6f6f5;
}
body.report section#Flow .boxTow{
	width:	47%;
}
body.report section#Flow .boxTow.wrapFlexBothSide{
	margin-bottom:	150px;
}
body.report section#Flow .boxImage{
/*	width:	40%;		/* 250/600 */
	-webkit-flex-basis: 220px;
	flex-basis: 		220px;
	padding-right:	20px;
	margin-bottom:	0px;
}
body.report section#Flow .boxImage img{
	margin-bottom:	0px;
}
body.report section#Flow .boxText{
	width:	60%;		/* 250/600 */
}
body.report section#Flow .Step{
	color:		 #3d9d9c;
	margin-bottom:	35px;
	display:		inline-block;
}
body.report section#Flow .Step .step{
	position:	relative;
	font-size:		15px;
	padding-bottom:	15px;
}
body.report section#Flow .Step .step::before{
	content: "";
	position:	absolute;
	border-bottom:	3px solid #3d9d9c;
	width:			30px;
	bottom:			0px;
	left:			0px;
}
body.report section#Flow .Step .num{
	font-size:		40px;
	font-weight:	bold;
}

	/* 吹き出し画像を右側に */
body.report section#Flow .Step br{
	display:	none;
}
body.report section#Flow .Step .image{
	float:		right;
	margin-left: 30px;

}

body.report section#FAQ{
	background-color:	#fff;
}
/*
body.report section#FAQ .acd-content.A{
}
body.report section#FAQ .acd-check:checked ~ .acd-label ~ .acd-content.A{
	padding:		20px 20px 20px 10px;
}
body.report section#FAQ .acd-content .boxLeft,
body.report section#FAQ .acd-content .boxRight{
	max-height:	0px;
}
body.report section#FAQ .acd-check:checked ~ .acd-label ~ .acd-content .boxLeft,
body.report section#FAQ .acd-check:checked ~ .acd-label ~ .acd-content .boxRight{
	max-height:	1000px;
}
body.report section#FAQ .acd-check ~ .acd-label .boxCheck .check{
	display:	block;
	transform: rotate(45deg);
    transition: 0.2s;
	border-bottom:	3px solid #5ccece;
	border-right:	3px solid #5ccece;
	width:	20px;
	height:	20px;
	margin-top:		5px;
}
body.report section#FAQ .acd-check:checked ~ .acd-label .boxCheck .check{
	transform: rotate(-135deg);
	margin-top:		15px;
}
/*  */

/*--------------------------------------------------------------------*/
/* 買取マッチング purchase */
body.purchase section{
	background-color: #e6f6f5;
	padding-top:		80px;
	padding-bottom:		80px;
	margin-bottom:		0px;
}
body.purchase section .section-title {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #3dacab;
	text-align: center;
	line-height: 3.75rem;
	margin-left:	0px;
	margin-right:	0px;
}
body.purchase section .section-title::before {
	content: "";
	position: absolute;
	border-bottom: 5px solid #3d9d9c;
	width: 50px;
	bottom: -10px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
}
body.purchase section#MainVisual{
/*
	padding-top:		85px;
	padding-bottom:		85px;
*/
	position:			relative;

	padding-top:		0px;
	padding-bottom:		0px;

	background-image:	url("./images/purchase/purchase-mainvisual-back.png");
	background-repeat:	no-repeat;
	background-position: center center;
	background-size: cover;
}
body.purchase section#MainVisual .Mask{
	padding-top:		85px;
	padding-bottom:		85px;
	background-color:		rgba(40,174,167,0.0);
}
	/* 
	report
	メインビジュアルの高さは　boxTow left　の成り行き
	デヴァイス画像はabsoluteで右下隅に固定　幅1500以上はそのままのサイズ　600-1500は48%
	*/
body.purchase section#MainVisual p{
	margin-bottom:	0px;
}
body.purchase section#MainVisual .widthLimit{
	padding:		0px;
}
body.purchase section#MainVisual .boxTow.left{
	text-align:		center;
	max-width:		550px;
	padding-left:	40px;
	z-index:		1;
}
body.purchase section#MainVisual .boxTow.left img{
	display:		block;
	margin:			0px auto;
	width:			auto;
}
body.purchase section#MainVisual .boxTow.right img{
	position:		absolute;
	bottom:			0px;
	right:			250px;
	width:			auto !important;
	margin-bottom:	0px;
}
body.purchase section#MainVisual .boxTow.left .boxTitle{
	margin-bottom:	0px;
}
body.purchase section#MainVisual .boxTow.left .boxTitle .oval{
	background-color:	#fff;
	color:			#3d9d9c;
	font-size:		33px !important;
	font-weight:	bold;
	letter-spacing: 3px !important;
	text-align:		center;
	margin:		0px auto 30px;
	border-radius:	100px;
	line-height:	1.8em !important;
	width:		300px;
}
body.purchase section#MainVisual .boxTow.left .boxTitle .description{
	color:	#fff;
	font-size:		35px !important;
	font-weight:	bold;
	line-height:	1.8em !important;

	/* 左右中央ぞろえ */
	display:		inline-block;
	margin-left:	auto;
	margin-right:	auto;
}
body.purchase section#BuySell{
	padding-top:	50px;
	padding-bottom:	70px;
}
body.purchase section#BuySell .wrapFlex{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	width:			100%;
	max-width:		530px;
	margin-bottom:	10px;
}
body.purchase section#BuySell .boxTitle{
	margin-bottom:	30px;
}
body.purchase section#BuySell .boxTitle .wrapFlex{
	margin-bottom:	30px;
}
body.purchase section#BuySell .section-title{
	margin-bottom:	0px;
}
body.purchase section#BuySell .boxTitle img{
	width:			100px;
	margin-right:	60px;
}
body.purchase section#Feature{
	background-color:	#fff !important;
	padding-top:	55px;
}
body.purchase section#Feature .boxTow{
	width:		48%;
	margin-right:	0px;
}
body.purchase section#Feature .boxTow.alignCenter img{
    margin:		0px;
    display:	inline;
}

body.purchase section#Feature .boxTitle{
	margin-bottom:	30px;
}
	/* 背景 */
body.purchase section#Feature .featture{
	position:	relative;
	display: 	inline-block;
	padding:	0px 10px;
}
body.purchase section#Feature .featture::before {
	content: "";
	position:	absolute;
	background-color: #e6f6f5;
	width:		100%;
	height:		30px;
	bottom:		0px;
	left:		0px;
	z-index:	-1;
}
body.purchase section#Feature .featture span{
	margin-left:	10px;
	font-size:		35px;
	line-height:	1em;
}
	/* ご利用のメリット */
body.purchase section#Merit{
}
body.purchase section#Merit .boxTow{
	width:	46%;		/* 640/1385 */
}
body.purchase section#Merit .backWhite{
	padding:	40px;
	background-color:	#fff;
}
	/* マッチングまでの流れ */
body.purchase section#Flow{
	background-color:	#fff;
	padding-bottom:		60px;
}
body.purchase section#Flow .boxTow{
	width:	47%;
}
body.purchase section#Flow .boxTow.flexboxA{
	margin-bottom:	150px;
}
body.purchase section#Flow .boxImage{
/*	width:	40%;		/* 250/600 */
	-webkit-flex-basis: 220px;
	flex-basis: 		220px;
	padding-right:	20px;
}
body.purchase section#Flow .boxText{
	width:	60%;		/* 250/600 */
}
body.purchase section#Flow .Step{
	display:		inline-block;
}
body.purchase section#Flow table.Step th,
body.purchase section#Flow table.Step td{
	padding:	0px;
}
body.purchase section#Flow .Step .StepTitle{
	color:		#fff;
}
body.purchase section#Flow .Step .StepTitle .title{
	color:		#3d9d9c;
	vertical-align:	middle;
	font-size:		20px;
	font-weight:	bold;
}
body.purchase section#Flow .Step .StepTitle .title,
body.purchase section#Flow .Step .Text .text{
	padding-left:	50px;
}
body.purchase section#Flow .Step .StepTitle .circle{
	width:				100px;
	height:				100px;
	text-align:			center;
	border-radius:		50%;
	background-color:	#3d9d9c;
	line-height:		2.1em;
	padding-top:		15px;
	font-size:			14px;
}
body.purchase section#Flow .Step .lineL{
	width:			50px;
	border-left:	3px solid #3d9d9c;
}
body.purchase section#Flow .Step .lineR{
	width:			50px;
	border-right:	3px solid #3d9d9c;
}
body.purchase section#Flow .Step .Line{
	height:	100px;
}

body.purchase section#Flow .Step .step{
	position:	relative;
	font-size:		15px;
	padding-bottom:	15px;
}
body.purchase section#Flow .Step .step::before{
	content: "";
	position:	absolute;
	border-bottom:	3px solid #3d9d9c;
	width:			30px;
	bottom:			0px;
	left:			0px;
}
body.purchase section#Flow .Step .num{
	font-size:		40px;
	font-weight:	bold;
}

	/* 利用料 */
body.purchase section#Fee{

}
body.purchase section#Fee .boxTitle{
	margin-bottom:	30px;
}
body.purchase section#Fee .section-title{
	margin-bottom:	50px;
}
body.purchase section#Fee .wrapPrice{
	margin-bottom:	30px;
}
body.purchase section#Fee table.Price{
	width:			100%;
	border-top:		1px solid #ccc;
	border-left:	1px solid #ccc;
}
body.purchase section#Fee table.Price td{
	border-right:	1px solid #ccc;
	border-bottom:	1px solid #ccc;
	padding:		20px 30px;
}
body.purchase section#Fee table.Price td.kind{
	background-color:	#3d9d9c;
	color:				#fff;
	text-align:			center;
}
body.purchase section#Fee table.Price td.yen{
	background-color:	#fff;
	font-size:			30px;
	font-weight:  bold;
	letter-spacing: 2px;
	text-align:			center;
}
body.purchase section#Fee table.Price td.yen .small{
	font-size:			15px;
	text-align:			center;
}
body.purchase section#Fee table.Price td.kind {
	vertical-align: middle;
}

body.purchase section#Fee table.Price td.yen {
	line-height: 1em;
}

	/* 買取希望の企業様へ利用料 */
body.purchase section#Contact{
	background-color:	#3d9d9c;
}
body.purchase section#Contact .boxTitle,
body.purchase section#Contact .text{
	color:	#fff;
}
body.purchase section#Contact .boxTitle{
	margin-bottom:	30px;
}
body.purchase section#Contact .text{
	margin-bottom:	50px;
}

body.purchase section#Contact .wrapPrice a{
	width:		47%;
	max-width:	490px;
	font-size:	20px;
	font-weight:	bold;
	text-align:		center;
}
body.purchase section#Contact .button {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url("./images/purchase/purchase-cta-arrow-right.png");
	color: #3d9d9c;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: 20px;
}
/*--------------------------------------------------------------------*/
/* アーカイブ */
body.page-id-251 .wrap_main,	/* 混在一覧ページ */
body.archive .wrap_main,
body.error404 .wrap_main,
body.search .wrap_main,
body.single .wrap_main{
	margin-bottom:	50px;
}
body.single.single-cpt_pfc .wrap_main{
	padding-bottom:	30px;
}
.listWrap{
	border-top:	1px solid #ccc;
	padding-top:	20px;
	margin-bottom:	50px;
}
.listRect{
	background-image:	url("../../../images/common/archive-arrow-right.png");
	background-repeat:	no-repeat;
	background-position: 95% center;
	font-size:	14px;
	font-weight:	bold;
}
.listRect span{
	display:	inline-block;
}
.listRect .date{
	margin-right:	40px;
}
.listRect .post-type{
	margin-right:	40px;
}
.listRect .post-type a{
	color:		#388e8d;
	display:	block;
	font-size:	14px;
}
.listRect .title a{
}
.listRect .post-type a{
	text-decoration:	none;
}
	/* XFMT_BLOG XFMT_NEWS */
	/* 個別ページのタイトルボックス */
.wrapBlog{
	border-top:	1px solid #ccc;
	margin-bottom:	50px;
}
.boxBlog{
	position:		relative;
/*	background-image:	url("./images/common/archive-arrow-right.png");	/*  */
	background-repeat:	no-repeat;
	background-position: 97% 40%;
	padding-top:	20px;
	padding-bottom:	20px;
	border-bottom:	1px solid #ccc;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
.boxBlog:hover{
	background-color:	#F8F8F8;
}
body.single .boxBlog{
	background-image:	none;
	border-top:		none;
	padding-top:	0px;
	margin-bottom:	40px;
}
	/* 右矢印 */
	/* :after で position: absolute; とすると、float動作に支障が出る */
/*
.boxBlog:after{
	position: absolute;
	top: 25%;
	right: 25px;
	margin-left: 0px;
	font-size: 40px;
	font-weight: lighter;
	font-weight: 100;
	content: ">";
	font-family: 'Major Mono Display', monospace;
}
*/
	/* display:flex　はやめておく　2019.2.21 */
	/* 回り込みモードにする */
.boxBlog .boxBlogLeft{
/*	flex-basis:  	80px;	/*  */
	float:			left;
	width:			80px;
	margin-right:	20px;
}
.boxBlog .boxBlogRight{
/*	flex-basis:  auto;		/* これは残りすべての幅になるのではなく、内包する要素が格納できるだけの幅しか確保されない */
/*
	float:		right;
*/
	width:		calc(100% - 50px);
}

.boxBlog .title{
	border:			none;
	padding:		0px;
	margin-bottom:	0px;
}
.boxBlog .meta{
	margin-right:	30px;
}
.boxBlog .meta .linkCate{
	width:	160px;
}
.boxBlog .meta .linkCate a{
	width:		100%;
	display:	block;
	font-size:		12px;
	font-weight:	normal;
	background-color:	#D7D7D7;
	text-align:		center;
	padding:		5px 0px;
	text-decoration:	none;
	border-radius:	5px;
}
body.single .boxBlog .meta .linkCate{
	margin-right:	20px;
}
body.single .boxBlog .meta .linkCate a{
	display:	inline;
	padding-left:	30px;
	padding-right:	30px;
	
}
.boxBlog .meta .date{
	width:	100px;
	color:	#888;
	font-weight:	normal;
	margin-right:	30px;
	font-family: 'Roboto', sans-serif !important;
	letter-spacing:	1.5px;
}
.boxBlog .text{
	margin-bottom:	0px !important;
	font-weight:	normal;
}
.boxBlog .text a{
	display:	block;
}
	/* XFMT_FLEX */

	/* XFMT_SQUARE */
	/* XFMT_BKNUM */
.boxCoverThree .title{
	background-color:	transparent !important;
	font-size:			13px !important;
	padding:			5px 0px !important;
}
.boxSquare{
	float:	left;
	margin-bottom:	30px;
}
.boxSquare:nth-child(4n){
/*	margin-right:	0px;	*/
}
.boxSquare .image,
.boxSquare .TxoTerm{
	margin-bottom:	5px;
}
.boxSquare .title{
	background-color:	transparent !important;
	padding:			0px !important;
	font-size:			15px !important;
	text-align:			left;
	margin-bottom:		0px !important;
}
.boxSquare .TxoTerm,
.boxSquare .TxoTerm a{
	font-size:	13px;
	color: 		#02aaf0;	/* 薄い水色 */
}
	/* Pay Forward Circulatin 一覧　メインビジュアル */
#pfcMainVisual{
	margin-bottom:	0px;
}
#pfcMainVisual .absCenter{
	text-align:	left;
}
#pfcMainVisual .eng .sectionMainTitle{
	font-family: 'Roboto', sans-serif;
	font-size: 60px !important;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.2em;
	letter-spacing: 6px;
	text-align:
}
#pfcMainVisual .jpn {
	font-family: "Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN W6", sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
	background-color: #fff;
	display: inline-block;
	margin-right: auto;
	letter-spacing: 5px;
	color: #000;
}
#pfcMainVisual .text {
	font-weight: 500;
}
	/* 投稿一覧　カテゴリー一覧　カテゴリーリスト */
.cate-list{
	margin:				0px auto 50px;
	max-width:			620px;
	z-index:			100;
	position:		relative;
}
body.single .cate-list{
	margin-bottom:	0px;
}
.cate-list .list-item{
	display:	inline-block;
	border:		1px solid #ccc;
	border-radius:	5px;
	width:			30%;
	margin-right:	5%;
	text-align:		center;
	padding:		5px 0px;
}
.cate-list .list-item:last-child{
	margin-right:	0px;
}
.cate-list .list-item.item-current{
	border:		1px solid #3d9d9c;
	background-color:	#3d9d9c;
}
.cate-list .list-item a{
	display:	block;
	font-weight:	500;
	font-size:		14px;
}
.cate-list .list-item.item-current a{
	color:		#fff;
}
	/* ページ送り */
.listPagination{
	margin-top:	50px;
}
.listPagination .counter{
	display:	none;
}
.pagination{
	text-align:	center;
}
.pagination .page-numbers {
	display:	inline-block;
	padding:	5px 8px;
	background-color:	#888;
	color:		#fff;
	font-size:	10px;
	line-height:	1em;
}

.pagination .page-numbers.current {
	border:1px solid #dcdbcb;
	background-color:	#fff;
	color:		#333;
}
.pagination .page-numbers.first,
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.pagination .page-numbers.last{
	background-color:	#fff;
	color:		#333;
}
.pagination .page-numbers.first,
.pagination .page-numbers.last{
	display:	none;
}
/*--------------------------------------------------------------------*/
/* 個別ページ */
body.blog .widthLimit,
body.archive .widthLimit,
body.single .widthLimit{
	margin-bottom:	50px;
}
body.single .pageTitle{
	padding-top:	25px;
	border-top:		1px solid rgb(0, 52, 102);
	border-bottom:	1px solid rgb(0, 52, 102);
	margin-bottom:	40px;
}
body.single .pageTitle .titleSingle{
	border-left:	none;
	padding:		0px;
	margin:			0px;
	margin-bottom:	15px;
  font-size: 24px;
  color: rgb(0, 52, 102);
}
body.single .pageTitle .category{
	margin-bottom:	15px;
}
body.single .pageTitle .date{
	text-align:		right;
}
body.single .pageImage{
	margin-bottom:	30px;
}
	/* 本文 */
body.single .content{
	margin-bottom:	40px;
}
body.single .content .alignleft,
body.single .content .alignnone,
body.single .content .alignright{
	margin-bottom:	20px;
}
body.single .wrapImage{
	margin-bottom:	20px;
}
	/* SNS */
body.single .addtoany_share_save_container{
	margin-top:	50px;
	text-align:	right;
}
	/* 前後記事リンク */
body.single .postPagenation{
	margin-top:		40px;
	border-top:		1px solid #ccc;
	padding-top:	15px;
	padding-bottom:	15px;
	border-bottom:	1px solid #ccc;
}
body.single-cpt_pfc .postPagenation{
	margin-left:	40px;
	margin-right:	40px;
}
body.single .postPagenation .prev,
body.single .postPagenation .next{
	background-repeat:	no-repeat;
	width:	50%;
}
body.single .postPagenation .prev{
	background-image:	url("./images/common/post-arrow-prev.png");
	background-position: left center;
}
body.single .postPagenation .next{
	background-image:	url("./images/common/post-arrow-next.png");
	background-position: right center;
	border-left:	1px solid #ccc;
}
body.single .postPagenation .none{
/*	display:	none;	/* これだと要素がなくなるのでダメ */
	background-image:	none;
}

body.single-pt_voice .postPagenation{
	max-width:	800px;
	margin-left:	auto !important;
	margin-right:	auto !important;
}
body.single .postPagenation hr{
	display:	none;
}
body.single .postPagenation a{
	font-size:		13px;
	display:	block;
	padding:		15px 60px 15px 40px;
	color:		#333;
	text-decoration:	none;
}
body.single .postPagenation .next a{
	text-align:	right;
}
	/* コメント（存在しない場合はこの要素はないのでtopにスペース） */
#Comments{
	margin-top:		50px;
}
/*--------------------------------------------------------------------*/
/* メールフォーム */
.wpcf7-form,
.mw_wp_form{
  max-width: 960px;
  margin-left:	auto;
  margin-right:	auto;
}
body.page-template-templete-EntryFormOptimization .wpcf7-form,
.formComplete,
body.page-template-templete-EntryFormOptimization .mw_wp_form{
  max-width: 800px;		/* ###jd-recruiting.com */
}
.formComplete{
  margin-left:	auto;
  margin-right:	auto;
  margin-bottom:	50px;
}
.mw_wp_form .formTitle{
	background-color:	transparent !important;
	padding:	0px !important;
	color:		#333 !important;
	font-weight:	bold !important;
}
.mw_wp_form .formDescription{
	display:		none;
	margin-bottom:	50px;
}
.mw_wp_form_input .formDescription{
	display:	block;
}
body.page-template-templete-EntryFormOptimization .mw_wp_form .formTitle,
body.page-template-templete-EntryFormOptimization .mw_wp_form .formDescription{
	max-width: 720px;
	margin-left:	auto;
	margin-right:	auto;
	padding:		0px 10px !important;
}
body.page-template-templete-EntryFormOptimization .mw_wp_form .formDescription .far{
	color:		#d22c00;	/* 赤 */
	font-size:	20px;
	margin-right:	5px;
	vertical-align:	middle;
}
body.page-template-templete-EntryFormOptimization .mw_wp_form .formDescription .desc{
	border:		1px solid #ccc;
	padding:	30px;
}
.mw_wp_form .close-up{
  font-size: 36px;
  color: rgb(11, 216, 209);	/* エメラルドグリーン */
  line-height:	1.5em;
}

.form{
	margin-bottom:	30px;
}

	/* 状態表示　画像 640px以上で使用*/
.step1,.step2,.step3{display:none;}

.mw_wp_form_input .step1{display:block;}
.mw_wp_form_confirm .step2{display:block;}
.mw_wp_form_complete .step3{display:block;}

.m-form-status{
	box-shadow:	none !important;
}
.m-form-status div{
	border:	none !important;
	width:	100% !important;
}
.m-form-status div img{
	margin-left:	auto;
	margin-right:	auto;
}

	/* 状態表示　CSS　640px以下で使用 */
.m-form-status-first.is-current{	display:none;}
.m-form-status-first.normal{		display: block; }
.mw_wp_form_input .m-form-status-first.normal{		display: none; }
.mw_wp_form_input .m-form-status-first.is-current{		display: block; }

.m-form-status-second.is-current{	display:none;}
.m-form-status-second.normal{		display: block; }
.mw_wp_form_confirm .m-form-status-second.normal{		display: none; }
.mw_wp_form_confirm .m-form-status-second.is-current{	display:block;}


.m-form-status-third.is-current{	display:none;}
.m-form-status-third.normal{		display: block; }
.mw_wp_form_complete .m-form-status-third.normal{		display: none; }
.mw_wp_form_complete .m-form-status-third.is-current{	display:block;}

/* EFO Status */
.formStatus{
	margin-bottom:	50px;
}
.formStatus .boxStepLeft,
.formStatus .boxStepRight{
	width:	49%;
	
}
.formStatus .boxStepLeft{
	margin-right:	2%;
}
.formStatus img{
	width:	100%;
}
.formStatus .tryangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28.5px 0 28.5px 17px;
	border-color: transparent transparent transparent #33add4;
}
	/*  */
.mw_wp_form dl.m-form{
	border-left:	none;
	border-right:	none;
}
body.page-template-templete-EntryFormOptimization .mw_wp_form dl.m-form{
	margin-bottom:	30px;
	border:			1px solid #ccc;
}
.mw_wp_form dl.m-form dt{
	background-color:	#d3e9ec;	/* original=#d4f5fb */
	
}
body.page-template-templete-EntryFormOptimization .mw_wp_form dl.m-form dt{
	width:	30%;	/* 240/800 */
	height:	82px;
}
body.page-template-templete-EntryFormOptimization .mw_wp_form dl.m-form dd{
	width:	70%;	/* 240/800 */
	height:	82px;
}
.mw_wp_form dl.m-form dt.gray{
	background-color:	#f2f2f2;
}
.mw_wp_form dl.m-form .border-none input{
	border:				none;
	background-color:	transparent;
	font-size:			18px;
}
.memo{
	font-size:	12px !important;
	margin-bottom:	0px !important;
}
.mw_wp_form_confirm .memo,
.mw_wp_form_complete .memo{
	display:	none;
}
.m-media p{
	margin-bottom:	0px !important;
}
	/* preは通常折り返さない　折り返すようにする */
.mw_wp_form pre{
	white-space: pre-wrap;
}
.mw_wp_form pre .widthNarrow{
	width:	100% !important;
}
.m-media {
/*
  font-size: 0;
  letter-spacing: 0;
*/
  width: 100%;
}
.m-media p.comfirm-none{
	margin-bottom:	0px !important;
}
.form dl{
	border-bottom:	1px solid #ccc;
}
.m-media dt {
  display: inline-block;
  letter-spacing: normal;
  width: 25%;
  padding:	20px;
}
body.page-template-templete-EntryFormOptimization .m-media dt{
  padding:	10px 20px;
}
.m-media > *:last-child {
/*  margin-left: 3%;*/
}
.m-media dd {
  display: inline-block;
  letter-spacing: normal;
  width: 75%;
  padding:	20px;
}
body.page-template-templete-EntryFormOptimization .m-media dd{
  padding:	10px 20px;
}
.m-media input[type="tel"],
.m-media input[type="text"],
.m-media input[type="email"],
.m-media textarea{
	padding:	5px;
	width:		50% !important;
}
body.page-template-templete-EntryFormOptimization .m-media input[type="tel"],
body.page-template-templete-EntryFormOptimization .m-media input[type="text"],
body.page-template-templete-EntryFormOptimization .m-media input[type="email"],
body.page-template-templete-EntryFormOptimization .m-media textarea{
	padding:	10px;
}
body.page-template-templete-EntryFormOptimization .m-media input.error-item,
body.page-template-templete-EntryFormOptimization .m-media textarea.error-item{
	background-color:	#fdf2f0;
	border:				1px solid #f00;
}
.m-media textarea{
	width:		100% !important;
}
.m-media .m-form-span-required{
	margin-left:	10px;
	color:			#fff;
}
body.page-template-templete-EntryFormOptimization .m-media .m-form-span-option,
body.page-template-templete-EntryFormOptimization .m-media .m-form-span-required{
	background-color: #fd0505;	/* ###jd-recruiting.com */
	line-height:		1.7em;
}
body.page-template-templete-EntryFormOptimization .m-media .m-form-span-option{
	background-color: #33add4;
}
.m-form-span-option::before {
	content: "任意";
}
body.page-template-templete-EntryFormOptimization [class^="m-form-span-"] {
	border-radius: 5px !important;
	font-size:	12px;
	padding:	0px 20px !important;
	margin-top:	4px;
}
	/* 未入力の場合の「ご記入ください」 */
body.page-template-templete-EntryFormOptimization .m-media dd{
	position:	relative;
}
body.page-template-templete-EntryFormOptimization .m-media dd .addItem{
	position:	absolute;
	color:		#f00;
	background-color:	#fff;
	padding:	0px 3px;
}
body.page-template-templete-EntryFormOptimization .m-form .error {
	position: absolute;
	background-color: #fff;
}
.m-media input,
.m-media select{
	font-size:	15px;
}
.m-media .mail{
	margin-bottom:	20px;
}
.m-media .m-form-privacy{
	width:			100% !important;
	max-width:		670px !important;
	padding:		10px;
}
.m-media .m-form-privacy pre{
	margin-top:		8px;
}
.mw_wp_form_confirm .comfirm-none{
	display:	none;
}
.formBottom{
	width:	100%;
	max-width:	620px;
	margin-left:	auto;
	margin-right:	auto;
	padding:		0px 10px !important;
	margin-bottom:	50px;
}
.m-form-buttons{
	text-align:	center;
}
.mw_wp_form .m-form-buttons {
	margin: 50px 0px 80px;
}
.m-form-buttons input{
	padding:	20px;
	font-size:	20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
body.page-template-templete-EntryFormOptimization .m-form-buttons input{
	width:		100%;
	margin:		0px !important;
}
.m-form-buttons input:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
.Security{
	font-size:	13px;
}
.Security img{
	float:	left;
	margin-right:	20px;
}
.Security .title{
	font-weight:	bold;
	font-size:		15px;
	margin-bottom:	5px;
}

body.page-template-templete-EntryFormOptimization .m-form-buttons p{
	text-align:	center;
}
body.page-template-templete-EntryFormOptimization .m-form-buttons input{
	background-image:	url("./images/common/tryangle-right-white.png");
	background-repeat:	no-repeat;
	background-position: 95% center;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
	/* float解除しないと枠線が出ない */
body.contact .m-form-status:before,
body.contact .m-form-status:after {
	content: "";
	clear: both;
	display: block;
}
body.contact .m-form-status div > div::after{
	/* スクロールするとひし形がグロナビの前面に出るのを抑制 */
	z-index:	1;
}
/*--------------------------------------------------------------------*/
/* 404.php no-result.php */
	/* 会員専用ログイン */
/*
#linkMemberLogin{
	margin-top:		100px;
	border-top:		1px solid #ccc;
	padding:		30px;
	border-bottom:	1px solid #ccc;
	background-color:	#f2f2f2;
}
#linkMemberLogin p{
	margin-bottom:	20px;
}
#linkMemberLogin a{
	color:			#04c;
	text-decoration:	underline;
	font-size:		20px;
}
*/
.error{
}
.error p{
	margin-bottom:	20px;
}
.error a{
	color:				#04c;
	text-decoration:	underline;
	font-size:			20px;
}
/*--------------------------------------------------------------------*/
/* サイドバー */
.boxSide .widget,
#sidebar .widget{
	margin-bottom:	50px;
}
.boxSide .widget:last-child,
#sidebar .widget:last-child{
	margin-bottom:	0px;
}

.boxSide .widget .blog-side-title,
#sidebar .widget .blog-side-title{
	color:				#fff;
	background-color:	#388e8d;
	text-align: 	center;
	font-weight:	normal;
	font-size:		16px;
  	line-height: 	2.8em;
	margin-bottom:	25px;
}
	/* マーカー */
/*
.boxSide .widget ul li:before,
#sidebar .widget ul li:before{
	content:	'>';
	margin-left:	-14px;
	margin-right:	5px;
}
*/
.boxSide ul,
#sidebar ul{
	margin-left:	15px;
}
.boxSide .widget ul li,
#sidebar .widget ul li{
	background-repeat:	no-repeat;
	background-position: left center;
	background-image:	url("./images/common/side-menu-marker.png");
	padding-left:	15px;
	margin-bottom:	15px;
}

.boxSide .widget ul li ul.sub-menu,
#sidebar .widget ul li ul.sub-menu{
	margin-top:	10px;
}
.boxSide .widget ul li ul.sub-menu li:before,
#sidebar .widget ul li ul.sub-menu li:before{
/*	list-style-type:	disc;	/* これでやらない */
	content:	'・';
	margin-left:	-14px;
/*	margin-right:	0px;*/
}
.boxSide .widget ul li ul li,
#sidebar .widget ul li ul li{
	margin-bottom:	0px;
}
#sidebar ul li a{
	display:	block;
}
#sidebar #text-2 ul li a{
	color:		#1abcf8;
}
	/* 関連リンク */
#sidebar .widget .menu-externallink-container ul li{
	background-image:	none;
	list-style-type:	disc;
	list-style-position:	inside;
	padding-left:		10px;
  color: rgb(5, 147, 200);	/* マーカーの色 */
	margin-bottom:	10px;
}
#sidebar .widget .menu-externallink-container ul li a{
	display:	inline-block;	/* マーカーと改行される */
  font-size: 12px;
  color: rgb(5, 147, 200);
}

/*--------------------------------------------------------------------*/
/* フッター */
footer{
	background-color:	#2e98e4;	/* 水色 */
	color:				#fff;
	position: 			relative;	/* パララックス画像position:fixed;が見えるのを防止 */
}
footer section{
    padding: 		60px 0px !important;
	margin-bottom:	0px !important;
	background-color:	transparent !important;
}
footer section .widthLimit{
	margin-bottom:	0px !important;
}
footer section#CTA{
	background-color:	#388e8d;
	color:				#fff;
	padding:			70px 0px !important;
}
footer section#CTA .widthLimit{
	max-width:	1200px;
	max-width:	none;	/* 左右padding:20の分を増やす */
}
footer section#CTA .boxFlex{
	width:		48%;
	max-width:	580px;
	
}
footer section#CTA .lineLeft{
	padding:		30px;
	border-left:	2px solid #fff;
}
footer section#CTA .lineLeft .sectionTitle{
	font-size:		40px;
	display:		block;
	color:			#fff;
	border:			none;
	text-align:		left;
	padding-bottom:	0px;
	margin-bottom:	30px;
	position:		relative;
}
footer section#CTA .lineLeft .hide640{
	display:	inline !important;
}
footer section#CTA .lineLeft .disp640{
	display:	none !important;
}
	/* 背景画像で右矢印 */
footer section#CTA .arrow-right-blue{
	background-image:	url("./images/common/arrow-right-blue.png");
	background-repeat:	no-repeat;
	background-position: 95% center;
}
footer section#CTA .boxFlex.alignLeft{
	margin-right:	auto;	/* 左寄せ */
}
footer section#CTA .boxFlex.alignRight{
	margin-left:	auto;	/* 右寄せ */
}

footer section#CTA .wrapFlexBothSide{
	align-items:	center;
}
footer section#CTA .boxLeft{
	width:		50%;
	max-width:	640px;
}
footer section#CTA .boxRight{
	width:		50%;
	max-width:	640px;
}
footer section#CTA .boxRight p:not(.btnGhost){
	display:	none;
}
footer section#CTA .btnGhost {
	width:		47%;
	max-width:	300px;
}
footer section#CTA .btnGhost a{
	font-size:			15px;
	background-image:	url("./images/common/truangle-green-right.png");
	background-repeat:	no-repeat;
/*	background-position: 10px center;	/* 左 */
	background-position: 95% center;	/* 右 */
	background-size:	10px;
/*	background-color: rgba(255,255,255,0.2);	/* 白透過 */
/*	background-color: rgba(0,0,0,0.5);			/* 黒透過 */
/*	background-color: rgba(128,128,128,0.75);	/* グレー透過 */
	background-color: #fff;	/* 白透過 */
	border:			1px solid #fff;
	padding:		25px 0px;
	color:			#388e8d !important;
	max-width:		100%;
}
footer section#CTA .recruit a{
	background-image:	url("./images/common/truangle-white-right.png");
	background-color:	transparent !important;
	color:	#fff !important;
}
footer section#CTA .btnGhost a:hover{
	background-color:	#99dedd !important;
}
footer section#CTA a .small{
	font-size:		12px;
}
	/* font after で矢印 */
body.home footer section#CTA .btnGhost a{
}
footer section#CTA a.arrowFont{
	position:	relative;
}
footer section#CTA a.arrowFont:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;
	margin-left: 0px;
	font-size: 80px;
	font-weight: lighter;
	font-weight: 100;
	content: ">";	/* > */
	font-family: 'Major Mono Display', monospace;
	color:			#2e98e4 !important;	/* 水色 */
}
footer section#CTA a.arrowFont.noArrow:after{
	content: none;	/* 矢印無し */
}
		/* 4つのバナー */
footer section#Banners{
    padding: 		50px 0px !important;
    background-color:	#fff;
}
	/*  */
footer section#Banners .box4{
	width:			23.5%;
	margin-right:	2%;
}
footer section#Banners .box4:last-child{
	margin-right:	0px;
}
footer section#LOGO{
	position:	relative;
	padding-bottom:	0px !important;
}
footer section#LOGO p{
	text-align:	center;
}
footer section#Menu #boxCompany{
	width:			210px;		/* 600px/1300 */
	margin-left:	0px;
	margin-right:	auto;	/* 180/1100 */
}
footer section#Menu #boxCompany .tagLine{
	color:		#fff;
	font-size:	13px;
	margin-bottom:	0px;
	margin-top:	10px;
}
section#Menu #boxMenu{
}
section#Menu .footer-nav .menu-item{
	margin-bottom:		0px;
}
section#Menu .footer-nav .menu-item a{
	font-size:			14px;
	text-decoration:	none;
}
section#Menu ul.menu_footer > li.menu-item-has-children > a{
}

section#Menu ul.sub-menu{
	margin-left:	15px;
	list-style:		disc;
}
section#Menu ul.sub-menu li{
}
section#Menu ul.sub-menu li.current-menu-item{
	text-decoration:	underline;
}
section#Menu ul.sub-menu ul.sub-menu{
	margin-top:		0px;
	padding-left:	20px;
}
section#Menu ul.sub-menu ul.sub-menu li {
	margin-bottom:	0px;
	list-style-type:	disc;
}
section#Menu #footer-nav-foot4 #menu-item-189{
	margin-top:	30px;
}


section#Menu ul li{
	border-right:	1px solid #fff;
	margin-right:	20px;
}
section#Menu ul li:last-child{
	border-right:	none;
	margin-right:	0px;
}
section#Menu ul li a{
	display:	block;
	color:		#fff;
	padding-right:	20px;
}
section#Menu ul li:last-child a{
	padding-right:	0px;
}
footer section#SNS{
	padding-top:	0px !important;
}
	/* ###FooterSNS */
footer section#SNS a{
	margin-right:	30px;
}
footer section#SNS a:last-child{
	margin-right:	0px;
}
	/* ###FooterSNS */
footer section#SNS .sns-icons{
	text-align:		right;
}
footer section#SNS .boxSns{
	margin-right:	60px;
}
footer section#SNS i{
	font-size:		35px;
	color:			#fff;	/* ###FooterSNS */
}
footer section#SNS .icon-image{
	height:			30px;
	vertical-align:	0px;
}
footer section#SNS i:last-child{
/*	margin-right:	0px;	/*  */
}
footer section#SNS .banner{
	height:			35px;
}
footer section#SNS .banner:first-child{
	margin-right:	20px;
}
footer #Bottom{
    padding:	10px 0px !important;
}
footer .copyright{
	font-size:	12px;
	font-weight:	bold;
	width:			380px;
}
body.page-template-templete-EntryFormOptimization footer{
	border-top:			1px solid #ccc;
	background-color:	#fff;
}
body.page-template-templete-EntryFormOptimization footer #Bottom{
    padding:	20px 0px !important;
}
body.page-template-templete-EntryFormOptimization footer .copyright{
    color:	#333;
}
.pageTop{
	position:	fixed;
	right:		10px;
	bottom:		10px;
	float:		right;
	display:	none;
	z-index:	100000;
}
	/* 再度固定のお問い合わせオーバーレイ */
.sideFixedContact{
	display:	none;
	position:	fixed;
/*	right:		calc(100vw - 100% - 160px);		/* calc(100vw - 100%)=スクロールバーの幅　　右サイドのスクロールバーの調整　→　必要なし */
	width:		230px;							/* なぜか chrome よりも firefox の幅が広くなる　ここで明示的に定義すると同じになる */
	right:		-160px;							/* hoverしてないときの位置はスクロールバーがあっても無くても同じ位置を指定すればOK */
	top:		20%;

	background-color:	#F5F5F5;
	z-index:	10;
	opacity:	1;
/*
	-webkit-transform: translateY(100vw - 100%);
	-ms-transform: translateY(100vw - 100%);
	transform: translateY(100vw - 100%);
*/
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
body.home .sideFixedContact{
	display:	flex;
}
.sideFixedContact:hover{
	right:		0px;						/* hoverしたときの位置はスクロールバーがあっても無くても0pxでOK */
}
.sideFixedContact .dispAllways{
	/* 【最重要】<a>ではなく上位のここで縦書き指定　<a>でやるとpaddingやサイズ指定が非常に複雑になって破綻する */
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:		center;
	font-weight:	bold;
	padding:		20px;
}
.sideFixedContact .dispAllways img{
	width:		20px;
	margin-top:	10px;
	vertical-align: middle;		/* これで左右中央 */
}
.sideFixedContact .dispHover{
	padding:	20px 10px;
	text-align:	center;
}
.sideFixedContact .dispHover .qr-code{
	width:			100px;
	height:			auto;
	margin-bottom:	10px;
}
.sideFixedContact .dispHover .banner{
	width:			140px;
	height:			auto;
	display:		block;
	text-align:		center;
}
.sideFixedContact .dispHover a:hover{
/*
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
*/
}


@media screen and (max-width: 1600px) {
	.drawer-container {
		padding-left: 20px;
		padding-right: 20px;
		padding-right:	100px;
		padding-right:	120px;	/* ###LoginIcon */
	}
}
@media screen and (max-width: 1500px) {
	body.report section#MainVisual .boxTow.right img {
		width: 48%;
	}
	body.purchase section#MainVisual .boxTow.right img{
		width:		48% !important;
	}
}
@media screen and (max-width: 1400px) {
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 35px;
		padding: 2px;
	}
}
@media screen and (max-width: 1320px) {
	body.home #TopMainVisual .boxContent .catch-copy{
		font-size:	35px;
		letter-spacing:	5px;
	}
}
@media screen and (max-width: 1280px) {		/* ###MainVisualForNotePC */
	.backAnmSlowRightTopToLeftBottom{
		padding-top: 40px;
		padding-bottom:30px;
	}
		/* 画像部縮小のため、幅も狭くしないと横に間延びする */
	.boxText{width:60%}
	.boxImage{width:35%}
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 45px;
	}
		/* 画像高さで720pxに収容されるように制御する */
	body.home #TopMainVisual .boxImage .boxTow .spImage {
		max-height: 190px;
	}
}
@media screen and (max-width: 1200px) {
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 75% center;
	}
	section#About .marker-b {
		font-size: 24px;
		letter-spacing: 5px;
	}

	#Price .boxThree{
		padding: 		50px 20px;				/* ###PriceBoxCompact */
	}
	#Price .boxThird {
		padding: 30px 10px;
	}


	.flexOverlap > .boxText{
		width:		45%;
	}

	footer section#SNS > .wrapFlexBothSide{
		flex-direction: column-reverse;
	}
	footer section#SNS .copyright,
	footer section#SNS .sns-icons{
		width:	100%;
		text-align:	center;
	}
	footer section#SNS .sns-icons{
		margin-bottom:	50px;
	}

}
@media screen and (max-width: 1100px) {
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 26px;
		padding: 0px;
				/* ###MainVisualForNotePC */
		font-size: 45px;
		padding: 2px;
	}
	.drawer-navbar .drawer-menu > li {
		margin-right:	15px;	/* 隣の項目との位置関係 */
	}
	header .btnWipe .more_button{
		width:			130px;
		text-align:		left;
		padding-left:	5px;
	}

	/* カルーセルコントローラーの位置 */
		.wpsisac-slick-carousal-wrp .design-6 button.slick-prev{
			left:	0px !important;	/*  */
		}
		.wpsisac-slick-carousal-wrp .design-6 button.slick-next{
			right:	0px !important;	/*  */
		}

	/* Smart Slider 3 PRO */
	#PickupContents .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-previous,
	#About .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-previous{
		left: 5px !important;
	}
	#PickupContents .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-next,
	#About .n2-ss-slider-controls-advanced .nextend-arrow-animated-fade.nextend-arrow-next{
		right: 5px !important;
	}



	/* カルーセル内のオーバーラップ　タブレットでPCの要素（歯科医先生４列横隊）を表示することもあるので */
	body.home #Voice .overWrap{
		padding:	10px 0px;
		font-size:	12px;
	}

		/* サイドのスペース */
	footer section{
		padding-left:	20px;
		padding-right:	20px;
	}
		/* 4つのバナー */
	footer section#Banners{
		padding-left:	0px;
		padding-right:	0px;
	}
	footer section#Banners .widthLimit{
		padding-left:	20px;
		padding-right:	20px;
	}

		/* アプリ機能 */
		/* 吹き出し画像を右側に */
	body.report section#Flow .Step .image{
		float:		none;
		margin-left: 0px;
		display:	block;
	}

		/* 買取マッチング */
	body.purchase section#MainVisual .boxTow.right img {
		right: 20px;
	}
	body.purchase section#MainVisual .boxTow.left {
		padding-left: 0px;
	}

	section#Recruit .boxContent .boxFloatCenter{
		margin-left:	0px;
		margin-right:	40%;
	}
}
@media screen and (max-width: 1030px) {
	body.home #TopMainVisual .boxContent .titleAnm span {
				/* ###MainVisualForNotePC */
		font-size: 34px;
		padding: 0px;
	}
	body.home #TopMainVisual .boxImage .boxTow .apl{	/* ###MainVisualForNotePC */
		font-size: 16px;
		letter-spacing:	1px;
	}
}
@media screen and (max-width: 1024px) {
	#Glanavi2nd .title-2nd{
		display:	none;
	}
	#Glanavi2nd .second-nav{
		margin-left:	auto;
		margin-right:	auto;
	}
	/* スタティックメインビジュアル */
	body.home section#TopMainVisual .descriptionBig{
		font-size: 		25px;
		line-height:	1.2em;
		margin-bottom:	20px;
	}
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 79% center;
	}

	section#About .n2-ss-section-main-content{
		padding:	10px;		/* スライド最外殻のpadding */
	}

	#pfcMainVisual .eng .sectionMainTitle{
		font-size: 43px !important;
	}

	#Price .boxThree{
		display:	block;
	    width:  100%;
		padding: 		60px 40px;
	    max-width:	690px;
	    margin-left:	auto;
	    margin-right:	auto;
	    margin-bottom:	60px;
	}
	#Price .boxThree .boxLower {
		min-height: auto;
		padding-bottom:	70px;
	}
	/* 影　内側に */
	#Price .boxThree.plan-free .boxLower,
	#Price .boxThree.plan-enterprise .boxLower{
		box-shadow: none;
	}

	/* 料金表 about_lp report */
	section#Price .widthLimit{
		width:	100%;
	}
	section#Price .boxThree{
	    width:  		100% !important;
	}
	#Price .boxSecond {
		padding: 		40px 20px;
	}
	#Price .boxThird {
		padding: 30px;
	}

		/* 4つのバナー */
	footer section#Banners .box4{
		width:			48%;
		margin-right:	4%;
		margin-bottom:	20px;
	}
	footer section#Banners .box4:nth-child(2n+1){
		text-align:		right;
	}
	footer section#Banners .box4:nth-child(2n){
		margin-right:	0px;
	}
	footer section#Banners .box4:nth-child(3),
	footer section#Banners .box4:nth-child(4){
		margin-bottom:	0px;
	}

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

	body.home #TopMainVisual .boxContent .catch-copy{
		font-size:	26px;
		letter-spacing:	5px;
	}
	body.home #TopMainVisual .boxContent .boxPrice.wrapFlexBothSide{
		display:	block;
	}
	body.home #TopMainVisual .boxContent .riyouryou{
		margin:	0px auto 20px;
	}
	body.home #TopMainVisual .boxContent .ruikei{
		margin:	0px auto;
	}

		/* タイトルアニメーション */
	.titleAnm .long-title span{
		font-size:	85px;
		padding:	0px 5px;
	}

	section#About .marker-b {
		font-size: 20px;
		letter-spacing: 3px;
	}
	.flexOverlap > .boxImage{
		width:		100%;
		margin-left:	auto;
		margin-right:	auto;
		height:			auto;
	}
	.flexOverlap.flexRevers > .boxText,
	.flexOverlap > .boxText{
		width:		90%;
		margin-top:		-80px;
		margin-left:	auto;
		margin-right:	auto;
	}
	.flexOverlap > .boxImage img{
		object-fit:		initial;
	}


	.wpcf7-form,
	.mw_wp_form{
	  width: 100%;
	  padding:	0px 10px;
	}
	body.page-template-templete-EntryFormOptimization .wpcf7-form,
	body.page-template-templete-EntryFormOptimization .mw_wp_form{
	  padding:	0px;
	}


	footer section#Menu #boxCompany,
	footer section#Menu #boxMenu{
		width:	100%;
	}
	footer section#Menu #boxCompany{
		margin-bottom:	50px;
	}
	footer section#Menu #boxMenu .menu_footer{
		width:	fit-content;
		margin-left:	auto;
		margin-right:	auto;
	}
	footer section#Menu #boxCompany .footer-logo{
		text-align:	center;
	}
	footer section#Menu #boxCompany .tagLine{
		text-align:	center;
	}
	section#Menu .footer-nav .menu-item{
		margin-bottom:		10px;
	}
}
@media screen and (max-width: 880px) {
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 82% center;
	}
	body.home #TopMainVisual .boxText .char.man{
		left:	-10px;
	}
	body.home #TopMainVisual .boxText .char.woman{
		right:	-10px;
	}
}
@media screen and (max-width: 767px) {/* ■■■ 【ブレークポイント】 ■■■ */
	.dispTab{display:block !important;}
	.hideTab{display:none !important;}

	body.single .wrap_main,
	body.single .container{
		background-color:	transparent;	/*  */
	}

	body.single.single-post .wrap_main{
		padding:	30px 20px;			/* 白色 */
	}

	/* 背景色 */
	body.archive.post-type-archive-cpt_pfc .container{
		background-color:	#EFFBFB;	/* 水色 */
	}

		/* 位置を入れ替え　###LoginIcon */
	.Moddal-hunberger{
		top:		-13px;
		right:		35px;
	}
	#Login{
		top:		10px;
		right:		100px;
	}
	/* スマホメニュー */
	.drawer-container {
		padding-left: 0px;
		padding-right: 0px;
		padding-right:	100px;
		padding-right:	200px;	/* ###LoginIcon */
	}
	.drawer--navbarTopGutter {
/*		padding-top: 70px;	/* ###SP-menu-item-height  70 */
		padding-top: 60px;	/* ###SP-menu-item-height  60 */
	}
	.drawer-navbar {
/*		height: 71px;		/* ###SP-menu-item-height  70 */
/*		line-height: 70px;	/* ###SP-menu-item-height  70 */
		height: 61px;		/* ###SP-menu-item-height  60 */
		line-height: 60px;	/* ###SP-menu-item-height  60 */
	}

	/* ヘッダー部 */
	.drawer-navbar .drawer-navbar-header {
/*		height: 		70px;	/* ###SP-menu-item-height  70 */
/*		line-height:	70px;	/* ###SP-menu-item-height  70 */
		height: 		60px;	/* ###SP-menu-item-height  60 */
		line-height:	60px;	/* ###SP-menu-item-height  60 */
	}
		/* ロゴを小さく */
	#logo .LogoBanner{
/*		max-width: 100px;	*/
		height: 33px !important;
	}
		/* 位置調整 */
	.drawer-navbar #logo {
		padding-top: 13px;		/* ###SP-menu-item-height  70 これに関連して上のスペースを詰める */
	}

	/* メニュー部 */
	.drawer-navbar .drawer-nav {
		float: none;
		height:			auto;	/* ###PC-Header-Height 同じにすること */
		line-height:	auto;	/* ###PC-Header-Height 同じにすること */
/*		padding-top: 	70px;	/* ###SP-menu-item-height  70 */
		padding-top: 	60px;	/* ###SP-menu-item-height  60 */
	}
	/* 【重要】ドロップダウンのスクロールを可能にするスペース */
	.drawer-navbar .drawer-menu {
		padding-bottom: 400px;
	}
	.drawer-navbar .drawer-menu > li {
		margin-right:	0px;	/* 隣の項目との位置関係 */
	}
		/* ハンバーガーの外形 */
	.drawer-hamburger {
		position:	absolute;	/* これしないとスライドインしない */
/*		padding-top: 30px;
		padding-top: 25px;		/* ###SP-menu-item-height  70 これに関連して上のスペースを詰める */
		padding-top: 19px;		/* ###SP-menu-item-height  60 これに関連して上のスペースを詰める */
		padding-right: 20px;
/*		padding-bottom: 38px;
/*		padding-bottom: 33px;	/* ###SP-menu-item-height  70 これに関連して下のスペースを詰める */
		padding-bottom: 28px;	/* ###SP-menu-item-height  70 これに関連して下のスペースを詰める */
		padding-left: 20px;
		background-color:	#2e98e4;	/* 水色 */
		background-color:	transparent;	/* 水色 */
		width:			40px;	/* 80-20x2 */
	}
	.drawer-hamburger:hover {
		background-color:	#2e98e4;	/* 水色 */
		background-color:	transparent;	/* 水色 */
	}
		/* ハンバーガー「三」の色と形状 */
	.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
		width: 100%;
		height: 2px;
		background-color: #fff;
	}
		/* 疑似要素はjQueryで制御できないので、header.colord セレクタで制御 */
	header.colored .drawer-hamburger-icon, header.colored .drawer-hamburger-icon::before, header.colored .drawer-hamburger-icon::after {
		background-color: #333;
	}
		/* メニューオープン時は透過 */
	header.colored .drawer-open .drawer-hamburger-icon{
		background-color: transparent;
	}
	.drawer-hamburger-icon::before {
		top: -12px;
	}
	.drawer-hamburger-icon::after {
		top: 12px;
	}

		/* スマホでは「トップページ」項目を表示する */
	.drawer-navbar .drawer-menu > li:first-child{
		display:	block;
	}
	.drawer-navbar .drawer-menu{
		border-top:	1px solid #ccc;
	}
	.drawer-navbar .drawer-menu li {
		padding-top:	0px;	/* ↓.drawer-navbar .drawer-menu-item{line-height} と加算して80px		###PC-Header-Height 同じにすること */
		border-bottom:	1px solid #ccc;
	}
	.drawer-navbar .drawer-menu li.drawer-dropdown {
/*		line-height:	46px;	/* ###SP-menu-item-height  padding 12+12 で70 */
		line-height:	36px;	/* ###SP-menu-item-height  padding 12+12 で60 */
	}
	.drawer-navbar .drawer-menu-item {
	/*	line-height:	60px;	/* ↑.drawer-navbar .drawer-menu li{padding-top} と加算して80px		###PC-Header-Height 同じにすること */
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.drawer-navbar .drawer-menu-item {
/*		line-height:	60px;	/* ↑.drawer-navbar .drawer-menu li{padding-top} と加算して80px		###PC-Header-Height 同じにすること */
/*		line-height:	46px;	/* ###SP-menu-item-height  padding 12+12 で70 */
		line-height:	36px;	/* ###SP-menu-item-height  padding 12+12 で70 */
		border-bottom:	none;
	}
	.drawer-navbar .drawer-menu-item.current-menu-item,
	.drawer-navbar .drawer-menu-item:hover {
		border-bottom:	none;
	}
		/* PCでは半透明 スマホでは透明無し */
	.drawer-dropdown-menu{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		-khtml-opacity:1.0;
		opacity:1.0;
	}
		/* ###TogetherParentMenuAndOpenButton */
		/* リンク項目 */
	.drawer-navbar .drawer-dropdown a.Link,					/* hrefが存在する要素 */
	.drawer-navbar .drawer-dropdown a.Link[href="#"]{		/* hrefが存在しない要素 */
		width:		80%;
		display:	inline-block;
	}
		/* オープンボタン */
	.drawer-navbar .drawer-dropdown a.Open{
		width:		20%;
		text-align:	center;
		display:	inline-block;
	}
		/* スマホの時はhoverで非表示　clickでは表示 */
	.drawer-menu .drawer-dropdown.open > .drawer-dropdown-menu{
		display:	block;
	}
	.drawer-menu .drawer-dropdown:hover > .drawer-dropdown-menu{
		display:	none;
	}
	.drawer-menu .drawer-dropdown.open:hover > .drawer-dropdown-menu{
		display:	block;
	}
	.drawer-menu .drawer-dropdown > .drawer-dropdown-menu li{
/*
		height:			80px;
*/
/*		line-height:	80px;
		line-height:	70px;	/* ###SP-menu-item-height  70 */
		line-height:	60px;	/* ###SP-menu-item-height  60 */
	}
	.drawer-dropdown-menu-item {
/*		line-height: 80px;
		line-height: 70px;	/* ###SP-menu-item-height  70 */
		line-height: 60px;	/* ###SP-menu-item-height  60 */
	}

		/* 右端のアイコン */
			/* 下層メニュー */
	.drawer-dropdown-menu-item,
	.drawer-menu-item{
	  position: relative;
	}
		/* 右矢印 */
	.drawer-dropdown-menu-item:after,
	.drawer-menu-item:after{
		position: absolute;
		top: 10px;
		right: 25px;
		margin-left: 0px;
		font-size: 40px;
		font-weight: lighter;
		font-weight: 100;
		content: ">";	/* > */
		font-family: 'Major Mono Display', monospace;
	}

	.FullScreenMenu{
/*		margin-top:	100px;		/* スペースはmarginで これだとダメ 初期表示位置がロゴの位置よりも上になる */

		margin-top:		0px;
		padding-top:	100px;		/* スペースはpaddingで */
	}
	.FullScreenMenu .drawer-dropdown-menu-item:after,
	.FullScreenMenu .drawer-menu-item:after{
		content: none;	/* > */
	}
	.FullScreenMenu .drawer-menu > li {
		margin-bottom:	0px;
	}
	.FullScreenMenu .drawer-menu > li > .drawer-menu-item{
		padding-top:	5px;
		padding-bottom:	5px;
	}

	.drawer-dropdown-menu-item:after{
		top: 0px;
	}
		/* アイコン無し */
	.drawer-dropdown-menu-item.Link:after,
	.drawer-menu-item.Link:after{
		content: 	none;	/* + */
	}
		/* プラス */
	.drawer-menu-item.Open:after{
		font-size: 50px;
		content: 	"+";	/* + */
	}
		/* マイナス */
	.drawer-dropdown.open .drawer-menu-item.Open:after{
		content: 	"-";	/* - */
	}

	.drawer-navbar .drawer-nav .HeaderCTA{
/*	header .btnWipe{	/*  */
		padding-top:	50px;
		float:	none;
		width:	100%;
	}
	header .btnWipe .more_button{
/* もともと
		font-size: 		24px;
		width:			90%;
		height:			60px;
		line-height:	60px;
*/
		/* 小さ目にする */
		font-size: 		22px;
		width:			70%;
		height:			50px;
		line-height:	50px;

		max-width:		480px;
		border:			none;
		float:			none;
		text-align:		center;
		margin-left:	auto;
		margin-right:	auto;
	}
	header .btnWipe .more_button:first-child{
		margin-right:	auto;
		margin-bottom:	40px;
	}
	.more_button i,.r_buttons i {
	  top: 30%;
	}

	.container{
		margin:			0px auto;	/*  */
		margin-top:		0px;		/* セカンドグロナビの分 */
	}
	body.home .container{
		margin-top:		60px;		/* メイングロナビの分 */
	}
	/* 基本レイアウト */
	.hasSidebar .wrap_main,
	.hasSidebar #sidebar{
		float:		none;
		width:		100%;		/* 800/1100 */
	}
	.hasSidebar .wrap_main{
		margin-right:	0px;
	}
		/* 標準 */

	.widthAll img{
		max-width:		100%;	/* 制限なし */
		width:			100%;
	}
	.widthNarrow{
		width:	100%;
	}
	section#About .boxTow:first-child,
	.boxTow{
		width:			100%;		/* 575/1200  380/800*/
		margin-right:	0px;			/* 50/1200 */
		margin-bottom:	30px;
	}
	.boxTow:last-child{
		margin-bottom:	0px;
	}
	body.home #TopMainVisual .boxImage .boxTow{
		width:			48%;
		margin-bottom:	0px;
	}
	.app-agmiru .wrapModal .boxTow .qr-code{
		display:	none;
	}
		/* 画像とテキスト */
	.padding50 .boxImage,
	.padding50 .boxText,
	.boxImage,
	.boxText{
		width:			100%;		/*  */
	}
	.boxText,
	.padding50 .boxImage,
	.boxImage{
		margin-bottom:	30px;
	}

		/* 背景画像の高さを固定 cover で配置 */
	.imgFix .imageBack img{
		height: 900px;
	}
	#pfcMainVisual .imgFix .imageBack img {
		height: 700px;
	}
		/* コンテンツ部の画像　　幅親要素に追従　幅上限は親要素　高さ上限は背景画像より40px小 */
	.imgFix .boxImage img{
		max-height: 400px;	
	}
	.BackImage {
		top: 60px;
	}
	body.about_lp section#MainVisual .widthAll,
	.fix-cover{
		height:		1100px;
	}


		/* 見出しとテキスト */
	.boxHeadingHori{
		width:			100%;		/* 340/1200 */
		margin-right:	0px;		/* 105/1200 */
	}
	.boxHeadingHori.Narrow{
		width:	100%;
	}
	.boxHeadingVert{
		width:	100%;
	}
	.boxLeft,
	.boxRight,
	.boxThirdCollapse,
	.boxThird{
		float:	none;
		width:	100% !important;
	}
	.boxLeft,
	.boxThird{
		margin-bottom:	50px;
	}
	.FullScreenMenu .boxThird{
		margin-bottom:	70px;
	}
	.Collapse .boxLeft{
		margin-bottom:	0px;
	}
		/* ユーザーの声　低速無限スライダー */
	#UserVoice .itemSlide .boxLeft{
		width:	35% !important;
	}
	#UserVoice .itemSlide .boxRight{
		width:				60% !important;
	}
		/* テキスト部背景色がある場合　画像部の↓マージンなし */
	.textBackColor .boxLeft{
		margin-bottom:	0px !important;
	}
		/* テキスト部背景色がある場合　テキスト部上下スペース */
	.textBackColor .box_green,
	.textBackColor .box_blue,
	.textBackColor .box_brown,
	.textBackColor .box_white,
	.textBackColor .box_gray{
		padding:	90px 0px;
	}		
	.boxThird{
		margin-right:	0px;
	}
	.boxThird:last-child{
		margin-bottom:	0px;
	}
	.widthLimit .noSpace{
		width:	100%;
		margin-bottom:	0px !important;
	}
	#Plan .boxThird{
		margin-right:	0px;
	}
	.Sepa .boxLeft{
		padding-right:	0px;
		border-right:	none;
	}
	.Sepa .boxThird{
		padding-right:	0px;
		border-right:	none;
		margin-right:	0px;
	}
	.boxFour{
		width:	48% !important;
		margin-right:	4%;
	}
	.boxFour:nth-child(2n){
		margin-right:	0px;
	}
	.boxFour-no{
		width:	48% !important;
		margin-right:	4%;
	}
	.boxFour-no:nth-child(2n){
		margin-right:	0px;
	}	
	body.about_lp section#About .boxFour{
		width:			25% !important;
		margin:			0px;
	}


	#Plan .boxInner{
		max-width:	460px;
		margin-left:	auto;
		margin-right:	auto;
	}

		/* 経歴用 */
	.Career{
		padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
		padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	}
	.itemCareer .boxLeft{
		margin-bottom:	20px;
	}
		/* 紹介用 */
	.Introduce{
		padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
		padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	}
		/* 左右二段組継続 */
	.itemIntroduce .boxLeft{
		width:	16.66% !important;		/* 150/800 */
		margin-bottom:	0px;
	}
	.itemIntroduce .boxRight{
		width:	83.33% !important;		/* 600/800 */
	}
		/* Q&A */
	.QandA{
		padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
		padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	}
		/* 左右二段組継続 */
	.itemQandA .boxLeft{
		float:	left;
		width:	10% !important;
		margin-bottom:	0px;
	}
	.itemQandA .boxRight{
		float:	right;
		width:	85% !important;
	}
	.itemQandA .A .boxRight{
		width:	90% !important;
	}
	.itemCareer .boxRight,
	.itemCareer .boxLeft,
	.Padding .Image,
	.Padding .Text,
	.widthLimit .TitleText,
	.widthLimit .Title,
	.widthLimit .ImageRound,
	.widthLimit .Image,
	.widthLimit .Text{
		width:	100%;
	}
		/* 上にくる要素によって切り替え */
	.mbLeft .boxRight,
	.mbRight .boxLeft{
		margin-bottom:	0px;
	}
	.mbLeft .boxLeft,
	.mbRight .boxRight{
		margin-bottom:	25px;
	}
		/* ライブラリ */
	.boxCover{
		width:	50%;
	}
		/* 2列 */
	.boxCoverSpace{
		width:	48.5%;
		margin-right:	3%;		/*  */
	}
	.boxCoverSpace:nth-child(2n){
		margin-right:	0px;
	}
		/* サイドバー有の場合は3列 */
	.hasSidebar .boxCoverSpace{
		width:	48.5%;
		margin-right:	3%;
	}
	.hasSidebar .boxCoverSpace:nth-child(3n){
		margin-right:	3%;
	}
	.hasSidebar .boxCoverSpace:nth-child(2n){
		margin-right:	0px;
	}

	.sideFixedContact{
/*		display:	none;		/* これだとSP→PCで再表示されない */
		z-index:	-100;
		opacity:	0;
	}

		/* タイトルアニメーション */
	.titleAnm .long-title span{
		font-size:	65px;
		padding:	0px 5px;
	}

	/* トップページ */

	body.home section#TopMainVisual {
		padding-top: 60px;
	}
	body.home section#TopMainVisual .absOverCenter .verticalCenter{
		top: calc(50% + 30px);			/* padding-topの場合の上下中央位置調整  30pxはpadding-top:60pxの半分 */
	}
	body.home #TopMainVisual .boxContent .boxText{
		margin-bottom: 70px;
	}
	body.home #TopMainVisual .boxContent .catch-copy{
		font-size:	45px;
		letter-spacing:	10px;
	}
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 45px;
		padding: 2px;
	}
	body.home #TopMainVisual .boxContent .boxPrice.wrapFlexBothSide{
		display:	flex;
		margin-bottom: 50px;
	}
	body.home #TopMainVisual .boxContent .riyouryou{
		margin:	0px;
	}
	body.home #TopMainVisual .boxContent .ruikei{
		margin:	0px;
	}
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 73% center;
	}
	body.home #TopMainVisual .boxText .char.man{
		left:	5%;
	}
	body.home #TopMainVisual .boxText .char.woman{
		right:	5%;
	}
		/* 通常の高さ ###MainVisualForNotePC */
	body.home #TopMainVisual .boxImage .boxTow .spImage {
		max-height: initial;
	}
	body.home #TopMainVisual .boxImage .boxTow .apl{	/* ###MainVisualForNotePC */
		font-size: 19px;
		letter-spacing:	4px;
	}

	.backAnmSlowRightTopToLeftBottom{
		padding-top:	80px;
		padding-bottom:	50px;
	}
	section#News .boxLeft{
		flex:			auto;
		margin-right:	0px;
		margin-bottom:	20px;
		margin-bottom:	0px;
	}
	section#News .boxRight{
		width:	100%;
		display:	none;	/* 非表示 */
	}
	section#News .boxLeft .listRect .block-sp{
		display:	block;
		margin-bottom:	10px;
	}
	section#News .boxLeft .listRect .title{
		display:	block;
	}
		/* 右寄せ */
	section#News .boxRight.btnLink a{
		margin-left:	auto;
		display:	block;
	}
	body.home #About .wrapFlexBothSide{
		flex-direction: column-reverse;
	}
	body.home #About .wrapFlexBothSide .boxTow:last-child,
	body.home #About .wrapFlexBothSide .boxImage{
		margin-bottom:	70px;
	}
	body.home #About .wrapFlexBothSide .boxTow:first-child,
	body.home #About .wrapFlexBothSide .boxText{
		margin-bottom:	50px;
	}
		/* 中央ぞろえ */
	body.home #About .boxTitle{
		text-align:		center;
	}
	body.home #About .boxText img,
	body.home #About .image img,
	body.home #About .marker-b{
		margin-left:	auto !important;
		margin-right:	auto !important;
		display:	block;
	}
		/* 元に戻す */
	section#About .marker-b {
		font-size: 30px;
		letter-spacing: 7.5px;
	}

		/* <boxContent>を全幅にして下に移動 */
	section#AboutUs .imgCover{
		margin-bottom:	280px;
	}
	section#AboutUs .imgCover .boxContent{
		top:	400px;
	}
	section#AboutUs .imgCover .boxContent .boxFloatCenter {
		margin-left: 30px !important;			/*  */
		margin-right: 30px !important;
		width:			100%;
	}

	section#About .n2-ss-showcase-slides .n2-ss-text p{
		font-size:	22px;
	}


	body.home #Service .flexRevers .boxLeft,
	body.home #Service .flexRevers .boxRight,
	body.home #Service .boxRight,
	body.home #Service .boxLeft{
		padding-left:	0px;	/*  */
		padding-right:	0px;	/*  */
	}
	body.home #Service .boxLeft{
		margin-bottom:	80px;
	}
	body.home #Service .boxLeft .image,
	body.home #Service .boxRight .img,
	body.home #Service .boxRight .catch{
		text-align:	center;
	}

	section#Company .boxThirdCollapse{
		border-left:	none;
		border-right:	none;
	}
	section#Company .boxThirdCollapse .boxContent{
		height:		750px;
	}
		/* intersectActionの遅延動作 */
	section#Company .boxThirdCollapse.second,
	section#Company .boxThirdCollapse.last{
		transition-delay:0s;
	}
	section#Company .info th{
		padding:			30px 20px;
		vertical-align:		middle;
		background-color:	transparent;
		border:				none;
		text-align:			left;
		width:				90px;
	}
	section#Company .info td{
		padding:			30px 30px;
	}

	section#Recruit .boxContent .boxFloatCenter{
		top:			250px;			/* 位置を下方に */
		margin-right:	20%;
	}

	#pfcMainVisual .eng .sectionMainTitle{
		font-size: 60px !important;
	}

	section#CTA .boxThree{
	    width:  100%;
	}
	section#CTA .boxThree.marginRight{
	    margin-right:  0px;
		margin-bottom:	50px;
	}
	section#CTA .boxThree.spTow.marginRight{
		margin-right:	4%;
	}
	section#CTA .boxThree.spTow{
		width:		48%;
		margin-bottom:	0px;
	}

	section#Feature .boxThree{
	    width:  100%;
	}
	section#Feature .boxThree.marginRight{
	    margin-right:  0px;
		margin-bottom:	70px;
	}
	/* アグミルとは about_lp */
	body.about_lp section#Function .boxTow{
	    width:  100%;
		margin-bottom:		50px;
	}
	body.about_lp section#MainVisual .boxTow.spTow {
		width: 48%;
	}
	body.about_lp section#Function .boxTow.alignCenter{
	    padding-left:  0px;
	    padding-right:  0px;
	}
	body.about_lp section#Function .boxFunc{
		margin-bottom:		50px;
	}
	body.about_lp section#Function .boxTitle.wrapFlexBothSide{
		display:	block;
	}
	body.about_lp section#Function .boxFix80{
		display:			block;
		margin-right:		0px !important;	/*  */
		margin-left:		auto !important;
		margin-right:		auto !important;
	}
	body.about_lp section#Function .boxFix80{
		margin-bottom:		40px !important;
	}
	body.about_lp section#Function .flexRevers{
		flex-direction: row;		/* 初期値：row */
	}

	/* アプリ機能 report */
	body.report section#MainVisual{
		padding-top:	70px;
		padding-bottom:	80px;
	}
	body.report section#MainVisual .boxTow.left{
		width:			100%;
		max-width:		initial;
		padding-left:	20px;
		padding-right:	20px;
		margin-bottom:	70px;
	}
	body.report section#MainVisual .boxTow.left img{
		width:		auto;
	}
	body.report section#MainVisual .boxTow.right img {
		position: relative;
		width: 100%;
		margin-right: -20px;
		bottom: auto;
		right: auto;
	}
	body.report section#Flow .boxImage{
		-webkit-flex-basis: 150px;
		flex-basis: 		150px;
	}

	/* 買取マッチング purchase */
	body.purchase section#MainVisual{
/*
		padding-top:	70px;
		padding-bottom:	0px;
*/
		background-image:	url("./images/purchase/purchase-mainvisual-back-sp.png");
		background-position: top center;
	}
	body.purchase section#MainVisual .Mask{
		padding-bottom:	0px;
	}
	body.purchase section#MainVisual .boxTow{
		width:	100%;
	}
	body.purchase section#MainVisual .boxTow.left{
		max-width:		none;
		padding-left: 	20px;
		padding-right: 	20px;
		margin-bottom:	70px;
	}
	body.purchase section#MainVisual .boxTow.right{
		padding-left: 	20px;
		padding-right: 	20px;
	}
	body.purchase section#MainVisual .boxTow.right img{
		position:		relative;
		width:			auto !important;
		bottom:			auto;
		right:			auto;
	}
	body.purchase section#MainVisual .boxTow.left .boxTitle .oval {
		display:	block;
	}

	body.purchase section#Feature .boxTow,
	body.purchase section#Merit .boxTow,
	body.purchase section#Flow .boxTow{
	    width:  100%;
	}
	body.purchase section#Feature .boxTow,
	body.purchase section#Merit .boxTow.left{
		margin-bottom: 50px;
	}
	body.purchase section#Contact .wrapPrice a{
		width:		100%;
		margin-left:	auto;
		margin-right:	auto;
	}
	body.purchase section#Contact .wrapPrice a.left {
		margin-bottom: 40px;
	}




	body.single .postPagenation{
		padding:	15px 30px;
	}
	body.single .postPagenation .prev,
	body.single .postPagenation .next{
		width:	100%;
	}
	body.single .postPagenation .next{
		border:	none;
		background-position:	0px center;
	}
	body.single .postPagenation .next a{
		text-align:	left;
	}
	body.single .postPagenation hr{
		display:	block;
		width:		100%;
		margin-top:	15px;
		margin-bottom:	15px;
	}

	/* PAY FORWARD CIRCULATION */
	.wrapPfcArchive{
		padding-top:			30px;
		padding-bottom:			30px;
		background-color:	#EFFBFB;
	}
	.wrapPfcArchive .boxPost{
		width:		100%;
		margin-left:	auto;
		margin-right:	auto;
	}
	.wrapPfcArchive .boxPost .boxImage{
		width:		250px;
		height:		200px;
		margin-bottom:	0px;
	}
	.wrapPfcArchive .boxPost .boxImage img.absTopLeft{
		display:	none;
	}
	.wrapPfcArchive .boxPost .boxFree{
		background-color:	#fff;
		padding:			30px;
		min-height:			initial;		/*  */
	}
	.wrapPfcArchive .boxPost .cate{
		position:		relative;
		top:			auto;
		margin-bottom:	15px;
	}
	.wrapPfcArchive .boxPost .boxFree .btnWrap {
		display:	none;
	}
	.wrapPfcArchive .boxPost .boxFree .date{
		margin-left:	auto;
	}





		/* フッターCTA */
	footer section#CTA .boxFlex{
		width:		100%;
		text-align:	center !important;
		margin-left:	auto;
		margin-right:	auto;
	}
	footer section#CTA .boxFlex:first-child{
		margin-bottom:		30px;
	}
	footer section#CTA .boxLeft,
	footer section#CTA .boxRight{
		float:		none;
		width:		100%;
		text-align:	center;
		margin-left:	auto;
		margin-right:	auto;
	}
	footer section#CTA .boxLeft{
		padding:		0px;
		margin-bottom:		70px;
	}
	footer section#CTA .lineLeft{
		border:		none;
	}
	footer section#CTA .lineLeft .sectionTitle,
	footer section#CTA .lineLeft p{
		text-align:		center;
	}
	footer section#CTA .lineLeft .hide640{
		display:	none !important;
	}
	footer section#CTA .lineLeft .disp640{
		display:	inline !important;
	}
	footer section#CTA .btnGhost {
		width:		100%;
		max-width:	none;
	}
	footer section#CTA .btnGhost.contact {
		margin-bottom:		40px;
	}


	footer section#LOGO p{
		text-align:	left;
	}
	footer section#Menu #boxCompany{
		width:			100%;
		margin-left:	0px;
		margin-right:	auto;
		margin-bottom:	50px;
	}
	footer section#Menu #boxMenu{
		width:	100%;
	}

	footer section#SNS .sns-icons .boxSns,
	footer section#SNS .sns-icons .boxApp{
		width:	100%;
		text-align:	center;
	}
	footer section#SNS .sns-icons .boxSns{
		margin-bottom:	50px;
		margin-right:	0px;
	}
}
@media screen and (max-width: 700px) {		/* Smart Slider 3 のブレークポイント */
	body.home #TopMainVisual .boxContent .catch-copy{
		font-size:	35px;
		letter-spacing:	5px;
	}

	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-3{
		padding:	0px;
	}
		/* 画像側 */
	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-3 .n2-ss-layer-row-inner .n2-ss-layer:first-child{
		max-width:		initial;
		margin-left:	auto;
		margin-right:	auto;
	}
		/* コンテンツ側 */
	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-3 .n2-ss-layer-row-inner .n2-ss-layer:last-child{
	}
	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-3 .n2-ss-layer-row-inner .n2-ss-layer:last-child .n2-ss-layer-col{
		padding-left:	30px;
		padding-right:	30px;
	}
	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-3 .n2-ss-layer-row-inner .n2-ss-layer:last-child .n2-ss-layer-col > div{
		margin-bottom:	20px;
	}
	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-3 .n2-ss-layer-row-inner .n2-ss-layer:last-child .n2-ss-layer-col > div:last-child{
		margin-bottom:	0px;
	}
		/* pocchiを欄外に */
	#PickupContents #toppage-pickup-contents #n2-ss-4 .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom .n2-ss-widget{
		bottom:	-40px;
	}

		/* 画像側 */
	section#About .n2-ss-section-main-content .n2-ss-layer-row-inner > .n2-ss-layer:first-child{
		max-width:		initial;
		margin-left:	auto;
		margin-right:	auto;
	}
	section#About .n2-ss-showcase-slides .n2-ss-text p br{
		display:	none;
	}

		/* 「日付」と「VIEW MORE →」横並び継続 */
	#PayForwordCirculation .pfcColumn2 > .n2-ss-layer-row > .n2-ss-layer-row-inner > .n2-ss-layer:first-child{
		width: 30%;
		flex: initial;
		margin:	10px 0px;
	}
	#PayForwordCirculation .pfcColumn2 > .n2-ss-layer-row > .n2-ss-layer-row-inner > .n2-ss-layer:last-child{
		width: 70%;
		flex: initial;
		margin:	10px 0px;
	}
}

@media screen and (max-width: 640px) {
	.disp640{display:block !important;}
	.hide640{display:none !important;}

	body.home section#TopSlowSlider #wrapTopSlider{
		height:		984px !important;	/*  */
	}

	body.home section#TopSlowSlider .description-Vertical{
		margin-left:	21%;		/* 160/750 */
	}
	body.home #TopSlowSlider .bottom .arrowDown img{
		width:	32px;	/* 52pxの60% */
	}
	/* トップページカルーセルのコントローラの位置 */
	/* スマホスライダーに切り替わるので */
	/* 個々の制御は難しいので左右に張り付いたままとする */
	.wpsisac-slick-carousal-wrp .design-6 button.slick-prev{
	/*	left:	calc(50% - 265px) !important;	/* 元のサイズの場合 */
	/*	left:	calc(50% - 285px) !important;	/* ###imageSize */
	}
	.wpsisac-slick-carousal-wrp .design-6 button.slick-next{
	/*	right:	calc(50% - 265px) !important;	/* 元のサイズの場合 */
	/*	right:	calc(50% - 285px) !important;	/* ###imageSize */
	}
	.wpsisac-slick-carousal-wrp .design-6 button.slick-arrow{
		width:	36px;		/* 画像サイズ ###imageSize */
		height:	36px;		/* 画像サイズ ###imageSize */
	}
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 35px;
		padding: 0px;
	}


	body.about_lp section#About .boxFour{
		width:			50% !important;
	}

		/* タイトルアニメーション */
	.titleAnm .long-title span{
		font-size:	48px;
		padding:	0px 3px;
	}

	section#Company .info th{
		padding-bottom:		0px;
	}
	section#Company .info td{
		padding:		10px 20px 30px;
	}

	section#Recruit{
		margin-bottom:	350px
	}
	section#Recruit .boxContent .boxFloatCenter{
		top:		350px;			/* 位置を下方に */
		margin-right:	100px;
	}

	.itemIntroduce .boxLeft{
		width:	100% !important;		/* 200/1200 */
		padding-bottom:		10px;
	}
	.itemIntroduce .boxRight{
		width:	100% !important;		/* 1000/1200 */
	}

	.Talk .flexRevers .boxFace,
	.Talk .boxFace{
		width:	100%;
		margin-left:	0px;
		margin-right:	0px;
		text-align:		center;
		margin-bottom:	30px;
	}

	/* アグミルとは about_lp と アプリ機能 report　共通 */
	.Modal .link {
		margin-left:	auto;
		margin-right:	auto;
	}
	section#Manual .Modal .link {
		width: 		100%;
		max-width: 	350px;
	}
	section#Voice .wrapFlexBothSide.mb40{
		display:	block;
		margin-bottom:	80px !important;
	}
	section#Voice .boxFix200{
		display:			block;
		margin-right:		0px;	/*  */
		margin-left:		auto;
		margin-right:		auto;
	}
	section#Voice .boxFix200{
		margin-bottom:		30px;
	}
	section#Voice .boxFix200 img{
		display:			block;
		margin-left:		auto;
		margin-right:		auto;
	}
	section#Voice .boxFix200 p{
		text-align:			center;
	}
	section#Voice .balloon_box:before{
	    border: solid transparent;
	    content:'';
	    height:0;
	    width:0;
	    pointer-events:none;
	    position:absolute;
	    bottom:100%;
	    left:50%;
	}
	section#Voice .balloon_box:before{
	    border-color: rgba(30, 144, 255, 0);
	    border-top-width:24px;
	    border-bottom-width:24px;
	    border-left-width:12px;
	    border-right-width:12px;
	    margin-left: -12px;
	    margin-bottom: 0px;
	    border-bottom-color:#fff;
	}
		/* 横は非表示 */
	section#Voice .balloon_box:after{
		display:	none
	}



	table:not(.topTh) th,
	table:not(.topTh) td{
		display:	block;
		width:		100% !important;
		min-height:	45px;
	}
		/*  */
/*
	table.topTh th,
	table.topTh td{
		display:	inline;
		width:		auto !important;
	}
*/
	table:not(.topTh) th{
		text-align:	left !important;
	}
	table.free-items th,
	table.free-items td{
		padding:	7px 20px;
	}

		/* 最上行複数タイトルのテーブル */
/*
	.topTh .tTitle {
		display: none;
	}
	.topTh tr,
	.topTh td{
		position: relative;
	}
*/
		/* :beforeを配置するためのスペース */
/*
	.topTh tr {
    	display: block;
		margin-bottom: 40px;
	}
*/
		/* :before でタイトルテキストを表示する */
/*
  	.topTh td:first-child:before {
		background: #f2f2f2;
		box-sizing: border-box;
		color: #333;
		font-weight: bold;
		height: 40px;
		padding: 10px;
		position: absolute;
		top: -41px;
		left: -0.2%;
		display: block;
		width: 100.5%;
		border:	1px solid #cecece;
		text-align:	left;
	}
  	.topTh td.first:before {	content: "タイトル１";	}
  	.topTh td.scond:before {	content: "タイトル２";	}
  	.topTh td.third:before {	content: "タイトル３";	}
*/

	/* スクロールバーを出す */
	/* https://01earth.jp/web-create/coding/scroll-bar/ */
	.scroll-wrap table{
		width:	900px;
	}

	.scroll-wrap{
		width: 	100%;
/*		padding: 3%;	/*  */
		padding-bottom:	20px;
		overflow-x: auto;
	}
	.scroll-wrap::-webkit-scrollbar {
		height: 10px;
	}
	.scroll-wrap::-webkit-scrollbar-thumb{
		background: #999;
		border-radius: 5px;
	}
	.scroll-wrap::-webkit-scrollbar-track-piece {
		background: #efefef;
	}

	/* ステップテーブル */
	table.Step td.step{
		padding-left:	0px;
	}
	table.Step td.line,
	table.Step td.none{
		display:	none;
	}
	table.Step td.title,
	table.Step td.content{
		padding-left:	20px;
		border-left:	2px solid #ccc;
	}
	table.Step tr.sp-border-none td.title,
	table.Step tr.sp-border-none td.content{
		border-left:	none;
	}

	/* アプリ機能 report */
	body.report section#Recommend .link-button .button {
		width: 100%;
	}
	body.report section#Recommend .link-button .button.record {
		margin-bottom: 40px;
	}
	body.report section#Flow .boxTow{
	    width:  100%;
	}
	body.report section#Flow .boxTow.wrapFlexBothSide {
		margin-bottom: 50px;
	}
	body.report section#Flow .boxImage{
		-webkit-flex-basis: 220px;
		flex-basis: 		220px;
	}


	body.purchase section#Flow table.Step th,
	body.purchase section#Flow table.Step td{
		display:	table-cell;
		width:		auto !important;
	}
	body.purchase section#Flow .Step .StepTitle .circle{
		width: 80px;
		height: 80px;
		padding-top: 10px;
	}
	body.purchase section#Flow .Step .num {
		font-size: 30px;
	}
	body.purchase section#Flow table.Step td.title,
	body.purchase section#Flow table.Step td.content{
		border-left:	none;
	}
	body.purchase section#Flow .Step .lineL ,
	body.purchase section#Flow .Step .lineR {
		width: 40px !important;
	}
	body.purchase section#Flow .Step .StepTitle .title,
	body.purchase section#Flow .Step .Text .text{
		padding-left:	20px;
	}

	section#Recommend{
		background-image:	url("./images/common/backimage-sagyokirokupng-sp.png");
	}
	section#Recommend .boxTitle.wrapFlexBothSide{
		display:	block;
	}
	body.about_lp section#Recommend .boxFix80{
		display:			block;
		margin-right:		0px !important;	/*  */
		margin-left:		auto !important;
		margin-right:		auto !important;
	}
	body.about_lp section#Recommend .boxFix80{
		margin-bottom:		40px !important;
	}


	/* ステップ */
	.blockStep .title{
		position:	relative;
		top:		auto;
		left:		auto;
	}
	.blockStep .content{
		margin-left:	0px;
		border-left:	2px solid #ccc;
		padding-left:	30px;
	}
		/* 【これがないとうまくいかない】 form.cssのオーバーライド */
	.mw_wp_form .m-form,
	.mw_wp_form .m-form > * {
		display: block !important;
	}
	/* メールフォーム */
	.m-media dt,
	.m-media dd{
		width:		100%;
		display:	block;
	}
	body.page-template-templete-EntryFormOptimization .mw_wp_form dl.m-form dt,
	body.page-template-templete-EntryFormOptimization .mw_wp_form dl.m-form dd{
		width:		100%;
		display:	block;
		height:		auto;
	}
	.m-media dt{
		border-right:	none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.13);
	}
	.m-media dd{
/*		padding-top:	5px;	/*  */
	}
	.m-media input[type="tel"],
	.m-media input[type="text"],
	.m-media input[type="email"],
	.m-media textarea{
		width:		100% !important;
	}
	.m-media .memo{
		display:	block;
	}
	.m-form-buttons input{
		display:	block;
		width:		235px;
		margin-bottom:	20px;
		margin-left:	auto;
		margin-right:	auto;
	}

		/* 矢印の構造は難しいので、せいぜい縦に整列するのが関の山 */
		/* 640以上は画像でやるか？ */
		/* 長さ */
	.m-form-status div{
		width:	100% !important;
	}
		/* 右矢印を非表示 */
	.m-form-status div > div::after {
		display: none !important;
	}


}
@media screen and (max-width: 580px) {
	.disp580{display:block !important;}
	.hide580{display:none !important;}

	section#About .marker-b {
		font-size: 21px;
		letter-spacing: 5px;
	}
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 75% center;
	}

	#Price .boxSecond {
		padding: 40px 0px;
	}
	#Price ul.check-green li:nth-child(2n+1){
		width:	42%;
	}
	#Price ul.check-green li:nth-child(2n){
		width:	56%;
	}


	/* スライダーを縦並び  ★2024.2.28以降はこの領域でスライダーは非表示 */
	#PayForwordCirculation svg.n2-ss-slide-limiter{
		display:	none;
	}
	#PayForwordCirculation div#n2-ss-5 .n2-ss-showcase-slides{
		display:block;
		margin:0px auto;
	}
		/* スライド動作を禁止 */
	#PayForwordCirculation div#n2-ss-5 .n2-ss-slide{
		transform: initial !important;
		margin-bottom: 50px;
	}
		/* 左右矢印を消去 */
	#PayForwordCirculation .n2-ss-slider-controls-absolute-left-center .nextend-arrow-animated-fade,
	#PayForwordCirculation .n2-ss-slider-controls-absolute-right-center .nextend-arrow-animated-fade{
		display:	none;
	}

		/* 要素を左右2カラムに */
	#PayForwordCirculation div#n2-ss-5 .n2-ss-showcase-slides{
		max-width:	initial;
	}
	#PayForwordCirculation div#n2-ss-5 .n2-ss-showcase-slides .n2-ss-slide{
		width:	100% !important;
		height:	auto !important;
	}
	#PayForwordCirculation div#n2-ss-5 .n2-ss-slide .n2-ss-slide-inner .n2-ss-section-main-content{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap : wrap; /*for IE10*/
		-webkit-flex-wrap : wrap; /*for old webkit browser*/
		flex-wrap : wrap;
		justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
	}
	#PayForwordCirculation div#n2-ss-5 .n2-ss-slide .n2-ss-slide-inner .n-uc-UI5e6f05n2qB-inner .n-uc-GT7q6Tz8XaQs{
		width:	250px;
	}
	#PayForwordCirculation div#n2-ss-5 .n2-ss-slide .n2-ss-slide-inner .n-uc-UI5e6f05n2qB-inner .n-uc-14f02aa0cd643{
	    -webkit-flex: 1;
	    flex: 1;    /*（※1）*/
	}

	/* QandA */
	.itemQandA .boxRight{
		width:	85% !important;
		margin-left:	auto;	/* 右寄せ　float:rightと同等 */
	}
	.itemQandA .A .boxRight{
		width:	90% !important;
	}
}

@media screen and (max-width: 480px) {
	.absOverCenter .verticalCenter .descriptionBig,
	.headerHero .v-center .descriptionBig {
		margin-bottom: 20px;
	}
	.absOverCenter .verticalCenter .descriptionSmall,
	.headerHero .v-center .descriptionSmall {
		margin-bottom: 30px;
	}
		/* メインビジュアルのオンコンテンツの位置を上に */
	body.home section#TopSlowSlider .absOverCenter .verticalCenter{
		top:	40%;
		top:	350px;
	}
	body.home section#TopSlowSlider .descriptionBig.lang-japan{
	  font-size: 35px;
	}
	body.home section#TopSlowSlider .descriptionBig.lang-eng{
	  font-size: 38px;
	}
	.absOverCenter .bottom, .headerHero .bottom {
		bottom: 20px;
	}

	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 79% center;
	}

	.flexOverlap > .boxText{
		padding:		20px;
	}

		/* モーダルのコンテンツ部分を上に */
	.modaal-inner-wrapper{
/*		padding-top:		100px;	/*  */
	}

	.FullScreenMenu .Logo{
		left:	20px;
	}

	.pageTopImage .title {
		font-size: 22px;
	}
	body.home .titleEnglish{
		font-size: 		55px;
	}
	/* スタティックメインビジュアル */
	body.home section#TopMainVisual .descriptionBig{
		font-size: 		25px;
		line-height:	1.2em;
		margin-bottom:	20px;
	}
	body.home #TopMainVisual .boxContent .catch-copy{
		font-size:	28px;
		letter-spacing:	2px;
	}
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 28px;
	}
	body.home #TopMainVisual .boxContent .boxPrice.wrapFlexBothSide{
		display:	block;
	}
	body.home #TopMainVisual .boxContent .riyouryou{
		margin:	0px auto 20px;
	}
	body.home #TopMainVisual .boxContent .ruikei{
		margin:	0px auto;
	}

		/* 画像側 */
	section#About .n2-ss-section-main-content .n2-ss-layer-row-inner > .n2-ss-layer:first-child .n2-ss-layer-col{
		padding:	0px;
	}
		/* タイトルアニメーション */
	.titleAnm span{
		font-size:	77px;
		padding:	0px 3px;
	}
	.titleAnm .long-title span{
		font-size:	32px;
		padding:	0px 3px;
	}

	section#Recruit .boxContent .boxFloatCenter{
		top:		300px;			/* 位置を下方に */
		margin-right:	80px;

		padding:		20px;
	}
	section#AboutUs .imgCover .boxContent .boxFloatCenter{
		padding:		20px;
	}

	#pfcMainVisual .eng .sectionMainTitle{
		font-size: 40px !important;
	}
	body.report section#FAQ .acd-check ~ .acd-label .boxCheck .check {
		width: 15px;
		height: 15px;
	}
	body.report section#Flow .boxImage{
		-webkit-flex-basis: 150px;
		flex-basis: 		150px;
	}

	/* 買取マッチング purchase */
	body.purchase section#BuySell .flexboxA.widthLimit {
		padding:	20px 0px;
	}
	body.purchase section#BuySell .flexboxA img {
		width:			60px;
		margin-right: 20px;
	}
	/* Step */

	body.purchase section#Fee table.Price td{
		width:		100%;
		display:	block;
		text-align:	center;
	}
	body.purchase section#Merit .section-description,
	body.purchase section#Contact .section-description {
		font-size: 25px;
	}

	/* 一覧レイアウト */
	.boxBlog{
		background-position: 100% 40%;
	}
	.boxBlog .boxBlogRight{
		width:		calc(100% - 30px);
	}
	.boxBlog .meta{
		width:	100%;
		flex-direction: row-reverse;
		margin-bottom:	10px;
		justify-content:	left !important
	}
	.boxBlog .meta .date{
		margin-right:	0px;
	}
	.boxBlog .meta .linkCate{
		margin-right:	20px;
	}

	/* Pay Forword Circulation スマホでの表示に適用される一覧リスト .wrapPfcArchive  */
	.wrapPfcArchive .boxPost .boxImage{
		width:		100%;
		height:		auto;
		max-height:	250px;
	}
	.wrapPfcArchive .boxPost .boxFree{
		flex:		initial;
		width:		100%;
	}
	.wrapPfcArchive .boxPost .boxFree .title{
		max-height:		initial;
		overflow:		visible;
	}

	.wrapPfcArchive .boxPost .boxImage img.absTopLeft{
		display:	block;
	}
	.wrapPfcArchive .boxPost .cate{
		position:		absolute;
		top:			-15px;
	}
	.wrapPfcArchive .boxPost .boxFree .btnWrap {
		display:	block;
	}
	.wrapPfcArchive .boxPost .boxFree .date{
		margin-left:	0px;
	}

	/* 料金表 about_lp report */
  	#Price .widthLimit1440{
		padding-left:	0px;
		padding-right:	0px;
	}
	#Price .boxThree,
	#Price .boxThree .boxFirst,
/*	#Price .boxThree .boxSecond,		/*  */
	#Price .boxThree .boxThird{
		padding-left:	20px;
		padding-right:	20px;
	}
	#Price .boxFirst .catch,
	#Price .boxFirst .price-title{
		letter-spacing:		0.03em;
	}

	#Price ul.check-green li{
		font-size:	13px;
	}

	/* QandA */
	.itemQandA{
		padding:		20px 10px 30px 10px;
	}
	.itemQandA .boxRight{
		width:	75% !important;
		margin-left:	auto;	/* 右寄せ　float:rightと同等 */
	}
	.itemQandA.Accordion .boxLeft{
		width:	15% !important;
	}
	.itemQandA.Accordion .Q .boxRight{
		width:	80% !important;
	}
	.itemQandA.Accordion .A .boxRight{
		width:	85% !important;
	}


	section#Menu #boxCompany .img,
	section#Menu #boxCompany p{
		text-align:	center;
	}

	footer section#SNS i{
		font-size:		38px;
	}


	section#Menu #boxMenu .blockMenu{
		width:			100%;	
		padding-right:	0px;
	}
	section#Menu #boxMenu .blockMenu:first-child{
		margin-bottom:	70px;
	}

	body.purchase section#BuySell .wrapFlex.widthLimit{
		padding:	0px;
	}
	body.purchase section#BuySell .wrapFlex img {
		width: 60px;
		margin-right: 20px;
	}
	.cate-list .list-item{
		width:			100%;
		margin:			5px auto;
	}

}
@media screen and (max-width: 430px) {
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 81% center;
	}
	body.home #TopMainVisual .boxText .char.man{
		left:	2%;
	}
	body.home #TopMainVisual .boxText .char.woman{
		right:	2%;
	}
}
@media screen and (max-width: 400px) {
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 82% center;
		padding-right:		10px;
		font-size:			15px;
	}
	body.home #TopMainVisual .boxText .char.man{
		left:	-10px;
		height:	160px;
	}
	body.home #TopMainVisual .boxText .char.woman{
		right:	-10px;
		height:	140px;
	}
	section#About .marker-b {
		font-size: 21px;
		letter-spacing: 2px;
	}
	body.home #TopMainVisual .boxImage .boxTow .apl{
		font-size:		15px;
	}

	section#AboutUs .imgCover {
		margin-bottom: 320px;
	}
	section#Recruit .boxContent .boxFloatCenter{
		top:		250px;			/* 位置を下方に */
		margin-right:	60px;
	}

	#Price .boxFirst .catch {
		font-size: 17px !important;
	}
	#Price .boxThree.plan-standard .price-block .price .Num ,
	#Price .boxThree.plan-enterprise .price-block .price .Num {
		font-size:			38px;
		height:				35px;
	}
	#Price .boxThree .boxSecond{
		padding-left:	10px;
		padding-right:	10px;
	}
	#Price ul.check-green li{
		font-size:	15px;
		width:		100% !important;
	}

	#pfcMainVisual .catch{
		font-size:	14px;
	}

	/* 買取マッチング purchase */
	body.purchase section#MainVisual .boxTow.left .boxTitle .oval {
		width: 270px;
	}
	body.purchase section#MainVisual .boxTow.left .boxTitle .description {
		font-size: 27px !important;
	}
	body.purchase section#Flow .boxImage{
		-webkit-flex-basis: 150px;
		flex-basis: 		150px;
	}
	body.purchase section#Contact .wrapPrice a{
		font-size:	16px;
	}



	.formStatus .boxStepLeft,
	.formStatus .boxStepRight{
		width:	100%;
		
	}
	.formStatus .boxStepLeft{
		margin-bottom:	20px;
	}
	.boxClipInner{
		width:		100%;
	}

	footer section#CTA .btnGhost a{
		font-size:	17px;
	}
	footer section#CTA a.arrowFont::after {
		right: -5px;
		font-size: 50px;
	}	
}
@media screen and (max-width: 370px) {
	body.home #TopMainVisual .boxContent .catch-copy{
		font-size:	22px;
		letter-spacing:	2px;
	}
	body.home #TopMainVisual .boxContent .titleAnm span {
		font-size: 22px;
	}
	.titleAnm span{
		font-size:	69px;
		padding:	0px 1px;
	}
	.titleAnm .long-title span{
		font-size:	31px;
		padding:	0px 1px;
	}
	section#About .marker-b {
		font-size: 18px;
	}

	#Price .boxFirst .catch {
		font-size: 14px !important;
	}
	section#Price .price-title {
		font-size: 21px;
	}

	#pfcMainVisual .eng .sectionMainTitle{
		font-size: 33px !important;
	}
	#pfcMainVisual .catch{
		font-size:	10px;
	}


	footer section#SNS .banner{
		display:	block;
		text-align:	center;
	}
	footer section#SNS .banner:first-child{
		margin-right:	0px;
		margin-bottom:	10px;
	}
	footer section#SNS .banner img{
	}
}
@media screen and (max-width: 350px) {
	body.home #TopMainVisual .boxText .btnLink a{
		background-position: 85% center;
	}
	body.home #TopMainVisual .boxText .char.man{
		left:	-20px;
	}
	body.home #TopMainVisual .boxText .char.woman{
		right:	-20px;
	}
}
/* 立体的なボタン 480px */
.contact-btn-link {
	max-width: 480px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: rgb(255, 37, 66);
	box-shadow: 0px 4px 0 rgb(179, 37, 70);
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

.contact-btn-link::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

.contact-btn-link:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}

.contact-btn-text {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}

/* 立体的なボタン　「ピンク」 */
a.contact-btn-link.pink {
	max-width: 480px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #eda6cf;
	box-shadow: 0px 4px 0 #ad458a;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.pink::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.pink:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}

/* ここまで「ピンク」 */

/* 立体的なボタン　「グリーン」 */
a.contact-btn-link.green {
	max-width: 480px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #7cc44b;
	box-shadow: 0px 4px 0 #0e770e;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.green::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.green:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}
/* ここまで「グリーン」 */

/* 立体的なボタン　「オレンジ」 */
a.contact-btn-link.orange {
	max-width: 480px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #f69022;
	box-shadow: 0px 4px 0 #ad5207;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.orange::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.orange:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}
/* ここまで「オレンジ」 */

/* 立体的なボタン　「ブルー」 */
a.contact-btn-link.blue {
	max-width: 480px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #225ac6;
	box-shadow: 0px 4px 0 #08357c;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.blue::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.blue:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}
/* ここまで「ブルー」 */

/* 立体的なボタン　「イエロー」 */
a.contact-btn-link.yellow {
	max-width: 480px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #fff100;
	box-shadow: 0px 4px 0 #b7a313;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.yellow::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #000000;
}

a.contact-btn-link.yellow:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}

.contact-btn-text.yellow {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}
/* ここまで「イエロー」 */
/* ここまで480pxボタン　*/


/* 立体的なボタン 240xp */
.contact-btn-link.small {
	max-width: 240px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: rgb(255, 37, 66);
	box-shadow: 0px 4px 0 rgb(179, 37, 70);
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

.contact-btn-link.small::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

.contact-btn-link.small:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}

.contact-btn-text.small {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}

/* 立体的なボタン　「ピンク」 */
a.contact-btn-link.pink.small {
	max-width: 240px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #eda6cf;
	box-shadow: 0px 4px 0 #ad458a;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.pink.small::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.pink.small:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}

/* ここまで「ピンク」 */

/* 立体的なボタン　「グリーン」 */
a.contact-btn-link.green.small {
	max-width: 240px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #7cc44b;
	box-shadow: 0px 4px 0 #0e770e;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.green.small::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.green.small:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}
/* ここまで「グリーン」 */

/* 立体的なボタン　「オレンジ」 */
a.contact-btn-link.orange.small {
	max-width: 240px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #f69022;
	box-shadow: 0px 4px 0 #ad5207;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.orange.small::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.orange.small:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}
/* ここまで「オレンジ」 */

/* 立体的なボタン　「ブルー」 */
a.contact-btn-link.blue.small {
	max-width: 240px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #225ac6;
	box-shadow: 0px 4px 0 #08357c;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.blue.small::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #fff;
}

a.contact-btn-link.blue.small:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}
/* ここまで「ブルー」 */

/* 立体的なボタン　「イエロー」 */
a.contact-btn-link.yellow.small {
	max-width: 240px; 
	width: 100%;
	display : flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color:  #fff100;
	box-shadow: 0px 4px 0 #b7a313;
	margin-bottom: 1.5em;
	padding : 16px;
	transition: 0.2s all ease 0s;
	letter-spacing: 1.2px;
	text-decoration : none!important;
}

a.contact-btn-link.yellow.small::before {
	position: absolute;
	top: center;
	left: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-size: 150%;
	color: #000000;
}

a.contact-btn-link.yellow.small:hover{
	box-shadow: none;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
	opacity: .8;
}

.contact-btn-text.yellow.small {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}
/* ここまで「イエロー」 */
/* ここまで240pxボタン　*/