@charset "UTF-8";
/*-----------------------------------------------
Theme Name: xeory_extension-child
Theme URI: http://xeory.jp/extension
Template: xeory_extension
-----------------------------------------------*/
@import url('../xeory_extension/style.css');

body{
	color: #333;
}
:root {
  --green: #0dad31;
  --lightgreen: #95CB98;
  --orange: #F77511;
}
p {
	line-height: 1.9;
}
a {
	color:  var(--green);
}
.bold {
	font-weight: bold;
}
.txt-right{
	text-align: right;
}
.inline-block{
	display: inline-block;
}
.float-left{
	float:left;
}
img.float-left{
	margin:20px;
	max-width:150px;
}
/*---　グローバルメニュー　----*/
#header {
	background: var(--green);
}
#gnav {
	background: var(--green);
}
#gnav ul li a {
	background: var(--green);
	font-weight: bold;
	transition: .3s;
}
#gnav ul li a:hover {
	background: var(--green);
	transform: translateY(-5px);
	transition: .3s;
}
#gnav ul li.current-menu-item a {
  background: #001558;
}
.fontsize-large{
  font-size:1.2em;
}
.menubar{
	font-size:.4em;
	display: block;
	margin-top: -66px;
    margin-bottom: -10px;
}
body.home #front-service .front-service-inner .c_box{
	padding-top:60px;
}

/*---　トップアイキャッチ　----*/
#content {
	padding-top: 0px;
}
body.home #main_visual {
    height: 600px !important;
    background-image: URL("images/main_visual_catchcopy.svg"), URL("images/main_visual.png"), linear-gradient(338deg, #DDF1EB, #e2fff8,#fff);
    background-position: top center,
	  bottom center,
	  bottom center;
    background-repeat: no-repeat;
    position: relative;
    background-size: auto, contain, cover;
}

@media screen and ( max-width: 1200px ){
body.home #main_visual {
  min-height: 100% !important;
  height:600px !important;
  background-size: cover;
}
}
@media screen and ( max-width: 991px ){
body.home #main_visual {
  min-height: 100% !important;
  height:400px !important;
}
}
@media screen and ( max-width: 767px ){
	body.home #main_visual {
  min-height: 100% !important;
  height:300px !important;
}
	body.home #front-service .front-service-inner .c_box{
		padding-top: 0;
	}
	.menubar{
		display: inline-block;
		font-size:1em;
		padding-left:10px;
	}
}
@media screen and ( max-width: 560px ){
body.home #main_visual {
  min-height: 100% !important;
  height:250px !important;
}

}
@media screen and ( max-width: 500px ){
    body.home #main_visual {
        min-height: 100% !important;
        height:200px !important;
    }
    body.home #front-service .front-service-inner h3 {
        /*margin-top: 20px;*/
		margin:.5em 0;
		font-size:2em;
    }
	body.home #front-service .front-service-inner .c_box {
		padding-top: 30px;
	}

}

/*---　見出し　----*/
body.home .front-main-cont .front-cont-header {
  background:  var(--green);
  color: #fff;
}
body.home .front-main-cont .tri-border span {
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid  var(--green);
}
.front-main-cont .cont-title{
	font-weight: bold;
}
body.home #front-service .front-service-inner h3 {
    color:  var(--green);
	font-weight: bolder;
}
body.home #front-service .front-service-inner h4.borderradius{
	color: #fff;
	font-size:19px;
	text-align: center;
	padding: 0.5em 1.5em;
	border-radius: 54px;
	position:relative;
	margin:1.5em 0;
	background: var(--green);
}
/*---　政策見出し　----*/

#front-contents h2.cont-title span, #front-contents h3 span{
	display: inline-block;
}
#front-contents h2.cont-title{
	font-size:2.3em;
}
body.home #front-contents h3{
	color: var(--green);
}
@media screen and (max-width:768px) {
	#front-contents h2.cont-title{
		font-size:1.6em;
	}
	body.home #front-contents h3 {
    	font-size: 1.5em;
	}
}
/* 政策のイメージ画像表示設定 */
body.home #front-contents .c_box.c_box_left .c_img_box {
    right: 0;
    background-position: center center;
    background-size: cover;
}
/*---　最新の記事・活動誌　---*/
div#recent_post_content{
	margin-bottom: -4px;;
}
/*記事一覧のカテゴリ*/
body.home .front-loop .popular_post_box .p_category{
	background: var(--green);
}
.link-right{
	text-align: right;
	margin-bottom:1em;
}

/*---　リボン　----*/
body.home #front-contents .c_number {
  background: var(--orange);
  color: #FFF;
}

/*---　アクセス上部罫線　----*/
body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid  var(--green);
}
body.home #front-company dl dt{
	width:25%;
}
body.home #front-company dl dd{
	width:75%;
}
/*---　問い合わせ背景　----*/
body.home #front-contact .c_box {
    background: #fafafa;
}

/*---　問い合わせ文字　----*/
body.home #front-contact label {
    color: #333;
}

/*---　問い合わせ送信ボタン　----*/
body.home #front-contact .c_box_inner input[type=submit],
body.home #front-contact .c_box_inner button {
  background:  var(--green);
}
body.home #front-contact .c_box_inner input[type=submit]:hover{
	background: #CC143F;
}
/*---　フッター　----*/
#footer {
    border-top:solid 2px  var(--green) !important;
}
#footer #footer-brand-area {
    border-bottom: 1px solid #fff;
}
#footer .footer-01 {
    background: var(--green);
}
.footer-logo.gr6{
	max-width:350px;
}
#footer .footer-02 {
    background: #097220;
	color: #fff;
}
#footer a:hover{
	color:#fff;
	transform: translateX(5px);
}
/*---　FBスマホ表示用　----*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 300px;
	}
}

/*---　本文p 行間調整　---*/
body.home #front-service .front-service-inner .c_text p{
	margin-bottom: 1em;
}
body.home #front-contents .c_text p{
	margin-bottom: 1.5em;
}

/*---　箇条書きリスト項目 表示設定 ---*/
.list-circle>li{
	margin-bottom: 1em;
	text-indent: -1em;
	line-height: 1.8;
	/*両端揃えテキスト設定*/
	text-align: justify;	
}
.list-circle>li::before{
	content:'●';
	color: var(--orange);
	opacity: .5;
	font-size:0.5em;
	margin-right: 1em;
	line-height:13px;
}
ul.list-circle{
	line-height: 1.8;
}


/*---　動画 レスポンシブ ---*/
/*.mediabox {
	height: 100%;
	width: 100%;
	background-color: #FFF;
	padding: 2% 0%;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	 box-sizing: content-box !important;
}
*/
body.home #front-contact .c_box_inner p{
	color: #333;
}
/*---　フッター メッセージエリア ---*/
.footer-01 .footer-address{
	text-align:left;
}
@media screen and (max-width:767px) {
	#header-nav-btn{
		border-top:1px solid rgba(255,255,255,.3);
	}
}
/*---single.phpの設定---*/
aside.post-author{
	display: none;
}