@charset "utf-8";

.wf-sawarabimincho { font-family: "Sawarabi Mincho", serif; }

html,body{
    width: 100%;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
format('woff');
}





body{
color:#333;
	font-family:'Open Sans', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
	font-size:95%;
	line-height: 150%;
}


a {
	color:#333;
	outline: none;
	text-decoration: none;
}

a:hover{
	color: #666;
	text-decoration: underline;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

input,
select,
textarea{
	max-width: 100%;
	padding: 3px;

}
input,
textarea{
}
input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
}



.width100{
	width:100%;
}

.wrap{

}

.block{
	display: block;
}

.onlysp{
	display: none;
}
.none{
	display:none;
}
.container {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.fo-tsuku {
	font-family: fot-tsukuardgothic-std, sans-serif;
}

/*ヘッダー
------------------------------------------------*/
.headerwrap{
	position: fixed;
	width: 100%;
	border-top: 5px solid #00820E;
	background: url(../img/bg_headerwrap.png) no-repeat top center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	z-index: 10000;
  top:0px
}
.header{
	width:1100px;
  max-width:calc(100% - 30px);
	margin: 0 auto;
	position: relative;
}
.logo{
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 238px;
}

.gnavi {
	float: left;
	display: inline-block;
	padding: 24px 0 30px 0;
}

.gnavi li{
	float: left;
	background: url(../img/arrow01.png) no-repeat left 5px;
	padding: 0 30px 0 15px;
}

.headright{
	float:right;
	padding: 13px 0 12px 0;
	display: inline-block;
}
.headright li{
	display: inline-block;
	font-size: 80%;
	margin: 0 0 0 20px;
	vertical-align: middle;
}

/*メインビジュアル
------------------------------------------------*/
.mainvisual{
	background: url(../img/mainvisual.jpg) no-repeat top center;
	height: 689px;
}
.mainbtn{
	text-align: right;
	padding: 120px 0 0 0;
}

/*トップページ
------------------------------------------------*/
.topnewsbox{
	padding:60px 0;
}
.titlebox h2{
	text-align: center;
	font-size: 200%;	
	font-family: fot-tsukuardgothic-std, sans-serif;
	padding: 0 0 10px 0;
}
.titlebox p{
	text-align: center;
	font-size: 130%;
	color: #00820E;
	margin: 0 0 50px 0;
	font-family: fot-tsukuardgothic-std, sans-serif;
}

/*トップメニュー*/

.top_menu {
	width: 1000px;
	margin: 0 auto 50px;
}

.top_menu ul {
	width: 1000px;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -92px;
}

.top_menu img{
	transform: rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.top_menu li:first-child img {
	margin-left: 64px;
}
.top_menu li:last-child img {
	margin-right: 64px;
}
.top_menu li:nth-of-type(even) img {
	margin-top: 57px;
}




/*お知らせ*/
.topnews{
	padding:0 0 50px 0;
}

.topnews dl{
	width: 27.8%;
	float: left;
	border: 1px solid #ccc;
	padding: 20px 2% ;
	margin: 0 2% 20px 0;
}

.topnews dl:nth-child(3n) {
	margin-right: 0;
}

.topnews dl:nth-child(n+4) {
	margin-bottom: 0;
}
.topnews span{
	display: inline-block;
	color: #fff;
	padding: 0 10px;
}
.topnews em{
	display: block;
}
.topnews strong{
	clear:both;
	display: block;
	padding: 15px 0;
	border-bottom:1px solid #ccc;
	margin: 0 0 10px 0;
}
.topnewsbox a{
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.topnewsbox a:before{
	content: "＞";
	padding: 0 5px 0 0;
}

.topnews a{
	display: block;
	text-align: center;
	background: #00820E;
	color:#fff;
	padding: 10px 0;
	width:100%;
}
.topnewsbtn{
	text-align: center;
}
.topnewsbtn a{
	display: inline-block;
	background: #333;
	font-size: 120%;
	padding: 10px 40px;
}

/*解決*/
.topsolutionbox{
	background: #f2f2f2;
	padding: 70px 0;
}
.topsolutionbox h2{
	text-align: center;
	margin: 0 0 50px 0;
	font-family: fot-tsukuardgothic-std, sans-serif;
	line-height: 200%;
}
.topsolutionbox h2 strong{
	font-size: 150%;
}


/*マネジメント*/
.topmanagementwrap{
	background: url(../img/mainbodybg01.png) no-repeat top center;
	background-size: cover;
	padding: 40px 0;
}
.topmanagement{
	background: rgba(255,255,255,0.8);
	padding: 50px;
	text-align: center;
}
.topmanagement dl{
	border: 1px solid #333;
	padding:0 30px 10px 30px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;	
}
.topmanagement dl:nth-child(2) {
	margin: 75px 0 0 0;
	
}


.topmanagement dt{
	margin: -30px 0 0 0;	
}
.topmanagement dl:nth-child(2) dt{
	margin: -75px 0 0 0;	
}
.topmanagement dt h2{
	background:#333;
	color: #fff;
	font-size: 200%;
	padding: 25px 0px;
	margin: 0 30px 20px 30px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;

}
.topmanagement p{
	padding:10px 0 20px 0;
	font-size: 105%;
	line-height: 200%;
}

/*あいさつ*/
.topgreetingwrap{
	background: url(../img/mainbodybg02.png) no-repeat top center;
	background-size: cover;
	/*padding: 70px 0 30px 0;*/
	padding: 156px 0;
}
.topgreeting{
background: rgba(255,255,255,0.5);
padding: 50px 100px;
}
.topgreeting dl{
	/*padding: 0 0 20px 0;*/
}
.topgreeting dt{
	/*
	float: right;
	width: 20%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","Sawarabi Mincho",  serif;
	*/
	display: none;
}
.topgreeting dt img{
	display: block;
	padding: 0 0 5px 0;
}
.topgreeting dd{
	/*
	float: left;
	width: 75%;
	font-size: 105%;
	line-height: 200%;
	*/
	width: 100%;	
}
.profilebox{
	/*
	background:url(../img/top/title_profile.png) no-repeat 20px center #fff;
	padding: 20px 20px 20px 170px;
	line-height: 200%;
	*/
	display: none;
}


/*トップのとお問い合わせ*/
.topcontactbox{
	width:800px;
	margin: 80px auto 50px auto;
	text-align: center;
}
.topcontactbox h2{
	padding: 0 0 20px 0;
}
.topcontactbox li{
	display: inline-block;
	text-align: left;
	padding: 0 20px ;
}
.topcontactbox ul{
border-top: 1px solid #00820E;
border-bottom: 1px solid #00820E;
padding: 20px 0;
margin: -20px 0 0 0;
}



/*フォーム*/
.formwrap{
	background:#ffffdd;
	padding: 20px 0;
}
#index .formwrap{
	background:url(../img/img_formtitle04.png) no-repeat top center #ffffdd;
	padding: 50px 0;
}


.formbox{
padding: 40px;
margin: 20px 100px 50px 100px;
	border: 1px solid #ccc;
}
.newsbox .formbox{
margin: 20px 0px 0px 0px;
}


.formbox table{
	border-collapse:collapse;
	width:90%;
	text-align: left;
	margin: 0 auto 30px auto;
}
.formbox td,
.formbox th{
	padding:10px;
	
}

.formbox th {
font-weight:400;
text-align: right;

}


table .wpcf7c-conf{
	background: #ddd;
}

textarea {

}

input,
select,
textarea{
	padding:5px;
}

input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}




a.linkbtn01,
a.linkbtn02,
.linkbtn01,
.linkbtn02{
background: #00820E;
	text-align: center;
	color: #fff;
font-size: 120%;
text-decoration: none;
padding: 10px 20px;
border:0px;
cursor:pointer;
margin: 0 20px 5px 20px;
width: 30%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.linkbtn02{
background: #ddd;
color: #000;
}



/*全体レイアウト
------------------------------------------------*/
.mainbody{
	width: 1000px;
	margin:0 auto;
}
.pagetitle{
	background: url(../img/pagetitle.png) no-repeat top center;
	height: 390px;
}
.main{
	width: 80%;
	float: left;
}
.home-news .main{
  width:100%;
  float:none;
  display:flex;
  flex-wrap:wrap;
}
.side{
	width: 160px;
	float: right;
}


.sidemenu01{
	background: #00820E;
	padding: 5px;
	margin: 0 0 10px 0;
}
.sidemenu01 h3{
	text-align: center;
	color: #fff;
	padding: 10px 0;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.sidemenu01 ul,
.sidemenu02 ul{
	background: #fff;
}
.sidemenu01 li{
	padding:2px;
}
.sidemenu01 li a{
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 10px;
}
.sidemenu01 li:last-child a{
	border-bottom: none;
}
.sideinfo a{
	border-left: 5px solid #22b573;
}

.sideseminar a{
	border-left: 5px solid #f15a24;
}
.sideqa a{
	border-left: 5px solid #3fa9f5;
}
.sideikisapo a{
	border-left: 5px solid #7ac943;
}
.sideother a{
	border-left: 5px solid #603813;
}
.sideworksheet a{
	border-left: 5px solid #8365ca;
}
.sidestyle a {
	border-left: 5px solid #FFDE52;
}

.sidemenu02{
	background: #e5f1f8;
	padding: 5px;
	margin: 0 0 10px 0;
}
.sidemenu02 h3{
	text-align: center;
	color: #00820E;
	padding: 10px 0;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.sidemenu02 li a{
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 10px;
}
.sidemenu02 li:last-child a{
	border:none;
}

/*フッター
------------------------------------------------*/
.gotop{
	width: 950px;
	margin: 0 auto;
	text-align: right;
	padding: 30px 0 0 0;
}
.footmenu{
	background: #808080;
	text-align: center;
	padding: 10px 0;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.footmenu li{
	display: inline-block;
	padding: 0 40px;
	border-right: 1px solid #fff;
}
.footmenu li:last-child{
	border: none;
}
.footmenu li a{
	color: #fff;
}
.footer{
	background: #f2f2f2;
	padding: 35px 0 30px 0;
}
.footer h2{
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","Sawarabi Mincho",  serif;
	padding: 0 0 30px 0;
	font-size: 150%;
}
.footer dl{
	background: #fff;
	margin: 0 25px 20px 25px;
	padding: 15px 40px;
}
.footer dt{
	display: inline-block;
	vertical-align: top;
	float: left;
	padding: 10px 0 0 0;
}
.footer dd{
	display: inline-block;
	vertical-align: top;
	float: right;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.footer dd img{
	padding: 0 0 3px 0;
}
.footer dd li{
	display: inline-block;
	font-size: 80%;
	padding: 0 10px;
	line-height: 130%;
}
.footbanner {
	text-align: center;
}
.footbanner li{
	display: inline-block;
}
address{
	font-size: 90%;
	display: inline-block;
	padding: 25px 0 0 0;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.footbtm .mainbody{
	padding:0 10px;
}
.footbtm img{
	float: right;
	display: inline-block;
	padding: 10px;
}

/*コンテンツ
-----------------------------------------------*/
.aboutbox{
	text-align: center;
	margin: 0 50px 50px 50px;
}
.aboutbox h3{
	font-size: 150%;
	font-family: fot-tsukuardgothic-std, sans-serif;
	border-top: 1px solid #00820E;
border-bottom: 1px solid #00820E;
padding: 20px 0;
margin: 0px 0 40px 0;
color: #00820E;
line-height: 150%;
}
.aboutbox p{
	padding:0 0 20px 0;
}
.businessbox {
	background: #00820E;
	padding: 20px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 100px 70px 100px;
}

.businessbox h3{
	text-align: center;
	color: #fff;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: 200%;
	margin: 0 0 20px 0;
}
.businessbox dl{
	background: #fff;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 48%;
margin: 0 1% 20px 1%;
float: left;
padding: 20px 0 0 0;
}
.businessbox dt{
	text-align: center;
}
.businessbox dd{
	padding: 20px;
}

.outlinebox{
	margin: 0 200px 30px 200px;
	background: #e5f1f8;
	padding: 20px 50px;
}
.outlinebox	dt{
	width: 20%;
	background: #00820E;
	color: #fff;
	text-align: center;
	float: left;
	margin: 0 0 10px 0;
	padding: 5px 0;
}
.outlinebox	dd{
	width: 75%;
	float: right;
	padding: 5px 0;
	margin: 0 0 10px 0;
}

.mapbox{
	margin: 0 200px 30px 200px;
	border: 1px solid #ccc;
	padding: 10px;
}



/*ニュース*/
.newslist dl{
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

.newslist span{
	width:100px;
	color: #fff;
	text-align: center;
	display: inline-block;
padding: 5px 0px;
margin: 0 0 0 10px;
}
.newslist em.news_time {
	display: inline-block;
	width: 80px;
}

.newstaginfo{
	background: #22b573;
}
.newstagseminar{
	background: #f15a24;
}
.newstagqa{
	background: #3fa9f5;
}
.newstagikisapo{
	background: #7ac943;
}
.newstagother{
	background: #603813;
	font-size: 12px;
}
.newstagworksheet{
background: #8365ca;
}
.tagstyle {
	color: #91744A!important;
background: #FFDE52;
}
.newslist dt{
	width:25%;
	float: left;
}
.newslist dd{
	margin:0 0 0 27%;
	padding: 5px 0;
}


.newsbox{
	border: 1px solid #ccc;
	padding: 30px;
	margin: 0 0 50px 0;
}
.date{
	display: inline-block;
	float: left;
}
.newsbox dl{
	padding:0 0 20px 0;
}
.newsbox dd{
	display: inline-block;
	float: right;
	padding: 5px 20px;
	color: #fff;
}
.newsbox h3{
	background: #00820E;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 0 0 30px 0;
}
.photolist{
	padding: 30px 0;
}

.photolist li{
	width: 48%;
	float: left;
	margin: 0 1% 20px 1%;
}

.newsFile {
	font-size: 14px;
	width: 100%;
}
.newsFileTtl th {
	background: #00820E;
	color: #fff;
	padding: 12px;
	margin-bottom: 1px;
	font-size: 14px;
}
.newsFile tbody th,.newsFile tbody td {
	border: 1px solid #fff;
	padding: 12px 20px;
	text-align: left;
	font-size: 13px;
}
.newsFile tbody th {
	background: #e5f1f8;
	width: 77%;
	font-weight: 400;
}
.newsFile tbody td {
	text-align: center;
	padding: 12px 0;
}




.pager {
	text-align: center;
	padding: 10px 0 0 0;
}
.pager span,
.pager a{
	display: inline-block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

.pager span{
	background: #00820E ;
	color: #fff;
	
}

.pageset{
	padding: 10px;
	margin: 0 0 50px 0;
	background: #e8e8e8;
}
.pagebefore{
	float:left;
}
.pagenext{
	float:right;
}
li.cateChild a{
	position: relative;
	font-size: 100%;
	padding-left: 1.5em;
}
li.cateChild a::before {
	content: "";
	display: block;
	width: 1em;
	height: 2px;
	border-radius: 10px;
	position: absolute;
	left: 2px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #FFDE52;
}
.anketo h3 {
	font-size: 110%;
}
.anketo label {
	cursor: pointer;
	margin: 2px 0;
	display: inline-block;
}
.anketo label:hover{
	background: #f1f1f1;
}
.anketo table,.ankeForm textarea,.ankeForm input[type="text"],.ankeForm span.wpcf7-list-item {
	width: 100%;
}
.ankeForm th {
	text-align: left;
	width: 40%;
}
.ankeForm td {
	width: 60%;
}


/*webform-------------------------------*/
.ttl02 {
	font-size: 22px;
	color: #00820E;
	border-top: 1px solid #00820E;
	border-bottom: 1px solid #00820E;
	padding: 25px 10px;
	margin-bottom: 30px;
	font-weight: 600;
	line-height: 1.4;
}
#webform h3 {
	font-size: 32px;
	font-weight: 600;
	color: #00820E;
	margin: 50px auto 25px;
}
#webform ul {
	display: flex;
	justify-content: center;
}
#webform li {
	margin: 0 5px;
}
.note {
	color: #c1272d;
	font-size: 20px;
	margin-top: 25px;
	font-weight: 600;
}
#webformArea {
	margin-top: 80px;
	background: #eaf6fd;
}
#webformArea h2 {
	background: #00820E;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	padding: 12px 10px 15px;
	text-align: center;
}
.formArea {
	padding: 50px 0;
}
.formWrap {
	width: 800px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	border: 1px solid #333;
	text-align: left;
}
.webform {
	margin-bottom: 30px;
}
.formWrap figure {
	margin-bottom: 60px
}




/*********************************/
/* PC用のスタイル記述ここから */
/*********************************/
/*@media print, screen and (min-width: 769px) {*/
@media print, screen and (min-width: 621px) {	



.leftbox{
	display:inline-block;
	float:left;
	padding:0px 10px 0px 0;
}
.rightbox{
	display:inline-block;
	float:right;
	padding:0px 0 0px 10px;
}




}





/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 768px) {}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {







.onlypc{
	display:none;
}
.onlysp{
	display: block;
}




}













/*-------------------------------------------------------------------
	Top Page
-------------------------------------------------------------------*/
.wrapper-area{
	padding-top:0;
}
.mv-box{
	width: 100%;
	padding:60px 0;
}
.mv-box h2{
	padding-top: 34px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
	font-weight: 100;
	padding-bottom: 30px;
	margin-bottom: 30px;
	background-image: url('../img/cmn_img/ico_Line_Yoko.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.mv-box p{
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 30px;
	font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
	font-weight: 100;
	text-align: center;
}

.top_topix{
	width: 1040px;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
}

.m-mv-box{
	width: 1040px;
	margin: 0 auto;
	padding: 30px;
	background: url('../img/top_img/bg_White.png') left top repeat;
	box-sizing: border-box;
}
.m-mv-box h3{
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
	font-weight: 100;
	padding-bottom:33px;
	margin-bottom: 30px;
	background-image: url('../img/cmn_img/ico_Line_Yoko.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.m-mv-box h4{
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
	font-weight: 100;
	padding-bottom: 23px;
	background-image: url('../img/top_img/arr_Right_Blue01.png');
	background-position: right 245px top 3px;
	background-repeat: no-repeat;
	text-align: center;
}
.m-mv-box h4.posi--r8{
	background-position: right 195px top 3px;
	margin-top:80px;
}

h4 a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


.activity01{
	background-image: url('../img/top_img/menu01.jpg');
	background-size:100%;
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	margin-right: 30px;
	float: left;
	margin-bottom: 30px;

}
.activity02{
	background-image: url('../img/top_img/menu02.jpg');
	background-size:100%;
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	margin-right: 30px;
	float: left;
	margin-bottom: 30px;
}
.activity03{
	background-image: url('../img/top_img/menu03.jpg');
	background-size:100%;
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	float: left;
	margin-bottom: 30px;
}
.activity04{
	background-image: url('../img/top_img/menu04.jpg');
	background-size:100%;
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	margin-right: 30px;
	float: left;
	margin-bottom: 30px;
}
.activity05{
	background-image: url('../img/top_img/menu05.jpg');
	background-size:100%;
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	margin-right: 30px;
	float: left;
	margin-bottom: 30px;
}
.activity06{
	background-image: url('../img/top_img/menu06.jpg');
	background-size:100%;
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	float: left;
	margin-bottom: 30px;
}
.activity07{
	background-image: url('../img/top_img/bgimg07.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	margin-right: 30px;
	float: left;
}
.activity08{
	background-image: url('../img/top_img/bgimg08.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	margin-right: 30px;
	float: left;
}
.activity09{
	background-image: url('../img/top_img/bgimg09.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 306px;
	height: 190px;
	position: relative;
	box-sizing: border-box;
	float: left;
}

.activity01 a,
.activity02 a,
.activity03 a,
.activity04 a,
.activity05 a,
.activity06 a,
.activity07 a,
.activity08 a,
.activity09 a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 120px;
	font-size: 18px;
	line-height: 30px;
	font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
	font-weight: 100;
	color: #000000;
	box-shadow: 0 0 8px gray;
}
.activity01:hover a span,
.activity02:hover a span,
.activity03:hover a span,
.activity04:hover a span,
.activity05:hover a span,
.activity06:hover a span,
.activity07:hover a span,
.activity08:hover a span,
.activity09:hover a span{
	background-color:#ffe0c6;
}
.activity01 a span,
.activity02 a span,
.activity03 a span,
.activity04 a span,
.activity05 a span,
.activity06 a span,
.activity07 a span,
.activity08 a span,
.activity09 a span{
	background:#fff;
	background-image: url(../img/cmn_img/arr_Right_Blue01.png);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	padding-left:25px;
	height: 70px;
	    display: flex;
	    align-items: center;
}
.m-mv-lob-lower .activity01 a span,
.m-mv-lob-lower .activity02 a span,
.m-mv-lob-lower .activity03 a span,
.m-mv-lob-lower .activity04 a span,
.m-mv-lob-lower .activity05 a span,
.m-mv-lob-lower .activity06 a span,
.m-mv-lob-lower .activity07 a span,
.m-mv-lob-lower .activity08 a span,
.m-mv-lob-lower .activity09 a span{
	display:block;
	padding:15px;
}
.news h2{
	padding-top: 78px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
	font-weight: 100;
	padding-bottom: 32px;
	margin-bottom: 31px;
	background-image:url(../img/cmn_img/ico_Line_Yoko.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.news-link{
	width: 100%;
	background-color: #ffffff;
	color: #555555;
	clear:both;
}
.news-link a{
	display: flex;
	top: 0;
	left: 0;
}
.news-link:hover{
	background: #d9eddb;
	color: #00820E;
}
.news-link span.wid140{
	color: #000000;
	width:140px;
}
.news-link span.ico{
border: 1px solid #5fa0c8;
	font-size: 12px;
	line-height: 26px;
	width: 85px;
	padding: 0px 12px;
	height: 26px;
	border-radius: 12.5px;
	-webkit-border-radius: 12.5px;
	-moz-border-radius: 12.5px;
	color: #00820E;
	text-align: center;
	display: block;
	float: left;
	vertical-align: middle;
	margin: 13px 0;
}
.news-link span.ico.news{
	border:1px solid #b4dcf5;
	background:#b4dcf5;
	color:#000;
}
.news-link span.news-content{
	padding-left: 13px;
	color: #555555;
	margin-left: 20px;
    width: calc( 100% - 60px);
}
.news-link span.wid140:hover,
.news-link span.news-content:hover{
	color: #00820E;
}
.news-link p{
	clear:both;
	border-top: 1px solid #c8c8c8;
	clear:both;
}
.news-link.linkNone:hover,
.news-link.linkNone span.news-content:hover{
	background:#fff!important;
	color:#555555;
}
.b--bon div:last-child{
	border-top:none;
}
.news .b--bon{
	border-bottom: 1px solid #c8c8c8;
}
.news-link_top p,
.news-link_top a{
	color: #555555;
}

.news-link_top{
	width: 978px;
	min-height:55px;
	height:auto!important;
	height:55px;
	background-color: #ffffff;
	color: #555555;
	clear:both;
}
.news-link_top a{
	display: block;
	top: 0;
	left: 0;
}
.news-link_top:hover{
	background: #fff0cb;
	color: #00820E;
}
.news-link_top span.wid140{
	width: 140px;
	display: inline-block;
	float:left;
	color: #000000;
	margin: 13px 0;
}
.news-link_top span.ico{
border: 1px solid #5fa0c8;
	font-size: 12px;
	line-height: 26px;
	width: 85px;
	padding: 0px 12px;
	height: 26px;
	border-radius: 12.5px;
	-webkit-border-radius: 12.5px;
	-moz-border-radius: 12.5px;
	color: #00820E;
	text-align: center;
	display: block;
	float: left;
	vertical-align: middle;
	margin: 13px 0;
}
.news-link_top span.ico.news{
	border:1px solid #b4dcf5;
	background:#b4dcf5;
	color:#000;
}
.news-link_top span.news-content{
	padding-left: 13px;
	color: #555555;
	width:700px;
	display:inline-block;
	padding: 13px 0;
	margin-left:20px;
}
.news-link_top span.wid140:hover,
.news-link_top span.news-content:hover{
	color: #00820E;
}
.news-link_top p{
	clear:both;
	border-top: 1px solid #c8c8c8;
	clear:both;
}
.news-link_top.linkNone:hover,
.news-link_top.linkNone span.news-content:hover{
	background:#fff!important;
	color:#555555;
}

.news-link_top p,
.news-link_top a{
	color: #555555;
}


.news a:hover{
	color: #00820E;
}
.news-more{
	border: 1px solid #00820E;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 306px;
	height: 48px;
	position: relative;
	margin: 0 auto 82px;
}
.news-more a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	text-align: center;
	background-position: right top 17px;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 10px;
}
.news-more:hover,
.siryou:hover,
.fqa:hover,
.ca:hover{

}
.news-more a:hover,
.siryou a:hover,
.fqa a:hover,
.ca a:hover{
	color: #000000;
}
.siryou,
.fqa,
.ca{
	border: 1px solid #cccccc;
	width: 306px;
	height: 48px;
	position: relative;
	margin: 0 auto 82px;
	margin-right: 27px;
	float: left;
}
.ca{
	margin-right: 0px;
}
.siryou a,
.fqa a,
.ca a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	text-align: center;
	background-position: right top 17px;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 10px;

}
.tel-banner{
	margin-bottom: 100px;
}
.tel-banner p{
	width: 489px;
	float: left;
}
.m-tel-banner{
	float: left;
	background-image: url('../img/cmn_img/tel_Banner02.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 489px;
	height: 178px;
}
.m-tel-banner a{
	display: block;
	padding-top: 50px;
	padding-left: 48px;
	height: 128px;
}
.m-tel-banner a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a.link-Black{
	color:#000;
	}

/*お悩みはこちら*/
.box_nayami {
	width:350px;
	float:right;
	z-index:9999;
  position:absolute;
  top:150px;
  right:50px
}
.box_nayami a {
	display:block;
	background-color:#00820E;
	padding:15px;
	border-radius:10px;
	color:#fff;
}
.box_nayami a:hover {
	background-color:#00820E;
  opacity:1;
  color:#fff;
  text-decoration: none;
}
.box_nayami a p.p_nayami01 {
	margin:0 0 15px;
	padding:0;
	font-size:14px;
}
.box_nayami a p.p_nayami02 {
	margin:0 0 15px;
	padding:0;
	font-size:19px;
}
.box_nayami a p.p_nayami03 {
	margin:0 auto;
	padding:10px;
	background-color:#fff;
	border-radius:20px;
	display:block;
	color:#333;
	width:150px;
	font-size:15px;
  text-align:center;
}

.box_nayami.nayami04 {
  left: 5%;
  top: 360px;
  text-align: center;
  width: 350px;
}

@media screen and (max-width: 768px) {
	.box_nayami.nayami04 {
    display:none;
}
}

.box_nayami.nayami04 a {
    background-color: #2F5597;
}

.box_nayami.nayami04 a p.p_nayami01 {
    margin: 0 0 1px;
 }

.box_nayami.nayami04 a p.p_nayami02 {
    font-size: 15px;
}

.box_nayami.nayami04 a p.p_nayami03 {
    width: 220px;
}

table.top_normalTable{
	/* color: #555555; */
	width:978px;
}
table.top_normalTable tr{
}
table.top_normalTable tr th{
	width:150px;
	background:#ffecdc;
 border:1px solid #cccccc;
	padding:20px;
	vertical-align:top;
}
table.top_normalTable tr td{
 border:1px solid #cccccc;
	padding:20px;
	vertical-align:top;
}
table.top_normalTable tr td ul.link li{
	margin-top:0;
}
#LayerContentsBody .heading.green h3 {
    font-size: 1.75rem;
    border-bottom: 3px solid #f08834;
    color: #52983c;
    margin-bottom: 30px;
    line-height: inherit;
    font-weight: 500;
}
#LayerContentsBody .contents h4 span {
    display: block;
    margin: 0 0 0 5px;
    padding: 20px 16px;
    color: #00820E;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, white 0%, white 40%, white 40%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(40%, white), color-stop(40%, white), color-stop(100%, #f9f9f9));
    background: -webkit-linear-gradient(top, white 0%, white 40%, white 40%, #f9f9f9 100%);
    background: -o-linear-gradient(top, white 0%, white 40%, white 40%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, white 0%, white 40%, white 40%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffffff 40%, #f9f9f9 100%);
}
#LayerContentsBody .contents h4 {
    margin: 49px 0 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
		letter-spacing:0.1em;
    font-size: 150%;
    line-height: 132%;
		margin-bottom:30px;
}
#LayerContentsBody h5 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    color: #00820E;
		margin-bottom:20px;
}
.accordion__item {
    border: 1px solid #00820E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
		margin-bottom:30px;
}
.accordion__item .title {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #00820E;
		background:#00820E;
}
.item-list a {
    display: block;
    margin: 0;
    padding: 5px 50px 4px 35px;
    color: #333;
    text-decoration: none;
    background: url(https://iryou-kinmukankyou.mhlw.go.jp/css/i/bg_link_arrow.png) right center no-repeat;
}
.accordion__item .title p{
	margin-bottom:0px;
}
.accordion__item .title span, .accordion__item .title a {
    display: block;
    margin: 0 0 0 0;
    padding: 10px 40px 9px 15px;
    font-size: 100%;
    line-height: 132%;
    color: #00820E;
    text-decoration: none;
    cursor: pointer;
}
.open.accordion__item .title span, .accordion__item .title span:hover, .accordion__item .title a:hover {
    color: #fff;
}
.accordion__item .title a{
	color:#fff;
}
.accordion__item .title span{
	color:#fff;
}
.item-list a {
    display: block;
    margin: 0;
    padding: 5px 50px 4px 35px;
    color: #333;
    text-decoration: none;
    background: url(https://iryou-kinmukankyou.mhlw.go.jp/css/i/bg_link_arrow.png) right center no-repeat;
}
.item-list li + li {
    margin-top: 0;
    border-top: 1px solid #00820E;
}

.tablist {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
    margin: 0px auto;
    margin-bottom: 50px;
}
.tablist li {
    width: calc(48% - 20px);
}

.tablist a {
    background: #fff;
    color: #00820E;
    padding: 15px;
    display: block;
    text-align: center;
    border: 1px solid #00820E;
}
.tablist a.active {
    background: #00820E;
    color: #fff;
    padding: 15px;
    display: block;
    text-align: center;
    border: 1px solid #00820E;
}
.d-flex{
	display:flex;
	flex-direction:row;
}
.sidenavi{
    padding:0px 10px;
    margin: 0px 15px;
    position: relative;
}
.wp-pagenavi{
	  margin: 20px 0px;
}
.underLiner .wp-pagenavi span{
	margin:0px;
}
.archive-list li a{
	display:block;
	padding:10px;
	border-bottom:1px solid #c8c8c8;
}
.archive-list{
  width:100%;
  display: flex;
  flex-wrap: wrap;
}
.archive-list .main{
  width:calc(100% - 200px);
  display:flex;
  flex-wrap:wrap;
}

.archive-list .sidenavi{
  width:200px;
}

.main{
	width:75%;
	box-sizing:border-box;
}

.sidenavi{
	box-sizing:border-box;
	width:25%;
}
.sidenavi h3{
	background: #00820E;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  padding: 0.5em;
	margin-top:10px;
	margin-bottom:10px;
}

@media screen and (max-width: 768px) {
  .b_flex_row_wrap_center_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

.b_flex_row_wrap_SB {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
	margin:30px auto;
}

@media screen and (min-width: 769px) {
  .b_flex_row_wrap_SB_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_wrap_SB_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

.b_flex_row_wrap_SB_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
  flex-wrap: wrap;
}

.b_flex_row_top_SB {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
  /*safari バージョン 9.1.3 (9537.86.7.8)のブラウザ右上の縮小ボタンを2回押したときの表示バグ対応(#AU内で発生。#NEWS内では未発生)*/
  /*margin: 1px;*/
}

@media screen and (min-width: 769px) {
  .b_flex_row_top_SB_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_top_SB_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_row_top_SB_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_row_top_SB_reverse_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_top_SB_reverse_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_row_top_left {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_row_top_left_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_top_left_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_row_top_left_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row-reverse;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_row_top_left_reverse_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_row_top_center {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_row_top_center_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_row_top_right {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

.b_flex_row_top_right_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row-reverse;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_row_top_right_reverse_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_row_mid_SB {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

.b_flex_row_mid_SB_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

@media screen and (min-width: 769px) {
  .b_flex_row_mid_SB_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_mid_SB_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

.b_flex_row_mid_left {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

@media screen and (min-width: 769px) {
  .b_flex_row_mid_left_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_mid_left_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

.b_flex_row_mid_center {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

@media screen and (min-width: 769px) {
  .b_flex_row_mid_center_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_mid_center_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

.b_flex_row_mid_right {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

@media screen and (min-width: 769px) {
  .b_flex_row_mid_right_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_row_mid_right_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

.b_flex_row_bottom_SB {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-end;
  /*Android4.3*/
  -moz-box-align: flex-end;
  /*Firefox21*/
  -ms-flex-align: flex-end;
  /*IE10*/
  -webkit-align-items: flex-end;
  /*PC-Safari,iOS8.4*/
  align-items: flex-end;
}

@media screen and (min-width: 769px) {
  .b_flex_row_bottom_SB_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    /*Android4.3*/
    -moz-box-align: flex-end;
    /*Firefox21*/
    -ms-flex-align: flex-end;
    /*IE10*/
    -webkit-align-items: flex-end;
    /*PC-Safari,iOS8.4*/
    align-items: flex-end;
  }
}

.b_flex_col_wrap {
  flex-wrap: wrap;
}

.b_flex_col_wrap_left {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
  flex-wrap: wrap;
}

.b_flex_col_wrap_center {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
  flex-wrap: wrap;
}

.b_flex_col_wrap_SB {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
  flex-wrap: wrap;
}

.b_flex_col_top_left {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_col_top_left_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_col_top_center {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

.b_flex_col_mid_left {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .b_flex_col_mid_left_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .b_flex_col_mid_left_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_col_mid_center {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

@media screen and (max-width: 768px) {
  .b_flex_col_mid_center_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

.b_flex_col_mid_center_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column-reverse;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  /*Android4.3*/
  -moz-box-align: center;
  /*Firefox21*/
  -ms-flex-align: center;
  /*IE10*/
  -webkit-align-items: center;
  /*PC-Safari,iOS8.4*/
  align-items: center;
}

@media screen and (min-width: 769px) {
  .b_flex_col_mid_center_reverse_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column-reverse;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_col_mid_center_reverse_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column-reverse;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    /*Android4.3*/
    -moz-box-align: center;
    /*Firefox21*/
    -ms-flex-align: center;
    /*IE10*/
    -webkit-align-items: center;
    /*PC-Safari,iOS8.4*/
    align-items: center;
  }
}

.b_flex_col_mid_SB {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .b_flex_col_mid_SB_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_col_mid_SB_reverse_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_col_mid_right {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-end;
  /*Android4.3*/
  -moz-box-align: flex-end;
  /*Firefox21*/
  -ms-flex-align: flex-end;
  /*IE10*/
  -webkit-align-items: flex-end;
  /*PC-Safari,iOS8.4*/
  align-items: flex-end;
}

@media screen and (min-width: 769px) {
  .b_flex_col_mid_right_PC {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: flex-end;
    /*Android4.3*/
    -moz-box-align: flex-end;
    /*Firefox21*/
    -ms-flex-align: flex-end;
    /*IE10*/
    -webkit-align-items: flex-end;
    /*PC-Safari,iOS8.4*/
    align-items: flex-end;
  }
}

.b_flex_col_bottom_left {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

.b_flex_col_bottom_left_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column-reverse;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-start;
  /*Android4.3*/
  -moz-box-align: flex-start;
  /*Firefox21*/
  -ms-flex-align: flex-start;
  /*IE10*/
  -webkit-align-items: flex-start;
  /*PC-Safari,iOS8.4*/
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .b_flex_col_bottom_left_reverse_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: flex-start;
    /*Android4.3*/
    -moz-box-align: flex-start;
    /*Firefox21*/
    -ms-flex-align: flex-start;
    /*IE10*/
    -webkit-align-items: flex-start;
    /*PC-Safari,iOS8.4*/
    align-items: flex-start;
  }
}

.b_flex_col_bottom_right {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-end;
  /*Android4.3*/
  -moz-box-align: flex-end;
  /*Firefox21*/
  -ms-flex-align: flex-end;
  /*IE10*/
  -webkit-align-items: flex-end;
  /*PC-Safari,iOS8.4*/
  align-items: flex-end;
}

.b_flex_col_bottom_right_reverse {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  flex-direction: column-reverse;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-end;
  /*Android4.3*/
  -moz-box-align: flex-end;
  /*Firefox21*/
  -ms-flex-align: flex-end;
  /*IE10*/
  -webkit-align-items: flex-end;
  /*PC-Safari,iOS8.4*/
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .b_flex_col_bottom_right_reverse_SP {
    display: -webkit-box;
    /*Android4.3*/
    display: -moz-box;
    /*Firefox21*/
    display: -ms-flexbox;
    /*IE10*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: flex-end;
    /*Android4.3*/
    -moz-box-align: flex-end;
    /*Firefox21*/
    -ms-flex-align: flex-end;
    /*IE10*/
    -webkit-align-items: flex-end;
    /*PC-Safari,iOS8.4*/
    align-items: flex-end;
  }
}

@media screen and (max-width: 768px) {
  .b_flex_SP_none {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .b_flex_PC_none {
    display: block;
  }
}

/* ////////////////////////////////// */
.o_wrap_1 {
  font-family: "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  margin: 30px 0;
}

.c_SC {
  margin: 30px auto 80px;
  text-align: center;
  color: #3c3c3c;
  line-height: 1.4;
}

.c_SC a {
  transition: .3s;
}

.c_SC a:hover {
  color: #003399;
}

.c_SC__hl_1 {
  font-weight: bold;
  margin: 5px 0 5px;
  font-size: 16px;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
}

.c_SC__hl_1 a {
  color: white;
}

.c_SC__txt_1 {
  font-size: 13px;
  margin: 10px 0px 0px;
  text-align: left;
  color: white;
}

@media screen and (max-width: 768px) {
  .c_SC__txt_1 {
    font-size: 12px;
  }
}

.c_SC__wrap_1 {
  width: 32%;
  border-radius: 20px;
  margin: 0 0 10px;
  position: relative;
  padding: 10px 8px 20px;
  box-sizing: border-box;
}

.c_SC__wrap_1_1 {
  background: #01C39C;
}

.c_SC__wrap_1_2 {
  background: #1183d4;
}

.c_SC__wrap_1_3 {
  background: #debe62;
}

.c_SC__wrap_1_4 {
  background: #f3ba7f;
}

.c_SC__wrap_1_5 {
  background: #A8D2F0;
}

.c_SC__wrap_1_6 {
  background: #c1c1b1;
}

.c_SC__wrap_2 {
  margin: 0 0 10px;
}

.c_SC__btn {
  padding: 20px 20px 0 20px;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  width: max-content;
}

.c_SC__btn:before {
  content: '';
  border-top: 10px solid #ffffff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  width: 0px;
}

.c_SC__btn.is-current:before {
  border-top: 10px solid #f9f5c0;
}

.c_SC__cat {
  margin: 0;
  margin-right: 10px;
  background: #e8a630;
  padding: 5px;
  color: white;
  font-size: 12px;
  position: relative;
  padding-left: 25px;
}

.c_SC__cat:before {
  content: '';
  background: url(/img/icn.png);
  position: absolute;
  width: 14px;
  height: 14px;
  left: 4px;
  background-size: contain;
  background-repeat: no-repeat;
}

.c_SC__ttl {
  margin: 0;
  text-align: left;
  font-weight: normal;
}

.c_SC__ttl a {
  color: #222;
  text-decoration: none;
  font-size: 16px;
}

.u_shadow {
  transition: .3s;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

[data-js_menu_btn] {
  cursor: pointer;
}

[data-js_menu_child] {
  display: none;
  border: 4px solid;
  margin-top: -8px;
  margin-bottom: 10px;
  padding: 7px 10px;
  max-height: 168px;
  overflow: hidden;
  overflow-y: auto;
}

[data-js_menu_child="1"] {
  border-color: #01C39C;
}

[data-js_menu_child="1"] .c_SC__cat {
  background: #01C39C;
}

[data-js_menu_child="2"] {
  border-color: #1183d4;
}

[data-js_menu_child="2"] .c_SC__cat {
  background: #1183d4;
}

[data-js_menu_child="3"] {
  border-color: #debe62;
}

[data-js_menu_child="3"] .c_SC__cat {
  background: #debe62;
}

[data-js_menu_child="4"] {
  border-color: #f3ba7f;
}

[data-js_menu_child="4"] .c_SC__cat {
  background: #f3ba7f;
}

[data-js_menu_child="5"] {
  border-color: #A8D2F0;
}

[data-js_menu_child="5"] .c_SC__cat {
  background: #A8D2F0;
}

[data-js_menu_child="6"] {
  border-color: #c1c1b1;
}

[data-js_menu_child="6"] .c_SC__cat {
  background: #c1c1b1;
}

.link-table {
  border: 1px solid #f1f1f1;
	margin-bottom:30px;
}

.link-table + .link-table {
  margin-top: 10px;
}

.link-table__item {
  display: table;
  width: 100%;
}

.link-table__item + .link-table__item {
  border-top: 1px solid #f1f1f1;
}

.link-table__item p {
  margin: 0;
  padding: 0;
}

.is-glay {
  background: #fafafa;
}

.link-table__item .link,
.link-table__item .anchor {
  display: block;
  margin: 0;
  padding: 5px 50px 4px 9px;
  color: #333;
  text-decoration: none;
  background: url(i/bg_link_arrow.png) right center no-repeat;
}

.link-table__item .anchor {
  background: url(i/bg_anchor_arrow.png) right center no-repeat;
}

.link-table__item .link:hover,
.link-table__item .anchor:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: #f1f1f1;
}

.item-wrap {
  display: table;
  width: 100%;
  color: #333;
  text-decoration: none;
}

.link-table__item .item-wrap:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: #f1f1f1;
}

.text,
.item-icon {
  display: table-cell;
  vertical-align: middle;
}


.text {
  padding: 5px 9px 4px 9px;
}

.item-icon {
  width: 119px;
  height: auto;
  border-left: 1px solid #f1f1f1;
}

.item-icon p {
  display: table;
  width: 100%;
  height: 100%;
}

.item-icon span {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 5px 0 4px 13px;
  font-size: 70%;
  text-decoration: none;
  vertical-align: middle;
  box-sizing: border-box;
}

.item-icon a:hover {
  text-decoration: underline;
}

.link-table .column {
  display: table;
  width: 100%;
}

.link-table .col2 {
  display: table-cell;
}

.link-table .col2.table-title {
  width: 149px;
  background: #00820E;
	color:#fff;
  text-align: center;
  vertical-align: middle;
}

.link-table .col2.table-title p {
  margin: 0;
  padding: 0;
}

.link-table .col2 + .col2{
  width: auto;
  border-left: 1px solid #f1f1f1;
}

.link-table.column {
  border: none;
	overflow: hidden;
}

.link-table__item.col3 {
  float: left;
  width: 31%;
  border: 1px solid #f1f1f1;
}

.link-table__item.col3 + .link-table__item.col3 {
  margin-left: 2%;
  border: 1px solid #f1f1f1;
}

.link-icon-none a {
  color: #333;
  font-size: 75%;
  text-decoration: none;
}

.link-icon-none a:hover {
  text-decoration: underline;
}




.set-pdf:before,
.set-xls:before,
.set-doc:before,
.set-ppt:before,
.set-zip:before {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 8px;
}

.set-pdf:before {
}

.set-xls:before {
}

.set-doc:before {

}

.set-ppt:before {
}



.link-table a[href$=".pdf"],
.link-icon-none a[href$=".pdf"] {
  padding-right: 0;
  background: none;
}
@media only screen and (max-width: 640px) {
  .link-table a[href$=".pdf"],
  .link-icon-none a[href$=".pdf"] {
    background-position: 0 0;
    background-size: 0 0;
  }
}

.link-table a[href$=".xls"],
.link-table a[href$=".xlsx"],
.link-icon-none a[href$=".xls"],
.link-icon-none a[href$=".xlsx"] {  padding-right: 0;
  background: none;
}
@media only screen and (max-width: 640px) {
  .link-table a[href$=".xls"],
  .link-table a[href$=".xlsx"],
  .link-icon-none a[href$=".xls"],
  .link-icon-none a[href$=".xlsx"] {
    background-position: 0 0;  }
}

.link-table a[href$=".doc"],
.link-table a[href$=".docx"],
.link-icon-none a[href$=".doc"],
.link-icon-none a[href$=".docx"] {
  padding-right: 0;
  background: none;
}
@media only screen and (max-width: 640px) {
  .link-table a[href$=".doc"],
  .link-table a[href$=".docx"],
  .link-icon-none a[href$=".doc"],
  .link-icon-none a[href$=".docx"] {
    background-size: 0 0;  }
}

.link-table a[href$=".ppt"],
.link-table a[href$=".pptx"],
.link-icon-none a[href$=".ppt"],
.link-icon-none a[href$=".pptx"] {
  padding-right: 0;
  background: none;
}
@media only screen and (max-width: 640px) {
  .link-table a[href$=".ppt"],
  .link-table a[href$=".pptx"],
  .link-icon-none a[href$=".ppt"],
  .link-icon-none a[href$=".pptx"] {
    background-size: 0 0;  }
}

.special-table {
  width: 100%;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}

.special-table th,
.special-table td {
  padding: 5px 12px;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

.special-table thead th {
  color: #666;
  background: #f7f7f7;
}

.top-banner ul {
  margin: 15px 0 20px 0;
  padding: 9px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px #ddd;
  -moz-box-shadow: 0 0 4px 1px #ddd;
  -o-box-shadow: 0 0 4px 1px #ddd;
  -ms-box-shadow: 0 0 4px 1px #ddd;
  border: 1px solid #dddddd \9;
  background: #fff;
  list-style-type: none;
}

.top-banner li {
  float: left;
  width: 200px;
  margin: 0 5px;
}

.top-banner li.w-full {
  width: 100%;
}

.top-banner li.w-half {
  width: 48%;
  margin: 0 1%;
  text-align: center;
}

/*
.top-banner li + li {
    margin-top: 0;
  }
*/

.top-banner li img {
    height: auto;
  }


@media only screen and (max-width: 640px) {
/*
  .top-banner li {
    float: left;
    width: 30%;
    margin: 0 1% ;
  }
.top-banner li + li {
    margin-top: 0;
  }
  .top-banner li:nth-child(1) {
    margin-left: 2%;
  }
  .top-banner li:nth-child(1), .top-banner li:nth-child(2) {
    margin-top: 0;
  }
  .top-banner li:nth-child(even) {
    margin-left: 2%;
    margin-right: 2%;
  }
  .top-banner li img {
    width: 100%;
    height: auto;
  }
*/
  .top-banner ul {
    margin: 10px 0 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    filter: none;
  }
}

.special-table a img:hover {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

/****下記はトップページのバナー4列の場合のスタイル****/

/*
.top-banner ul {
  margin-bottom: 0;
}

.top-banner li {
      float: left;
      width: 200px;
      margin: 0px 10px;
    }

#TopPage .sns-fb {
      margin-top: 0;
    }
*/

@media only screen and (max-width: 640px) {
  .top-banner ul {
   margin-top: -10px;
  }
  .top-banner ul + ul {
    margin-top: 10px;
  }
  .top-banner li {
      float: ;
      width: 29%;
      margin: 5px 2%;
    }
  .top-banner li.w-full {
    width: 96%;
    margin: 5px 2%;
  }
  .top-banner li.w-half {
    width: 46%;
    margin: 5px 2%;
  }
}
.foot-add .company-data h2{
	font-size:16px;
}
i{
	margin-left:5px;
}
/****下記はトップページのバナー4列の場合のスタイル****/

/*@media only screen and (max-width: 640px) {
  .top-banner ul {
    margin-top: 25px;
  }
  .top-banner li {
    float: left;
    width: 48%;
    margin: 0 1%;
  }
  .top-banner li +li {
    margin-top: 4%;
  }
  .top-banner li:nth-child(1), .top-banner li:nth-child(2) {
    margin-top: 0;
  }
  .top-banner li img {
    width: 100%;
    height: auto;
  }
}*/
.set-pdf{
	text-align:center;
}
.set-pdf i{
	display:block;
	font-size:28px;
}
.set-xls{
	text-align:center;
}
.set-xls i{
	display:block;
	font-size:28px;
}
.set-doc{
	text-align:center;
}
.set-doc i{
	display:block;
	font-size:28px;
}
.item-icon{
	text-align:center;
}
.m_breadcrumb{
  margin-bottom:50px;
}
.workshop-category{
  background:#22b573
}
.news-category{
  background:#003399
}
.wp-pagenavi{
  display:flex;
  width: max-content;
}
.main .wp-pagenavi a{
  border:1px solid #00820E;
  color:#00820E;
  background:#fff;
}
.main .wp-pagenavi>span,.main .wp-pagenavi>a{
  margin-right:3px;
}
.topnews dl dt span{
  margin:3px 0px;
  font-size:13px;
}
.topnews dl dd p{
font-size: 13px;
line-height: 15px;
}
#button{
  z-index: 9999999;
}
#navtest {
  position: relative;
  left: 0;
  overflow-x: hidden;
}
#slide_menu{
  position: fixed;
  top: 0;
  right: -340px;
  width: 340px;
  height: 100%;
  background: #f5f5f5;
  z-index: 99999999;
  font-size: 12px;
}
#menuC{
  background: #fff;
}
#slide_menu li{
padding: 0 20px;
border-bottom: 1px solid #cccccc;
}

#slide_menu ul ul li{
  border-bottom: none;
  background: none;
}
#slide_menu li a{
  padding: 10px 0;
  display: block;
  color: #333;
/*		background: url(<?php echo get_template_directory_uri(); ?>/common/img/cmn_img/menu_Go.png) no-repeat;
  background-position: right center;*/
}

#slide_menu li li a{
  background:none;
}

.panel span{
  padding: 10px 0;
  display: block;
  color: #333;
background: url(<?php echo get_template_directory_uri(); ?>/common/img/cmn_img/menu_Open.png) no-repeat;
  background-position: right center;
}
.topcontactbox ul{
  border-top: 1px solid #00820E;
  border-bottom: 1px solid #00820E;
}
.top_menu{
    width: 1280px;
    max-width:calc(100% - 30px);
}
.top_menu ul{
    width: 1280px;
    max-width:calc(100% - 30px);
}
.swiper-container{
  z-index:-1;
}
.mainvisual{
  background:none;
}
.m_adviceGuide ul{
  list-style-type:none;
}
.m_advice div, .m_adviceGuide div{
  border-top:none;
  border-bottom:none;
}
.m_advice div h3, .m_adviceGuide div h3{
  border-left:none;
  padding-left:0px;
  font-size:15px;
}
.m_advice div h3, .m_adviceGuide div h3{

}
.m_adviceGuide h3{
  padding:0px;
  text-align:center !important;
}
.m_adviceGuide{
  height: 450px;
}
.m_adviceGuide ul {
  margin: 0px 0px;
  margin-left: 0px;
  padding: 0px 10px;
  box-sizing: border-box;
}
.m_adviceGuide ul li{
  margin:0px;
  background:none;
  margin: 0px;
  padding: 5px 0px;
}
.icon{
  bottom:70px
}
.flex-box img{
  width:80%;
}
.box01 .text dl dd{
  padding: 20px;
  box-sizing: border-box;
}
#button{
  z-index: 9999999;
}
#navtest {
  position: relative;
  left: 0;
  overflow-x: hidden;
}
#slide_menu{
  position: fixed;
  top: 0;
  right: -340px;
  width: 340px;
  height: 100%;
  background: #f5f5f5;
  z-index: 99999999;
  font-size: 12px;
}
#menuC{
  background: #fff;
}
#slide_menu li{
padding: 0 20px;
border-bottom: 1px solid #cccccc;
}

#slide_menu ul ul li{
  border-bottom: none;
  background: none;
}
#slide_menu li a{
  padding: 10px 0;
  display: block;
  color: #333;
/*		background: url(<?php echo get_template_directory_uri(); ?>/common/img/cmn_img/menu_Go.png) no-repeat;
  background-position: right center;*/
}

#slide_menu li li a{
  background:none;
}

.panel span{
  padding: 10px 0;
  display: block;
  color: #333;
background: url(<?php echo get_template_directory_uri(); ?>/common/img/cmn_img/menu_Open.png) no-repeat;
  background-position: right center;
}
.topcontactbox ul{
  border-top: 1px solid #00820E;
  border-bottom: 1px solid #00820E;
}
.top_menu{
    width: 1280px;
    max-width:calc(100% - 30px);
}
.top_menu ul{
    width: 1280px;
    max-width:calc(100% - 30px);
}
.swiper-container{
  z-index:-1;
}
.mainvisual{
  background:none;
}
.m_adviceGuide ul{
  list-style-type:none;
}
.m_advice div, .m_adviceGuide div{
  border-top:none;
  border-bottom:none;
}
.m_advice div h3, .m_adviceGuide div h3{
  border-left:none;
  padding-left:0px;
  font-size:15px;
}
.m_advice div h3, .m_adviceGuide div h3{

}
.m_adviceGuide h3{
  padding:0px;
  text-align:center !important;
}

.m_adviceGuide ul {
  margin: 0px 0px;
  margin-left: 0px;
  padding: 0px 10px;
  box-sizing: border-box;
}
.m_adviceGuide ul li{
  margin:0px;
  background:none;
  margin: 0px;
  padding: 5px 0px;
}
.icon{
  bottom:70px
}
.flex-box img{
  width:80%;
}
.box01 .text dl dd{
  padding: 20px;
  box-sizing: border-box;
}
.swiper-container{
  z-index:-1;
}
.mv{
  display:none;
}
.logo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
		right:inherit;
    margin: auto;
    text-align: center;
    width: 380px;
		margin:10px 0px;
}
.gnavi {
    float: left;
    display: inline-block;
    padding: 24px 0 30px 0;
    margin-left: 420px;
}
.header{
	width:1280px;
}
.headerwrap{
  border-top:5px solid #00820E
}
.headerwrap{
	background:none;
}
.menu_outer{
	background:#00820E;
}
.top_menu li a{
	color:#fff;
	padding:15px;
	display:block;
	letter-spacing: 0.1rem;
	border-right:1px solid #eeeeee;
	text-align:center;
	box-sizing:border-box;
  box-shadow: 0 -5px 0 0 rgba(0,0,0,.4) inset;
}
.top_menu li:first-of-type a{
	border-left:1px solid #eeeeee;
}
.top_menu ul li{
	width:20%;
}
.top_menu ul li a{
	width:100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.headerwrap{
	background:#fff;
}
.mainbody{
	width:1200px;
}
.topnews dl{
	width:19%;
	margin: 0 2% 20px 0;
}
.topnews dl:nth-child(3n){
	margin: 0 2% 20px 0;
}
.topnews dl:nth-child(4n){
	margin: 0 2% 20px 0;
	margin-right:0px;
}
.titlebox p{
	margin-bottom:20px;
	font-size:42px;
	display:block;
	font-weight:bold;
}
.titlebox h2{
	margin-bottom:50px;
}
.parallax-bg {
	background:url(../../main_v01.jpg) no-repeat center center;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 50%;
}

/* スマホの場合のみ height 100% */
@media (max-width: 767px) {
  .parallax-bg {
    height: 100%;
  }
}
.topgreeting{
	background:none;
}
.bg-white{
	background:rgba(255,255,255,0.85);
	margin:0px 30px;
}
.topgreetingwrap{
	background:none;
	padding:40px 0px;
}
.d-flex{
  display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.m_adviceGuide{
  width:30%;
	box-sizing: border-box;
	display: flex;
  height:400px;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom:50px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	position:relative;
}
.m_adviceGuide:after {
    -webkit-transition-property: position;
    -o-transition-property: position;
    transition-property: position;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #00820E #00820E transparent;
}
.m_adviceGuide ul li{
	color:#333;
	font-size:12px;
	margin-bottom:5px;
}
.m_adviceGuide ul {
		list-style-type: disc;
    list-style-position: outside;
    margin: 0px 0px;
		margin-left:10px;
}
.m_adviceGuide h3{
	padding:15px 0px;
	font-size: 16px;
  text-align: center;
	font-family:fot-tsukuardgothic-std, sans-serif;
}
.icon{
	width:60px;
	bottom:40px;
	left:0px;
	right:0px;
	margin:15px auto;
	display:block;
}
.topmanagement dl{
	border:none;
}
.flex-box {
    display: flex;
    flex-direction: row;
		align-items: center;
		justify-content: center;
}
.sankaku {
    position: relative;
    background: #fff;
    padding: 20px 40px;
    width: 300px;
    margin: 30px auto;
    border: 3px solid #00820E;
}
.box01 .text h4 {
    text-align: center;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    background: #fff;
    border-bottom: 1px solid #00820E;
}
.dl_outer {
    display: flex;
    justify-content: space-between;
}
.box01 .text dl {
    margin-top: 20px;
    font-family: "游ゴシック", YuGothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN", "HGゴシック", "ＭＳ Ｐゴシック", serif;
    color: #000000;
}
.box01 .text dl dt {
    margin-top: 20px;
    color: #00820E;
    background: #ffffff;
    text-align: center;
    background-position: left top 3px;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-bottom: 0px;
}
.box01 .text dl dd {
    background: #ffffff;
    text-align: center;
    padding-bottom: 15px;
}
.dl_outer dl{
	width:30%;
}
.headright {
    display: flex;
    padding: 0px;
    align-items: center;
    justify-content: center;
    height: 76.8px;
}
.titlebox p{
  color:#00820E;
}
.topnews a{
  background:#00820E;
}
.topcontactbox ul{
  margin-top:10px;
}
.topcontactbox h3{
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight:bold;
  font-size:28px;
  margin-bottom:20px;
}
.adviceGuide.clearfix .d-flex{
  flex-wrap:wrap;
}
.w-100{
  width:100%;
}
.post-page .underLiner{
  max-width: 1200px;
}
.mainvisual{
  height: 380px !important;
  background: url(https://hannantest02.xsrv.jp/ikk-osaka/main_v01.png) no-repeat center top -120px;
}
.home .mainvisual{
  height:650px !important;
}
#pageTop .mainvisual{
  height:650px !important;
}

.menu_outer{
  margin-top: -100px;
}
.navi{
  display:flex;
  margin-bottom:20px;
}
.navi li a{
  margin-right:20px;
  display: block;
  text-align: center;
  width: 300px;
  border:1px solid #00820E;
  color:#00820E;
  padding:20px 0px;
}
.navi li a:hover,.navi li a.active{
  border:1px solid #00820E;
  background: #00820E;
  color:#fff; 
}
.menu_outer.fixed{
position: fixed;
z-index: 99999;
margin-top: 0px;
top: 82px;
width: 100%;
}
.menu_outer.fixed .top_menu ul li a{
  height:60px;
  line-height: 1.2rem;
}
.menu_outer.fixed .top_menu{
  margin:0px auto;
}
.menu_outer.fixed .top_menu ul{
  margin:0px;
}
.contactTel p{
  margin-bottom:0px;
}
.text-center{
  text-align:center;
}

/*----------------------各種アンケートsingle.php----------------------*/



.single-questionnaire .underLiner h2 {
  text-align: left;
  position: relative;
  background-image: none;
}


.single-questionnaire .underLiner h2:before {
  content: "";
  width: 6px;
  height: 53px;
  background-color: #00820E;
  position: absolute;
  left: -22px;
  border-radius: 0px;
}

.single-questionnaire .underLiner h2:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 20px;
  left: 0;
}

.single-questionnaire .news01 h4 {
  color: #00820E;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 20px;
}

.dot-line {
  padding: 20px 0 25px;
  border-bottom: 1px dotted rgba(0,0,0,0.5);
  letter-spacing: .15em;
}

.page-id-1160 .mainvisual {
	display:none;
}