/*custom css 0000.00-

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
00.セットアップ
00.ホーム画面


--------------------------------------------------------------*/

/*--------------------------------------------------------------
00.セットアップ setup
--------------------------------------------------------------*/

/* サイト幅960xp 整形 */
.column {
    width: 960px;
    margin: 0 auto;
}
.custom-html-widget > article >.entry-header {
    width: 450px;
    display: block;
}
.custom-html-widget > article >.entry-header > h1 > a{
    color: #81ba41;
}

.custom-html-widget > article > .entry-content {
    width: 450px;
}

body{
	min-width:1024px;
	overflow:hidden;
}

.wrap{
	width:960px;
	margin:0 auto;
}
.wrap img{
	width:auto!important;
}
.c-nav  img{
	width:45%!important;
}

.default .page-header{
	width:960px;
}

.default .page-content{
	width:960px;
}

.default .footer-widget-area .widget-wrapper{
	width:960px;
}

.blog .default .hentry{
	width: 960px;
}

.archive:not(.post-type-archive) .default .hentry{
	width:960px;
}

.home .default .page-content:after{
	display:none;
}

.dispBc .site-main{
	margin:0;
}

.dispBc .breadcrumbs{
	margin:105px 0 0 0;
}

.breadcrumbs{
	font-size:85%;
	padding:0.5em 0;
}

.breadcrumbs span{
	font-size:95%;
}

.breadcrumbs i.section{
	margin:0 0.5em;
}

.breadcrumbs a{
	color:#81ba41;
	text-decoration:underline;

	-ms-transition:all linear 0.25s;
	-moz-transition:all linear 0.25s;
	-o-transition:all linear 0.25s;
	-webkit-transition:all linear 0.25s;
	transition:all linear 0.25s;
}

/* グローバルナビ 整形 */
.default .main-navigation{
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
}

.home .default .site-branding{
	margin:85px 0 0 0;
	padding:0;
	min-height:480px;
	position:relative;
	z-index:0;
}

.home .default .site-branding:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/*
	background:rgba(255,255,255,0.3);
	*/
	background:rgba(129, 186, 65, 0.2);
	z-index: -2;
	display: block;
}

.default .site-branding{
	margin:85px 0 0 0;
}

.default .main-navigation ul{
	width:960px;
	margin:0 auto;
}

.default .main-navigation a:after {
	color: #fff;
	content: "";
	margin-left:auto;
	opacity: 1;
}

.default .main-navigation li:last-child a:after {
	display:inline-block;
}

.default .main-navigation a{
	display:inline-block;
	vertical-align:middle;
	padding:0.25em 0.5em;

	line-height:100%;

	position:relative;

	border:1px solid transparent;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	outline:none;
}

.default .main-navigation ul li.current_page_item a{
	color:#81ba41;
	background:#fff;
	border-radius:1em;
}

.default .main-navigation ul li.current_page_item a:hover{
	border:1px solid transparent;
}

.default .main-navigation ul li.contact a{
	border:1px solid #fff;
	border-radius:1em;
	padding:0.6em;
}
.default .main-navigation ul li.yellow a{
	background:#EDBB23;
}

.default .main-navigation ul li.navHome a{
	background:transparent url("./images/logo/logo_white.png") no-repeat center center / cover;
}

.default .main-navigation ul li.navHome a:hover{
	border:none;
}

.default .main-navigation ul li.current_page_item a:hover::after,
.default .main-navigation ul li.current_page_item a:hover::before{
	display:none;
}

.default .main-navigation a:hover{
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	outline:none;
}

.default .main-navigation a:after{
	content:"";
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	left:0;
	bottom:0;

	transition:all linear 0.1s;
	-o-transition:all linear 0.1s;
	-ms-transition:all linear 0.1s;
	-moz-transition:all linear 0.1s;
	-webkit-transition:all linear 0.1s;

	transform:scaleX(0);
	-o-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-webkit-transform:scaleX(0);

	transform-origin:0% 0%;
	-o-transform-origin:0% 0%;
	-ms-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
	-webkit-transform-origin:0% 0%;
}

.default .main-navigation a:hover::after{
	transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-webkit-transform:scaleX(1);
}

.default .main-navigation a:before{
	content:"";
	width:1px;
	height:100%;
	background:#fff;
	position:absolute;
	left:0;
	top:0;

	transition:all linear 0.1s;
	-o-transition:all linear 0.1s;
	-ms-transition:all linear 0.1s;
	-moz-transition:all linear 0.1s;
	-webkit-transition:all linear 0.1s;

	transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	-moz-transform:scaleY(0);
	-webkit-transform:scaleY(0);

	transform-origin:0% 100%;
	-ms-transform-origin:0% 100%;
	-o-transform-origin:0% 100%;
	-moz-transform-origin:0% 100%;
	-webkit-transform-origin:0% 100%;
}

.default .main-navigation a:hover::before{
	transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
	-webkit-transform:scaleY(1);
}

.default .contact a{
	border:1px solid #fff;
	border-radius:1em;
	outline:none;
}

.default .contact a:hover{
	border:1px solid #fff;
	border-radius:1em;

	outline:none;
}

.default .contact a:after,
.default .contact a:before{
	display:none;
	outline:none;
}

.default .navHome a{
	display:inline-block;

	width:195px;
	height:47px;

	background:url("./images/logo/logo_white.png") no-repeat center center;
	background-size:cover;

	border:none;

	outline:none;
}

.default .navHome a:hover{
	opacity:0.5;
	border:none;
	outline:none;
}

.default .navHome a:after,
.default .navHome a:before{
	display:none;
	outline:none;
}

.fixInquiry{
	position:relative;
	text-align:right;

	width:960px;
	margin:0 auto;
}

.default .fixInquiry a{
	display: block;
	position: absolute;
	right: 0;
	background: rgba(255,128,64,0.8);
	padding: 0.8em 1em 0.5em 1em;
	color:#fff;
	font-size: 90%;
	border: none;
	border-radius:0 0 5px 5px;
	outline:none;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.default .fixInquiry a:hover{
	background:rgba(78, 115, 36, 0.8);
	border:none;
}

.default .fixInquiry a:hover:before,
.default .fixInquiry a:hover:after{
	display:none;
}

.pagetop{
	position:relative;
	width:960px;
	text-align:right;
	margin:0 auto;
}

.pagetop a{
	position: fixed;
	bottom: 0;
	z-index: 10;
	background:rgba(0,0,0,0.7);
	line-height: 100%;
	text-decoration: none;
	font-size: 3rem;
	color: #fff;
	padding: 12px 18px;

	outline:none;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

/* IE hack start */
@media all and (-ms-high-contrast:none){
	.pagetop a{
		right:5%;
	}
}
/* IE hack end */

.pagetop a:hover,
.pagetop a:hover:focus{
	color:#333;
	background:rgba(0,0,0,0.2);
	outline:none;
}

.pagetop a:focus,
.pagetop a:active,
.pagetop a:visited{
	color:#fff;
	background:rgba(0,0,0,0.7);
	outline:none;
}

.default .main-navigation ul li{
	padding:7px 0.2em 7px 0;
}


.read {
	background-color:rgba(130, 195, 55, 1);
	display:block;
}

.read p{
	color:#fff;
	font-size:60%;
	line-height:100%;
	margin:0 0 18px 0;
	display:inline-block;
	border-bottom:1px dashed #CCC;
}

.read p.topright{
	float:right;
	font-size:80%;

}
.read .topright span{
	font-size:60%;
}


.read p br{
	display:none;
}

/* footer */
.fNav ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	        justify-content:flex-end;
}

.fNav ul li {
	padding:0 2em 1em 0;
}

.fNav ul li a{
	color:rgba(255, 255, 255, 1);
	font-size:100%;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.fNav ul li a:hover{
	color:rgba(255, 255, 255, 0.6);
}

.catchCopy .wrap{
	padding:2em 0 0 4em;
}

.catchCopy h1{
	color:#2d4017;
	font-size:3rem;
	line-height:normal;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align:left;
	margin:0;
}

.catchCopy h1 span{
	display:inline-block;
	background:rgba(255,255,255,0.6);
	padding:0.5em;

	position:relative;
}

.mbcatchCopy .wrap{
	padding:2em 0 0 0;
}

.mbcatchCopy h1{
	color:#2d4017;
	font-size:1em;
	line-height:normal;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align:left;
	margin:0;
}

.mbcatchCopy h1 span{
	display:inline-block;
	background:rgba(255,255,255,0.6);
	padding:0.5em;

	position:relative;
}

.catchCopy h1 span:after,
.mbcatchCopy h1 span:after{
	content:"";
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:rgba(129, 186, 65, 0.6);

	-ms-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg);
}

.menuphone{
		padding: 0.25em;
		display: inline-block;
		line-height: 100%;
		height: auto;

		position: fixed;
		color:#FFF;
		top: 0;
		right: 15%;
		z-index:3;
}

.menuphone a:link,
.menuphone a:hover,
.menuphone a:visited,
.menuphone a:active,
.menuphone a:after,
.menuphone a:before
{
		background-color:none;
		text-decoration: none;
		outline:none;
		border:none;
}
.menuphone a:after,
.menuphone a:before,
.menuphone a:hover::after,
.menuphone a:hover::before{
	outline:none;
	border:none;
	display:none;
}

.w70{
	width:70%;
}

.chargeBox {
	padding:0px;
	margin:0 0 10px 0;
	border-width:0;
	background-color:#81ba41;
	box-shadow: 2px 2px 2px #AAA;
	border-radius: 10px 10px 10px 10px;
}


/*--------------------------------------------------------------
01-1.ホーム画面 home
--------------------------------------------------------------*/
.slideCopy{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.slideCopy .wrap{
	position:relative;
	height:100%;
}

.slideCopy .subCopy{
	text-align:left;
	background:rgba(255,255,255,0.6);
	padding:0.25em 1em;
}

.slideCopy .subCopy p{
	color:#3c5d18;
	font-size:85%;
}

.slideCopy .copyBox{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:45%;
}
.slideCopy .mbcopyBox{
	width:85%;

}


.slideLayer{
	content:"";
	width:735px;
	height:461px;

	background:url("./images/bg/home_slide.png") no-repeat bottom right;

	position:absolute;
	bottom:0;
	right:-20%;
	z-index:-1;

	background-size:80%;
}

.slideCopy h1{
	color:#2d4017;
	font-size:3.5rem;
	line-height:normal;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align:left;
	margin:0;
}

.slideCopy h2{
	color:#ffffff;
	font-size:3.5rem;
	line-height:normal;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align:left;
	margin:0;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.slideCopy h1 span{
	display:inline-block;
	background:rgba(255,255,255,0.6);
	padding:0.5em;

	position:relative;
}

.slideCopy h1 span:after{
	content:"";
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:rgba(129, 186, 65, 0.6);

	-ms-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg);
}

.slideInquiry{
	position:absolute;
	bottom:5%;
	right:10%;
}

.slideInquiry a{
	display: inline-block;
	color: #fff;
	background: rgba(129, 186, 65,0.8);
	line-height: 100%;
	padding: 0.5em 2.5em;
	border-radius: 1em;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.slideInquiry a:hover{
	color:#fff;
	background:rgba(0,0,0,0.6);
}

.slideInquiry2{
	position:absolute;
	bottom:5%;
	left:5%;
}

.slideInquiry2 a{
	display: inline-block;
	color: #fff;
	background: rgba(129, 186, 65,0.8);
	line-height: 100%;
	padding: 1.0em 2em;
	border-radius: 1.5em;
	font-size:1.5em;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.slideInquiry2 a:hover{
	color:#fff;
	background:rgba(0,0,0,0.6);
}

.slideInquiry3{
	position:absolute;
	bottom:5%;

}

.slideInquiry3 a{
	display: inline-block;
	color: #fff;
	background: rgba(129, 186, 65,0.8);
	line-height: 100%;
	padding: 1em 1em;
	border-radius: 1.5em;
	font-size:1em;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.slideInquiry3 a:hover{
	color:#fff;
	background:rgba(0,0,0,0.6);
}


/*--------------------------------------------------------------
01-2.ホーム画面 選ばれる3つの理由 choose
--------------------------------------------------------------*/
.choose .titles{
	margin:0 0 1em 0;
}

.titles{
	margin:1em 0 2em 0;
	text-align:center;
}

.titles.little{
	margin:0 0 2em 0;
}

.titles strong{
	color:#415f21;
	font-size:5rem;
	font-weight:normal;
	line-height:100%;
}

.titles .titlesIcon{
	display:inline-block;
	vertical-align:text-top;
}

.titles .titlesIcon img{
	max-width:100%;
}

.tAttention{
	color:#cc3333;
	font-size:50%;
}

.chooseList ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	        align-items:stretch;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	        justify-content:space-between;
}

.chooseList ul li{
	width:30%;
	box-sizing:border-box;
}

.chooseList ul li dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	        flex-direction:column;


	height:100%;
	min-height:340px;
}

.chooseList ul li dt{
	text-align:center;
	position:relative;
	top:15px;
}

.chooseList ul li dt img{
	max-width:60%;
}

.chooseList ul li dt .cNum{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	height: 100%;
	display: inline-block;
	font-size: 7rem;
	color: #81ba41;
}

.chooseList ul li dd{
	margin:0;
	background:#81ba41;
	-webkit-box-flex:1;
	-ms-flex:1 0 auto;
	flex:1 0 auto;

	padding:1em;
	box-sizing:border-box;

	border-radius:16px;
}

.chooseList .chooseBox h2{
	color:#fff;
	font-size:2rem;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	line-height:normal;
	text-align:center;
	margin:0;
}

.chooseList .chooseBox h2 span{
	display:block;
	font-size:80%;
}

.chooseList .chooseBox p{
	color:#fff;
	font-size:85%;
	margin:1em 0 0 0;
}

.chooseList2 ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	        align-items:stretch;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	        justify-content:space-between;
}

.chooseList2 ul li{
	width:30%;
	box-sizing:border-box;
}
.chooseList2 ul li.mbox{
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
}


.chooseList2 ul li dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	        flex-direction:column;


	height:100%;
	min-height:140px;
}

.chooseList2 ul li dt{
	text-align:center;
	position:relative;
	top:15px;
}

.chooseList2 ul li dt img{
	max-width:60%;
}

.chooseList2 ul li dt .cNum{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	height: 100%;
	display: inline-block;
	font-size: 7rem;
	color: #81ba41;
}

.chooseList2 ul li dd{
	margin:0;
	background:#81ba41;
	-webkit-box-flex:1;
	-ms-flex:1 0 auto;
	flex:1 0 auto;

	padding:1em;
	box-sizing:border-box;
	color:#fff;
	border-radius:16px;
}

.chooseList2 ul li dd.light{
	margin:0;
	border:2px solid #81ba41;
	-webkit-box-flex:1;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	background:#fff;
	padding:1em;
	box-sizing:border-box;
	color:#81ba41;
	border-radius:16px;
}


.chooseList2 .chooseBox h2{
	font-size:2rem;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	line-height:normal;
	text-align:center;
	margin:0;
}

.chooseList2 .chooseBox h2 span{
	display:block;
	font-size:70%;
	border-top:2px solid #FFF;
}
.chooseList2 .chooseBox h2 span.light{
	display:block;
	font-size:70%;
	border-top:2px solid #81ba41;
}

.chooseList2 .chooseBox p{

	font-size:150%;
	margin:0.1em 0 0 0;
	text-align:center;
}
.chooseList2 .chooseBox p strong{
	font-size:150%;
}
.chooseList2 .chooseBox .conty{
	font-size:140%;
	margin:2em 0 0 0;
}

h1.blockTitle {
 font-size:150%;
 line-height:140%;
 font-weight:400;
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#contactBox {
 border:1px solid #CCC;
 margin:5em auto;
 clear:both;
}
#inquiryTel dt{
 float:left;
 width:50%;
 text-align:center;
 margin-top:0.5em;
}

#inquiryTel dt strong {
 font-size:250%;
 font-weight:700;
 line-height:100%;
 display:block
}
#inquiryTel dt strong i {
 font-size:70%;
}

#mbinquiryTel dt{
 margin:0 0 0 1em;
}
#mbinquiryTel dt strong{
 font-size:200%;
 font-weight:700;
 line-height:100%;
 display:block
}
#mbinquiryTel dt strong i{
 font-size:70%;
}
#mbinquiryTel dd {
 font-size:1em;
}

#mbinquiryTel dd strong {
 font-size:0.8em;
 font-weight:700;
 margin:0;
 padding:0;
 background:0 0;
 border-radius:0
}

#inquiryTel dt em {
 font-size:120%;
 font-weight:400;
 font-style:normal
}
#inquiryTel dd,
#mbinquiryTel dd {
 margin:0 0 0 1em
}
#inquiryTel dd strong {
 font-size:1.35em;
 font-weight:700;
 margin:0;
 padding:0;
 background:0 0;
 border-radius:0
}
#inquiryTel dd p,
#mbinquiryTel dd p {
 margin:0
}
.mBottomDouble {
 margin:0 auto 2em
}

/*--------------------------------------------------------------
01-3.ホーム画面 機能と特徴 point
--------------------------------------------------------------*/
.chooseList.point ul li dt{
	top:20px;
	z-index:1;
}

.chooseList.point ul li dt span{
	display: inline-block;
	background: #81ba41;
	line-height: 100%;
	padding: 0.25em 0.5em;
	color: #fff;
	border: 5px solid #fff;
	font-size: 90%;
	font-weight:normal;
}

.chooseList.point ul li dd{
	margin:0;
	background:none;
	-webkit-box-flex:1;
	-ms-flex:1 0 auto;
	flex:1 0 auto;

	padding:1em;
	box-sizing:border-box;

	border: 5px solid #81ba41;
	border-radius: 0;

	position:relative;
	z-index:0;
}

.chooseList.point .chooseBox h2{
	color:#81ba41;
	font-size:2rem;
	line-height:normal;
	text-align:center;
	margin:0;
}

.chooseList.point .chooseBox p{
	color:#415f21;
	font-size:85%;
	margin:0.5em 0 1.5em 0;
}

.chooseList.point .pointTo{
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: inline-block;
	background: #81ba41;
	color: #fff;
	font-size: 80%;
	line-height: 100%;
	padding: 0.65em 1.5em;
	text-decoration:none;
	border:none;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.chooseList.point .pointTo:hover{
	color:#444;
	background:#eee;
	text-decoration:none;
	border:none;
}

.chooseList.point.op ul li dt span{
	background: #2b8c52;
}

.chooseList.point.op ul li dd{
	border: 5px solid #2b8c52;
}

.chooseList.point.op .chooseBox h2{
	color:#2b8c52;
}

.chooseList.point.op .chooseBox p{
	color:#415f21;
}

.chooseList.point.op .pointTo{
	background: #2b8c52;
}

.chooseList.point.op .pointTo:hover{
	color:#444;
	background:#eee;
	text-decoration:none;
	border:none;
}

.chooseList.point.op ul li.globals{
	width:100%;
}

.chooseList.point.op ul li.globals dt span{
	background: #444;
}

.chooseList.point.op ul li.globals dd{
	border: 5px solid #444;
}

.chooseList.point.op li.globals .chooseBox h2{
	color:#444;
}

.chooseList.point.op li.globals .chooseBox p{
	color:#444;
}

.chooseList.point.op li.globals .pointTo{
	background: #666;
}

.chooseList.point.op li.globals .pointTo:hover{
	color:#444;
	background:#eee;
	text-decoration:none;
	border:none;
}

.sideNav{
	margin:2em 0 8em 0;
}

.sideNav ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	        align-items:center;
}

.sideNav ul li{
	width:50%;
	box-sizing:border-box;
	padding:0 1em 0 0;
	text-align:center;
}

.sideNav ul li:last-child{
	padding:0 0 0 1em;
}

.sideNav ul li a{
	display:block;
	color:#fff;
	font-size:2rem;
	line-height:100%;

	background:#eee;
	text-decoration:none;
	border:none;

	padding:0.8em;

	border-radius:5px;
	border:1px solid transparent;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.sideNav ul li a.sideNavTo{
	background: #81ba41;
}

.sideNav ul li a.sideInquiry{
	background:#f5a225;
}

.sideNav ul li a:hover{
	color:#333;
	background:none;
	border:1px solid #ccc;
}



/* 0214 add */
.chooseWrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	-ms-flex-align:start;
	        align-items:flex-start;
}

.chooses .chooseWrap:last-child{
	margin:2em 0 0 0;
}

.chooseCat{
	width:30%;
	box-sizing:border-box;
	padding:0 5em 0 0;

	text-align:center;
}

.basicImage{
	margin:1em 0 0 0;
}

.basicImage img{
	max-width:100%;
}

.chooseCatList{
	width:70%;
	box-sizing:border-box;
}

.chooseCatList strong{
    display: block;
    color: #81ba41;
    font-size: 2.5rem;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 100%;
    margin: 0 0 1em 0;
    padding: 0.5em;
    border: 3px solid #81ba41;
    position: relative;
}

.chooseWrap.opt .chooseCatList strong{
	color:#2b8c52;
	border:3px solid #2b8c52;
}

.chooseCatList strong span{
    position: absolute;
    top: -24px;
    right: -23px;
    display: inline-block;
    border-radius: 1em;
    border: 3px solid #fff;
    line-height: 100%;
    vertical-align: middle;
    background: #fff;
}

.chooseCatList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.chooseCatList ul li{
	margin:0 0 0.5em 0;
}

.chooseCatList ul li:last-child{
	margin:0;
}

.chooseBoxs h2{
    color: #81ba41;
    font-size: 2rem;
    font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight:normal;
    line-height: normal;
    margin: 0;
}

.chooseWrap.opt .chooseBoxs h2{
	color:#2b8c52;
}

.chooseBoxs p{
    width:95%;
    color: #415f21;
    font-size: 80%;
    margin: 0.25em 0 0 auto;
}

.chooseWrap.opt .chooseBoxs p{
	color:#2b8c52;
}

.chooseWrap.opt .chooseBoxs .exLink{
	margin:0.25em 0 0 1.5em;
}

.chooseWrap.opt .chooseBoxs .pointTo{
	display: inline-block;
	background: #666;
	color: #fff;
	font-size: 80%;
	line-height: 100%;
	padding: 0.65em 1.5em;
	text-decoration:none;
	border:none;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.chooseWrap.opt .chooseBoxs .pointTo:hover{
	color:#444;
	background:#eee;
	text-decoration:none;
	border:none;
}

#page .line{
	max-width:15%;
	min-width:100px;
	vertical-align:bottom;
	margin:0 0 0 1em;
}

.dev{
	color:#999;
	font-size:75%;
	margin:0 0 0 0.5em;
}





/*--------------------------------------------------------------
01-4.ホーム画面 画面イメージ disp
--------------------------------------------------------------*/
.dispList ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.dispList ul li{
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

.dispList .dispBox img{
	max-width:100%;
}



/*--------------------------------------------------------------
01-5.ホーム画面 導入効果 merits
--------------------------------------------------------------*/
.meritsWrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	        align-items:center;
}

.meritsImage{
	width:50%;
	box-sizing:border-box;
}

.meritsImage img{
	max-width:100%;
}

.meritsList{
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 2em;
}

.meritsList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.meritsList ul li{
	margin:0 0 1em 0;
}

.meritsList ul li:last-child{
	margin:0;
}

.meritsBox h3{
	color:#415f21;
	font-size:135%;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:normal;
	margin:0;
}

.meritsBox p{
	color:#444;
	font-size:1.5rem;
}

.default .trial{
	display:inline-block;
	margin:3em 0 2em 0;
	position:relative;
	z-index:1;
	border:3px solid #81ba41;
	padding:1em;
	box-sizing:border-box;
	background:#fff;

	-ms-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg);

  	-webkit-animation: roll 5s ease forwards normal;
	-webkit-animation-iteration-count: infinite;
   	-moz-animation: roll 5s ease forwards normal;
	-moz-animation-iteration-count: infinite;
   	-ms-animation: roll 5s ease forwards normal;
	-ms-animation-iteration-count: infinite;
   	-o-animation: roll 5s ease forwards normal;
	-o-animation-iteration-count: infinite;
   	animation: roll 5s ease forwards normal;
	animation-iteration-count: infinite;

	-ms-transition:all linear 0.25s;
	-moz-transition:all linear 0.25s;
	-o-transition:all linear 0.25s;
	-webkit-transition:all linear 0.25s;
	transition:all linear 0.25s;
}

.default .trial:hover{
	-webkit-animation-play-state: paused;
	animation-play-state: paused;

	border:3px solid #ffa929;
}

.trial p{
	color:#81ba41;
	font-size:2rem;
	line-height:100%;
	margin:0;
}

.trial p span{
	font-size: 6rem;
	color: #ffa929;
	display: inline-block;
	margin: 0.25em 0.15em;
}

.trial strong{
	color:#81ba41;
	font-size:115%;
	font-weight:normal;
	letter-spacing:-0.05em;
}



/*--------------------------------------------------------------
01-6.ホーム画面 導入事例 awords
--------------------------------------------------------------*/
.caseList.inHome{

}

.caseList.inHome ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	        align-items:stretch;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	        justify-content:space-between;
}

.caseList.inHome ul li{
	width:33%;
	margin:0;
	padding:1em;
	text-align:center;
}

.caseList.inHome ul li:nth-child(2n){
	margin:0;
}

.caseList.inHome dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	        flex-direction:column;
	height:100%;
}

.caseList.inHome dt{
	-webkit-box-flex:1;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	-ms-flex-item-align:stretch;
	    align-self:stretch;
	border:1px solid #81ba41;
	padding:1em;
}

.caseList.inHome dt span img{
	max-width:100%;
	margin:0 auto;
}

.caseList.inHome dd p{
	color:#415f21;
	font-size:1.5rem;
}



/*--------------------------------------------------------------
01-7.ホーム画面 ご利用料金 price
--------------------------------------------------------------*/
.dispPrice{
	border:3px solid #81ba41;
	padding:0.5em 1em;
}

.dispPriceBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	        align-items: baseline;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
}

.dispPriceBox p{
	color#:#666;
	font-size:2.5rem;
	margin:0 0.5em;
}

.dispPriceBox p span{
	color:#81ba41;
	font-size:6rem;
}

.dispPriceBox p em{
	color:#cc3333;
	font-size:1.5rem;
	font-style:normal;
	font-weight:bold;
}

.dispPriceBox p.user{
	font-size:2rem;
}

.dispPriceAttention{
	margin:0.5em 0 0 0;
}

.dispPriceAttention ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.dispPriceAttention ul li p{
	color:#cc3333;
	font-size:1.5rem;
	margin:0;
}

.postPrice{
	text-align:center;
}

.postPrice strong{
	color:#ffa929;
	font-size:4rem;
	font-weight:normal;
}

.pageAttention{
	text-align:center;
}

.pageAttention p{
	color:#cc3333;
	font-size:70%;
}

.pageAttention p br{
	display:none;
}



/*--------------------------------------------------------------
00.機能紹介 functions
--------------------------------------------------------------*/
.funcBox{
	margin:0 0 2em 0;
}

.funcLists .funcBox:last-child{
	margin:0;
}

.funcType h2{
	color:#81ba41;
	font-size:2.5rem;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:100%;
	margin:0;
	padding:0.5em;
	border:3px solid #81ba41;

	position:relative;
}

.funcType h2 span{
	position: absolute;
	top: -24px;
	right: -23px;
	display: inline-block;
	border-radius: 1em;
	border: 3px solid #fff;
	line-height: 100%;
	vertical-align: middle;
	background: #fff;
}

.funcType h2 span img{
	vertical-align:middle;
}

.funcTypeList{
	margin:2em 0 0 0;
}

.funcTypeList ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	-ms-flex-align:start;
	        align-items:flex-start;
}

.funcTypeList ul li{
	width:33.3%;
	box-sizing:border-box;
	align-self:stretch;
}

.funcTypeBox{
	height:100%;

	padding:0.5em;
}

.funcTypeList dl{
	height:100%;

	padding:1em;
	background:#fff;
	border-left:1px solid #81ba41;
	border-top:1px solid #81ba41;

	border-radius:1em 0 0 0;

	box-shadow:2px 2px 2px -1px rgba(0,0,0,0.1);
}

.funcTypeList dt img{
	max-width:100%;
	border:1px solid #ccc;
}

.funcTypeList dd{
	margin:0;
}

.funcTypeList dd strong{
	display: block;
	text-align: center;
	color: #81ba41;
	font-weight: normal;
	font-size: 2rem;
}

.funcTypeList dd p{
	color:#444;
	font-size: 80%;
	line-height: normal;
}

/* 機能比較 */
.funcCompare .page-header{
	margin:2em auto;
}
.compareTable{
	margin:0 0 2em 0;
}

.funcCompare .compareTable:last-child{
	margin:2em 0 0 0;
}

.cTable{
	width:100%;
	border-collapse:collapse;
	margin:0;
}

.cTable thead th{
	color:#81ba41;
	font-weight:normal;

	border:1px solid #81ba41;
	padding:0.5em;
	text-align:center;
	vertical-align:middle;

}

.cTable tbody tr:nth-child(2n){
	background:#eee;
}

.cTable tbody td{
	border:1px solid #81ba41;
	padding:0.3em 0.5em;
	vertical-align:middle;
}
.cTable tbody td:first-child{
	font-size:80%;
	white-space: nowrap;
}

.cTable tbody td.title{
	text-align:center;
	vertical-align:middle;
}

.cTable tbody td.all{
	text-align:left;
}

.cTable tbody td.alc{
	text-align:center;
}

.cTable tbody td.alr{
	text-align:right;
}

.cTable tbody td strong{
	font-size:80%;
	font-weight:normal;
}

.cTable tbody td strong em{
	color:#cc3333;
	font-style:normal;
}

.cTable tbody td strong span{
	font-size:80%;
}

.cTable tbody td p{
	font-size:95%;
	line-height:100%;
	margin:0;
}

.cTable tbody td p span{
	font-size:80%;
}

.cTable tbody td em{
	display:block;
	color:#666;
	font-size:80%;
	font-style:normal;
	line-height:normal;
}

.cTable .full{
	background:#f6ffeb;
	box-shadow:3px 0px 4px -1px rgba(0,0,0,0.2) inset;
}

.cTable .light{
	background:#faffe4;
	box-shadow:3px 0px 4px -1px rgba(0,0,0,0.2) inset;
}

.cTable tbody td i.fa-circle-thin{
	color: #81ba41;
	font-weight: bold;
}

.cTable tbody td i.fa-minus{
	color:#999;
}

.cTable caption{
	color:#666;
	font-size:2rem;
}



.freeFuncList .freeFuncWrap{
	padding:1em 0;
}

.freeFuncList .freeFuncWrap:nth-child(2n){
	background:rgba(129, 186, 65, 0.1);
}

.freeFuncDesc strong{
	color:#81ba41;
	font-size:3rem;
	font-weight:normal;
}

.freeFuncDesc p{
	font-size:2rem;
	margin:0.5em 0 0 0;
}

.freeFuncDesc img{
	max-width:100%;
}

.freeFuncImage{
	margin:1em 0 0 0;
}

.freeFuncImage img{
	max-width:100%;
}



/*--------------------------------------------------------------
00.ご利用料金 charge
--------------------------------------------------------------*/
.cTable.charges tbody tr:nth-child(2n){
	background:none;
}

.cTable span.priceAttention{
	color:#cc3333;
	font-weight:bold;
}

.dispPriceAttention a{
	color:#cc3333;
	text-decoration:underline;
}

.priceCase{
	margin:2em 0 0 0;
	padding:1em;
	border:5px solid #81ba41;
}

.pcTitle strong{
	color:#666;
	font-size:2rem;
	font-weight:normal;
}

.pcBox p{
	font-size:80%;
	margin:0;
}

.pcSample ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.pcSample ul li{
	width:33.3%;
	padding:1em;
	box-sizing:border-box;
}

.pcsBox{
	border:1px solid #81ba41;
	text-align:center;
	position:relative;
}

.pcsBox span{
	position: absolute;
	left: -20px;
	top: -20px;
	background: #81ba41;
	color: #fff;
	border: 4px solid #fff;
	line-height: 100%;
	margin: 0;
	font-size: 4rem;
	border-radius: 1em;
	padding: 0.2em 0.25em;
}

.pcsBox strong{
	color:#81ba41;
	font-size:3rem;
	font-weight:normal;
}

.pcsBox p{
	font-size:2rem;
	margin:0;
}

.cTable.specs .title{
	width:30%;
	background:#fafafa;
}

.cTable.specs tr:nth-child(2n){
	background:none;
}



/*--------------------------------------------------------------
00.導入までの流れ steps
--------------------------------------------------------------*/
.stepList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.stepList ul li.cursor{
	margin:0 0 0 7em;
}

.stepList ul li.cursor span{
	color:#999;
	font-size:5rem;
}

.stepList dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.stepList dt{
	width:30%;
	box-sizing:border-box;
}

.stepList dt img{
	max-width:100%;
	border:3px solid #81ba41;
}

.stepList dd{
	width:70%;
	box-sizing:border-box;
	margin:0;
	padding:0 0 0 2em;
}

.stepList dd span.stepNum{
	display: inline-block;
	line-height: 100%;
	background: #649230;
	font-size: 80%;
	padding: 0.25em 1em;
	color: #fff;
	font-weight: bold;
}

.stepList dd strong{
	display:block;
	color: #81ba41;
	font-size: 2.5rem;
	font-weight: normal;
}

.stepList dd p{
	color:#444;
	font-size:2rem;
	margin:0;
}

.stepList dd em{
	color:#cc3333;
	font-size:80%;
	font-style:normal;
}

.stepList dd a{
	color:#444;
	text-decoration:underline;
}



/*--------------------------------------------------------------
00.導入事例 cases
--------------------------------------------------------------*/
.caseList ul{
	width:1200px;
	list-style-type:none;
	margin:0 auto;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.caseList ul li{
	width:32%;
	box-sizing:border-box;
	padding:1em;
	margin-right:5px;
	margin-bottom:3em;
	border-bottom: 3px solid #86bc42;
	background-color: #f3f3f3;
	transition: all 0.3s ease 0s;
}
.caseList ul li:hover{
	background:#ffffff none repeat scroll 0 0;
	box-shadow:0px 2px 20px rgba(34,30,31,0.4);
}

.caseList dl{
	height:100%;
}

.caseList.aw dl{
	min-height:420px;
}

.caseList dt img{
	max-width:100%;
}

.caseList dt .office2{
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: auto;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.caseList dt .office2 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.caseList dt .office2 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.caseList .clogo{
	text-align:center;
}

.caseList dd{
	margin:0.5em 0 0 0;
}

.caseList dd h3{
	color:#2d3e50;
	/*color:#81ba41;*/
	font-size:2rem;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	margin:0;
}

.caseList dd h3 a{
	color:#81ba41;
	text-decoration:none;
	border-bottom:none;
}

.caseList dd h3 a:hover{
	border-bottom:none;
}

.caseList .cats span{
	display: inline-block;
	font-size:70%;
	background: #eee;
	min-width: 120px;
	line-height: 100%;
	padding: 0.5em 0.35em;
	text-align: center;
	margin: 0.5em 0;
}

.caseList .cats.incat span{
	color:#fff;
	background:#81ba41;
}

.caseList .cnt{
	font-size:1.5rem;
	margin:0.5em 0 0 0;
}

.toCaseDetail{
	text-align:center;
}

.page-content .toCaseDetail a{
	display:block;
	color:#fff;
	font-size:85%;
	background:#81ba41;
	padding:0.25em 0;
	border-bottom:none;
	outline:none;

	-ms-transition:all linear 0.25s;
	-moz-transition:all linear 0.25s;
	-o-transition:all linear 0.25s;
	-webkit-transition:all linear 0.25s;
	transition:all linear 0.25s;
}

.page-content .toCaseDetail a:hover{
	color:#333;
	background:#eee;
	border-bottom:none;
	outline:none;
}



.caseTitleBox .cats span{
	display: inline-block;
	background: #eee;
	font-size:70%;
	min-width: 120px;
	line-height: 100%;
	padding: 0.5em 0.35em;
	text-align: center;
	margin:0 0 1em 0;
}

.caseTitleBox .cats.incat span{
	color:#fff;
	background:#81ba41;
}

.caseTitle h2{
	color:#444;
	font-size:3.5rem;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	line-height:normal;
	margin:0;
}

.caseImageBox{
	display:table;
	width:100%;
	border-top:2px dotted #ccc;
	border-bottom:2px dotted #ccc;
	padding:1em 0;
	margin:1em 0;
}

.caseMainImage{
	display:table-cell;
	width:35%;
}

.caseMainImage img{
	max-width:100%;
}

.caseSubImage{
	display:table-cell;
	width:65%;
	text-align:left;
	vertical-align:middle;
	padding:0 0 0 2em;
}

.caseSubImage .clogo{
	text-align:left;
	margin:0 0 1em 0;
}

.caseSubImage .clogo img{
	max-width:100%;
}

.caseSubImage .cnt{
	font-size:80%;
	word-break:break-all;
}

.needsList{
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:2px dotted #ccc;
}

.needsList strong{
	display:block;
	color:#fff;
	font-size:2.5rem;
	font-weight:bold;
	text-align:center;
	background:#81ba41;
	border-radius:5px;
}

.needsList ul{
	list-style-type:none;
	margin:1em 0;
	padding:0;
}

.needsList ul li{
	margin:0.5em 0;
}

.needsList ul li p{
	font-size:100%;
	margin:0;
}

.needsList ul li p span{
	color:#81ba41;
}

.tasks{
	font-size:80%;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:2px dotted #ccc;
}

.tasks h3{
	color:#444;
	font-size:135%;
}

.tasks img{
	float:left;
	margin:0 1em 1em 0;
}

.caseMisc {
	border-bottom:2px dotted #ccc;
}

.caseMisc strong{
	color:#444;
	font-size:110%;
	font-weight:normal;
}

.caseMisc ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.caseMisc ul li{
	font-size:80%;
	margin:0.25em 0;
}



/*--------------------------------------------------------------
00.お問い合わせ contact
--------------------------------------------------------------*/
.default .mw_wp_form .error{
	font-size:80%;
}

.mw_wp_form .horizontal-item + .horizontal-item{
	margin:0!important;
}

.inqMsg{
	display:none;
	color:#444;
	font-size:80%;
	text-align:center;
	margin:0 0 1em 0;
}

.inqMsg p{
	color:#cc3333;
	font-size:80%;
	text-align:center;
	margin:0.5em 0;
}

.mw_wp_form_confirm .inqMsg{
	display:block;
}

.mw_wp_form_confirm .inqDesc{
	display:none;
}

.mw_wp_form_confirm .legal{
	display:none;
}

.mw_wp_form_confirm .inqAttention{
	display:none;
}

.mw_wp_form_confirm .inquiryForm dl{
	border-bottom:1px dotted #444;
	margin:0.5em 0;
}

.mw_wp_form_confirm .inquiryForm dd{
	border-left:1px solid #eee;
	padding:0 0 0 1em;
}

.inquiryForm dl{
	display:table;
	width:100%;
	padding:0.5em 0;
}

.inquiryForm dl:last-child{
	margin:0;
}

.inquiryForm dt{
	display:table-cell;
	width:30%;
	color:#546f37;
	font-size:80%;
	font-weight:normal;
	vertical-align:middle;
}

.inquiryForm dd{
	display:table-cell;
	width:70%;
	vertical-align:middle;
}

.mw_wp_form_confirm .inquiryForm dd{
	font-size:80%;
}

dt span.any{
	display:inline-block;
	color:#999;
	font-size:75%;
	font-weight:bold;
	line-height:100%;
	padding:0.25em 0.4em;
	margin:0 0 0 0.5em;
	vertical-align:text-top;
	background:#eee;
	border-radius:3px;
}

dt span.req{
	display:inline-block;
	color:#fff;
	font-size:75%;
	font-weight:bold;
	line-height:100%;
	padding:0.25em 0.4em;
	margin:0 0 0 0.5em;
	vertical-align:text-top;
	background:#81ba41;
	border-radius:3px;
}

dd p.small{
	color:#444;
	font-weight:bold;
	margin:0;
}

.inquiryForm input[type="text"]{
	color:#666;
	font-size:80%;
	background:rgba(255,255,255,0.1);
	border:1px solid #81ba41;
	padding:0.25em 0.35em 0.35em 0.35em;
	border-radius:0;
	outline:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0.1)));
}

.inquiryForm select{
	color:#666;
	font-size:80%;
	background:rgba(255,255,255,0.1);
	border:1px solid #81ba41;
	padding:0.25em 1em 0.5em 0.25em;
	border-radius:0;
	outline:none;
}

.inquiryForm textarea{
	color:#666;
	font-size:80%;
	background:rgba(255,255,255,0.1);
	border:1px solid #81ba41;
	padding:0.25em;
	border-radius:0;
	outline:none;
	resize:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0.1)));
}

.submitButton{
	margin:2em 0;
}

.submitButton ul{
	list-style-type:none;
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
	font-size:1px;
	text-align:center;
}

.submitButton ul li{
	display:inline-block;
	letter-spacing:normal;
	font-size:12px;
}

.submitButton ul li input{
	display:inline-block;
	color:#fff;
	font-size:115%;
	font-weight:bold;
	line-height:100%;
	padding:0.7em 3.5em;
	border:none;
	background:#81ba41;

	outline:none;
}

.submitButton ul li input:hover{
	color:#444;
	background:#eee;
}

.submitButton ul li.backButton input{
	background:#444;
	margin:0 0 0 1em;
}

.submitButton ul li.backButton input:hover{
	color:#444;
	background:#eee;
}

.subTitle.done h2{
	color:#666;
	font-size:400%;
	line-height:100%;
	letter-spacing:-0.05em;
}

.subTitle.done em{
	color:#c60122;
	font-size:1000%;
	line-height:100%;
}

.subPageDesc.done{
	text-align:center;
}

.subPageDesc.done p{
	color:#444;
	font-size:80%;
}

.subPageDesc.done .toHome a{
	display:inline-block;
	color:#fff;
	font-size:80%;
	line-height:100%;
	padding:0.5em 2.5em;
	text-align:center;
	text-decoration:none;
	position:relative;
	border:1px solid #fff;
	background:#81ba41;

	transition:all linear 0.2s;
	-o-transition:all linear 0.2s;
	-ms-transition:all linear 0.2s;
	-moz-transition:all linear 0.2s;
	-webkit-transition:all linear 0.2s;
}

.subPageDesc.done .toHome a:hover{
	color:#444;
	background:#eee;
}

.inqDesc{
	text-align:center;
	margin:0 0 1em 0;
}

.inqDesc p{
	font-size:80%;
}

.inqAttention p{
	color:#666;
	font-size:80%;
}

.legal{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0.5em 0;
	padding:0.5em 0;
}

.legal ul{
	list-style-type:none;
	margin:0;
	padding:0;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	        justify-content:center;
}

.legal ul li{
	margin:0 1em 0 0;
}

.legal ul li:last-child{
	margin:0;
}

.legal ul li a{
	color:#444;
	font-size:75%;
}

.legal ul li a:hover{

}

.accedence {
	text-align:center;
	font-size:110%;
}
.accedence .checkbox01-input{
  display: none;
}
.accedence .mwform-checkbox-field-text{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox01-input:checked + .mwform-checkbox-field-text{
  color: #009a9a;
}
.checkbox01-input:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}

/*--------------------------------------------------------------
00.よくあるご質問 faq
--------------------------------------------------------------*/
.faqListTitle{
	margin:0 0 2em 0;
}

.faqListTitle strong{
	display:block;
	color: #81ba41;
	font-size: 2.5rem;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 100%;
	margin: 0;
	padding: 0.5em;
	border: 3px solid #81ba41;
	position: relative;
}

.faqListTitle strong span{
	position: absolute;
	top: -24px;
	right: -23px;
	display: inline-block;
	border-radius: 1em;
	border: 3px solid #fff;
	line-height: 100%;
	vertical-align: middle;
	background: #fff;
}

.faqList{
	margin:0 0 2em 0;
}

.faqList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.faqList ul li{
	margin:0 0 2em 0;
}

.faqList ul li:last-child{
	margin:0;
}

.faqList dt{
	line-height:100%;
}

.faqList dd{
	margin:0.5em 0 0 1.5em;
	position:relative;
}

.faqList dd:after{
	content: "";
	position: absolute;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 10px;
	height: 40%;
	top: 10px;
	left: -20px;
}

.faqList .qWrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	        align-items:center;
}

.faqList .qMark{
	width:7%;
	color:#81ba41;
	font-size:3.5rem;
	font-weight:normal;
}

.faqList .qMark span{
	font-size:2.5rem;
}

.faqList .qMark.ans{
	color:#999;
	font-size:3rem;
}

.faqList .qTitle{
	color:#81ba41;
	font-weight:normal;

	padding:0 0 0 1em;
	width:93%;
	box-sizing:border-box;
}

.faqList dd p{
	color:#666;
	line-height:normal;
	padding:0 0 0 1em;

	width:93%;
	box-sizing:border-box;
}

.faqList dd em{
	color:#cc3333;
	font-size:1rem;
	font-style:normal;
}



/*--------------------------------------------------------------
00.お知らせ / 最新情報 post
--------------------------------------------------------------*/
.archiveBlock{
	display:table;
	width:100%;
	margin:2em 0;
}

.newsLists .archiveBlock:last-child{
	margin:2em 0 0 0;
}

.newsLists .archiveBlock:only-child{
	margin:0;
}

.archiveBlock .leftBlock{
	display:table-cell;
	width:25%;
}

.archiveBlock .leftBlock h2{
	color:#81ba41;
	font-size:200%;
	font-weight:normal;
	line-height:100%;
	font-family:arial;
	margin:0;
}

.archiveBlock .leftBlock h2 br{
	display:none;
}

.archiveBlock .rightBlock{
	display:table-cell;
	width:75%;
	vertical-align:top;
	border-left:1px solid #81ba41;
	padding:0 0 0 2em;
}

.newsLists ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.newsLists ul li{
	border-bottom:2px dotted #eee;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
}

.newsLists ul li:last-child,
.newsLists ul li:only-child{
	border-bottom:none;
	margin:0;
	padding:0;
}

.newsLists ul li dt{
	line-height:100%;
}

.newsLists ul li dt em{
	color:#999;
	font-size:80%;
	font-style:normal;
	letter-spacing:-0.025em;
}

.newsLists ul li dd{
	margin:0.25em 0 0 0;
}

.newsLists ul li dd{
	color:#444;
	font-size:90%;
	line-height:135%;
	text-decoration:none;
	border-bottom:none;

	transition:all linear 0.15s;
	-ms-transition:all linear 0.15s;
	-moz-transition:all linear 0.15s;
	-o-transition:all linear 0.15s;
	-webkit-transition:all linear 0.15s;
}

.newsLists ul li dd a{
	outline:none;
}

.newsLists ul li dd a:hover{
	color:#81ba41;
	border-bottom:none;
}

.selectYearBox{
	text-align:right;
}

.selectYearBox span{
	display:inline-block;
	color:#444;
	font-size:80%;
	margin:0 0.35em 0 0;
	vertical-align:middle;
}

.selectYearBox select{
	font-size:80%;
	font-family:arial;
	line-height:100%;
	border:1px solid #81ba41;;
	padding:0.25em 1em 0.25em 0.5em;
	outline:none;
}

.postDate{
	line-height:100%;
	margin:0 0 1% 0;
}

.postDate em{
	color:#999;
	font-size:85%;
	font-style:normal;
}

.postTitle h2{
	color:#444;
	font-size:3.5rem;
	line-height:normal;
	margin:0;
}

.postDesc{
	color:#444;
	font-size:1.5rem;
	margin:2em 0;
}



/*--------------------------------------------------------------
00.携帯電話のメールアドレスへメールが届かない時 careermail
--------------------------------------------------------------*/

#mainAreaL h3{
	color: #555;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.6;
	padding: 0.35em 0 0.35em 1em;
	background: url(/common/img/h3_bg.gif) no-repeat 0 0;
	background-size: 6px auto;
	background-position: left center;
	margin: 0 0 1em;
}
#mainAreaL h4,
#mainAreaL .stiBox h3{
	padding: 1em;
	background: #edf3df;
	border-radius: 4px;
	font-weight: bold;
	font-size: 140%;
	color: #88b026;
	margin: 1em 0;
	line-height: 1.6;
}
#mainAreaL h5{
	/* color: #333; */
	border-bottom: 1px dotted #88b026;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5em 0.25em;
}
#mainAreaL h6.bg{
	background: url(/common/img/h6_bg.gif) no-repeat bottom left;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 1em;
}
#mainAreaL .wrapBox p {
    padding-bottom: 1em;
}
#mainAreaL .wrapBox a {
    color: #88B026;
    outline: none;
    text-decoration: underline;
}
#mainAreaL .wrapBox a.blank::after {
    font-family: 'FontAwesome';
    content: "\f08e";
    font-weight: normal;
    font-size: 80%;
    padding-left: 0.35em;
}
#mainAreaL .wrapBox a.blank {
    text-decoration: none;
}
#mainAreaL .wrapBox a.linkArrow:hover, a.blank:hover {
    color: #176B2C;
}

#mainAreaL table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 1em;
}

.pgLink {
    padding: 1.5em 0;
}
.pgLink ul, .pgLink li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 100%;
}
.pgLink li {
    float:left;
    margin-right:1em;
}

.pgLink li a::before {
    font-family: 'FontAwesome';
    content: "\f13a";
    color: #fff;
    padding-right: 0.35em;
    line-height: 1.6;
}

.pgLink li a:hover {

    background: #88b026;

}
.pgLink li a {
    text-decoration: none;
    background: #176b2c;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 4px;
    line-height: 1.6;
}
.pgLink a:hover {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}


/*--------------------------------------------------------------
00.アニメーション animation
--------------------------------------------------------------*/
@-webkit-keyframes roll{
	0% {
		transform:rotate(-5deg);
	}

	5% {
		transform:rotate(-5deg);
	}

	10% {
		transform:rotate(-5deg);
	}

	15% {
		transform:rotate(-5deg);
	}

	20% {
		transform:rotate(-5deg);
	}

	25% {
		transform:rotate(-5deg);
	}

	30% {
		transform:rotate(-5deg);
	}

	35% {
		transform:rotate(-5deg);
	}

	40% {
		transform:rotate(-5deg);
	}

	45% {
		transform:rotate(-5deg);
	}

	50% {
		transform:rotate(5deg);
	}

	51% {
		transform:rotate(-10deg);
	}

	52% {
		transform:rotate(-5deg);
	}

	65% {
		transform:rotate(-5deg);
	}

	70% {
		transform:rotate(-5deg);
	}

	75% {
		transform:rotate(-5deg);
	}

	80% {
		transform:rotate(-5deg);
	}

	85% {
		transform:rotate(-5deg);
	}

	90% {
		transform:rotate(-5deg);
	}

	95% {
		transform:rotate(-5deg);
	}

	100% {
		transform:rotate(-5deg);
	}
}

@-ms-keyframes roll{
	0% {
		transform:rotate(-5deg);
	}

	5% {
		transform:rotate(-5deg);
	}

	10% {
		transform:rotate(-5deg);
	}

	15% {
		transform:rotate(-5deg);
	}

	20% {
		transform:rotate(-5deg);
	}

	25% {
		transform:rotate(-5deg);
	}

	30% {
		transform:rotate(-5deg);
	}

	35% {
		transform:rotate(-5deg);
	}

	40% {
		transform:rotate(-5deg);
	}

	45% {
		transform:rotate(-5deg);
	}

	50% {
		transform:rotate(5deg);
	}

	51% {
		transform:rotate(-10deg);
	}

	52% {
		transform:rotate(-5deg);
	}

	65% {
		transform:rotate(-5deg);
	}

	70% {
		transform:rotate(-5deg);
	}

	75% {
		transform:rotate(-5deg);
	}

	80% {
		transform:rotate(-5deg);
	}

	85% {
		transform:rotate(-5deg);
	}

	90% {
		transform:rotate(-5deg);
	}

	95% {
		transform:rotate(-5deg);
	}

	100% {
		transform:rotate(-5deg);
	}
}

@-moz-keyframes roll{
	0% {
		transform:rotate(-5deg);
	}

	5% {
		transform:rotate(-5deg);
	}

	10% {
		transform:rotate(-5deg);
	}

	15% {
		transform:rotate(-5deg);
	}

	20% {
		transform:rotate(-5deg);
	}

	25% {
		transform:rotate(-5deg);
	}

	30% {
		transform:rotate(-5deg);
	}

	35% {
		transform:rotate(-5deg);
	}

	40% {
		transform:rotate(-5deg);
	}

	45% {
		transform:rotate(-5deg);
	}

	50% {
		transform:rotate(5deg);
	}

	51% {
		transform:rotate(-10deg);
	}

	52% {
		transform:rotate(-5deg);
	}

	65% {
		transform:rotate(-5deg);
	}

	70% {
		transform:rotate(-5deg);
	}

	75% {
		transform:rotate(-5deg);
	}

	80% {
		transform:rotate(-5deg);
	}

	85% {
		transform:rotate(-5deg);
	}

	90% {
		transform:rotate(-5deg);
	}

	95% {
		transform:rotate(-5deg);
	}

	100% {
		transform:rotate(-5deg);
	}
}

@-o-keyframes roll{
	0% {
		transform:rotate(-5deg);
	}

	5% {
		transform:rotate(-5deg);
	}

	10% {
		transform:rotate(-5deg);
	}

	15% {
		transform:rotate(-5deg);
	}

	20% {
		transform:rotate(-5deg);
	}

	25% {
		transform:rotate(-5deg);
	}

	30% {
		transform:rotate(-5deg);
	}

	35% {
		transform:rotate(-5deg);
	}

	40% {
		transform:rotate(-5deg);
	}

	45% {
		transform:rotate(-5deg);
	}

	50% {
		transform:rotate(5deg);
	}

	51% {
		transform:rotate(-10deg);
	}

	52% {
		transform:rotate(-5deg);
	}

	65% {
		transform:rotate(-5deg);
	}

	70% {
		transform:rotate(-5deg);
	}

	75% {
		transform:rotate(-5deg);
	}

	80% {
		transform:rotate(-5deg);
	}

	85% {
		transform:rotate(-5deg);
	}

	90% {
		transform:rotate(-5deg);
	}

	95% {
		transform:rotate(-5deg);
	}

	100% {
		transform:rotate(-5deg);
	}
}

keyframes roll{
	0% {
		transform:rotate(-5deg);
	}

	5% {
		transform:rotate(-5deg);
	}

	10% {
		transform:rotate(-5deg);
	}

	15% {
		transform:rotate(-5deg);
	}

	20% {
		transform:rotate(-5deg);
	}

	25% {
		transform:rotate(-5deg);
	}

	30% {
		transform:rotate(-5deg);
	}

	35% {
		transform:rotate(-5deg);
	}

	40% {
		transform:rotate(-5deg);
	}

	45% {
		transform:rotate(-5deg);
	}

	50% {
		transform:rotate(5deg);
	}

	51% {
		transform:rotate(-10deg);
	}

	52% {
		transform:rotate(-5deg);
	}

	65% {
		transform:rotate(-5deg);
	}

	70% {
		transform:rotate(-5deg);
	}

	75% {
		transform:rotate(-5deg);
	}

	80% {
		transform:rotate(-5deg);
	}

	85% {
		transform:rotate(-5deg);
	}

	90% {
		transform:rotate(-5deg);
	}

	95% {
		transform:rotate(-5deg);
	}

	100% {
		transform:rotate(-5deg);
	}
}


/*--------------------------------------------------------------
00.プライバシーポリシーページ
--------------------------------------------------------------*/

.block_bottom {
    margin-bottom: 4.2em;
    overflow: hidden;
}

.h3_level2 {
    color: #b5252d;
    font-size: 150%;
    z-index: 1;
}


/*--------------------------------------------------------------
00.下にスクロールボタン
--------------------------------------------------------------*/

.headScroll {
  position: relative;
  text-align:center;
}
.headScroll a{
  padding-top: 50px;
}
.headScroll a:focus{
  outline: none;
}

.hhScroll{
  position: absolute;
  top: 0px;
  z-index:88;
}

.headScroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
  animation:sdb 1.5s infinite;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


/*--------------------------------------------------------------
00.YouTubeの読み込みを軽くする！埋め込みページを高速化
--------------------------------------------------------------*/

.yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.yt iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.yt_video { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
}
.yt_video img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%;
	height:auto;
}

.yt_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
	position: absolute;
	font-family: "FontAwesome";
	content: "\f04b";
	font-weight:900;
	color: #fc0d1c;
	font-size: 70px;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
	cursor: pointer;
}

.yt_video img:hover{ /* ホバー時にカーソル変える */
	cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

.yt_video:hover::before { /* ホバー時アイコンの色変える */
	color:#32cd32;
	transition:.5s;
}

@media screen and (max-width: 564px) {
	.p-home-flow-cursor {
    		padding: 8px!important;
	}
	.p-home-flow-cursor:before {
    		border-width: 40px 28px 0 30px!important;
	}
}

.category_name{
	display:inline-block;
	background-color: #81ba41;
	color:#FFF;
	padding:3px 10px;
}

body.archive .category_name{
	display:none;
}
body.post-type-archive-column .category_name{
	display:inline-block;
	font-size:.8em;
}
.category_name:empty{
	display:none!important;
}