@charset "UTF-8";
/*
Theme Name: MiG-p
Author: 株式会社アックスコンサルティング
Description:
Version:1.11
*/

/*
headerのメニューは一時的に一時的に非表示
他リンクは別途指定あり
最後にフォーム入れる
*/

/* ▼common
------------------------------ */
body {
	font-family: "YakuHanJPs", 'Noto Sans JP', sans-serif;
    font-size: 100%;
	color: rgba(0, 0, 0, 0.80)}

p	{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.06em;
	text-align: justify;
	-moz-font-feature-settings: "pkna";
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";}

.column p	{
	font-size: 17px;
}

a {
	text-decoration: none}

.pc {
	display: none}

h3 {font-size: 20px;
	font-weight: 400;
	text-align: center;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#fancybox-outer {
	border: 0 solid #ccc!important;
	-webkit-border-radius: 10px!important;
	-moz-border-radius: 10px!important;
	border-radius: 10px!important;}

.fancybox-bg {
	width: 0!important;
	height: 0!important;}

#fancybox-content {
	border-color: #c6c6c6 !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;}

.font_palt {
	-moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";}

.font_pkna {
	-moz-font-feature-settings: "pkna";
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";}

.box-sizing {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

.mt05 {margin-top: 15px}
.mt10 {margin-top: 15px}
.mt15 {margin-top: 15px}

.mb05 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mb30 {margin-bottom: 30px}
.mb35 {margin-bottom: 35px}
.mb40 {margin-bottom: 40px}

.height05 {height: 5px}

.back_w {
	background: #fff}


span.red {
		color: rgba(229,0,18,1.00)}
	
span.blue {
		color: rgba(0,139,213,1.00)}



/* ▼ヘッダー
------------------------------ */

/* ヘッダー レイアウト */
.gheader {
	width: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 100;
	background: #fff;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
				0 1px 10px 0 rgba(0, 0, 0, 0.12),
				0 2px 4px -1px rgba(0, 0, 0, 0.2);}


/* ▼印刷用設定
------------------------------ */
@media print {
  body {
    width: 1277px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;}
	
.gheader {
	position: relative;}
	
}/* ▼印刷用設定ここまで */



.gheader01,
.gheader02 {
	width: 960px;
	text-align: center;
	margin: 0 auto;}

.gheader01_inner,
.gheader02_inner {
	margin: 0 10px;}

.gheader02 {
	height: 48px;}

.gheader01_nav,
.gheader02_nav {/*メニュー768px以内は隠す*/
	display: none}

.gheader01_txt,
.gheader02_logo {
	float: left;
	width: auto;}

.gheader01_nav,
.gheader02_nav {
	float: right;
	width: auto}

.gheader01:after,
.gheader02:after {
	content: "";
	display: block;
	clear: both}

.gheader01_txt p {
	font-weight: 600;
	font-size: 9px;
	color: rgba(27,94,32,1.00);
	padding: 3px 0 0 0}

.gheader02_logo {
	width: 100px;
	padding: 2px 0 0}

.gheader01_nav i {
	font-size: 110%;
	margin: 0 0 0 5px;
	color: rgba(238,255,65,1.00)}

/*以下ログインボタン追加*/
.gheader02{
	position:relative;
}
.dl-right{
	background: #69B74E;
    margin: 0;
    display: flex;
    justify-content: center;
    width: 190px;
    margin-bottom: 12px;
    padding: 8px 20px;
    border-radius: 10px;
    color: white;
    position: absolute;
    top: -12px;
    right: 240px;
}
.login-right{
	background: #296629;
    margin: 0;
    display: flex;
    justify-content: center;
    width: 190px;
    margin-bottom: 12px;
    padding: 8px 20px;
    border-radius: 10px;
    color: white;
    position: absolute;
    top: -12px;
    right: 0;
}
.dl-right a{
	color: white;
	font-size: 14px;
	margin-right: 10px;
}
.login-right a{
	color: white;
	font-size: 14px;
	margin-right: 10px;
}

/* メニューボタン */


.btn_hamburger {
	position: absolute;
    width: 26px;
    right: 20px;
    top: 25px;
    height: 50px;
    z-index: 1;
    cursor: pointer;}

.btn_hamburger a {
    position: relative;
    display: block;
    height: 17px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;}

.btn_hamburger span {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #555;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;}

.btn_hamburger span.menu {
	content: "MENU";
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    font-size: 11px;
    bottom: -4px;
    height: 0;
    width: 100%;
    font-weight: bold;
    right: 0;
    text-align: center;
    background-color: none;
    color: #555;
	letter-spacing: 0.1em;
	margin-left: -5px}

.btn_hamburger span.menu:after {
	content: "MENU";}

.btn_hamburger .active span.menu:after {
	content: "CLOSE";}

.btn_hamburger span:nth-of-type(1) {
    top: 0;}

.btn_hamburger span:nth-of-type(2) {
    top: 8px;}

.btn_hamburger span:nth-of-type(3) {
    bottom: 0;}

.btn_hamburger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #555;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;}

.btn_hamburger .active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}

.btn_hamburger .active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}

.btn_hamburger .active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);}

.btn_hamburger .active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);}

/* アコーディオン */
#accordion {
	display: none}

.trigger {
    position: relative;
    display: block;}

.trigger1 {
    position: relative;
    display: block;}

.trigger:after {
    position: absolute;
    top: 7px;
    right: 24px;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
	color: rgba(27,94,32,1.00);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;}

.trigger1:after {
    position: absolute;
    top: 6px;
    right: 24px;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
	color: rgba(27,94,32,1.00);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;}
 
.trigger.active:after {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);}

.trigger1.active:after {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);}

.gheader_sp ul {
	margin: 0;}

.gheader_sp ul {
	border-top: solid 1px rgba(0,0,0,0.05)}
.gheader_sp li {
	border-bottom: solid 1px rgba(0,0,0,0.05)}

.gheader_sp ul.child li:last-child {
	border-bottom: none}

.gheader_sp li a {
	display: block;
	padding: 10px 10px;
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px;
	letter-spacing: 0.08em;
	text-decoration: none}

.gheader_sp li:hover {
	background-color: rgba(224,224,224,.8)}

.gheader_sp .child li:hover {
	background-color: rgba(248,248,248,1.0) }

.child {
    display: none;}

.child li {
	padding-left: 20px;}

#sec01link,
#sec02link,
#sec03link,
#sec04link,
#sec05link,
#sec06link,
#sec01_01link,
#sec01_02link,
#sec01_03link,
#sec01_04link,
#sec01_05link,
#sec01_06link,
#sec01_07link,
#sec01_08link,
#sec04_01link,
#sec04_02link,
#sec04_03link,
#sec01_03alink { /* ▼ページ内リンクのずれ調整 */
	margin-top: -69px;
	padding-top: 69px}


/*-- ▼main visual
------------------------------ */
.main-visual {
 max-height: 210px;
 background-size: cover;
 text-align: center;
 position: relative;
 overflow: hidden;
	margin: 11px auto 0;
	background: #000000}
#top .main-visual {
 max-height: none;
	margin: 69px auto 0;}

.bg_movie_pattern {
	background-image: url(img/bg-pattern.png);
	opacity: 0.5;
	z-index: 3;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
max-height: 740px;}
#top .bg_movie_pattern {
	opacity: 0.05;}

.main-visual img {
	position: static;	/*z-index: 2;
	top: 100px;*/
	top: 0;	left: 0;	right: 0;	bottom: 0;
	margin: auto;}
 
.main-visual video {
	margin: 0 auto;
	max-width: 1315px;
	z-index: 1;
	width: 100%;
	opacity: 0.5;
	vertical-align: -2px;/*newｓ欄との隙間埋める*/}
#top .main-visual video {
	opacity: 1}

.main_btn_inner {/*
	position: absolute;	z-index: 4;
	top: 0;	left: 0;	right: 0;	bottom: 0;*/
	width: 100%;
	max-width: 960px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
}

.main_btn {
	line-height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	margin: 35% 10% 0;}

.main_btn a {
	background-color: rgba(238, 255, 65, 0.7);
	width: 100%;
	height: 40px;
	font-size: 16px;
	color: rgba(27,94,32,1.00);
	border-radius: 40px;
	border: solid 1px rgba(27,94,32,1.00);
	display: block;
	text-decoration: none;}

.main_btn a:hover {
	background-color: rgba(238, 255, 65,0.9);}

.page_title {
	position: absolute;	z-index: 4;
	top: 0; left: 0;	right: 0;	bottom: 0;
	text-align: center;
	margin: 120px auto 0;}

	.page_title02 {
	position: absolute;	z-index: 4;
	top: 0; left: 0;	right: 0;	bottom: 0;
	text-align: center;
	margin: 100px auto 0;}

.page_title_box {
	font-size: 28px;
 font-weight: 400;
	color: rgba(238,255,65,0.90);}

.page_title_box img {
	position: relative;	z-index: 4;
	margin: 0 0 14px 0;
	width: 200px;
	height: 1px}

.page_title_box span.sub {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.12em;
	vertical-align: 3px;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#caseDetail .main-visual {/*
	height: 180px;
	margin: 68px auto 0;*/}

#caseDetail .page_title_box span {
	font-size: 16px;}

#caseDetail .page_title_box {
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0.13em;
	padding: 0 10px;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#caseDetail .page_title {/*
	margin: 14px auto 0;*/}

#caseDetail .page_title hr {
	text-align: center;
	width: 100px;
	margin: 0px auto 8px;
	opacity: 0.5;}


/*---------------------------
 画像用 .main-visual 加算STYLE
 #main-visual_wp-for-img
 #caseDetail #main-visual_wp-for-img
---------------------------------------------------------*/
/* main-visual */
#main-visual_wp-for-img,
#caseDetail #main-visual_wp-for-img{
	position: relative;
	padding-bottom: 1px;/*do not delete*/
}
#main-visual_wp-for-img .main-visual,
#caseDetail #main-visual_wp-for-img .main-visual{
 top: 67px;/*SP用メニューの高さ*/
	margin-bottom: 68px;/*SP用メニューの高さ + 1*/
	max-height: auto;	margin-top: 0;	background: none;
}
#main-visual_wp-for-img .main_img{/* = video */
	height: 110px;/*表示する画像の高さ*/
	margin: 0 auto;	max-width: 1315px;	width: 100%;	display: flex;	flex-wrap: wrap;	justify-content: center;	align-items: center;
	/**/
}
#main-visual_wp-for-img .main_img::before{/*黒色乗算*/
	z-index: 3;	position: absolute; top: 0; left: 0; content: "";	display: block; width: 100%; height: 100%;	background: #000;	mix-blend-mode: multiply;	opacity: 0.6;
}
#main-visual_wp-for-img .main_img img.main_img-photo{/* = img */
	max-height: 110px;/*表示する画像の高さ */
	position: relative;	top: 0;	display: block;	height: auto;	margin: 0 auto;	max-width: 100%;	width: auto;
}
#main-visual_wp-for-img .bg_movie_pattern {/* 黒色格子 */
	z-index: 4;	opacity: 0.2;	max-height: auto;	width: 100%;
}
/* page_title */
#main-visual_wp-for-img .page_title,
#main-visual_wp-for-img .page_title02 {
 z-index: 5;
 margin: 0;	width: 100%; display: flex;	flex-wrap: wrap;	justify-content: center;	align-items: center;
}

/* サイトトップ用
---------------------------*/
/* main-visual */
#top #main-visual_wp-for-img{}
#top #main-visual_wp-for-img .main-visual{
background: #4baf50;	
	/*
 max-height: 740px; margin: 69px auto 0;*/
}

#top #main-visual_wp-for-img .main_img{/* = video */
	height: 260px;/*表示する画像の高さ*/
        position: relative;
}
#top #main-visual_wp-for-img .main_img img.main_img-photo{/* = img */
	max-height: 260px;/*表示する画像の高さ */
}
#top #main-visual_wp-for-img .main_img::before{/*黒色乗算*/
	opacity: 0;
}
#top #main-visual_wp-for-img .bg_movie_pattern {/* 黒色格子 */
	opacity: 0.05;
}
/* main_btn */
#top .main_btn_inner.option1{/* 加算Option */
	height: auto;
}
#top .main_btn_inner.option1 .main_btn{
	margin: 15px 10% 0;
}


#contact .form {
	padding: 1px;
	background: white;}

#contact img {
	max-width: 100%;}

/* ▼480px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 480px){
	
#sec01link,
#sec02link,
#sec03link,
#sec04link,
#sec05link,
#sec06link,
#sec01_01link,
#sec01_02link,
#sec01_03link,
#sec01_04link,
#sec01_05link,
#sec01_06link,
#sec01_07link,
#sec01_08link,
#sec04_01link,
#sec04_02link,
#sec04_03link,
#sec01_03alink { /* ▼ページ内リンクのずれ調整 */
	margin-top: -86px;
	padding-top: 86px}
	
/* その他 main_480px以上 */	

/* .trigger:after {
	top: 201px;}*/
	
.main-visual {
    max-height: 263px;
	margin: 0px auto 0;}
	
.page_title {
	margin: 160px auto 0;}

.page_title02 {
	margin: 140px auto 0;}
	
.page_title_box {
	font-size: 32px;}

.page_title_box span.sub {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.12em;
	vertical-align: 6px;}

/* TOP main_480px以上 */
#top .main-visual {
	margin: 86px 0 0;}

.main_btn {
	line-height: 60px;
	margin: 35% 10% 0;}

.main_btn a {
	height: 60px;
	font-size: 22px;}

#caseDetail .main-visual {/*
	height: 263px;
	margin: 85px auto 0;*/}

#caseDetail .page_title_box {
	font-size: 20px;
	line-height: 38px;
	padding: 0 25px;}

#caseDetail .page_title_box span {
	font-size: 18px;}

#caseDetail .page_title {/*
	margin: 46px auto 0;*/}

/*---------------------------
 #main-visual_wp-for-img | 画像用 .main-visual 加算STYLE
---------------------------------------------------------*/
/* main-visual */
#main-visual_wp-for-img .main-visual,
#caseDetail #main-visual_wp-for-img .main-visual{
 top: 87px;/*TB用メニューの高さ*/
	margin-bottom: 88px;/*TB用メニューの高さ + 1*/
	margin-top: 0;
}
#main-visual_wp-for-img .main_img,
#caseDetail #main-visual_wp-for-img .main_img{/* = video */
	height: 210px;/*表示する画像の高さ*/
}
#main-visual_wp-for-img .main_img img.main_img-photo,
#caseDetail #main-visual_wp-for-img .main_img img.main_img-photo{/* = img */
	max-height: 210px;/*表示する画像の高さ */
}
/* サイトトップ用
---------------------------*/
/* main-visual */
#top #main-visual_wp-for-img .main_img{/* = video */
	height: 320px;/*表示する画像の高さ*/
}
#top #main-visual_wp-for-img .main_img img.main_img-photo{/* = img */
	max-height: 320px;/*表示する画像の高さ */
}
/* main_btn */
#top .main_btn_inner.option1{/* 加算Option */
	height: auto;
}
#top .main_btn_inner.option1 .main_btn{
	margin: 25px 10% 20px;
}


}/* ▲480px以上ここまで */

/* ▼768px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 769px){
	
#sec01link,
#sec02link,
#sec03link,
#sec04link,
#sec05link,
#sec06link,
#sec01_01link,
#sec01_02link,
#sec01_03link,
#sec01_04link,
#sec01_05link,
#sec01_06link,
#sec01_07link,
#sec01_08link,
#sec04_01link,
#sec04_02link,
#sec04_03link,
#sec01_03alink { /* ▼ページ内リンクのずれ調整 */
	margin-top: -100px;
	padding-top: 100px}
		
/* その他 main_768px以上 */
	
.btn_hamburger {
	display: none}
	
.main-visual {
 max-height: 475px;
	margin: -125px 0 0;}

.page_title {
	width: 960px;
	margin: 325px auto 0;}

.page_title02 {
	width: 960px;
	margin: 310px auto 0;}	
	
.page_title_box {
	font-size: 38px;}

.page_title_box span.sub {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.07em;
	vertical-align: 10px;}

/* TOP main_768px以上 */
#top .main-visual {
	margin: 100px 0 0;}
	
.main_btn {
	width: 40em;
	line-height: 80px;
	margin: 51% auto 0;
}
.main_btn a {
	height: 80px;
	font-size: 32px;}


	#caseDetail .main-visual {/*
	height: 450px;
	margin: -50px auto 0;*/}

#caseDetail .page_title_box {
	font-size: 24px;
	line-height: 38px;
	padding: 0 80px;}

#caseDetail .page_title_box span {
	font-size: 22px;}

#caseDetail .page_title hr {
	width: 160px;
	margin: 5px auto 20px;}

#caseDetail .page_title {/*
	margin: 200px auto 0;*/}


/*---------------------------
 画像用 .main-visual 加算STYLE
 #main-visual_wp-for-img
 #caseDetail #main-visual_wp-for-img
---------------------------------------------------------*/
/* main-visual */
#main-visual_wp-for-img .main-visual,
#caseDetail #main-visual_wp-for-img .main-visual{
 top: 100px;/*PC用メニューの高さ*/
	margin-bottom: 101px;/*PC用メニューの高さ + 1*/
	margin-top: 0;
}
#main-visual_wp-for-img .main_img,
#caseDetail #main-visual_wp-for-img .main_img{/* = video */
	height: 260px;/*表示する画像の高さ*/
}
#main-visual_wp-for-img .main_img img.main_img-photo{/* = img */
	max-height: 260px;/*表示する画像の高さ */
}

/* サイトトップ用
---------------------------*/
/* main-visual */
#top #main-visual_wp-for-img .main_img{/* = video */
	height: 480px;/*表示する画像の高さ*/
}
#top #main-visual_wp-for-img .main_img img.main_img-photo{/* = img */
	max-height: 450px;/*表示する画像の高さ */
}

/* main_btn */
#top .main_btn_inner.option1{/* 加算Option */
	height: auto;
	position: relative;
}
#top .main_btn_inner.option1 .main_btn{
	margin: 10px auto 0;
	position: relative;
	bottom: -25px;
}


/*======================case==================================*/
 .left{
	float: left;  width: 49%;  margin-right: 10px;}
 .right{
	 float: left;  width: 49%;  margin-left: 10px;}

	
}/* ▲768px以上ここまで */


/* ▼news
------------------------------ */
.news_box {
	width: 100%;
    background-color: rgba(224,224,224,.8);
	margin: 0 auto;
    text-align: left;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
				0 1px 10px 0 rgba(0, 0, 0, 0.12),
				0 2px 4px -1px rgba(0, 0, 0, 0.2);}

.news_box_inner01 {
	max-width: 960px;
	margin: 0 auto}

.news_box_inner02 {
	height: 100%;
    text-align: left;
    margin-top: -1px;}

.news_box .news_title {
	text-align: center;
	font-weight: 300;
	background: rgba(27,94,32,1.00);
	color: #fff;
	letter-spacing: 0.05em;
	height: 100%}

.news_box .news_title span {
	line-height: 2;
    letter-spacing: 0.2em;
    font-weight: 200;
    font-size: 14px;}

.news_box .news_txt {
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.07em;
	margin: 10px 13px 10px;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

.news_box .news_txt .date {
	color: rgba(27,94,32,1.00)}

.news_box .news_txt ul li:nth-last-of-type(n+2) {
	padding-bottom: 6px;
    margin-bottom: 8px;
	border-bottom: 1px solid rgba(27,94,32,0.10);
}
.news_box .news_txt a {
	margin-left: 10px;
	color: rgba(0,0,0,0.80);
}
.news_box .news_txt a:hover {
	color: rgba(27,94,32,1.00)
}


/* ▼パンくずbreadcrumb
------------------------------ */
.breadcrumb {
	width: 100%;
    background-color: rgba(224,224,224,.8);
	margin: 0 auto;
    text-align: left;
    width: 100%;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
				0 1px 10px 0 rgba(0, 0, 0, 0.12),
				0 2px 4px -1px rgba(0, 0, 0, 0.2);
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.07em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

.breadcrumb_inner {
	max-width: 100%;
	margin: 0 10px;
	height: 22px;
	text-align: left;
	margin-top: -1px;
	padding: 6px 0 0}

.breadcrumb a {
	color: rgba(0,0,0,0.80);}

.breadcrumb a:hover {
	color: rgba(0,0,0,0.50)}

.breadcrumb span {
	margin: 0 10px 0}

.breadcrumb span:first-child {
	margin: 0 5px 0 0}



/* ▼section 共通
------------------------------ */
.sec_inner {
	max-width: 100%;
	padding: 40px 12px 50px;
	overflow: hidden;
	margin: 0 auto;}

.sec_inner02 {
	max-width: 100%;
	padding: 40px 12px;
	overflow: hidden;
    margin: 0 auto;}

.title_green,
.title_white,
.title_green_sp,
.title_white_sp {
	font-size: 25px;
	padding: 0 0 25px 0;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.05em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

.sub_tit {
	font-size: 23px;}

.title_green,
.title_green_sp,
.title_green_pc {
	font-weight: 400;
	color: rgba(27,94,32,1.00);}

.title_white,
.title_white_sp ,
.title_white_pc {
	font-weight: 300;
	color: #fff;}

.title_green_pc,
.title_white_pc {
	display: none}

/*　サブタイトル（グレー）が上にある場合 */
.title_sub {
	color: rgba(117,117,117,1.00);
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.08em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}


/*　サブタイトル（グレー）が上にある場合 h2に追加 */
.sub_plus {
	margin: 3px 0 -15px}

.sub_plus02 {
	margin: 3px 0 -22px}

.cv_btn {
	text-align: center;
	margin: 0px auto 11px}
.cv_btn_prt {
	text-align: center;
	margin: 11px auto 11px}

.cv_btn a {
	background: url(img/btn_arrow.png) 95% center no-repeat rgba(238,255,65,1.00);
	background-size: 17px;
    border-radius: 35px;
    color: rgba(27,94,32,1.00);
    text-decoration: none;
	font-size: 17px;
    padding: 7px 45px 7px 18px;
	letter-spacing: 0.15em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}
.cv_btn_prt a {
	background: url(img/btn_arrow1.png) 95% center no-repeat #ee7800;
	background-size: 17px;
    font-weight: bold;
    border-radius: 35px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
    padding: 7px 45px 7px 18px;
	letter-spacing: 0.15em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

.cv_btn a:hover {
	opacity: 0.8}
.cv_btn_prt a:hover {
	opacity: 0.8}


.triangle_g {
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 8px solid rgba(27,94,32,1.00);
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid transparent}

.triangle_y {
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 8px solid rgba(174,234,0,1.00);
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent}

.sec05box_title,
.sec06box_title {
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}


/* ▼#TOP #sec01
------------------------------ */
#sec01 .sec01box_A,
#sec01 .sec01box_B,
#sec01 .sec01box_C {/* 3列グレー背景ボックス */
	max-width: 100%;
	height: auto;
	float: left;
    background-color: #FAFAFA;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec01 .sec01box_A,
#sec01 .sec01box_B,
#sec01 .sec01box_C {
	margin: 0 0 30px 0}

#sec01 .sec01box:after {
	content: "";
	display: block;
	clear: both}

#sec01 .sec01box_title {
	letter-spacing: 0.05em;
    color: rgba(27,94,32,1.00);
	margin: 8px 0 10px 0;}

#sec01 .sec01box_kazu {
	font-size: 56px;
	font-weight: 300;
    color: rgba(27,94,32,1.00);
	margin: 0 0 20px 0;
    text-align: center;}

#sec01 .sec01box_C .sec01box_kazu span {
	font-size: 26px;
	font-weight: 500;
	margin: 0 0 0 5px}

#sec01 .sec01box_kazu span {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin: 0 0 0 5px}

#sec01 .sec01box_kazu dl {
	width: 270px;
    margin: 0 auto;}

#sec01 .sec01box_kazu dt,
#sec01 .sec01box_kazu dd {
	float: left;}

#sec01 .sec01box_kazu dl:after{
	content: "";
	display: block;
	clear: both}

#sec01 .sec01box_kazu dt {
	margin: 0px 0 0 37px;}

#sec01 .sec01box_kazu dt span.kanji_s {
	font-size: 43px;
	font-weight: 400;
	vertical-align: 2px;
}
#sec01 .sec01box_kazu dd {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	letter-spacing: 0.05em;
	margin: 12px 0 0 8px}

#sec01 .sec01box_kei {
	max-width: 100%;
	height: 1px;
	border: none;
	background-color: rgba(224, 224, 224, 1);
	margin: 0 15px 20px}

#sec01 .sec01box_ph {
	width: 260px;
    margin: 0 auto;}

#sec01 .sec01box_txt {
	max-width: 100%;
	margin: 25px 15px 20px;}

#sec01 .title_txt {
	font-size: 14px;}

#sec01 .mg_bt30 {
	margin-bottom: 30px;}

#sec01 .title_txt .q {
	font-weight: 700;
        color: blue;
        font-size: 16px;}

#sec01 .title_txt .a {
	font-weight: 700;
        color: red;
        font-size: 16px;}


/* ▼#TOP #sec02
------------------------------ */
#sec02 {
	background: #4baf50;}

#sec02 .sec02box_A {
	float: left;
	width: 49%;}

#sec02 .sec02box_A:nth-of-type(1) {
	margin: 0 1% 0 0;}

#sec02 .sec02box_A:nth-of-type(2) {
	margin: 0 0 30px 1%;}

#sec02 .sec02box:after {
	content: "";
	display: block;
	clear: both}

#sec02 .sec02box_A_01 {/* 1段目4列白背景ボックス */
	max-width: 100%;
	padding: 0 10px 40px;
    background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec02 .sec02box_A_02 {/* 2段目4列白背景ボックス */
	max-width: 100%;
	padding: 0px 10px 10px;
    background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec02 .sec02box_A_01 {
	height: 310px;}

#sec02 .sec02box_A_02 {
	margin: 0 0 0 0}

#sec02 .sec02box_title {
	letter-spacing: 0.05em;
    color: rgba(27,94,32,1.00);
	margin: 4px 0 15px 0;}

#sec02 .sec02box_title h3 {
	font-size: 17px;}

#sec02 .sec02box_ph {
	max-width: 180px;
    margin: 0 auto 15px;}

#sec02 .sec02box_ph img {
	width: 100%;}

#sec02 .sec02box_txt {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
    color: rgba(27,94,32,1.00);
	margin: 0;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: justify; }

#sec02 .sec02box_txt a:link {
	color: rgba(27,94,32,1.00);}

#sec02 .sec02box_txt a:visited {
	color: rgba(27,94,32,1.00);}

#sec02 .sec02box_txt a:hover {
	border-bottom: 1px solid rgba(27,94,32,1.00);
	padding-bottom: 0.01em;
	color:rgba(27,94,32,1.00);}

#sec02 .sec02box_kei {
	width: 100%;
	height: 1px;
	border: none;
	background-color: rgba(224, 224, 224, 1);
	margin: 15px 0 15px}

#sec02 .sec02box_name {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 20px;
	letter-spacing: 0.1em}

#sec02 .sec02box_name span {
	font-size: 18px;
	font-weight: 400;
	margin: 0 5px 0 0;}

#sec02 .sec02_btn {
	text-align: center;
	margin: -12px 0 25px 0;}

#sec02 .sec02_btn i {
	font-weight: bold;
	margin: 0 0 0 4px;}

#sec02 .sec02_btn a {
	background: rgba(238,255,65,1.00);
	background-size:12%;
    border-radius: 30px;
    color: rgba(27,94,32,1.00);
    text-decoration: none;
	font-weight: 500;
	font-size: 11px;
    padding: 2px 15px 2px 15px;
	letter-spacing: 0.03em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
				0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec02 .sec02_btn a:hover {
	opacity: 0.85}



/* ▼#TOP #sec03
------------------------------ */
#sec03 {
	background: #E0E0E0;}

#sec03 .sec03box_A,
#sec03 .sec03box_B,
#sec03 .sec03box_C,
#sec03 .sec03box_D,
#sec03 .sec03box_E {/* 3列グレー背景ボックス */
	max-width: 100%;
	height: 300px;
    background-color: #FAFAFA;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec03 .sec03box_A,
#sec03 .sec03box_B,
#sec03 .sec03box_C,
#sec03 .sec03box_D,
#sec03 .sec03box_E {
	margin: 0 0 30px 0}

#sec03 .sec03box:after {
	content: "";
	display: block;
	clear: both}

#sec03 .sec03box_ph {
	width: 260px;
    margin: 0 auto 15px;}

#sec03 .sec03box_txt {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
    color: rgba(27,94,32,1.00);
	margin: 24px 0 10px 0;
	text-align: center;
	line-height: 1.5;
	margin: 15px 15px 20px;}


/* ▼#TOP #sec04
------------------------------ */
#sec04 .sec04box_A,
#sec04 .sec04box_B,
#sec04 .sec04box_C {/* 3列グレー背景ボックス */
	max-width: 100%;
	height: auto;
	float: left;
    background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec04 .sec04box_A,
#sec04 .sec04box_B,
#sec04 .sec04box_C {
	margin: 0 0 30px 0}

/*#sec04 .sec04box_C {
	margin: 0 0 0 0}*/

#sec04 .sec04box:after {
	content: "";
	display: block;
	clear: both}

#sec04 .sec04box_title {
	letter-spacing: 0.05em;
	color: rgba(27,94,32,1.00);
	margin: 4px 0 10px 0;
        line-height: 1.2;
}

#sec04 .m_tit{
	font-weight: 700;
}

#sec04 .sm_tit{
	font-size: 16px;
}

#sec04 .sec04box_ph {
	width: 260px;
    margin: 0 auto;}

#sec04 .sec04box_txt {
	max-width: 100%;
	margin: 10px 15px 20px;}


/* ▼#TOP #sec05
------------------------------ */
#sec05 .sec05box_A,
#sec05 .sec05box_B,
#sec05 .sec05box_C {/* 3列グレー背景ボックス */
	max-width: 100%;
	height: auto;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec05 .sec05box_A,
#sec05 .sec05box_B,
#sec05 .sec05box_C {
	margin: 0 0 30px 0}

#sec05 .sec05box:after {
	content: "";
	display: block;
	clear: both}

#sec05 .sec05box_title {
	letter-spacing: 0.1em;
    color: rgba(27,94,32,1.00);
	margin: 8px 0 10px 0;
}

#sec05 .sec05box_ph {
	width: 260px;
    margin: 0 auto;}

#sec05 .sec05box_txt {/*
	max-width: 100%;*/
	margin: 10px 15px 20px;}


/* ▼#sec00（共通リンク）
------------------------------ */
#sec00 {
	background: rgba(0,28,41,1.00)}

#sec00 .sec00_inner {
	padding: 50px 20px;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;}

#sec00 .sec00_logo {
	max-width: 50%;
	margin: 0 auto 20px;}

#sec00 .sec00_txt {
	width: auto;
	margin: 0 auto 30px;
	color: #fff}

#sec00 .sec00_txt h2 {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-align: left;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#sec00 .content:after {
	content: "";
	display: block;
	clear: both}

#sec00 .sec00_txt p {
	margin: 20px 0 0 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0.12em;
	text-align: center;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

/* btn */
#sec00 .content {
	text-align: center}

#sec00 .sec00_btn01,
#sec00 .sec00_btn02,
#sec00 .sec00_btn03{
	display: inline-block;
	margin: 0px 10px 10px;}

#sec00 .sec00_btn01 a,
#sec00 .sec00_btn02 a,
#sec00 .sec00_btn03 a {
	font-size: 18px;
	display: table-cell;
	text-align: center;
    vertical-align: middle;
	height: 60px;
	border-radius: 30px;
	padding-right: 20px;
	text-decoration: none;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
	0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec00 .sec00_btn01 a {
	width: 340px;
	background: url(img/btn_arrow.png) 96% center no-repeat rgba(238,255,65,1.00);
	background-size: 7%;
    color: rgba(27,94,32,1.00);
	letter-spacing: 0.08em;}

#sec00 .sec00_btn02 a {
	width: 340px;
	background: url(img/btn_arrow_bl.png) 96% center no-repeat rgba(224,224,224,1.00);
	background-size: 7%;
    color: rgba(0,28,41,1.00);
	letter-spacing: 0.08em;
	line-height: 1.2;}

#sec00 .sec00_btn02 a span {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.05em;}

#sec00 .sec00_btn03 a {
	width: 340px;
	background: url(img/btn_arrow_dg.png) 96% center no-repeat rgba(76,175,80,1.00);
	background-size: 7%;
    color: #fff;
	font-weight: 300;
	letter-spacing: 0.08em;}

#sec00 h3 {
    color: #fff;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.1em;
	margin: -5px 0 0 0;
	text-align: center}


#sec00 span {
	font-size: 20px;}


#sec00 p {
    color: #fff;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0.15em;
	text-align: center;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	text-decoration: none}

#sec00 .sec00_btn01 a:hover,
#sec00 .sec00_btn02 a:hover,
#sec00 .sec00_btn03 a:hover {
	opacity: 0.8}


/* ▼#TOP #sec06
------------------------------ */
#sec06 {
	background:#4baf50;}

#sec06 .sec06video {
	max-width: 100%;
	text-align: center;
	margin: 0 auto 30px}

#sec06 .sec06video_inner {
	max-width: 100%;
    margin: 0 auto;}

#sec06 .sec06box_A,
#sec06 .sec06box_B,
#sec06 .sec06box_C {/* 3列グレー背景ボックス */
	width: 100%;
	height: auto;
	float: left;
    background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec06 .sec06box_A,
#sec06 .sec06box_B,
#sec06 .sec06box_C {
	margin: 0 0 30px 0}

#sec06 .sec06box:after {
	content: "";
	display: block;
	clear: both}

#sec06 .sec06box_A_inner,
#sec06 .sec06box_B_inner,
#sec06 .sec06box_C_inner {
	padding: 0 20px}

#sec06 .sec06box_title {
	letter-spacing: 0.1em;
    color: rgba(27,94,32,1.00);
	margin: 8px 0 10px 0;}

#sec06 .sec06box_ph {
	width: 260px;
    margin: 0 auto 10px;}

#sec06 .sec06box_txt {
	max-width: 100%;
	margin: 10px 0 20px;}

#sec06 .sec06box_h4 {
	width: 100%;
	font-size: 15px;
	font-weight: 500;
    color: rgba(27,94,32,1.00);
	margin: 0;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 0.05em}

#sec06 .sec06box_kei {
	width: 100%;
	height: 1px;
	border: none;
	background-color: rgba(224, 224, 224, 1);
	margin: 15px 0 15px}

#sec06 .sec06video_inner {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden}

#sec06 .sec06video_inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}


/* ▼#TOP #sec07
------------------------------ */
#sec07 .sec07box_A,
#sec07 .sec07box_B,
#sec07 .sec07box_C {/* 3列グレー背景ボックス */
	max-width: 100%;
	height: auto;
	float: left;
    background-color: #FAFAFA;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec07 .sec07box_A,
#sec07 .sec07box_B {
	margin: 0 0 30px 0}

#sec07 .sec07box_C {
	margin: 0 0 0 0}

#sec07 .sec07box_A {
	background: url(img/ill_18.png) center 30px no-repeat;
	background-color: #FAFAFA;
	background-size: 260px 180px;}

#sec07 .sec07box_B {
	background: url(img/ill_19.png) center 30px no-repeat;
	background-color: #FAFAFA;
	background-size: 260px 180px;}

#sec07 .sec07box_C {
	background: url(img/ill_20.png) center 30px no-repeat;
	background-color: #FAFAFA;
	background-size: 260px 180px;}

#sec07 .sec07box:after {
	content: "";
	display: block;
	clear: both}

#sec07 .sec07box_title {
	line-height: 1.3;
	letter-spacing: 0.15em;
    color: rgba(27,94,32,1.00);
	margin: 68px 0 90px 0;}

#sec07 .sec07box_title h3 {
	font-size: 22px;}

#sec07 .sec07box_title span {
	font-weight: 600;
	background: linear-gradient(transparent 60%, rgba(174,234,0,1) 60%);}

#sec07 .sec07box_txt {
	max-width: 100%;
	margin: 10px 15px 20px;}


/* ▼#TOP #sec08
------------------------------ */
#sec08 {
	background: #E0E0E0;}

#sec08 h4{
       padding-top: 0.5em;}

#sec08 .sec08box_A,
#sec08 .sec08box_B,
#sec08 .sec08box_C,
#sec08 .sec08box_D {/* 3列グレー背景ボックス */
	width: 49%;
	float: left;
	height: auto;
    background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#sec08 .sec08box_A {
	margin: 0 1% 30px 0}

#sec08 .sec08box_B {
	margin: 0 0  30px 1%}

#sec08 .sec08box_C {
	margin: 0 1% 0 0}

#sec08 .sec08box_D {
	margin: 0 0  0 1%}


#sec08 .sec08box .sec08box_AB,
#sec08 .sec08box .sec08box_CD {
	width: 100%}

#sec08 .sec08box .sec08box_AB:after {
	content: "";
	display: block;
	clear: both}

#sec08 .sec08box .sec08box_CD:after {
	content: "";
	display: block;
	clear: both}

#sec08 .sec08box:after {
	content: "";
	display: block;
	clear: both}

#sec08 .sec08box_A_inner,
#sec08 .sec08box_B_inner,
#sec08 .sec08box_C_inner,
#sec08 .sec08box_D_inner {
	margin: 0 10px}

#sec08 .sec08box_title {
	letter-spacing: 0.1em;
    color: rgba(27,94,32,1.00);
	margin: 8px 0 10px 0;
	text-align: center}

#sec08 .sec08box_title h3 {
	font-size: 17px;
        font-weight: 700;}
	

#sec08 .sec08box_ph {
	max-width: 100%;
    margin: 0 auto;}

#sec08 .sec08box_ph img {
	width: 100%;
    height: 100%}

#sec08 .sec08box_txt p {
	max-width: 100%;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	color: rgba(27,94,32,1.00);
	margin: 10px 0 20px;}

#sec08 .sec08box_txt span {
	font-weight: 700;}

#sec08 .title_txt span {
	font-weight: 700;}

#sec08 .title_txt {
	font-size: 14px;}

#sec08 .col1box:last-of-type {
	margin: 0}

#sec08 .col1box_inner {
	width: 100%;}

#sec08 .col1box_inner:after {
	content: "";
	display: block;
	clear: both}

#sec08 .col1box_l {
	width: 100%;}

#sec08 .col1box_r {
	width: 100%;
	margin: 20px 0 30px 0;
	text-align: center}

#sec08 .col1box_r img {
	max-width: 100%}


/* ▼お客様の声（page-voice.php）
------------------------------------------------------------------------------------------ */

/* ▼#voice #sec01
------------------------------ */
#voice #sec01 .sec01box,
#service #sec01 .sec01box {
	background-color: #FAFAFA;
	padding: 35px 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 2px 0px rgba(0,0,0,0.24);}

#voice #sec01 .title_green {
	line-height: 25px;
	padding-bottom: 10px}

#voice #sec01 .title_green_p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(27,94,32,1.00);
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding-bottom: 30px;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#voice #sec01 .sec01box_r {
	width: 100%;
	padding: 0 10px 50px 10px;
	height: auto;
	float: left;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#voice #sec01 .sec01box_l {
	width: 100%;
	padding: 0 10px 0 10px;
	height: auto;
	float: left;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#voice #sec01 .sec01box_r .sec01box_ph {
	width: auto;
	text-align: center;}

#voice #sec01 .sec01box_l .sec01box_ph {
	width: auto;
	text-align: center;}

#voice #sec01 img {
	max-width: 100%;
	height: auto}

#voice #sec01 .sec01box_title {
    margin: 0 0 15px 0;}

#voice #sec01 .sec01box_title:nth-of-type(3) {
    margin: 39px 0 15px 0;}

#voice #sec01 .sec01box_title h3 {
    font-size: 18px}

#voice #sec01 .sec01box_title i {
    margin: 0 5px 0 0;}


/* ▼#voice #sec02
------------------------------ */
#voice #sec02 .sec02box_00 {
	width: 100%;
	background-color: rgba(250,250,250,1.00);;
	float: left;
	padding: 0 15px 0;
	margin: 0 0 40px 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 2px 0px rgba(0,0,0,0.24);
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#voice #sec02 .sec02box_vname h3 {
	font-size: 24px;
	letter-spacing: 0.05em;
    color: rgba(27,94,32,1.00);
	margin: 4px 0 20px 0;
	line-height: 1.3}

#voice #sec02 .sec02box_vname span {
	font-size: 14px}

#voice #sec02 hr {
	margin-bottom: 40px}

#voice #sec02 .sec02box_Qstar dl {
	text-align: center}

#voice #sec02 .sec02box_Qstar dt {
	float: left;
	text-align: center;
	font-size: 13px;
	padding-top: 12px;
	width: 100%;
	height: 26px;
	background: rgba(238,255,65,0.70)}

#voice #sec02 .sec02box_Qstar dd {
	float: left;
	width: 100%;
	padding: 8px 0px;
	background: #fff;
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}



#voice #sec02 .sec02box_Qstar div {
	width: 164px;
	height: 18px;
    background-image: url(img/voice_star.svg);
    background-repeat: no-repeat;}

#voice #sec02 .sec02box_Qstar .star {
	background-position: -32px 0;}

#voice #sec02 .sec02box_Qstar dl:after {
	content: "";
	display: block;
	clear: both}

#voice #sec02 .sec02box_Qstar {
	margin: 0 0 30px 0}

#voice #sec02 .sec02box_Q p span {
	font-weight: bold;
	font-size: 14px}

#voice #sec02 .sec02box_Q p {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
    color: rgba(27,94,32,1.00);
	padding: 0 5px;
	margin: 0 0 15px 0}

#voice #sec02 .sec02box_Q img {
	margin: 0 3px 4px 0;}

#voice #sec02 .supptit {
	text-align: center;
	height: 33px;
	padding-top: 13px;
	color: rgba(27,94,32,1.00);
	background: rgba(174,234,0,1.00);
	font-size: 16px;}

#voice #sec02 .supptit i {
	font-size: 20px;
	margin-right: 5px;}

#voice #sec02 .sec02box_supptxt {
	margin-top: 40px}

#voice #sec02 .sec02box_Qtxt p,
#voice #sec02 .sec02box_supptxt p {
	letter-spacing: 0.05em;
	padding: 15px;
	background: #fff;
	margin: 0 0 30px 0}


/* ▼導入事例（page-case.php）
------------------------------ */
#case #sec01 .title_green_sp {
	/*
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
	padding-bottom: 30px*/
	/* .title_green_sp.mini 依存に変更 */}

#case #sec01 .pdf_dwl {
	width: 100%;}

#case #sec01 .pdf_dwl_l {
	width: 100%;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	height: 40px;
	background: rgba(224,224,224,1.00);
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#case #sec01 .pdf_dwl_l img {
	height: 40px;}

#case #sec01 .pdf_dwl_l span {
	margin: 0 0 0 13px;
	vertical-align: 14px;}

#case #sec01 .pdf_dwl_r {
	width: 100%;}

#case #sec01 .pdf_dwl_r li a {
	float: left;
	text-align: center;
	font-size: 9px;
	line-height: 24px;
	letter-spacing: 0.15em;
	height: 60px;
	color: rgba(238,255,65,1.00);
	background: rgba(76,175,80,1.00);
	border-right: 1px solid rgba(27,94,32,0.50);
	padding: 8px 0 0 0;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#case #sec01 .pdf_dwl_r li:nth-of-type(1) a {
	width: 38%}
#case #sec01 .pdf_dwl_r li:nth-of-type(2) a {
	width: 29%}
#case #sec01 .pdf_dwl_r li:nth-of-type(3) a {
	width: 18%}
#case #sec01 .pdf_dwl_r li:nth-of-type(4) a {
	width: 15%;
	border: none}

#case #sec01 .pdf_dwl:after,
#case #sec01 .pdf_dwl_r ul:after {
	content: "";
	display: block;
	clear: both}

#case #sec01 .pdf_dwl_r ul i {
	font-size: 20px;
	color: rgba(27,94,32,1.00)}


#case #sec01 .pdf_dwl_r li a:hover {
	background: rgba(174,234,0,1.00);
	color: rgba(27,94,32,1.00);
	font-weight: 500}


/* ▼#case #pagemenu
------------------------------ */
#case #pagemenu,
#functions #pagemenu {
	background: rgba(174,234,0,1.00)}

#case #pagemenu .pagemenu_inner,
#functions #pagemenu .pagemenu_inner {
	max-width: 100%;
	margin: 0 auto;}
	
#case #pagemenu ul li a,
#functions #pagemenu ul li a {
	float: left;
	text-align: center;
	width: 50%;
	height: 55px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.1em;
	padding-top: 13px;
	color: rgba(27,94,32,1.00);
	border-left: 1px solid rgba(238,255,65,1.00);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#case #pagemenu ul li:last-child a,
#functions #pagemenu ul li:last-child a {
	border-right: 1px solid rgba(238,255,65,1.00);
}

#case #pagemenu ul li i,
#functions #pagemenu ul li i {
	font-size: 18px}

#case #pagemenu ul:after,
#functions #pagemenu ul:after {
	content: "";
	display: block;
	clear: both}

#case #pagemenu ul li a:hover,
#functions #pagemenu ul li a:hover {
	background: rgba(238,255,65,1.00)}

#functions #pagemenu ul li:nth-child(-n+3) a {
	width: 33.333333%;}

#functions #pagemenu ul li:nth-of-type(4) a,
#functions #pagemenu ul li:nth-of-type(5) a {
	width: 50%;}

#case #pagemenu ul li:last-child a,
#functions #pagemenu ul li:nth-of-type(3) a,
#functions #pagemenu ul li:last-child a {
	border-right: 1px solid rgba(238,255,65,1.00);}

#case #pagemenu ul li:nth-child(-n+2) a,
#functions #pagemenu ul li:nth-child(-n+3) a {
	border-bottom: 1px solid rgba(238,255,65,1.00);}

/* ▼#case #pagemenu
------------------------------ */
#case #pagemenu,
#functions #pagemenu {
	background: rgba(174,234,0,1.00)}

#case #pagemenu .pagemenu_inner,
#functions #pagemenu .pagemenu_inner {
	max-width: 100%;
	margin: 0 auto;}
	
#case #pagemenu ul li a,
#functions #pagemenu ul li a {
	float: left;
	text-align: center;
	width: 50%;
	height: 55px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.1em;
	padding-top: 13px;
	color: rgba(27,94,32,1.00);
	border-left: 1px solid rgba(238,255,65,1.00);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#case #pagemenu ul li:last-child a,
#functions #pagemenu ul li:last-child a {
	border-right: 1px solid rgba(238,255,65,1.00);
}

/* #case , #functions用 Option Style | SP 2 * 2 , PC 1 * 4 | #pagemenu.option_cell-2
---------------------------------------------------------*/
#pagemenu.option_cell-2{}
#pagemenu.option_cell-2 ul{	display: grid;}
#pagemenu.option_cell-2 ul li{	display: block;}
#pagemenu.option_cell-2 ul li a {	float: none;	width: 100% !important;}
#pagemenu.option_cell-2 ul li:nth-of-type(2n-1) a{	border-right: none !important;	border-left: none !important;}
#pagemenu.option_cell-2 ul li:nth-of-type(2n) a{	border-right: none !important;}
/*-------------------------*/
@media print, screen and (min-width: 769px){/*
---------------------------*/
#pagemenu.option_cell-2 ul{	grid-template-columns: repeat(2, 35%);	grid-template-rows: auto; place-content:center;}
#pagemenu.option_cell-2 ul li:nth-of-type(2n-1) a{	border-left: 1px solid rgba(238,255,65,1.00) !important;}
#pagemenu.option_cell-2 ul li:last-of-type a{	border-right: 1px solid rgba(238,255,65,1.00) !important;}
/**/}/*
---------------------------*/

/* #case , #functions用 Option Style | SP 2 * 2 , PC 1 * 4 | #pagemenu.option_cell-3
---------------------------------------------------------*/
#pagemenu.option_cell-3{}
#pagemenu.option_cell-3 ul{	display: grid;}
#pagemenu.option_cell-3 ul li{	display: block;}
#pagemenu.option_cell-3 ul li a {	float: none;	width: 100% !important;}
#pagemenu.option_cell-3 ul li:nth-of-type(2n-1) a{	border-right: none !important;	border-left: none !important;}
#pagemenu.option_cell-3 ul li:nth-of-type(2n) a{	border-right: none !important;}
/*-------------------------*/
@media print, screen and (min-width: 769px){/*
---------------------------*/
#pagemenu.option_cell-3 ul{	grid-template-columns: repeat(3, 35%);	grid-template-rows: auto;}
#pagemenu.option_cell-3 ul li:nth-of-type(2n-1) a{	border-left: 1px solid rgba(238,255,65,1.00) !important;}
#pagemenu.option_cell-3 ul li:last-of-type a{	border-right: 1px solid rgba(238,255,65,1.00) !important;}
/**/}/*
---------------------------*/

/* #case , #functions用 Option Style | SP 2 * 2 , PC 1 * 4 | #pagemenu.option_cell-4
---------------------------------------------------------*/
#pagemenu.option_cell-4{}
#pagemenu.option_cell-4 ul{	display: grid;	grid-template-columns: repeat(2, 50%);	grid-template-rows: repeat(2, auto);}
#pagemenu.option_cell-4 ul li{	display: block;}
#pagemenu.option_cell-4 ul li a {	float: none;	width: 100% !important;}
#pagemenu.option_cell-4 ul li:nth-of-type(2n-1) a{	border-right: none !important;	border-left: none !important;}
#pagemenu.option_cell-4 ul li:nth-of-type(2n) a{	border-right: none !important;}
/*-------------------------*/
@media print, screen and (min-width: 769px){/*
---------------------------*/
#pagemenu.option_cell-4 ul{	grid-template-columns: repeat(4, 25%);	grid-template-rows: auto;}
#pagemenu.option_cell-4 ul li:nth-of-type(2n-1) a{	border-left: 1px solid rgba(238,255,65,1.00) !important;}
#pagemenu.option_cell-4 ul li:last-of-type a{	border-right: 1px solid rgba(238,255,65,1.00) !important;}
/**/}/*
---------------------------*/

/* #case , #functions用 Option Style | SP 2 / 3 , PC 1 * 5 | #pagemenu.option_cell-5
---------------------------------------------------------*/
#pagemenu.option_cell-5{}
#pagemenu.option_cell-5 ul{	display: grid;	grid-template-columns: 16% 17% 17% 17% 17% 16%;	grid-template-rows: repeat(2, auto);}
#pagemenu.option_cell-5 ul li{	display: block;}
#pagemenu.option_cell-5 ul li:nth-of-type(1){ grid-column: 1 / 3; grid-row: 1 / 2;}
#pagemenu.option_cell-5 ul li:nth-of-type(2){ grid-column: 3 / 5; grid-row: 1 / 2;}
#pagemenu.option_cell-5 ul li:nth-of-type(3){ grid-column: 5 / 7; grid-row: 1 / 2;}
#pagemenu.option_cell-5 ul li:nth-of-type(4){ grid-column: 1 / 4; grid-row: 2 / 3;}
#pagemenu.option_cell-5 ul li:nth-of-type(5){ grid-column: 4 / 7; grid-row: 2 / 3;}
#pagemenu.option_cell-5 ul li a {	float: none;	width: 100% !important;}
/*-------------------------*/
@media print, screen and (min-width: 769px){/*
---------------------------*/
#pagemenu.option_cell-5 ul{	grid-template-columns: repeat(5, 20%);	grid-template-rows: auto;}
#pagemenu.option_cell-5 ul li:nth-of-type(1){ grid-column: 1 / 2;}
#pagemenu.option_cell-5 ul li:nth-of-type(2){ grid-column: 2 / 3;}
#pagemenu.option_cell-5 ul li:nth-of-type(3){ grid-column: 3 / 4;}
#pagemenu.option_cell-5 ul li:nth-of-type(4){ grid-column: 4 / 5;}
#pagemenu.option_cell-5 ul li:nth-of-type(5){ grid-column: 5 / 6;}
#pagemenu.option_cell-5 ul li:nth-of-type(1),
#pagemenu.option_cell-5 ul li:nth-of-type(2),
#pagemenu.option_cell-5 ul li:nth-of-type(3),
#pagemenu.option_cell-5 ul li:nth-of-type(4),
#pagemenu.option_cell-5 ul li:nth-of-type(5){ grid-row: 1 / 2;}
/**/}/*
---------------------------*/



/* ▼導入事例_詳細（page-caseDetail.php）
------------------------------------------------------------------------------------------ */

#caseDetail img {
	max-width: 100%}

#caseDetail .box01 {
	width: 100%;
	margin: 0 0 40px;
	position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 2px 0px rgba(0,0,0,0.24);}
	
#caseDetail .box02 {
	margin: 0 0 40px}

#caseDetail .box03 {
	margin: 0 0 40px;}

#caseDetail .box04 {
	}

#caseDetail .box01_inner {
	padding: 30px 0 0}

#caseDetail .box01_ph {
	width: 100%;
	text-align: center;}

#caseDetail .box01_txt {
	max-width: 100%;
    color: rgba(27,94,32,1.00);
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.05em;
	font-weight: 500;
    margin: 0;
	padding: 16px 30px 30px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
	
#caseDetail .case_tag02 {
	position: absolute;
    bottom: 30px;}

#caseDetail .box02 .title {
	font-weight: 500;
    color: rgba(27,94,32,1.00);
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-align: left;
	-moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";}

#caseDetail .box02 hr {
    height: 1px;
    margin: 0 0 20px 0;
    background-color: rgba(27,94,32,1.00);
    border: 0;}

#caseDetail .box02 p {
    font-size: 14px;
	line-height: 25px}

#caseDetail .box03 {
	position: relative}

#caseDetail .box03 .icon {
	width: 26px;
	height: 50px;
	position: absolute;
	top: 6px;
	left: 14px}

#caseDetail .box03 .point_tit {
	padding: 10px 10px 10px 50px;
	background: url(img/triback_dg.svg) no-repeat;
	background-size: 100% 100%;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #fff;
	letter-spacing: 0.07em}

#caseDetail .box03 ul.point_txt {
	padding: 30px 15px 0 15px;
	background-color: rgba(174,234,0,1.00);
	font-size: 14px;
	line-height: 23px}

#caseDetail .box03 ul.point_txt li {
	border-top: solid #fff 1px;
	padding: 10px 0 25px 35px;;
	letter-spacing: 0.04em;
	background-repeat: no-repeat;
	background-position: 0px 15px;
	background-size: 26px;}

#caseDetail .box03 ul.point_txt li:nth-of-type(1) {
	background-image: url(img/caseDetail_point01.svg);}

#caseDetail .box03 ul.point_txt li:nth-of-type(2) {
	background-image: url(img/caseDetail_point02.svg);}

#caseDetail .box03 ul.point_txt li:nth-of-type(3) {
	background-image: url(img/caseDetail_point03.svg);}

#caseDetail .box04 .point_tit {
	padding: 9px 0 9px 15px;
	background: url(img/triback_dg.svg) no-repeat;
	background-size: 100% 100%;
	font-size: 17px;
	font-weight: 500;
	line-height: 22px;
	color: #fff;
	letter-spacing: 0.08em}

#caseDetail .box04 .point_tit i {
	font-size: 22px;
	margin: 0 5px 0 0;
	color: rgba(238,255,65,1.00)}

#caseDetail .box04 .point_txt {
	padding: 20px 20px 25px 20px;
	margin: 0 0 40px 0;
	background-color: rgba(250,250,250,1.00);
	font-size: 14px;
	line-height: 25px}
 
#caseDetail .box04 ul.point_txt {
	padding: 20px 15px 15px 39px;}

#caseDetail .box04 ul.point_txt li {
	padding: 0 0 10px;
	letter-spacing: 0.06em}

#caseDetail .box04 ul.point_txt li:before {
	content: "\f046";
    font-family: FontAwesome;
    color: rgba(27,94,32,1.00);
    float: left;
    margin-right: .25em;
    margin-left: -1.25em;
    font-size: 19px;
    position: relative;
    top: 2px;}

#caseDetail .box04 .info h4 {
	font-weight: 500;
	font-size: 20px;
	padding: 0 0 7px 0;
	color: rgba(27,94,32,1.00);
	border-bottom: solid 1px rgba(0,0,0,0.80)}

#caseDetail .box04 .info p {
	font-size: 15px;
	line-height: 28px;
	margin: 15px 0 0}

#caseDetail #sec02 {
	background: rgba(27,94,32,1.00)}

#caseDetail #sec02 .box {
	background: #fff;
	overflow:hidden}

#caseDetail #sec02 h3 {
	padding: 9px 0 9px 15px;
	background: url(img/triback_dg.svg) no-repeat;
	background-size: 100% 100%;
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #fff;
	letter-spacing: 0.08em;
	text-align: left}

#caseDetail #sec02 .h3box h3 {
	font-size: 17px}

#caseDetail #sec02 .box_inner {
	margin: 30px 15px}

#caseDetail #sec02 .box_txt {
	padding: 0 0 20px 0}

#caseDetail #sec02 .box_img {
	text-align: center;}

#caseDetail #sec02 .box_img img {
	max-width: 100%;}

#caseDetail #sec02 .box_inner:after {
	content: "";
	display: block;
	clear: both}

#caseDetail #sec02 .point_tit {
	background: url(img/triback_y.svg) no-repeat;
	background-size: 100% 100%;
	font-size: 17px;
	font-weight: 500;
	line-height: 22px;
	height: 31px;
	padding: 9px 0 0 10px;
	color: rgba(27,94,32,1.00);
	letter-spacing: 0.08em;
	text-align: left}

#caseDetail #sec02 .point_txt {
	font-size: 14px;
	line-height: 18px;
	padding: 20px 0px 5px 26px;
	letter-spacing: 0.06em}

#caseDetail #sec02 .point_txt li {
	margin: 0 0 15px 0}

#caseDetail #sec02 .point_txt li:before {
	content: "\f046";
    font-family: FontAwesome;
    color: rgba(27,94,32,1.00);
    float: left;
    margin-right: .25em;
    margin-left: -1.25em;
    font-size: 19px;
    position: relative;
    top: 2px;}

#caseDetail #sec02 .box_img .arrow {
	margin: 30px 0}

#caseDetail #sec02 .h4box,
#caseDetail #sec02 .h4box02 {
    font-size: 14px;
    font-weight: 600;
    padding: 25px 23px;
    margin: 20px 0 0;
	text-align: left;}

#caseDetail #sec02 .h4box h4,
#caseDetail #sec02 .h4box02 h4 {
	color: rgba(27,94,32,1.00);
    font-size: 15px;
    font-weight: 600;
	letter-spacing: 0.1em;
    margin-bottom: 13px;}

#caseDetail #sec02 .h4box {
	background: rgba(174,234,0,0.50);}

#caseDetail #sec02 .h4box02 {
	background: rgba(76,175,80,0.10);}



/* ▼#faq よくある質問
------------------------------------------------------------------------------------------ */

#faq #sec01 .faq_Q {
	border-bottom:1px solid rgba(245,245,245,1.00);}

#faq #sec01 .faq_Q:nth-of-type(1) {
	border-top:1px solid rgba(245,245,245,1.00);}

#faq #sec01 .faq_A {
	border-bottom:1px solid rgba(245,245,245,1.00);}

#faq #sec01 .faq_Q .QA,
#faq #sec01 .faq_A .QA {
	float: left;
	width: 9%;
	height: 52px;
	font-size: 25px;
	padding: 12px 0px 0px 1%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-style: italic; 
	color: rgba(27,94,32,1.00);
	background: rgba(224,224,224,1.00);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#faq #sec01 .faq_A .QA {
	height: 250px;
	border-right: solid 1px rgba(245,245,245,1.00);
	background: rgba(240,240,240,1.00);}

#faq #sec01 .faq_Q h2 {
	position: relative;
	float: left;
	height: 34px;
	width: 89%;
	font-size: 14px;
	padding: 18px 0 0 2%;
	color: rgba(27,94,32,1.00);
	letter-spacing: 0.11em;
	-moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";}

#faq #sec01 .faq_A {
	padding: 12px 3% 30px 3%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#faq #sec01 .faq_A dt {
	float: left;
	width: 20px;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-size: 15px;
	margin: 4px 0 0;
	color: rgba(27,94,32,1.00)}

#faq #sec01 .faq_A dd {
	float: left;
	width: 90%;
	font-size: 13px;
	letter-spacing: 0.08em;
	line-height: 24px;}

#faq #sec01 .faq_Q:after,
#faq #sec01 .faq_A:after {
	content: "";
	display: block;
	clear: both}

#faq #sec01 .faq_A dl:after {
	content: "";
	display: block;
	clear: both}

#faq #sec01 .faq_A span.A {
	color: rgba(27,94,32,1.00);
	font-size: 110%;
	font-weight: 500;
	margin: 0 5px 0 0}

#faq #sec01 .faq_link_child {
	display: none ;}

#faq #sec01 .faq_Q a:hover .QA {
	background: rgba(174,234,0,1.00)}

#faq #sec01 .faq_Q a:hover h2 {
	opacity: 0.8}

#faq #sec01 .faq_Q i {
	position: absolute;
	top: 19px;
	right: 15px}


/*▼#case #sec02?共通3カラム
------------------------------------------------------------------------------------------ */
#case .col3box {/* 3列グレー背景ボックス */
	position: relative;
	width: 100%;
	float: left;
    background-color: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#case .col3box {
	margin: 0 0 40px 0}/*縦一列のときのマージン*/

#case .col3box:first-child {
	margin: 15px 0 40px 0}

#case .col3box:last-child {
	margin: 0 0 0 0}

/* Option | .option_flex
---------------------------*/
#case .secbox.option_flex{	display: flex;	flex-wrap: wrap;	justify-content: left;}
#case .secbox.option_flex .col3box {	float: none;	display: block;	padding-top: 1px !important;}
/**/

#case .col3box_ph {
	max-width: 260px;
    margin: 30px auto 0;}

#case .col3box_txt {
	max-width: 100%;
    color: rgba(27,94,32,1.00);
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.05em;
	font-weight: 500;
    margin: 0;
	padding: 10px 20px 20px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#case .case_tag01,
#caseDetail .case_tag01 {
	position: absolute;
    top: -15px;
    right: 20px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.1em;
	height: 22px;
	text-align: center;
	padding: 8px 10px 0 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#case h3 {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: justify}

#case hr,
#caseDetail .box01 hr {
	width: 60px;
	height: 1px;
	margin: 10px auto 12px;
	background-color: rgba(224,224,224,1.00);
	border: 0;}

#case .col3box_txt p,
#caseDetail .box01_txt p {
	color: rgba(0, 0, 0, 0.87);
	margin: 0 0 48px 0}

#caseDetail .box01_txt p {
	line-height: 25px;
        width: 275px;}

#caseDetail .box01_txt p span {
	font-size: 20px;
	vertical-align: 1px}

#case .case_tag02 {
	position: absolute;
	bottom: 20px}

#case .case_tag02 span,
#caseDetail .case_tag02 span {
	font-size: 13px;
	background: rgba(224,224,224,1.00);
	padding: 1px 10px;
	margin: 0 5px 0 0}

#case .col3box_inner a:hover:after {
	background: rgba(238,255,65,0.75);
	font-family: FontAwesome;
	content:"事例詳細を見る\A" "\f138";
	white-space: pre;
	color: rgba(27,94,32,1.00);
	letter-spacing: 0.1em;
	display:block;
	position:absolute;
	padding-top: 150px;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:35px;
	font-size: 20px;
	font-weight:600;
	text-align:center;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}


/* ▼#case #sec02?共通タイトル
------------------------------ */

#case h2 {
	letter-spacing: 0.10em;}

#case h2 img {
	width: 35px;
	vertical-align: -6px;
	margin: 0 10px 0 0}


/* ▼#case #sec02
------------------------------ */
#case #sec02 {
	background: rgba(27,94,32,1.00);}

#case #sec02 .tag01,
#caseDetail .tag01 {
	background: rgba(255,205,210,1.00);}


/* ▼#case #sec03
------------------------------ */
#case #sec03 {
	background: rgba(224,224,224,1.00)}

#case #sec03 .tag01 {
	background: rgba(209,196,233,1.00);}


/* ▼#case #sec04
------------------------------ */
#case #sec04 {
	background: rgba(27,94,32,1.00);}

#case #sec04 .tag01 {
	background: rgba(235,236,179,1.00);}


/* ▼#case #sec05
------------------------------ */
#case #sec05 {
	background: rgba(224,224,224,1.00)}

#case #sec05 .tag01 {
	background: rgba(178,223,219,1.00);}


/* ▼#caseDetail #sec05
------------------------------ */

#caseDetail .inbox .box_half {
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;}

#caseDetail .inbox .box_half:nth-of-type(2) {
    margin: 0 0 0 0;}




/* ▼サービス（page-service.php）
------------------------------------------------------------------------------------------ */
#service #sec01 hr {
	height: 1px;
	margin: -10px 0 20px 0;
	background-color: rgba(27,94,32,1.00);
	border: 0;}

#service #sec01 p.title_txt {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 40px 0}

/*--  -- */
#service #sec01 { }

#service #sec01 .sec01box_l,
#service #sec01 .sec01box_r {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#service #sec01 .sec01box_l {
		padding: 0 15px 15px 15px;}

#service #sec01 .sec01box_r {
		padding: 0 15px 0 15px;}

#service #sec01 h3 {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 10px 0;}

#service #sec01 hr {
	height: 1px;
	margin: 3px 0 13px 0;
	background-color: rgba(27,94,32,1.00);
	border: 0;}

#service #sec01 ul {
	margin: 3px 0 13px 0;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.13em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#service #sec01 i {
	margin: 0 5px 0 0;
	font-size: 80%;
	vertical-align: 2px}

#service #sec01 .sec01box_l i {
	color: rgba(229,0,18,1.00)}

#service #sec01 .sec01box_r i {
	color: rgba(0,139,213,1.00)}

#service #sec01 .sec01_icon {
	opacity: 0.4;
	width: 75px;
	position: absolute;
	right: 15px;
	top:-25px}

#service #sec01 .sec01_img {
	text-align: center;}

#service #sec01 .sec01_img img {
	width: 710px;
	padding: 0 5px 0;
	max-width: 100%;
    height: auto;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#service #sec01 .col1box:last-of-type {
	margin: 0}

#service #sec01 .col1box_inner {
	width: 100%;}

#service #sec01 .col1box_inner:after {
	content: "";
	display: block;
	clear: both}

#service #sec01 .col1box_l {
	width: 100%;}

#service #sec01 .col1box_r {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center}

#service #sec01 .col1box_l p {
	font-size: 14px}

#service #sec01 .col1box_l span {
        font-weight: bold;}

#service #sec01 .col1box_r img {
	max-width: 100%}

#service #sec01 .grpbox {
	display: flex;
        flex-wrap: wrap;
        justify-content: space-between;}

#service #sec01 .graph {
	flex: 1;
        min-width: 250px;}

#service #sec03 {
	background: rgba(224,224,224,1.00)}

#service #sec03 .num {
	position: absolute;
	font-size: 21px;
	color: rgba(27,94,32,1.00);
	width: 30px;
	height: 30px;
	padding: 8px 0px 0px 0;
	background: url(img/triback_g.svg) no-repeat;
	background-size: 100% 100%;
	text-align: center}

#service #sec03 .col1box {
	background: #fff;
	margin: 0 0 30px 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
				0px 2px 2px 0px rgba(0,0,0,0.24);}

#service #sec03 .col1box:last-of-type {
	margin: 0}

#service #sec03 .col1box_inner {
	width: 100%;
	padding: 35px 15px 20px 40px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#service #sec03 .col1box_inner:after {
	content: "";
	display: block;
	clear: both}

#service #sec03 .bg_limegreen .col1box_inner {
	padding: 20px 20px;}

#service #sec03 .col1box_l {
	width: 100%;}

#service #sec03 .col1box_r {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center}

#service #sec03 .bg_limegreen .col1box_r {
	margin: 0 0 20px 0;}

#service #sec03 .col1box_l h3 {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	color: rgba(27,94,32,1.00);
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 10px;}

#service #sec03 .col1box_l p {
	font-size: 13px}

#service #sec03 .col1box_l span {
	font-weight: bold;}

#service #sec03 .col1box_r img {
	max-width: 100%}

#service #sec03 .bg_limegreen {
	background: rgba(174,234,0,1.00);
	margin: 0 0 0 0;}

#service #sec04 {
	background: rgba(27,94,32,1.00);}

#service #sec04 .table-scroll {
	    overflow-x: auto;}

#service #sec04 table {
	    border: 2px solid black;
            border-spacing: 15px;
            width: 100%;
            min-width: 600px;}

#service #sec04 table th,td {
	    border: 1px solid black;
            font-size: 18px;
            line-height: 1.5;
            padding: 5px 20px;}

#service #sec04 span {
	    font-weight: bold;}

tr:first-child {
    background-color: #D9F2D0;
  }

  td:first-child, th:first-child {
    background-color: #D9F2D0;
  }

#service #sec04 .flow_items {
	    margin-left: -1%;
            position: relative;
            z-index: 9;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;}

#service #sec04 .flow_atc {
	    width: 23%;
            margin: 20px 1% 60px;
            border: solid 3px #fff;
            border-radius: 10px;
            padding: 0px 2em 1em;
            background-color: rgba(255, 255, 255, 0.8);}

#service #sec04 .flow_num {
	    top: 0;
            left: 50%;
            padding: 0 .5em;
            font-size: 2rem;
	    color: #fff;
            width: fit-content;
            background: rgba(27, 94, 32, 1.00);
            transform: translate(-50%, -50%);
            position: relative;
            border: solid 3px #fff;}

#service #sec04 .flow_h3 {
	    color: rgba(27, 94, 32, 1.00);
            padding-bottom: 30px;
            font-weight: 600;}

#service #sec04 .flow_txt {
	    color: rgba(27, 94, 32, 1.00);}

#function_menu {
	display: none}

#contents_menu {
	display: none}


/* ▼ページ内ページ内リンク共通
------------------------------ */
h2.mini {
	font-size: 17px;
    font-weight: 500;
    line-height: 28px;}

.title_list {
	margin: 0 auto 40px;
	padding: 15px 20px 5px 40px;
	background: rgba(27,94,32,0.10)}


.title_list li {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.14em;
	margin: 0 0 10px;}

.title_list li:before {
    content: "\f046";
    font-family: FontAwesome;
    color: rgba(27,94,32,1.00);
    float: left;
    margin-right: .25em;
    margin-left: -1.25em;
    font-size: 17px;
    position: relative;
	top: 3px;}

#pagemenu02 {
	margin: 0 0 0 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
 0px 2px 2px 0px rgba(0,0,0,0.24);
}
/* Option */#pagemenu02.option1{ border-top: 1px solid #f6f6f6;}

#pagemenu02 .inner {
	padding: 40px 15px 40px
}
/* Option */#pagemenu02 .inner.option1{	padding-top: 10px;}

#pagemenu02 ul.pagenav li a {
	float: left;
	text-align: center;
	height: 55px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.1em;
	padding-top: 13px;
	color: rgba(27,94,32,1.00);
	border-right: 1px solid rgba(238,255,65,1.00);
	background: rgba(174,234,0,1.00);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#pagemenu02 ul.pagenav li i {
	font-size: 18px}

#pagemenu02 ul:after {
	content: "";
	display: block;
	clear: both}

#pagemenu02 ul.pagenav li a:hover {
	background: rgba(238,255,65,1.00)}

#pagemenu02 .title_kei {
	height: 1px;
    margin: -10px 0 20px 0;
    background-color: rgba(27,94,32,1.00);
    border: 0;}

#pagemenu02 .inner .box{
	margin-bottom: 40px}
/* Option */#pagemenu02 .inner .box.option2{}
#pagemenu02 .inner .box:last-child {
	margin-bottom: 0}

#pagemenu02 .box .box_l{
	width: 100%;
	margin: 0 0 20px 0;
}
/* Option */#pagemenu02 .box .box_l.option1{ padding: 10px; box-sizing: border-box;}

#pagemenu02 .box .box_r{
	width: 100%;
	text-align: center;
}
/* Option */#pagemenu02 .box .box_r.option1{ padding-top: 10px;}

#pagemenu02 .box:after {
	content: "";
	display: block;
	clear: both}

#pagemenu02 .box .box_half {
	width: 100%;
	text-align: center;
	margin: 0 0 40px 0}

#pagemenu02 .box .box_half:nth-of-type(2) {
	margin: 0 0 0 0}
#pagemenu02 .box .box_half p,
#caseDetail .box_half p {
	margin: -7px 0 0 0}

#pagemenu02 p {
	font-size: 13px;
	line-height: 22px}

#pagemenu02 .point_tit {
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	padding: 10px 5px;
	margin: 0 0 30px;
	text-align: 1.2em;
	letter-spacing: 0.1em;
	background: url(img/triback_dg.svg) no-repeat;
	background-size: 100% 100%;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#pagemenu02 .point_box {
	position: relative;
	background: #fff;
	width: 100%;
	margin: 0 20px 30px 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),	0px 2px 2px 0px rgba(0,0,0,0.24);
}

#pagemenu02 .point_box/*:nth-child(even) */{
	margin: 0 0 30px 0;}

#pagemenu02 .point_box:last-child {
	margin: 0 0 0 0;}

#pagemenu02 .point_boxtit {
	height: 57px;
	margin: 0 0 20px 0;
	background: rgba(76,175,18,0.10)}

#pagemenu02 .point_boxtit h3 {
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	padding: 10px 0 0 60px;
	letter-spacing: 0.05em}

#pagemenu02 .point_boxtit h3 span {
	font-weight: 600;
	color: rgba(27,94,32,1.00);
	margin: 0 2px;}

#pagemenu02 .point_txt {
	margin: 0 20px 0}

#pagemenu02 .point_txt p {
	line-height: 20px;
	padding: 0 0 30px 0;}

#pagemenu02 .point_box_wrap:after {/*
	content: "";
	display: block;
	clear: both;*/
}

#pagemenu02 .point_num {
	position: absolute;
	font-size: 21px;
	color: rgba(27,94,32,1.00);
	width: 50px;
	height: 54px;
	padding: 3px 0px 0px 0;
	background: url(img/triback_g.svg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	letter-spacing: 0.05em;}

#pagemenu02 .point_num span {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.1em}

#pagemenu02 .point_link {
	position: absolute;
	bottom: 10px;
	right: 15px;
	color: rgba(27,94,32,1.00);
	font-size: 12px;
	font-weight: 600}



/* Option | .point_box_2
---------------------------*/
#pagemenu02 .point_box.point_box_2{/*
	position: relative;
	background: #fff;
	width: 100%;
	margin: 0 20px 30px 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.24);
	*/
	display: grid;
	grid-template-columns: 65px 1fr;/**/
 grid-template-rows: repeat(2,auto);
	justify-items: stretch;
	align-items: stretch;
}
#pagemenu02 .point_box_2 .point_num{ grid-column: 1 / 2; grid-row: 1 / 2;}
#pagemenu02 .point_box_2 .point_boxtit{ grid-column: 2 / 3; grid-row: 1 / 2;}
#pagemenu02 .point_box_2 .point_txt{ grid-column: 1 / 3; grid-row: 2 / 3;}
/**/
#pagemenu02 .point_box_2 .point_num {/*
	position: absolute;
	font-size: 21px;
	color: rgba(27,94,32,1.00);
	width: 50px;
	height: 54px;
	padding: 3px 0px 0px 0;
	background: url(img/triback_g.svg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	letter-spacing: 0.05em;*/
	position: relative;
	background-size: cover;
	background-position: center center;
	width: 65px;
	height: auto;
	min-height: 65px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
#pagemenu02 .point_box_2 .point_num span{/*
	font-weight: 600;
	color: rgba(27,94,32,1.00);
	margin: 0 2px;*/
	display: block;
	width: 100%;
}
#pagemenu02 .point_box_2 .point_boxtit {/*
	height: 57px;
	margin: 0 0 20px 0;
	background: rgba(76,175,18,0.10)*/
	height: auto;
	min-height: 65px;
	margin-bottom: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
#pagemenu02 .point_box_2 .point_boxtit h3 {/*
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	padding: 10px 0 0 60px;
	letter-spacing: 0.05em;*/
	padding: 10px 20px 10px 20px;
	line-height: 1.4;
}
#pagemenu02 .point_box_2 .point_txt{/*
	margin: 0 20px 0;*/
	margin: 0;
	padding: 20px;
}
#pagemenu02 .point_box_2 .point_txt p{/*
	line-height: 20px;
	padding: 0 0 30px 0;*/
	padding: 0px;
}
/**/

/* pagemenu02 3分割 */
#service #pagemenu02 ul.pagenav li a {
	width: 33.33333%;}

#premium #pagemenu02 ul.pagenav li a,
#database #pagemenu02 ul.pagenav li a {
	width: 33.33333%;
	font-size: 12px;
	padding-top: 7px;}

#premium #pagemenu02 ul.pagenav li:nth-child(n+5) a,
#database #pagemenu02 ul.pagenav li:nth-child(n+5) a {
	border-right: none}

#service #pagemenu02 ul.pagenav li:last-child a {
	border-right: none}

/**/

#premium .box {
	margin-bottom: 40px}

#service #sec04_01,
#service #sec04_03 {
	background: #fff;}

#service #sec04_02 {
	background: rgba(238,238,238,1.00)}

#pagemenu02 {
	background: rgba(250,250,250,1.00);}

#pagemenu02 #sec01_02,
#pagemenu02 #sec01_04,
#pagemenu02 #sec01_06,
#pagemenu02 #sec01_08 {
	background: rgba(238,238,238,1.00)}

#pagemenu02 img {
	max-width: 100%;}

#pagemenu02 .h3box .num,
#caseDetail .h3box .num {
    background: rgba(27,94,32,1.00);
	float: left;
	color: #fff;
	font-size: 18px;
	padding: 11px 2px 11px 5px;
	letter-spacing: 0.17em;
	width: 12%;}

#pagemenu02 .h3box h3,
#caseDetail .h3box h3 {
	padding: 10px 0 8px 10px;
    background: url(img/triback_dg.svg) no-repeat;
	background-size: 100% 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
	text-align: left;
    color: #fff;
	letter-spacing: 0.08em;
	float: left;
	width: 88%}

#caseDetail #sec02 .h3box02 h3 {
	padding: 9px 0 9px 20px;
    background: url(img/triback_dg.svg) no-repeat;
	background-size: 100% 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
	text-align: left;
    color: #fff;
	letter-spacing: 0.08em;
	margin: 25px 0 0;
	width: 100%}

#caseDetail .kei {
	width: 100%;
    height: 1px;
    border: none;
    background-color: rgba(224, 224, 224, 1);
    margin: 30px 0 30px;}

#pagemenu02 .h3box:after,
#caseDetail .h3box:after {
	content: "";
	display: block;
	clear: both}

#pagemenu02 ul.disc {
	margin: 10px 15px 25px}

#pagemenu02 ul.disc li {
	font-size: 14px;
	line-height: 24px;
	text-align: left;}

#pagemenu02 ul.disc li:before {
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: rgba(27,94,32,1.00);
	position: relative;
	left: -8px;
	top: -3px;}

#pagemenu02 .box_white {
	background: #fff;
	padding: 30px 15px 0 15px;
	margin-bottom: 40px;
	overflow: hidden;}

#pagemenu02 .box_white h4 {
	font-weight: 600;
	font-size: 17px;
	color: rgba(27,94,32,1.00);
	margin-bottom: 5px;
	text-align: left;}

#pagemenu02 .box_white p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px}

#pagemenu02 #sec01_03 .box_white ul {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 20px 12px;
	letter-spacing: 0.05em}

#pagemenu02 #sec01_03 .box_white li:before {
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: rgba(27,94,32,1.00);
	position: relative;
	left: -8px;
	top: -3px;}

#database #pagemenu02 .caption {
	background: rgba(27,94,32,0.10);
	padding: 10px 12px;
	font-size: 11px;
	line-height: 16px;}

#database #sec01_03 .box_half img:first-child {
	margin-bottom: 20px}

#database #pagemenu02 ul.g_back {
	background: rgba(27,94,32,0.10);
	padding: 25px 20px 20px 40px;
	margin-top: 40px}

#database #pagemenu02 ul.g_back li {
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 15px;
	letter-spacing: 0.07em}

#database #pagemenu02 ul.g_back li:before {
	content: '';
    width: 10px;
    height: 10px;
    background: rgba(27,94,32,1.00);
    position: relative;
    left: 2px;
    top: 7px;
    float: left;
    margin-left: -1.25em;}


/* pagemenu02 2分割 */
#analize #pagemenu02 .pagenav li:last-child a,
#viral #pagemenu02 .pagenav li:last-child a {
	border-right:none;}

#analize #pagemenu02 ul.pagenav li a,
#viral #pagemenu02 ul.pagenav li a {
	width: 50%;
	font-size: 13px;
	font-weight: 500}

#viral #pagemenu02 ul.pagenav li:nth-of-type(2) a {
	padding-top: 7px;
	font-size: 12px}

#analize #pagemenu02 .analize_tit .num {
	color: rgba(27,94,32,1.00);
	font-size: 12px;
	font-weight: 500;
	width: 66px;
	height: 66px;
	border-radius: 33px;
	text-align: center;
	padding-top: 10px;
	line-height: 20px;
	letter-spacing: 0.1em;
	background: rgba(238,238,238,1.00);
	margin: 0 auto}

#analize #pagemenu02 .analize_tit:after {
	content: "";
	display: block;
	clear: both}

#analize #pagemenu02 .analize_tit p.pc {
	float: left;}

#analize #pagemenu02 .analize_tit p.sp {
	float: left;}

#analize #pagemenu02 .analize_tit .num span {
	font-size: 26px;
	font-weight: 400;}

#analize #pagemenu02 .analize_tit p {
	margin: 10px 0 0 13px;
	line-height: 24px}

#analize #pagemenu02 .box_grey {
	padding: 20px 10px;
	margin: 20px 0 50px;
	text-align: center;
	background: rgba(238,238,238,1.00)}

#analize #pagemenu02 .box_grey:last-child {


	margin: 20px 0 0;}

#analize #pagemenu02 .box_grey02:last-child {
	margin: 20px 0 0;}

#analize #pagemenu02 .box_grey02 {
	padding: 20px 10px;
	margin: 20px 0 30px;
	text-align: center;
	background: rgba(224,224,224,1.00)}

#analize #pagemenu02 #sec01_02 .analize_tit p {
	margin: 0;
	line-height: 26px}

#pagemenu02 ul.checkbox {
	margin: 0 0 0 22px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.1em}

#pagemenu02 ul.checkbox li {
	margin-bottom: 10px}

#pagemenu02 ul.checkbox li:before {
    content: "\f046";
    font-family: FontAwesome;
    color: rgba(27,94,32,1.00);
    float: left;
    margin-right: .25em;
    margin-left: -1.25em;
    font-size: 17px;
    position: relative;
	top: 3px;}


/* ▼mail
------------------------------------------------------------------------------------------ */
#mail #pagemenu02 ul.pagenav li a {
	width: 50%;}

#mail #pagemenu02 ul.pagenav li:nth-child(-n+6) a {
	border-bottom: 1px solid rgba(238,255,65,1.00);}

/*#mail #pagemenu02 ul.pagenav li:nth-child(2) a {
	font-size: 12px;
	padding-top: 8px;}*/

#mail #pagemenu02 .sml {
	font-size: 12px;
	padding-top: 8px;}

#mail #pagemenu02 .title_green_p {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin: 0 0 30px;
	color: rgba(27,94,32,1.00);
	line-height: 1;
	letter-spacing: 0.08em;
	-moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";}

#mail #pagemenu02 .title_green_p_sml { 
	font-size: 11px;}

#mail #pagemenu02 .checkbox {
	 }

#mail #pagemenu02 .tag {
	font-weight: 600;
	color: rgba(27,94,32,1.00);
	background: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	width: 100%;
	height: 95px;
	padding-top: 26px;
	letter-spacing: 0.02em;
	border-radius: 10px;
	border: rgba(27,94,32,1.00) solid 1px}

#mail #pagemenu02 .tag_wrap {
	float: left;
	width: 32%;
	padding-right: 2%;}

#mail #pagemenu02 .tag_wrap:nth-of-type(3) {
	padding:0 0 10px 0;}

#mail #pagemenu02 .tag_1l {
	padding-top: 37px;}

#mail #pagemenu02 .tag_3l {
	padding-top: 15px;}

#mail #pagemenu02 .tag_4l {
	padding-top: 8px;}

#mail #pagemenu02 .tagbox:after {
	content: "";
	display: block;
	clear: both}

#mail #pagemenu02 .tag:last-child {
	margin-right: 0}

#mail #pagemenu02 .tagbox {
	margin: 20px auto 35px;
	width: 100%}

#mail #pagemenu02 ul.pagenav li:nth-of-type(even) a {
	border-right: none;}

#mail #pagemenu02 .tit,
#caseDetail .tit {
	background: rgba(174,234,0,1.00);
	color: rgba(27,94,32,1.00);
	font-size: 16px;font-weight: 600;height: 40px;	padding-top: 12px;	margin: 0 0 15px 10px;}

#caseDetail .tit02 {
	background: rgba(174,234,0,1.00);
	color: rgba(27,94,32,1.00);
	font-size: 16px;
	font-weight: 600;
	padding: 12px 10px;
	margin: 0 0 20px;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.3em}


#mail #pagemenu02 .tit02 {
	background: rgba(27,94,32,1.00);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	height: 40px;
	padding-top: 12px;}

#mail #pagemenu02 ul.disc {
	margin: -7px 10px 25px;}

#mail #pagemenu02 .h3box:nth-child(n+2),
#caseDetail .h3box:nth-child(n+2) {
	margin-top: 25px}

#mail #pagemenu02 .h3box span,
#caseDetail .h3box span {
	font-size: 11px;
    vertical-align: 2px;}

#mail #pagemenu02 .h3box_txt,
#caseDetail .h3box_txt {
	background: rgba(76,175,80,0.10);
	text-align: left;
	padding: 25px 20px 5px;
	margin: 0 0 20px}

#mail #pagemenu02 .h3box_txt:last-child {
	margin: 0}

#mail #pagemenu02 .h3box_txt p,
#caseDetail .h3box_txt p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px}

#mail #pagemenu02 .h3box_txt .h4tit,
#caseDetail .h3box_txt .h4tit {
	background: rgba(174,234,0,0.50);
	color: rgba(27,94,32,1.00);
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0;
	margin-bottom: 20px;
	text-align: center}

#mail #pagemenu02 .h3box_txt h4,
#caseDetail .h3box_txt h4 {
	color: rgba(27,94,32,1.00);
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 13px}

#mail #pagemenu02 .kei_dot {
	border: none;
    border-top: dashed 1px rgba(27,94,32,1.00);
    height: 1px;
    color: #FFFFFF;
	margin: 15px 0 18px;}

#mail #pagemenu02 #sec01_03 hr.kei {
	border: none;
    border-top: solid 1px rgba(27,94,32,0.30);
    height: 1px;
    color: #FFFFFF;
	margin: 15px 0 38px;}

#mail #pagemenu02 #sec01_04 .box3 {
	width: 100%;
	margin: 0 0 30px 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}	

#mail #pagemenu02 #sec01_04 .box3:nth-of-type(3) {
	margin: 0}

#pagemenu02 #sec01_04 .h3box h3 {
	width: 100%}

#mail #pagemenu02 #sec01_04 .h3box_txt {
	padding: 25px 10px 20px 10px;
	text-align: center;}

#mail #pagemenu02 #sec01_04 ul.disc {
	margin: 18px 10px 25px;}


#mail #pagemenu02 #sec01_04 .btn a {
	background: rgba(238,255,65,1.00);
	display: block;
    border-radius: 35px;
    color: rgba(27,94,32,1.00);
    text-decoration: none;
    font-size: 14px;
	font-weight: 500;
	text-align: center;
    padding: 6px 0 6px 0;
    letter-spacing: 0.15em;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 2px 0px rgba(0,0,0,0.24);}

#mail #pagemenu02 #sec01_04 .btn a:hover {
	opacity: 0.8}

#mail #pagemenu02 #sec01_07 .box {
	margin-top: 40px}

#mail #pagemenu02 #sec01_07 .title_green {
	line-height: 30px;
	margin: 5px 0 -10px;}

#mail #pagemenu02 #sec01_08 h3 {
	color: rgba(27,94,32,1.00);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.08em}

#mail #pagemenu02 #sec01_08 h3 span {
	font-size: 24px;
	margin-right: 2px;
	background: linear-gradient(transparent 60%, rgba(174,234,0,1) 60%);}

#mail #pagemenu02 #sec01_08 .box {
	margin-top: 40px;
	padding: 30px 30px;
	background: #fff}

#mail #pagemenu02 #sec01_08 .temp_img {
	margin: 30px 0 0 0;
	width: 100%;
	text-align: center;}

#mail #pagemenu02 #sec01_08 ul.temp_img li {
	float: left}

#mail #pagemenu02 #sec01_08 ul.temp_img:after {
	content: "";
	display: block;
	clear: both}

#mail #pagemenu02 #sec01_08 .temp_img img {
	margin: 0 17px 17px 0}

#mail #fancybox-content {
	
}

/* ▼480px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 480px) {

#voice #sec02 .sec02box_Qstar dl {
	height: 38px;
	margin-bottom: 10px}
	
#voice #sec02 .sec02box_Qstar dt {
	width: 45%;}

#voice #sec02 .sec02box_Qstar dd {
	width: 55%;}

#case #sec01 .title_green_sp{/*
	font-size: 26px;
	line-height: 34px;
	padding-bottom: 30px;
	font-weight: 400;*/
	/* .title_green_sp.mini 依存に変更 */}
	
#case #sec01 .pdf_dwl_r li:nth-of-type(1) a {
	width: 32%}
#case #sec01 .pdf_dwl_r li:nth-of-type(2) a {
	width: 28%}
#case #sec01 .pdf_dwl_r li:nth-of-type(3) a {
	width: 20%}
#case #sec01 .pdf_dwl_r li:nth-of-type(4) a {
	width: 20%;
	border: none}

#case #sec01 .pdf_dwl_l {
	height: 60px;}
	
#case #sec01 .pdf_dwl_l img {
	height: 60px;}

#case #sec01 .pdf_dwl_r li a {
	font-size: 14px;}
	
#case #sec01 .pdf_dwl_l {
	font-size: 16px;}
	
#case #sec01 .pdf_dwl_l span {
	margin: 0 0 0 20px;
	vertical-align: 23px;}
	
#case #pagemenu .pagemenu_inner,
#functions #pagemenu .pagemenu_inner {
	width: 960px;}

#case #pagemenu ul li a,
#functions #pagemenu ul li a {
	height: 60px;
	font-size: 17px;}

#caseDetail .box01_txt {
	float: left;
	max-width: 50%;}

#caseDetail .box01_inner:after {
	content: "";
	display: block;
	clear: both}
	
#caseDetail .box02 .title {
	font-size: 22px;
	line-height: 34px;}

#caseDetail .box02 p {
    font-size: 15px;
	line-height: 28px}

#caseDetail .box03 .point_tit {
	font-size: 22px;
	line-height: 26px;
	padding: 20px 10px 20px 75px;}

#caseDetail .box03 .icon {
	width: 30px;
	top: 18px;
	left:30px}
	
#caseDetail .box03 ul.point_txt {
	padding: 45px 30px 0 30px;
	font-size: 16px;
	line-height: 30px}

#caseDetail .box03 ul.point_txt li {
	padding: 10px 0 40px 45px;
	letter-spacing: 0.04em;
	background-position: 3px 16px;
	background-size: 30px;}

#caseDetail .box04 .point_tit {
	padding: 9px 0 9px 20px;
	font-size: 20px;
	font-weight: 400;}

#caseDetail .box04 ul.point_txt {
	padding: 20px 20px 15px 45px;}

#caseDetail .box04 .point_txt {
	font-size: 15px;
	line-height: 28px}

#caseDetail #sec02 .box_inner {
	margin: 40px 35px}
	
#caseDetail #sec02 .point_tit {
	font-size: 20px;}
	
#caseDetail #sec02 .point_txt {
	font-size: 15px;
	line-height: 22px;
	padding: 20px 0 5px 26px;}


/* #functions
--------------------------*/
#functions #sec01 .title_green_sp{
	/* .title_green_sp.mini 依存に変更 */}

#functions #sec01 p.title_txt {
	width: 100%;/*940px*/
	margin-bottom: -5px !important;/*60px*/}


#faq #sec01 .faq_Q h2 {
	font-size: 16px;}

#faq #sec01 .faq_A dd {
	line-height: 24px;}
	
#faq #sec01 .faq_Q .QA,
#faq #sec01 .faq_A .Q {
	font-size: 30px;
	padding: 12px 0px 0px 6px;}
	
#faq #sec01 .faq_A .QA {	
	height: 165px;}

#case #sec01 h2 {
	margin-bottom: 15px}
	
#case #sec01 .sec_inner {
	padding: 70px 20px 70px;}
	
h2.mini {
	font-size: 22px;
    line-height: 40px;}

.title_list {
	padding: 25px 20px 15px 50px;}
	
.title_list li {
	font-size: 16px;
	line-height: 26px;}
	
#service #pagemenu02 ul.pagenav li a {
	height: 60px;
	font-size: 18px;}
	
#premium #pagemenu02 ul.pagenav li a,
#database #pagemenu02 ul.pagenav li a {
	height: 60px;
	font-size: 14px;}

#pagemenu02 .inner {
	padding: 60px 20px 60px}
	
#pagemenu02 p {
	font-size: 14px;
	line-height: 25px}

#pagemenu02 .title_kei {
    margin: 10px 0 30px 0;}

#pagemenu02 .point_tit {
	font-size: 23px;}
	
#pagemenu02 .point_num {
	font-size: 26px;
	width: 61px;
	height: 67px;
	padding: 3px 0px 0px 0;
	letter-spacing: 0.05em;}

#pagemenu02 .point_num span {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em}

#pagemenu02 .point_boxtit {
	height: 70px;
	margin: 0 0 20px 0;}

#pagemenu02 .point_boxtit h3 {
	font-size: 17px;
	line-height: 22px;
	padding: 15px 0 0 80px;}

#pagemenu02 .point_txt p {
	line-height: 24px;}
	
#service #sec01 p.title_txt {
	font-size: 16px;
	line-height: 28px;
	margin: 0 0 40px 0}

#service #sec01 .sec01box_l {
	padding: 0 25px 25px 130px;}

#service #sec01 .sec01box_r {
	padding: 0 25px 0 130px;}
	
#service #sec01 .sec01_icon {
	opacity: 1;
	width: 100px;
	left: 15px;}

#service #sec01 h3 {
	font-size: 20px;}

#service #sec01 ul {
	font-size: 14px;
	line-height: 25px;}
	
#service #sec01 .sec01_img img {
	padding: 0 10px 0;}
	
#service #sec03 .num {
	font-size: 30px;
	width: 43px;
	height: 40px;}

#service #sec03 .col1box_inner {
	padding: 40px 40px 20px 65px;}

#service #sec03 .col1box_l h3 {
	font-size: 20px;
	margin: 0 0 15px;}

#service #sec03 .col1box_l p {
	font-size: 14px}

#database #pagemenu02 ul.g_back li {
	font-size: 15px;
	line-height: 24px;}

/* pagemenu02 2分割 */
#analize #pagemenu02 ul.pagenav li a,
#viral #pagemenu02 ul.pagenav li a {
	width: 50%;
	font-size: 15px;
	padding-top: 13px;}

#pagemenu02 ul.checkbox {
	margin: 0 0 0 22px;
	font-size: 16px;
	line-height: 24px;}

#pagemenu02 ul.checkbox li {
		margin-bottom: 10px}
	
#mail #pagemenu02 .tag {
	font-size: 14px;}

	
#mail #pagemenu02 .title_green_p {
	margin: 0 0 30px;
	font-size: 15px;}

#mail #pagemenu02 #sec01_07 .title_green {
	line-height: 38px;
	margin: 5px 0 -15px;}
	
}/* ▲480px以上ここまで */

/* ▼768px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 769px){
.breadcrumb_inner {
	max-width: 940px;
	margin: 0 auto;}
	
#case #sec01 .title_green_pc{/*
	font-weight: 400*/
	font-size: 34px;/*26px*/
	line-height: 1.6;/*34px*/}
	
#case #sec01 .pdf_dwl {
	width: 940px;}
	
#case #sec01 .pdf_dwl_l {
	width: 40%;
	float: left;
	height: 60px;}
	
#case #sec01 .pdf_dwl_r {
	width: 60%;
	float: left;}
	
#case #pagemenu ul li a {
	font-size: 17px;}
	
#case #pagemenu ul li a {
	width: 25%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#case #pagemenu ul li:nth-child(-n+2) a {
	border-bottom: none;}

#case .secbox {/*940で固定*/
	width: 940px}

#case .col3box {/* 3列グレー背景ボックス */
	width: 300px;
	height: 400px;}

#case .col3box,
#case .col3box:first-child {
	margin: 0 15px 50px 0}
	
#case .col3box:nth-of-type(3),
#case .col3box:nth-of-type(6),
#case .col3box:nth-of-type(9) {
	margin: 0 0 50px 0}
	
#case .col3box:nth-of-type(7),
#case .col3box:nth-of-type(8),
#case .col3box:nth-of-type(9) {
	margin-bottom: 0}

#case #sec03 .col3box {	margin-bottom: 50px}
#case #sec04 .col3box {	margin-bottom: 50px}

#case #sec05 .col3box,
#case #sec06 .col3box {
	margin-bottom: 50px}

#case .col3box:after {
	content: "";
	display: block;
	clear: both}

#case .col3box_inner a:hover:after {
	letter-spacing: 0.1em;
	padding-top: 150px;
	top:30px;
	left:20px;
	width:260px;
	height:350px;
	line-height:35px;
	font-size: 20px;}

#case h2 img {
	width: 45px;
	vertical-align: -6px;
	margin: 0 10px 0 0}


/* #caseDetail
--------------------------*/
#caseDetail .secbox {
	width: 940px;
	margin-bottom: 40px}

#caseDetail .secbox:after {
	content: "";
	display: block;
	clear: both}

#caseDetail .box01 {
	width: 370px;
    height: 420px;
	margin: 0 30px 0 0;
	float: left;}
	
#caseDetail .box01_ph {
	float: none;
	max-width: 260px;
	margin: 30px auto 0;}

#caseDetail .box01_txt {
	float: none;
	max-width: 100%;
	padding: 10px 60px 20px;}

#caseDetail .case_tag02 {
	position: absolute;
    bottom: 20px;}

.caseDetail .box02 {
	float: left;
	width: 510px;
	min-height: 400px;
	margin: 0 0 40px 0}

#caseDetail .box03 {
	float: left;
	width: 380px;
	margin: 0 30px 0 0;}
	
#caseDetail .box04 {
	float: left;
	width: 510px}

#caseDetail #sec02 .box_txt {
	float: left;
	width: 50%;
	padding: 0 50px 0 0}

#caseDetail #sec02 .box_img {
	float: left;
	width: 50%;}

#caseDetail #sec02 .box {
	width: 940px}

#caseDetail #sec02 .box_inner {
	margin: 70px 40px}

#caseDetail #sec02 .point_txt li {
	margin: 0 0 10px 0}

#caseDetail #sec02 .box_img .arrow {
	margin: 50px 0}

#caseDetail .inbox .box_half:nth-of-type(1) {
	float: left;
    width: 410px;
    margin-right: 20px;}

#caseDetail .inbox .box_half:nth-of-type(2) {
    float: left;
	width: 410px;
    margin-left: 20px;}
	
#caseDetail .inbox:after {
	content: "";
	display: block;
	clear: both}
	
#caseDetail .inbox .box_l {
	float: left;
    width: 410px;
    margin-right: 20px;}

#caseDetail .inbox .box_r {
    float: left;
	width: 410px;
    margin-left: 20px;}
	
#caseDetail .box02 {
	float: left;
	width: 510px;
	margin: 0}


/* #faq
--------------------------*/
#faq #sec01 ul {
	width: 940px}
	
#faq #sec01 .faq_Q h2 {
	height: 38px;
	width: 866px;
	font-size: 16px;
	padding: 25px 0 0 22px;}
	
#faq #sec01 .faq_Q .QA,
#faq #sec01 .faq_A .QA {
	float: left;
	width: 52px;
	font-size: 30px;
	padding: 17px 0px 9px 10px;
	height: 63px}

#faq #sec01 .faq_A {
	padding: 15px 22px 30px 22px;}
		
#faq #sec01 .faq_A dd {
	width: 90%;
	font-size: 14px;}

#faq #sec01 .faq_Q i {
	position: absolute;
	top: 23px;
	right: 15px}


/* #functions
--------------------------*/
#functions #sec01 .title_green_pc {
	font-size: 34px;/*42px*/
	line-height: 1.6;/*1.3*/
	padding-bottom: 50px;}


h2.mini {	
	font-size: 26px;
	line-height: 42px;}
	
.title_list {
	width: 700px;
	margin: -25px auto 70px;
	padding: 25px 30px 25px 60px;}
	
.title_list li {
	font-size: 17px;
	line-height: 32px;
	margin: 0}

.title_list li:before {
	font-size: 19px;}
	
#pagemenu02 {
	width: 940px;}
	
#pagemenu02 .inner {
	padding: 80px 80px 80px}
/* Option */#pagemenu02 .inner.option1{	padding-top: 40px;}

#service #pagemenu02 ul.pagenav li a {
	height: 60px;
	font-size: 17px;}
	
#premium #pagemenu02 ul.pagenav li a,
#database #pagemenu02 ul.pagenav li a {
	padding-top: 13px;
	height: 60px;
	font-size: 17px;}	
	
/* Option */#pagemenu02 .inner .box.option2{ margin-bottom: 10px;}/* 40px @max-height:768px*/
#pagemenu02 .box .box_l {
	float: left;
	width: 520px;
	margin: 0 20px 0 0;}
/* Option */#pagemenu02 .box .box_l.option1{ padding: 5px;}

#pagemenu02 .box .box_r {
	float: left;
	width: 220px;}	
	
#database #pagemenu02 .box .box_l {
	float: left;
	width: 460px;
	margin: 0 60px 0 0;}

#database #pagemenu02 .box .box_r {
	float: left;
	width: 260px;}	

#pagemenu02 .box .box_half:nth-of-type(1) {
	float: left;
	width: 380px;
	margin: 0 20px 0 0;}
	
#pagemenu02 .box .box_half:nth-of-type(2) {
	float: left;
	width: 380px;}
	
#pagemenu02 p {
	font-size: 16px;line-height: 31px;padding: 15px;}

#pagemenu02 .point_tit {
	font-size: 26px;}








#pagemenu02 .point_box_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -30px;
}
#pagemenu02 .point_box {/*
	float: left;	width: 370px; height: 200px;*/
	width: calc( (100% - 30px) / 2 );
	height: 200px;
}

#pagemenu02 .point_box:nth-last-of-type(-n+2) {/*
	margin-bottom: 0;*/}

	#pagemenu02 .point_num {
	font-size: 30px;
	width: 70px;
	height: 77px;
	padding: 3px 0px 0px 0;
	letter-spacing: 0.05em;}

#pagemenu02 .point_num span {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em}

#pagemenu02 .point_boxtit {
	height: 80px;
	margin: 0 0 20px 0;}

#pagemenu02 .point_boxtit h3 {
	font-size: 19px;
	line-height: 25px;
	padding: 15px 0 0 87px;}

/* Option | .point_box_1col : 1 Column
---------------------------*/
#pagemenu02 .point_box_wrap.point_box_1col{}
#pagemenu02 .point_box_1col .point_box {	float: none;	width: 100%;	height: auto;}
#pagemenu02 .point_box_1col .point_box:nth-last-of-type(-n+2){ margin-bottom: 30px;}

/* Option | .point_box_2
---------------------------*/
#pagemenu02 .point_box.point_box_2{	float: none;	grid-template-columns: 85px 1fr;}
#pagemenu02 .point_box_2 .point_num {	width: 85px;	height: auto;	min-height: 85px;}
#pagemenu02 .point_box_2 .point_boxtit {	height: auto;	min-height: 85px;	margin-bottom: 0;}
#pagemenu02 .point_box_2 .point_boxtit h3 {	padding: 20px 25px 20px 25px;	line-height: 1.6;}
#pagemenu02 .point_box_2 .point_txt{	padding: 25px;}

#pagemenu02 .point_link {
	font-size: 14px;}

#pagemenu02 #sec01_03 .box_white {
	height: 150px}
	
#analize #pagemenu02 .analize_tit .num {
	float: left;}
	
#analize #pagemenu02 .analize_tit p {
	font-size: 14px;
	margin: 3px 0 0 13px;
	line-height: 26px}

#analize #pagemenu02 .box_grey02 p {
	font-size: 14px}
	
#service #sec01 .title_green_pc {
	font-size: 38px;
	font-weight: 500;
	line-height: 50px;}
	
#service #sec01 .sec01box_l,
#service #sec01 .sec01box_r {
	width: 50%;
	float: left;
	padding: 0 25px 0 130px;}

#service #sec01 hr.title_kei {
	margin: -20px 0 30px 0;}

#service #sec01 p.title_txt {
	font-size: 18px;
	line-height: 34px;
	/*margin: 0 0 60px 0;
	width: 940px;*/}

#service #sec01 .sec01_img img {
	padding: 20px 0 20px 0;}

#service #sec01 .col1box_l {
	float: left;
	width: 55%}
	
#service #sec03 .col1box_inner {
	width: 918px;
	padding: 45px 0 20px 65px;}

#service #sec03 .col1box_l {
	float: left;
	width: 473px;}

#service #sec03 .col1box_r {
	float: left;
	width: 335px;
	margin: 0 0 0 45px}

#service #sec03 .bg_limegreen .col1box_inner {
	padding: 30px 20px;
	width: 940px}
	
#service #sec03 .bg_limegreen .col1box_r {
	width: 295px;
	margin: 0}

#service #sec03 .bg_limegreen .col1box_l {
	width: 575px;
	margin: 5px 0 0 30px}

#service #pagemenu02 .pagemenu_inner {
	width: 960px;}


/* ▼mail */

#mail #pagemenu02 ul.pagenav li a {
	width: 25%;}

#mail #pagemenu02 .wid33 {
	width: 33.33% !important;}

#mail #pagemenu02 ul.pagenav li:nth-child(-n+4) a {
	border-bottom: 1px solid rgba(238,255,65,1.00);}

#mail #pagemenu02 ul.pagenav li:nth-of-type(5) a,
#mail #pagemenu02 ul.pagenav li:nth-of-type(6) a {
	border-bottom: none;}

#mail #pagemenu02 ul.pagenav li:nth-of-type(4) a,
#mail #pagemenu02 ul.pagenav li:last-child a {
	border-right: none}

#mail #pagemenu02 ul.pagenav li:nth-of-type(2) a,
#mail #pagemenu02 ul.pagenav li:nth-of-type(6) a {
	border-right: 1px solid rgba(238,255,65,1.00);}
	
#mail #pagemenu02 #sec01_07 .title_green {
	line-height: 48px;
	margin: 4px 0 -30px;}
	
#mail #pagemenu02 .title_green_p {
	margin: 0 0 30px;
	font-size: 18px;}

#mail #pagemenu02 .title_green_p_sml { 
	font-size: 14px;}
	
#mail #pagemenu02 .wrap {
	width: 720px;
	margin: 0 auto}

#mail #pagemenu02 .tagbox {
	margin: 50px auto 45px;
	width: 720px}

#mail #pagemenu02 .tag_wrap {
	width: 136px;
	padding-right: 10px}	

#mail #pagemenu02 .tag_wrap:nth-of-type(3) {
	padding:0 10px 0 0;}

#mail #pagemenu02 .tag_wrap:last-child {
	padding: 0;}
	
#mail #pagemenu02 .box_half:nth-of-type(1) {
	width: 320px;
	margin-right: 50px}

#mail #pagemenu02 .box_half:nth-of-type(2) {
	width: 350px;}

#mail #pagemenu02 .checkbox {
	width: 720px}
	
#mail #pagemenu02 #sec01_04 .box3 {
	width: 224px;
    float: left;
	margin: 0 24px 0 0;}	

#mail #pagemenu02 #sec01_04 .box3:last-child {
	margin: 0 0 0 0;}

#mail #pagemenu02 #sec01_04 .h3box_txt {
	padding: 25px 10px 5px;
	height: 310px}
	
#mail #pagemenu02 #sec01_04 .box3:nth-of-type(3) .btn {
	padding: 25px 0 0;}

#mail .mgz {
        margin-bottom: 0;
        margin-top: 20px;} 

#pagemenu02 .box_white {
	padding: 30px 20px 0 30px;}

/* function_menu */
#function_menu {
	display: block;
	background: rgba(27,94,32,1.00);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.24);}

#function_menu ul.pagenav {
	width: 960px;
	margin: 0 auto;}

#function_menu ul.pagenav li a {
	float: left;
	width: 33%;
	height: 40px;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	padding: 14px 0 0;
	letter-spacing: 0.07em;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
	
#function_menu:after {
	content: "";
	display: block;
	clear: both}

#function_menu ul.pagenav li a:hover {
	color: #fff;
	background: rgba(07,74,12,1.00)}

#function_menu a.active {
	background: rgba(07,74,12,1.00)}

/* contents_menu */
#contents_menu {
	display: block;
	background: rgba(27,94,32,1.00);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.24);}

#contents_menu ul.pagenav {
	width: 960px;
	margin: 0 auto;}

#contents_menu ul.pagenav li a {
	float: left;
	width: 50%;
	height: 40px;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	padding: 14px 0 0;
	letter-spacing: 0.07em;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#contents_menu:after {
	content: "";
	display: block;
	clear: both}

#contents_menu ul.pagenav li a:hover {
	color: #fff;
	background: rgba(07,74,12,1.00)}

#contents_menu a.active {
	background: rgba(07,74,12,1.00)}

#premium #sec01 .title_green_pc{
	font-size: 34px;
	line-height: 1.6;}


}/* ▲768px以上ここまで */


/* ▼機能一覧（page-functions.php）
------------------------------------------------------------------------------------------ */

#functions #sec01 .title_green_sp{
	/*font-size: 38px;
	line-height: 50px;
	padding: 45px 0 15px 0;
	margin-bottom: 0;*/
 /* .title_green_sp.mini 依存に変更：20230407 */}

#functions #sec01 p.title_txt{
	color: rgba(97,97,97,1.00);
 font-size: 14px;
	font-weight: 500;
 line-height: 1.6;/*19px*/
	margin: 0;/*-10px 0 0 0*/
	text-align: center;
}

#functions #sec02,
#functions #sec06 {
	background: rgba(27,94,32,1.00)}

#functions #sec03 {
	background: rgba(224,224,224,1.00)}

#functions .secbox {/* 3列グレー背景ボックス */
	max-width: 100%;
	height: auto;
    background-color: #FAFAFA;
	overflow: hidden;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
		0px 2px 2px 0px rgba(0,0,0,0.24);}

#functions .secbox {
	margin: 0 0 30px 0}

#functions .secbox_title span {
	font-size: 13px;
	font-weight: 500;
	color: rgba(97,97,97,1.00)}

#functions .secbox_title {
	margin: 3px 0 22px 0;}

#functions .secbox_title h3 {
	font-size: 20px;
	letter-spacing: 0.1em;
    color: rgba(27,94,32,1.00);
	line-height: 25px}

#functions .secbox_ph {
	width: 260px;
    margin: 0 auto 15px;}

#functions .secbox_txt {
	max-width: 100%;
	margin: 10px 15px 20px;}

#functions .secbox_kei {
	max-width: 100%;
    height: 1px;
    border: none;
    background-color: rgba(224, 224, 224, 1);
    margin: 0 15px 30px 20px;}



/* ▼footer01
------------------------------------------------------------------------------------------ */
footer .footer01 {
	background: rgba(27,94,32,1.00)}

footer .sec_inner {
	padding: 30px 30px }

footer ul {
	height: 80px}
ul #h03{ height: 40px!important;}	

footer .footer01 {
	content: "";
	display: block;
	clear: both}

footer ul:nth-of-type(2) {
	margin-left: 0;
	margin-bottom: 10px}

footer ul:nth-of-type(3) {
	margin-left: 0;}

footer ul:nth-of-type(4) {
	margin-left: 0px;}

footer ul {
	border-top: 1px solid rgba(174,234,0,0.3);}

footer .footer01 li {
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 0.05em;
	margin: 10px 0 10px 10px;}

footer .footer01 li a {
	color: #fff;
	text-decoration: none;
	display: block}

footer .footer01 li i {
	vertical-align: -1px;
	opacity: 1}

footer .footer01 li a:hover {
	color: rgba(238,255,65,1.00)}


/* ▼footer02
------------------------------------------------------------------------------------------ */
footer .footer02 {
	background: rgba(224,224,224,1.00);
	text-align: center;
	font-size: 12px;
	padding: 13px 0;
	letter-spacing: 0.03em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}


/* ▼pageTop
------------------------------------------------------------------------------------------ */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
	display: block;
	z-index: 999;
	padding: 8px 0 0 8px;
	width: 35px;
	height: 35px;
	background-color: rgba(238,255,65,1.00);
	color: rgba(27,94,32,1.00);
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
	0px 2px 2px 0px rgba(0,0,0,0.24);}
 
#pageTop a:hover,#s_mail a:hover,#f_contact a:hover{
	text-decoration: none;
	opacity: 0.7;}

#pageTop a i {
	font-size: 130%;
	margin: 0 7px 0 0}

#s_mail{display: block;
	z-index: 999;
	background:#ff9900;
	color: #fff;
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
	0px 2px 2px 0px rgba(0,0,0,0.24);}
#f_contact{display: block;
	z-index: 999;
	background:#4baf50;
	color: #fff;
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),
	0px 2px 2px 0px rgba(0,0,0,0.24);}

#f_contact a{
       	color: #fff;}

/* ▼480px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 480px){
.gheader02_logo {
	width: 130px;
	padding: 5px 0 0}

.gheader02 {
	height: 64px;}
	
.gheader01_txt p {
	font-size: 11px;}	
	
/* section 共通_480px以上 */
.sec_inner {
	padding: 60px 60px 70px;}

.sec_inner02 {
	padding: 50px 60px 60px;}
	
.cv_btn {
	margin: 10px auto 13px}
.cv_btn_prt {
	margin: 13px auto 13px}
	
.cv_btn a {
	font-size: 21px;
	padding: 8px 50px 8px 40px;}
.cv_btn_prt a {
	font-size: 23px;
        font-weight: bold;
	padding: 8px 50px 8px 40px;}
	
.title_sub {
	font-size: 16px;}

.sub_plus {
	margin: 3px 0 -15px}
	
.sub_plus02 {
	margin: 3px 0 -23px}
	
/* #sec02_480px以上 */	
#sec02 .sec02box_A_01 {
	height: 360px;}

#sec02 .sec02box_title {
	font-size: 20px;
	margin: 10px 0 15px 0;}

#sec02 .sec02box_ph {
    margin: 0 auto 20px;}
	
#sec02 .sec02box_txt {
	font-size: 14px;}

#sec02 .sec02box_name {
	font-size: 14px;
	line-height: 1.5;}

#sec02 .sec02box_name span {
	font-size: 20px;}
	
#sec02 .sec02_btn {
	margin: -12px 0 35px 0;}
	
#sec02 .sec02_btn a {
	font-size: 14px;
    padding: 3px 18px 3px 18px;
	letter-spacing: 0.1em;}
		
#sec02 .sec02box_title h3 {
	font-size: 20px;}

	
/* #sec08_480px以上 */
#sec08 .sec08box_A_inner,
#sec08 .sec08box_B_inner,
#sec08 .sec08box_C_inner,
#sec08 .sec08box_D_inner {
	margin: 0 20px}

#sec08 .sec08box_title h3 {
	font-size: 20px;}


/* #voice_480px以上 */
#voice #sec01 .sec01box_title h3 {
    font-size: 20px}
	
#voice #sec02 .sec02box_vname span {
	font-size: 16px}

#voice #sec02 .sec02box_00 {
	padding: 0 30px 0;}


	/* ▼機能一覧（page-functions.php）
------------------------------------------------------------------------------------------ */
#functions .secbox_title span {
	font-size: 14px;}

#functions .secbox_title h3 {
	font-size: 22px;
	line-height: 25px}

#functions #sec01 p.title_txt {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	/*margin: -15px 0 -10px 0;*/
	margin: 0px 0 10px 0;
	
	
	/*
	#functions #sec01 p.title_txt {
	color: rgba(97,97,97,1.00);
    font-size: 14px;
	font-weight: 500;
    line-height: 19px;
    margin: -10px 0 0 0;
	text-align: center;}
	*/
	
	
	
}

}/* ▲480px以上ここまで */


/* ▼480px以上?768px以内
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 480px) and (max-width: 768px) {
/*#sec01*/
#sec01 .sec01box_kei {
	margin: 0 30px 20px}
	
#sec01 .sec01box_txt {
	margin: 30px 30px 20px;}

.title_green,
.title_white,
.title_green_sp,
.title_white_sp {
	font-size: 32px;
	padding: 0 0 30px 0;}

footer .sec_inner {
	padding: 30px 20px }
	
footer ul {
	float: left;
	height: 100%;
	width: 49%}

footer .footer01 {
	content: "";
	display: block;
	clear: both}

footer ul:nth-of-type(2) {
	margin-left: 2%;
	margin-bottom: 20px}

footer ul:nth-of-type(3) {
	margin-left: 0;}

footer ul:nth-of-type(4) {
	margin-left: 2%;}	
	
}/* ▲480px以上?768px以内ここまで */

/* ▼768px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 769px){

.sp {
	display: none}

.pc {
	display: block}

.sec_inner02 {
	padding: 70px 20px;
    width: 940px;
    overflow: hidden;
    margin: 0 auto;}
	
/* ヘッダー_768px以上 */
.gheader01 {
	height: 26px;}

.gheader02 {
	height: 74px;}

.gheader01_txt p {
	font-size: 12px;}

.gheader01_nav,
.gheader02_nav {/*768px以上は表示*/
	display: block}

.gheader_sp	{
		display: none}
	
.gheader02 {
	width: 960px;
	height: 74px;
	text-align: center;
	margin: 0 auto;}
	
.gheader02_nav li {
	font-size: 14px;
	margin: 0 22px}
	
.gheader02_nav li:last-child {
	/*margin: -5px 0 0 26px;*/margin: 0px 0 0 26px;}

.gheader02_logo {
	width: 163px;}
	
.gheader01_nav ul li,
.gheader02_nav ul li {
	float: left;
	width: auto}

.gheader01_nav ul:after,
.gheader02_nav ul:after {
	content: "";
	display: block;
	clear: both}

.gheader01_nav {
	height: 18px;
	padding: 7px 0 1px 0;
	background: rgba(27,94,32,1.00);
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px}

.gheader01_nav ul {
	max-width: 680px}

.gheader01_nav li {
	font-weight: 300;
	font-size: 12px;
	padding: 0 15px;
	color: #fff;
	border-right: 1px solid rgba(76, 175, 80, 0.8);}

.gheader01_nav li:last-child {
	border-right: 0}

.gheader01_nav li a {
	color: #fff;}
	
.gheader01_nav li a:hover {
	color: rgba(238,255,65,1.00)}
	
.gheader02_nav ul {
	max-width: 930px;
	margin: 31px 0 0;
}

.gheader02_nav ul a {
	color: rgba(0, 0, 0, 0.87)}

.gheader02_nav .btline a {
	position: relative;
	display: inline-block;
	transition: .3s;}

.gheader02_nav .btline a::after {
	position: absolute;
	bottom: -29px;
	left: 50%;
	content: '';
	width: 0;
	height: 4px;
	background-color: rgba(27,94,32,1.00);
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);}
	
.gheader02_nav .btline a:hover::after {
	width: 65px;}
	
.gheader02_nav .nav_login a {
	border: 1px solid rgba(27,94,32,1.00);
    border-radius: 14px;
    display: block;
    padding: 4px 25px;}

.gheader02_nav .nav_login a:hover {
	color:rgba(27,94,32,1.00);
	background: rgba(238,255,65,1.00);}
	
#menubtn {
		display: none}

	/*POP UP*/
#fancybox-content {
	height: 800px!important;
	width: 800px!important;
	border-width: 0!important;
}	
	
	
/* news_768px以上 */

.news_box .news_title,
.news_box .news_txt {
	float: left;
	width: auto}

.news_box:after {
	content: "";
	display: block;
	clear: both}

.news_box .news_title {
	width: 15%}

.news_box .news_txt {
	width: 83%}
	
.news_box_inner01 {
    width: 960px;
}
.news_box .news_title span {
	line-height: 6.1;
}
	
.news_box .news_title {
	width: 85px;
    padding: 0px 10px;}
	
.news_box .news_txt {
	font-size: 14px;
	line-height: 2;
	margin: 7px 0 7px 30px;}
	
/* section 共通_768px以上 */
.sec_inner {
	padding: 90px 20px 100px;
	width: 940px;
	overflow: hidden;
    margin: 0 auto;}

.sec_inner01 {
	padding: 90px 20px 0px;
	width: 940px;
	overflow: hidden;
    margin: 0 auto;}

.title_green,
.title_white,
.title_green_pc,
.title_white_pc {
	display: block;
	font-size: 42px;
	width: 940px;
	padding: 0 0 50px 0;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.05em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

.sub_tit {
	font-size: 35px;}
	
.title_green_sp,
.title_white_sp	{
	display: none}

.title_sub {
	font-size: 18px;}
	
.sub_plus {
    margin: 0 0 -40px;
	width: 780px;}
	
.sub_plus02 {
    margin: 0 0 -40px;
	width: 780px;}
	
.cv_btn {
		/*width: 960px;*/
		margin: 50px auto 15px}	
.cv_btn_prt {
		/*width: 960px;*/
		margin: 50px auto 50px}	
.cv_btn a {
	background: url(img/btn_arrow.png) 96% center no-repeat rgba(238,255,65,1.00);
	background-size: 20px;
	padding: 8px 90px 8px 80px;}
.cv_btn_prt a {
	background: url(img/btn_arrow1.png) 96% center no-repeat #ee7800;
	background-size: 20px;
	padding: 8px 90px 8px 80px;}
	
/* #sec01_768px以上 */
#sec01 .sec01box {/*940で固定*/
	width: 940px}
	
#sec01 .sec01box_A,
#sec01 .sec01box_B,
#sec01 .sec01box_C {/* 3列グレー背景ボックス */
	width: 300px;
	height: 490px;
	float: left;
    background-color: #FAFAFA;}

#sec01 .sec01box_A,
#sec01 .sec01box_B {
	margin: 0 15px 0 0}

#sec01 .sec01box_C {
	margin: 0 0 0 0}

#sec01 .sec01box:after {
	content: "";
	display: block;
	clear: both}

#sec01 .title_txt {
	font-size: 18px;}

#sec01 .title_txt .q {
        font-size: 20px;}

#sec01 .title_txt .a {
        font-size: 20px;}

/* #sec02_768px以上 */
#sec02 .sec02box {
	width: 940px}	

#sec02 .sec02box_A {
	float: left;
	width: 220px;}	

#sec02 .sec02box:after {
	content: "";
	display: block;
	clear: both}	
	
#sec02 .sec02box_A:nth-of-type(1) {
	margin: 0 10px 0 0;}

#sec02 .sec02box_A:nth-of-type(2) {
	margin: 0 0 0 10px;}

#sec02 .sec02box_A_01 {/* 1段目4列白背景ボックス */
	max-width: 100%;
	padding: 0 20px 40px;}

#sec02 .sec02box_A_02 {/* 2段目4列白背景ボックス */
	max-width: 100%;
	padding: 0 20px 20px;}

#sec02 .sec02box_AB,
#sec02 .sec02box_CD {
	float: left;
	width: 460px}
	
#sec02 .sec02box_AB {
	margin-right: 20px}
	
#sec02 .sec02box_AB:after,
#sec02 .sec02box_CD:after {
	content: "";
	display: block;
	clear: both}
	
/* #sec03_768px以上 */
#sec03 .sec03box {/*940で固定*/
	width: 940px}
	
#sec03 .sec03box_A,
#sec03 .sec03box_B,
#sec03 .sec03box_C,
#sec03 .sec03box_D,
#sec03 .sec03box_E {/* 3列グレー背景ボックス */
	width: 300px;
	height: 300px;
	float: left;
    background-color: #FAFAFA;}

#sec03 .sec03box_A,
#sec03 .sec03box_B {
	margin: 0 15px 40px 0}

#sec03 .sec03box_C {
	margin: 0 0 0 0}
	
#sec03 .sec03box_D {
	margin: 0 15px 0 160px}
	
#sec03 .sec03box_E {
	margin: 0 15px 0 0}

#sec03 .sec03box:after {
	content: "";
	display: block;
	clear: both}
	
/* #sec04_768px以上 */	
#sec04 .sec04box {/*940で固定*/
	width: 940px}

#sec04 .sec04box_A,
#sec04 .sec04box_B,
#sec04 .sec04box_C {/* 3列グレー背景ボックス */
	width: 300px;
	float: left;}

#sec04 .sec04box_A,
#sec04 .sec04box_B {
	margin: 0 15px 0 0}

#sec04 .sec04box_C {
	margin: 0 0 0 0}
	
#sec04 .sec04box:after {
	content: "";
	display: block;
	clear: both}

/* #sec05_768px以上 */	
#sec05 .sec05box {/*940で固定*/
	width: 940px}
	
#sec05 .sec05box_A,
#sec05 .sec05box_B,
#sec05 .sec05box_C {/* 3列グレー背景ボックス */
	width: 300px;/*
	height: 360px;*/
	float: left;
	/**/
	padding-bottom: 20px;
}

#sec05 .sec05box_A,
#sec05 .sec05box_B {
	margin: 0 15px 0 0}

#sec05 .sec05box_C {
	margin: 0 0 0 0}
	
#sec05 .sec05box:after {
	content: "";
	display: block;
	clear: both}

/* #sec00_768px以上 */
#sec00 .content {/*940で固定*/
	width: 940px;
    overflow: hidden;
    position: relative;}
	
#sec00 .sec00_inner {
	padding: 50px 20px;
    width: 940px;
    overflow: hidden;
    margin: 0 auto;}

#sec00 .sec00_logo {
	/*float: left;*/
	width: 195px;
	margin: 10px 0 0;}

#sec00 .sec00_txt {
	/*float: left;*/
	width: auto;
	margin: 0 auto 40px 20px;
	color: #fff}

#sec00 .sec00_txt h2 {
	font-size: 36px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.08em;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

	
#sec00 .sec00_txt p {
	margin: 20px 0 0 0;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0.12em;
	text-align: left;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";}

#sec00 .sec00_btn02 a span {
	font-size: 13px;}	
	
/* btn */
#sec00 .sec00_btn01,
#sec00 .sec00_btn02,
#sec00 .sec00_btn03 {
	float: left}	

#sec00 .sec00_btn02 {
	margin: 0px 10px 0px;
        position: relative;
        left: 12%;}
	
#sec00 .sec00_btn01,
#sec00 .sec00_btn03 {
	margin: 0;
        position: relative;
        left: 12%;}
	
#sec00 .sec00_btn01 a {
	width: 250px;}

#sec00 .sec00_btn03 a {
	width: 270px;}

#sec00 .sec00_btn01 a,
#sec00 .sec00_btn02 a,
#sec00 .sec00_btn03 a {
	font-size: 19px;}

#sec00 .sec00_btn01 a {
	background: url(img/btn_arrow.png) 95% center no-repeat rgba(238,255,65,1.00);
	background-size: 8%;}

#sec00 .sec00_btn02 a {
	background: url(img/btn_arrow_bl.png) 96% center no-repeat rgba(224,224,224,1.00);
	background-size: 6%;}

#sec00 .sec00_btn03 a {
	background: url(img/btn_arrow_dg.png) 95% center no-repeat rgba(76,175,80,1.00);
	background-size: 7%;}

	

/* #sec06_768px以上 */	
#sec06 .sec06box {/*940で固定*/
	width: 940px}
	
#sec06 .sec06box_A,
#sec06 .sec06box_B,
#sec06 .sec06box_C {/* 3列グレー背景ボックス */
	width: 300px;
	float: left;}

#sec06 .sec06box_A,
#sec06 .sec06box_B {
	margin: 0 15px 0 0}

#sec06 .sec06box_C {
	margin: 0 0 0 0}
	
#sec06 .sec06box:after {
	content: "";
	display: block;
	clear: both}

#sec06 .sec06video {
	width: 640px;}
	
/* #sec07_768px以上 */	
#sec07 .sec07box {/*940で固定*/
	width: 940px}
	
#sec07 .sec07box_A,
#sec07 .sec07box_B,
#sec07 .sec07box_C {/* 3列グレー背景ボックス */
	width: 300px;
	height: 370px;
	float: left;}

#sec07 .sec07box_A,
#sec07 .sec07box_B {
	margin: 0 15px 0px 0}

#sec07 .sec07box_C {
	margin: 0 0 0px 0}
	
#sec07 .sec07box:after {
	content: "";
	display: block;
	clear: both}

/* #sec08_768px以上 */
#sec08 .sec08box {/*940で固定*/
	width: 940px}	
	
#sec08 .sec08box .sec08box_AB {
	float: left;
	width: 458px;
	margin: 0 9px 0px 0}

#sec08 .sec08box .sec08box_CD {
	float: left;
	width: 458px;
	margin: 0 0 0px 9px}
	
#sec08 .sec08box_A,
#sec08 .sec08box_C {/* 4列グレー背景ボックス */
	width: 220px;
	height: 470px;
	margin: 0 9px 0 0;
	float: left;}
	
#sec08 .sec08box_B,
#sec08 .sec08box_D {/* 4列グレー背景ボックス */
	width: 220px;
	height: 470px;
	margin: 0 0 0 9px;
	float: left;}	
	
#sec08 .sec08box_txt p {
	font-size: 14px;
	font-weight: normal;
	color: rgba(27,94,32,1.00);}

#sec08 .sec08box_txt span {
	font-weight: 700;}

#sec08 .title_txt {
	font-size: 18px;}

#sec08 .col1box_l {
	float: left;
	width: 55%}
	
#sec08 .col1box_inner {
	width: 100%;}

#sec08 .col1box_r {
	width: 100%;
    margin: 20px 0 0 0;
    text-align: center;}

/* footer_768px以上 */	
footer ul {
	float: left;
	height: 100px;}

footer .footer01 {
	content: "";
	display: block;
	clear: both}
	
footer .footer_box {/*940で固定*/
	width: 940px}
	
footer .sec_inner {
	padding: 30px 0 }

footer ul:nth-of-type(2) {
	margin-left: 70px;}

footer ul:nth-of-type(3) {
	margin-left: 70px;}

footer ul:nth-of-type(4) {
	margin-left: 300px;}	

footer .footer01 li {
	margin: 0 0 10px 10px;}
	
footer ul {
	border-left: 1px solid rgba(174,234,0,0.5);
	border-top: none}	
	
/* pageTop_768px以上 */
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 25px;}

/*サンプルメール表示*/
	
#s_mail{ position: fixed;
  bottom: 115px;
  right: 25px;}	
#s_mail a{width: 200px;padding: 5px 7px;color: #fff;background: #ff9900;border-radius: 5px;box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 12%), 0px 2px 2px 0px rgb(0 0 0 / 24%);
}
/*お問い合わせ表示*/
	
#f_contact{ position: fixed;
  bottom: 80px;
  right: 25px;
  padding: 5px 7px;
  border-radius: 5px;}	
#f_contact a{width: 200px;/*padding: 5px 7px;*/color: #fff;background: #4baf50;/*border-radius: 5px;box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 12%), 0px 2px 2px 0px rgb(0 0 0 / 24%);*/
}
	
	
/*----------------
▼ voice_768px以上
------------------ */

	
#voice #sec01 .title_green{
	line-height: 30px;
	padding-bottom: 20px}
	
#voice #sec01 .title_green_p{
	font-size: 16px; 
	font-weight: 400;
	width: 940px;
	line-height: 1;
	padding-bottom: 40px}
	
#voice #sec01 .sec01box_r {
	width: 50%;
	padding: 0 10px 0 25px;
	height: 540px;
	float: left;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#voice #sec01 .sec01box_l {
	width: 50%;
	padding: 0 25px 0 10px;
	height: 540px;
	float: left;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
	
#voice #sec02 .sec02box_00 {
	margin: 0 20px 40px 0;
	padding: 0 80px 30px}

#voice #sec02 .sec02box_00:nth-child(even) {
	margin: 0 0 40px 0;}
	
#voice #sec02 .sec02box_Qstar dl {
	float: left;
	width: 380px}

#voice #sec02 .sec02box_Qstar:after {
	content: "";
	display: block;
	clear: both	}
	
#voice #sec02 .sec02box_Qstar dl:first-child {
	margin: 0 20px 0 0}	

#voice #sec02 .sec02box_Qstar dt {
	font-size: 14px;
	width: 178px;}

#voice #sec02 .sec02box_Qstar dd {
	width: 202px;
	height: 38px;
	padding: 8px 10px;}
	
#voice #sec02 .sec02box_vname h3 {
	font-size: 30px;}

/* ▼ case_768px以上
------------------ */

	
	
/* ▼ functions_768px以上
------------------ */
	
#functions #sec01 .title_green_pc,
#functions #sec01 p.title_txt {/*move to [@media(min-width:480px)]*/}

#functions #pagemenu ul li a {
	font-size: 17px;}

#functions #pagemenu ul li:nth-child(-n+3) a,
#functions #pagemenu ul li:nth-of-type(n+4) a {
	width: 25%;}

#functions #pagemenu ul li:nth-child(-n+3) a {
	border-bottom: none;}

#functions #pagemenu ul li:nth-of-type(3) a {
	border-right: none;}
	
#functions .secbox_wrap {/*940で固定*/
	width: 940px}
	
#functions .secbox {/* 3列グレー背景ボックス */
	width: 300px;
	height: 330px;
	float: left;}

#functions .secbox {
	margin: 0 15px 0 0}

#functions .secbox:nth-of-type(3),
#functions .secbox:nth-of-type(6),
#functions .secbox:nth-of-type(9),
#functions .secbox:nth-of-type(3n) {
	/*margin: 0 0 0 0;*/
	margin-right: 0;}
	
#functions .secbox_wrap:after {
	content: "";
	display: block;
	clear: both}

	#functions .secbox:nth-child(n+4) {	margin-top: 30px}	
#functions #sec04 .secbox:nth-of-type(10) { margin-left: 160px}
#functions #sec06 .secbox:first-child {	margin-left: 160px}


/* Option | .option_flex
---------------------------*/
#functions .secbox_wrap.option_flex{	display: flex;	flex-wrap: wrap;	justify-content: center;}
#functions .secbox_wrap.option_flex .secbox{	float: none;	display: block;}
#functions .secbox_wrap.option_flex.option_flex-L2 .secbox:nth-last-of-type(2),/* for 3n-1 */
#functions .secbox_wrap.option_flex.option_flex-L1 .secbox:nth-last-of-type(1){/* for 3n+1 */
	margin-left: 0 !important;}
/**/
/* #sec02 .secbox_wrap.option_flex .secbox*/
#functions #sec02 .secbox_wrap.option_flex .secbox{	height: auto; padding-bottom: 20px;}
/**/





/**/




}/* ▲768px以上ここまで */




/* ▼960px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 960px){
	
}/* ▲960px以上ここまで */

/* ▼1200px以上
------------------------------------------------------------------------------------------ */
@media print, screen and (min-width: 1200px){
/* ヘッダー最大 */
.gheader01,
.gheader02 {
	max-width: 1200px;
	width: 100%;}
	
}
/*=================================================================*/
@media only screen and (max-width: 480px){/*
	------------------------------------------*/
/*
#accordion {
	display: block;}*/
	
}

/*=================================================================*/
@media only screen and (max-width: 767px){/*
	------------------------------------------*/
.pc_br {
	display: none;}
}

/* ▼資料ダウンロード
------------------------------------------------------------------------------------------ */
#l-wrapper {
  text-align: center;
  color: #333; }

#l-wrapper01 {
  padding-top: 40px;
  text-align: center;
  color: #333; }

.l-content {
  padding: 0;
  margin: 0 auto;
  width: calc(100% - 40px);
  max-width: 1050px; }

.l-content--full {
  padding: 0;
  margin: 0 auto;
  width: 100%; }

.c-headline.is-def {
    font-size: 1.5rem;
    line-height: 1.5; }

.c-headline {
  position: relative;
  margin-top : 20px;
  margin-bottom: 20px;
  line-height: 1.1;
  font-weight: bold; }

.c-headline01 {
  position: relative;
  margin-top : 20px;
  line-height: 1.1;
  font-weight: bold;
  text-align: left; }

.img_wid {
  max-width: 100%; }

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@keyframes pha {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  40% {
    width: 80px;
    height: 80px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
    opacity: 0; }
  100% {
    opacity: 0; } }
.p-top__issues__text {
  position: relative;
  padding: 10px 0;
  margin-bottom: 40px;
  border-top: 1px solid #15D1B4;
  border-bottom: 1px solid #15D1B4;
  font-weight: bold; }

.p-top__sol h2.c-headline {
  padding: 60px 10px 0; }

.p-top__sol__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 40px; }
  @media screen and (max-width: 940px) {
    .p-top__sol__flex {
      padding: 40px 0;
      flex-direction: column; } }
  .p-top__sol__flex.is-rev {
    flex-direction: row-reverse; }
    .p-top__sol__flex.is-rev .p-top__sol__text-wrapper {
      padding: 0 8vw 0 4vw; }

.p-top__sol__text-wrapper {
  text-align: left;
  width: 100%;
  max-width: calc(100% - 640px);
  padding: 0 4vw 0 8vw; }
  .p-top__sol__text-wrapper .c-headline.is-big {
    font-size: 2.5rem; }
  @media screen and (max-width: 1060px) {
    .p-top__sol__text-wrapper {
      max-width: 50%;
      padding: 0 5vw; } }
  @media screen and (max-width: 940px) {
    .p-top__sol__text-wrapper {
      max-width: 100%;
      padding: 0 5vw 20px; }
      .p-top__sol__text-wrapper .c-headline.is-big {
        font-size: 1.625rem;
        margin-bottom: 20px !important; } }
.p-top__sol__text {
  position: relative;
  padding-top: 16px; }

.p-top__sol__img {
  width: 100%;
  max-width: 640px; }
  @media screen and (max-width: 1060px) {
    .p-top__sol__img {
      max-width: 50%; } }
  @media screen and (max-width: 940px) {
    .p-top__sol__img {
      max-width: 100%; } }
.p-top__sol__end {
  position: relative; }

  .p-top__sol__end__text {
    font-size: 0.875rem; }
    .p-top__sol__end__text h4 {
      padding: 12px 0 6px;
      margin: 20px 0 0; }
  .p-top__sol__end .p-top__sol__text-wrapper {
    max-width: calc(85% - 450px);
    padding: 0 0 0 1vw; }
    @media screen and (max-width: 940px) {
      .p-top__sol__end .p-top__sol__text-wrapper {
        max-width: 100%;
        padding: 0; } }
  .p-top__sol__end .p-top__sol__img {
    max-width: 580px; }
    @media screen and (max-width: 940px) {
      .p-top__sol__end .p-top__sol__img {
        max-width: 100%; } }

.p-top__consul .c-flex__item {
  font-size: 0.625rem;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  color: #127465;
  line-height: 1.2;
  padding: 40px 4px 10px;
  position: relative;
  margin-top: 50px; }
  .p-top__consul .c-flex__item .c-headline {
    margin-bottom: 6px; }
  .p-top__consul .c-flex__item:hover {
    text-decoration: none; }
    .p-top__consul .c-flex__item:hover .p-top__consul__face {
      border: 2px solid #15D1B4; }
.p-top__consul__face {
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  height: 60px;
  width: 60px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, 0); }

.p-top__semi .c-flex__item {
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  margin: 40px 20px 0; }
  .p-top__semi .c-flex__item:first-of-type {
    margin-top: 0; }
  .p-top__semi .c-flex__item:hover {
    text-decoration: none; }
    .p-top__semi .c-flex__item:hover .p-top__semi__list-img {
      opacity: 0.8; }
    .p-top__semi .c-flex__item:hover .p-top__semi__list-text-wrapper > h3.c-headline {
      text-decoration: underline; }
  @media screen and (max-width: 940px) {
    .p-top__semi .c-flex__item {
      margin: 20px 0 0; }
      .p-top__semi .c-flex__item .p-top__semi__list-img {
        display: none; }
      .p-top__semi .c-flex__item .p-top__semi__list-text-wrapper {
        width: 100%; } }
  @media screen and (max-width: 600px) {
    .p-top__semi .c-flex__item .p-top__semi__list-text {
      display: none; } }
.p-top__semi__list-img {
  background-position: center;
  background-size: cover;
  border-radius: 10px 0 0 10px;
  display: block;
  width: 180px;
  transition: all 300ms; }
.p-top__semi__list-text-wrapper {
  color: #000;
  padding: 10px 10px 10px 16px;
  text-align: left;
  width: calc(100% - 180px); }
  .p-top__semi__list-text-wrapper h3.c-headline {
    color: #0088FF;
    margin: 0; }
.p-top__semi__list-text {
  font-size: 0.875rem;
  margin-top: 4px; }
.p-top__semi__list-note {
  font-size: 0.75rem;
  color: #127465;
  margin-top: 4px; }

.p-top__blg__list-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap; }
.p-top__blg__list {
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  display: flex;
  transition: all 300ms;
  width: 25%;
  height: 16vw; }
  .p-top__blg__list:hover {
    text-decoration: none;
    opacity: 0.8; }
  @media screen and (max-width: 940px) {
    .p-top__blg__list {
      width: calc(100% / 3);
      height: 24vw; } }
  @media screen and (max-width: 600px) {
    .p-top__blg__list {
      width: 50%;
      height: 40vw; } }
.p-top__blg__list-title {
  font-size: 0.875rem;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  color: #FFF;
  margin: 0;
  overflow: hidden;
  padding: 8px;
  text-align: left;
  width: 100%;
  height: 3.8rem; }

.p-case .c-headline.is-small {
  margin: 60px 0 0;
  padding: 20px 0 0;
  text-align: left; }
.p-case .c-note {
  font-size: 0.875rem;
  color: #127465;
  margin: 10px 0 0;
  text-align: left; }
.p-case__voice {
  position: relative;
  margin: 60px 0 0;
  text-align: left; }
  .p-case__voice .c-headline.is-small {
    padding: 16px 0 0;
    margin: 0 0 10px; }
    @media screen and (max-width: 600px) {
      .p-case__voice .c-headline.is-small {
        text-align: center; } }
  .p-case__voice .c-headline.is-xs {
    margin: 30px 0 6px; }
  .p-case__voice .c-lead {
    color: #127465;
    font-weight: bold;
    margin: 0; }
  .p-case__voice .c-table {
    font-weight: bold; }
    .p-case__voice .c-table .c-table__header {
      font-size: 0.875rem;
      font-weight: normal; }
    .p-case__voice .c-table th,
    .p-case__voice .c-table td {
      width: 25%; }
  .p-case__voice .c-flex {
    flex-direction: row-reverse; }
    @media screen and (max-width: 600px) {
      .p-case__voice .c-flex {
        flex-direction: column; } }
  .p-case__voice__img {
    text-align: center; }
  .p-case__voice__data {
    width: calc(100% -310px); }
    @media screen and (max-width: 600px) {
      .p-case__voice__data {
        width: 100%; } }

.p-feat {
  text-align: left; }
  .p-feat .c-headline {
    text-align: center; }
  .p-feat .c-headline.is-small {
    margin: 40px 20px 0;
    padding: 16px 0 10px;
    text-align: left; }
    @media screen and (max-width: 600px) {
      .p-feat .c-headline.is-small {
        margin: 40px 0 0; } }
  .p-feat__text, .p-feat__note {
    margin: 0 20px 16px; }
    @media screen and (max-width: 600px) {
      .p-feat__text, .p-feat__note {
        margin: 0 0 16px; } }
  .p-feat__note {
    font-size: 0.875rem;
    color: #127465; }
  .p-feat__step {
    background: #127465;
    color: #FFF;
    height: 32px;
    margin: 10px 0 0;
    padding: 2px 10px;
    position: relative; }

    .p-feat__step__img {
      width: 100%;
      margin: 10px auto 16px; }
      .p-feat__step__imgmini {
        width: 30%;
        margin: 10px auto 16px; }
    .p-feat__step__text {
      font-size: 0.875rem; }
  .p-feat.l-content-wrapper {
    padding: 30px 0; }
  .p-feat.l-content-wrapper#p-feat__sec1 {
    padding: 60px 0 30px; }

.p-consul__img {
  width: 100%;
  max-width: 340px;
  padding: 0 20px; }
  @media screen and (max-width: 600px) {
    .p-consul__img {
      display: none; } }
.p-consul__text {
  text-align: left;
  padding: 0 20px;
  width: 100%;
  max-width: calc(100% - 340px); }
  @media screen and (max-width: 600px) {
    .p-consul__text {
      max-width: 100%;
      padding: 0; } }
  .p-consul__text p {
    margin-bottom: 20px; }
.p-consul__post {
  margin-bottom: 40px; }
  .p-consul__post .c-flex__item {
    border: 4px solid #DADFE2;
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 40px 20px;
    padding-top: 70px; }
    @media screen and (max-width: 600px) {
      .p-consul__post .c-flex__item {
        margin: 40px 0;
        max-width: 100%; } }
    .p-consul__post .c-flex__item .c-headline {
      margin: 0 0 20px; }
    .p-consul__post .c-flex__item .c-note {
      font-size: 0.75rem;
      color: #127465;
      line-height: 1.5; }
    .p-consul__post .c-flex__item .c-text {
      font-size: 0.875rem;
      margin: 10px 0 0; }
  .p-consul__post .c-flex__js-empty {
    width: 300px;
    margin: 40px 20px; }
    @media screen and (max-width: 600px) {
      .p-consul__post .c-flex__js-empty {
        display: none; } }
.p-consul__face {
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  height: 100px;
  width: 100px;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0); }
.p-consul__height-fix {
  min-height: 320px; }
  @media screen and (max-width: 940px) {
    .p-consul__height-fix {
      min-height: auto; } }

.p-semi .c-headline.is-small {
  margin: 60px 0 0;
  padding: 20px 0 0;
  text-align: left; }
.p-semi .c-note {
  font-size: 0.875rem;
  color: #127465;
  margin: 10px 0 0;
  text-align: left; }
.p-semi .c-table {
  text-align: left; }
  .p-semi .c-table .c-note {
    font-size: 0.75rem;
    color: #000; }
.p-semi .c-btn {
  margin: 20px auto 60px; }
.p-semi__hero {
  overflow: hidden;
  position: relative; }
  .p-semi__hero__content {
    background: #ebebeb;
    min-height: 360px; }
  .p-semi__hero__item {
    align-items: center;
    background-color: #000;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 360px; }

	.filter-white .p-semi__hero__item{
		background-color: #FFF;
		color: #000; }
	.filter-white .p-semi__hero__item::before{
      background-color: rgba(255, 255, 255, 0.5); }

  .p-semi__hero__text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFF;
    width: 100%;
    padding: 10px;
    height: calc(100% - 100px);
    line-height: 1.4;
    text-decoration: none;
    opacity: 1; }
    .p-semi__hero__text .c-headline.is-big {
      color: #FFF;
      margin: 0; }
    .p-semi__hero__text p {
      font-size: 1.125rem;
      padding: 32px 0 16px;
      max-width: 800px; }
	.filter-white .p-semi__hero__text .c-headline.is-big,
	.filter-white .p-semi__hero__text p {
      color: #000; }
.p-semi__img {
  margin: 10px 0 0; }
.p-semi__speaker {
  margin: 40px 0 0; }
  @media screen and (max-width: 600px) {
    .p-semi__speaker {
      flex-direction: column; } }
  .p-semi__speaker__face {
    width: 160px;
    height: 160px;
    border-radius: 10px;
    margin: 0 auto; }
  .p-semi__speaker__data {
    width: calc(100% - 160px);
    padding: 0 0 0 20px; }
    .p-semi__speaker__data .c-headline.is-small {
      margin: 0;
      padding: 0; }
    .p-semi__speaker__data .c-note {
      font-size: 0.75rem;
      line-height: 1.5;
      margin: 4px 0 0; }
    .p-semi__speaker__data .c-text {
      font-size: 0.875rem;
      line-height: 1.5;
      margin: 10px 0 0; }
    @media screen and (max-width: 600px) {
      .p-semi__speaker__data {
        padding: 16px 0 0;
        text-align: center;
        width: 100%; }
        .p-semi__speaker__data .c-headline.is-small,
        .p-semi__speaker__data .c-note {
          text-align: center; } }
.p-semi.l-content-wrapper {
  padding: 30px 0; }
.p-semi.l-content-wrapper#p-semi__sec1 {
  padding: 60px 0 30px; }

.p-help .c-headline.is-small {
  margin: 60px 0 0;
  padding: 20px 0 0;
  text-align: left; }
.p-help .c-note {
  font-size: 0.875rem;
  color: #127465;
  margin: 10px 0 0;
  text-align: left; }
.p-help__voice {
  position: relative;
  margin: 60px 0 0;
  text-align: left; }
  .p-help__voice .c-headline.is-small {
    padding: 16px 0 0;
    margin: 0 0 10px; }
    @media screen and (max-width: 600px) {
      .p-help__voice .c-headline.is-small {
        text-align: center; } }
  .p-help__voice .c-headline.is-xs {
    margin: 30px 0 6px; }
  .p-help__voice .c-lead {
    color: #127465;
    font-weight: bold;
    margin: 0; }
  .p-help__voice .c-table {
    font-weight: bold; }
    .p-help__voice .c-table .c-table__header {
      font-size: 0.875rem;
      font-weight: normal; }
    .p-help__voice .c-table th,
    .p-help__voice .c-table td {
      width: 25%; }
  .p-help__voice .c-flex {
    flex-direction: row-reverse; }
    @media screen and (max-width: 600px) {
      .p-help__voice .c-flex {
        flex-direction: column; } }
  .p-help__voice__img {
    text-align: center; }
  .p-help__voice__data {
    width: calc(100% - 220px); }
    @media screen and (max-width: 600px) {
      .p-help__voice__data {
        width: 100%; } }

.p-action .c-headline.is-big {
  margin-bottom: 40px; }
.p-action .c-lead {
  font-size: 1.25rem; }
.p-action .c-flex__item {
  padding-bottom: 0; }
  .p-action .c-flex__item .c-btn,
  .p-action .c-flex__item .c-btn.is-primary {
    width: 100%;
    padding: 15px 10px; }

/* Object/Theme ======================================== */
.t-theme--def {
  background: #F5F5F5;
  color: #333; }
  .t-theme--def .c-headline,
  .t-theme--def .c-headline__lead {
    color: #000033; }
  .t-theme--def .c-headline__note {
    color: #15D1B4; }
  .t-theme--def .c-headline.is-def {
    color: #000; }

.t-theme--wht {
  background: #fff;
  color: #333; }
  .t-theme--wht .c-headline,
  .t-theme--wht .c-headline__lead {
    color: #000033; }
  .tit { 
    font-size: 1.6rem; 
    line-height: 1.25; }
  .t-theme--wht .c-headline__note {
    color: #15D1B4; }

.t-theme--navy {
  background: #000033;
  color: #FFF; }
  .t-theme--navy .c-headline,
  .t-theme--navy .c-headline__lead {
    color: #15D1B4; }
  .t-theme--navy .c-headline__note {
    color: #FFF; }
  .t-theme--navy .c-headline.is-def {
    color: #FFF; }

.t-theme--green {
  background: #CFF7F1;
  color: #000; }
  .t-theme--green .c-headline,
  .t-theme--green .c-headline__lead {
    color: #000033; }
  .t-theme--green .c-headline__note {
    color: #15D1B4; }

.t-theme--semi__yymmdd {
  background: #fff;
  color: #333; }
  .t-theme--semi__yymmdd .c-headline,
  .t-theme--semi__yymmdd .c-headline__lead {
    color: #000033; }
  .t-theme--semi__yymmdd .c-headline__note{
    color: #15D1B4; }
  .t-theme--semi__yymmdd .c-btn.is-primary,
  .t-theme--semi__yymmdd .c-lined::after,
  .t-theme--semi__yymmdd .c-lined--narrow::after {
    background: #ED0049; }
  .t-theme--semi__yymmdd .c-btn.is-primary:hover {
    background: #ff0a55; }

    


/* Object/Utility ======================================== */
.u-pa0 {
  padding: 0 !important; }

.u-pt0 {
  padding-top: 0 !important; }

.u-pt10 {
  padding-top: 10px !important; }

.u-pt20 {
  padding-top: 20px !important; }

.u-pt40 {
  padding-top: 40px !important; }

.u-pb0 {
  padding-bottom: 0 !important; }

.u-pb10 {
  padding-bottom: 10px !important; }

.u-pb20 {
  padding-bottom: 20px !important; }

.u-pb40 {
  padding-bottom: 40px !important; }

.u-pr0 {
  padding-right: 0 !important; }

.u-pr10 {
  padding-right: 10px !important; }

.u-pr20 {
  padding-right: 20px !important; }

.u-pr40 {
  padding-right: 40px !important; }

.u-pl0 {
  padding-left: 0 !important; }

.u-pl10 {
  padding-left: 10px !important; }

.u-pl20 {
  padding-left: 20px !important; }

.u-pl40 {
  padding-left: 40px !important; }

.u-ma0 {
  margin: 0 !important; }

.u-mt0 {
  margin-top: 0 !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mt40 {
  margin-top: 40px !important; }

.u-mt50 {
    margin-top: 50px !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-mr0 {
  margin-right: 0 !important; }

.u-mr10 {
  margin-right: 10px !important; }

.u-mr20 {
  margin-right: 20px !important; }

.u-mr40 {
  margin-right: 40px !important; }

.u-ml0 {
  margin-left: 0 !important; }

.u-ml10 {
  margin-left: 10px !important; }

.u-ml20 {
  margin-left: 20px !important; }

.u-ml40 {
  margin-left: 40px !important; }

.u-lh--0 {
  line-height: 0 !important; }

.u-lh--1 {
  line-height: 1 !important; }

.u-lh--15 {
  line-height: 1.5 !important; }

.u-clr--blk {
  color: #000 !important; }

.u-clr--wht {
  color: #fff !important; }

.u-clr--facebook {
  color: #5669B9 !important; }

.u-clr--instagram {
  color: #F13894 !important; }

.u-clr--twitter {
  color: #5CC0FF !important; }

.u-link {
  color: #0088FF !important; }

.u-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.u-aln--stretch {
  align-items: stretch; }

.u-img--wht {
  background: #fff;
  padding: 10px;
  border-radius: 10px; }

.u-img--p10 {
  padding: 10px 0; }

.u-img--p20 {
  padding: 20px 0; }

.u-img--p30 {
  padding: 30px 0; }

.u-img--p40 {
  padding: 40px 0; }

.u-hidden {
  clip-path: inset(0px 0px 99.9% 99.9%);
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px; }

.u-width--max600 {
  max-width: 600px; }

.u-width--max700 {
  max-width: 700px; }

.u-width--max800 {
  max-width: 800px; }

.u-width--max900 {
  max-width: 900px; }

.bnr {
	-webkit-transition: all .3s;
	transition: all .3s;
	display: inline-block!important;
cursor: pointer!important;
}

.bnr:hover {
	opacity: 0.6;
	filter: brightness(110%);
}

.wp-pagenavi{
	margin-top: 40px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.wp-pagenavi .pages{
	display: none;
}

.wp-pagenavi a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #FFF;
	line-height: 40px;
	border: none !important;
	border-radius: 50%;
	margin: 0 3px !important;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.wp-pagenavi a:hover{
	background: #15D1B4;
	color: #FFF;
}

.wp-pagenavi .current{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #FFF;
	line-height: 40px;
	border:none;
	border-radius: 50%;
}

.wp-pagenavi .pages{
	border: none;
}

#path{
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	max-width: 100%;
	padding: 0 10px;
	margin: 10px auto;
}

#path li{
	font-size: .8rem;
	text-align: left;
}

#path li:not(:last-child):after{
	content: "\f105";
	margin: 0 10px;
	color: #999;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}

#path li a{
	color: #333;
}

.l-container{
	background: #FFF;
}

.l-container-inner{
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
    @media screen and (max-width: 940px) {
		.l-container-inner{
			display: block;
		}
	}

.l-container .l-content-main{
	width: 760px;
}
    @media screen and (max-width: 940px) {
		.l-container .l-content-main{
			width: auto;
		}
	}

.l-container .sidebar{
	width: 240px;
	margin: 60px 0;
	background: #F5F5F5;
	padding: 10px;
}
    @media screen and (max-width: 940px) {
		.l-container .sidebar{
			width: 100%;
			margin: 40px 0 20px;
		}
	}

.l-container .sidebar dt{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.l-container .sidebar dd{
	margin-bottom: 1px;
	font-size: .875rem;
	text-align: left;
}

.l-container .sidebar dd a{
	display: block;
	background: #FFF;
	color: #333;
	padding: 10px;
}

.p-help__list{
	text-align: left;
	margin: 10px;
}

/*add*/
.c-text2 {
  font-size: 2rem;
  margin: 16px 0;
  text-align: left; }  
.c-text1h {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 16px 0;
    text-align: center;
}  
.Bfunction {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}
.Bfunction-img {
  width: 40%;
}
.Bfunction-img img {
  width: 310px;
}
.Bfunction-texts {
  box-sizing: border-box;
  padding: 40px 30px;
  width: 60%;
  text-align: left;
}
.bshadow1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5) !important;
} 
.bshadow1:hover {
filter: opacity(50%) !important;
cursor: pointer;
}

@media screen and (max-width: 767px) {
  .Bfunction {
    flex-direction: column;
  }
  .Bfunction--reserve {
    flex-direction: column-reverse;
  }
  .Bfunction-img {
    width: 100%;
  }
  .Bfunction-texts {
    width: 100%;
  }
}	

.wrap_x {
  margin: 2em 0;
  padding: 0;
}

.wrap_x label {
  display: block;
  padding : 8px;
  color: #fff;
  font-weight: bold;
  background: rgb(245, 169, 0);
  cursor: pointer;
}

.wrap_x input[type="checkbox"] {
  display: none;
}

.wrap_x .content_x {
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.switch:checked + .content_x {
  height: auto;
  padding: 8px;
  background: #f7f7f7;
}


/* 操作ガイド */
.t-theme--def02 {
    background: url("/wp-content/uploads/2022/07/bg-helpgreen.jpg") repeat;
    color: #333;
}
.sub01{
	font-size: 1.5rem;
}

.flexbox1 {
    width: 1020px;
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    align-items: top;
    padding: 60px 0 80px;
}
.flexbox1 .box01 {
    width: 33%;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; 
}
.flexbox1 .box01 a:hover {
    text-decoration: none;
}

/* 最後のコンテンツを左寄せにする指定 
.flexbox1:after {
    content: "";
    display: block;
    width: 33%;
    height: 0;*/
}
.btdeco1 {	
	width : 296px;
    height: 170px;
    text-align:center;
    padding: 30px 15px 10px;
    margin: 10px 0;
    color: #555555;
    border: #555555 solid 1px;
    text-decoration: none;
    border-radius :20px;
}
.btdeco1 img {
    margin: 0 auto 17px;
}
.btdeco1:hover {
    background: #15D1B4;
    color: #ffffff;
}
.btdeco1 h2 {
    font-size: 17px;
}
.btdeco1 h2::after {
    content: '\0bb';
    padding-left: 5px;
}
.btdeco2 img.cut01 {
    height: 170px;
    object-fit: cover;
    object-position: top;
}
.btdeco2 img {
    text-align:center;
    margin: 10px 0;
    color: #555555;
    border: #555555 solid 1px;
    text-decoration: none;
    border-radius :20px;
}
.btdeco2:hover {
    opacity: 0.7;
}

@media screen and (max-width: 940px) {
.flexbox1 {
    width: auto;
    display: block;
    padding: 30px 0 60px;
    }
.flexbox1 .box01 {
    width: 100%;
    }
.btdeco1 {
    font-size:20px;
    height: 180px;
    }
.btdeco1 img {
    margin: 0 auto 20px;
    }
.btdeco1::after {
    padding: 10px;
    }
}

/* facebook */

.fb_tit{
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5;
}

.fb_txt_l{
   text-align: left;
   padding-top: 20px;
   font-size: 1.2rem;
}

.fb_txt_l span{
   color: red;
   font-weight: bold;
}

.fb_txt_c{
   text-align: center;
   padding-top: 50px;
   font-size: 1.2rem;
   font-weight: bold;
}

.fb_btn{
   max-width: 70%;
   padding-top: 30px;
}

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

/* ▼#service
------------------------------ */

#service #sec04 .flow_atc {
	    width: 100%;}
}

/* main-visual_sp */
@media screen and (max-width: 480px) {

#top #main-visual_wp-for-img .main_img_sp{/* = video */
	height: auto;/*表示する画像の高さ*/
        /*position: relative;*/
}

#main-visual_wp-for-img .main_img_sp{/* = video */
	height: 110px;/*表示する画像の高さ*/
	margin: 0 auto;	max-width: 1315px;	width: 100%;	display: flex;	flex-wrap: wrap;	justify-content: center;	align-items: center;
	/**/
}

#top #main-visual_wp-for-img .main_img_sp::before{/*黒色乗算*/
	opacity: 0;
}

#main-visual_wp-for-img .main_img_sp::before{/*黒色乗算*/
	z-index: 3;	position: absolute; top: 0; left: 0; content: "";	display: block; width: 100%; height: 100%;	background: #000;	mix-blend-mode: multiply;	opacity: 0.6;
}

#top .main_img{
    display: none !important;
}
}

.main_img_sp{
    display: none;
}