@charset "UTF-8";
/*-----------------------------------------------
Theme Name: xeory_extension-child
Theme URI: http://xeory.jp/extension
Template: xeory_extension
-----------------------------------------------*/
@import url('../xeory_extension/style.css');
:root{
	--rikken-blue: #004098;
	--red: #CC143F;
	--red2: #D4341A;
  }

body{
	color: #333;
}
p {
	line-height: 1.8;
}
a {
	color: var(--rikken-blue);
}
.inline-block {
	display: inline-block;
}
p.normalText {
	font-size : 1em;
	color: #333;
}
.text-right {
	text-align: right;
}
p.txt-small {
	font-size: 0.85em;
}
/*ボタン*/
body.home #front-service .front-service-inner .c_text .c_btn a {
	background:var(--red);
}
@media screen and (max-width:768px){
	body.home #front-service .front-service-inner .c_text .c_btn a {
		width: 70%;
	}
}
/*---　グローバルメニュー　----*/
#header,#gnav, #gnav ul li a{
	background: var(--red2);
}

#gnav-ul li a {
	font-weight: bold;
	transition: .3s;
}
#gnav ul li a:hover {
	background: var(--red2);
	transform: translateY(-5px);
	transition: .3s;
}
#gnav ul li.current-menu-item a {
  background: var(--red2);
}
.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;
}
@media screen and (max-width:991px){
	#header-nav-btn a {
    display: block;
    text-align: center;
    display: block;
    font-size: 3em;
    background: transparent;
	}
	#gnav-sp {
		background: rgb(11 0 0 / 86%);
		margin-top: 20px;
	}
	#header #logo{
		float: left;
		width: 75vw;
	}
	#header-nav-btn {
		display: inline-block;
		margin: 0;
		width: 50px;
		height: 50px;
		float: right;
	}
	#gnav-sp {
		margin-top: 45px;
	}
	.humberger{
		position: relative;/*ボタン内側の基点となるためrelativeを指定*/
		/*background:#4C9F1E;*/
		cursor: pointer;
		  width: 50px;
		  height:50px;
		  margin-top: 15px;

	}
	.humberger span{
		display: inline-block;
		transition: all .4s;/*アニメーションの設定*/
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		height: 2px;
	  	background: #fff;
		width: 70%;
	}
	.humberger span:nth-of-type(1) {
		top:28%; 
	  }
	  
	  .humberger span:nth-of-type(2) {
		top:50%;
	  }
	  
	  .humberger span:nth-of-type(3) {
		top:76%;
	  }
}
@media screen and (max-width:767px){


	}
/*---　トップアイキャッチ　----*/
#content {
	padding-top: 0px;
}

body.home #top-image {
	object-fit: contain;
	background-color: #fff;
	background-image:
	URL("images/bg.webp");
	background-position: top center;
	background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width:768px){
body.home #top-image {
	width: 100%;
}
body.home #top-image img.mv-pc {
	width: 100%;
	max-width: 1200px;
	height: auto;
	max-height: 600px;
	margin: 0 auto;
	display: grid;
}
	.mv-sp{
		display: none;
	}
}
@media screen and ( max-width: 767.9px ){
body.home #top-image .mv-pc {
	display: none;
}
	.mv-sp {
		display: block;
	}

}
/*コンテンツ*/
@media screen and (max-width:768px){
	body.home .wrap, .wrap {
		margin: 0 2em;
	}
}

/*---　見出し　----*/
body.home .front-main-cont .front-cont-header {
  background: var(--rikken-blue);
  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(--rikken-blue);
}
.front-main-cont .cont-title{
	font-weight: bold;
}
body.home #front-contents h3 {
    color: var(--rikken-blue);
	font-weight: bolder;
}
body.home #front-service .front-service-inner h3 {
    color: var(--rikken-blue);
	font-weight: bolder;
	line-height:1.35 ;
	
}
body.home #front-service .front-service-inner h4 {
	text-align: justify;
	font-weight: bold;
	color: #666;
}
body.home #front-service .front-service-inner .c_english {
	display: none;
}
/*---　政策見出し　----*/
#front-contents h2.cont-title span, #front-contents h3 span{
	display: inline-block;
}
#front-contents h2.cont-title{
	font-size:2.3em;
}
@media screen and (max-width:767px) {
	#front-contents h2.cont-title{
		font-size:2.2em;
	}
	body.home #front-service .front-service-inner h3 {
    	font-size: 1.7em;
		margin: 0;
	}
	body.home #front-service .front-service-inner .c_title {
		text-align: center;
		margin: -1.5em auto;
	}
}

/*---　政策写真表示設定　----*/
body.home #front-contents .c_box.c_box_right .c_img_box {
	background-position: center center;
}

/*---　リボン　----*/
body.home #front-contents .c_number {
  background: var(--red);
  color: #FFF;
}
@media screen and (max-width:767.9px){
	body.home #front-contents .c_number {
		padding: 11px 12px 8px;
		margin-bottom: 20px;
	}
}
/*---　本文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;
}
/*---　箇条書きリスト項目 表示設定 ---*/
ul.list-circle li{
	margin-bottom: 1em;
	text-indent: -2.2em;
	line-height: 1.8;
	/*両端揃えテキスト設定*/
	text-align: justify;	
}
ul.list-circle li::before{
	content:'●';
	color:#cc2116;
	opacity: .5;
	font-size:.9em;
	margin-right: .5em;
	margin-left: 1em;
	line-height:1.3em;
}
ul.list-circle{
	line-height: 1.8;
	font-size: 1.2em;
}
@media screen and (max-width:1200px){
	ul.list-circle li{
		text-indent: -3.3em;
		margin-left: 1em;
	}
	ul.list-circle li::before{
		content:'●';
		margin-left: 36px;
	}
}


/*---　アクセス上部罫線　----*/
body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid var(--rikken-blue);
}

/*---　問い合わせ背景　----*/
section#front-contents-1 {
	background: #eee;
}

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

/*---　問い合わせ送信ボタン　----*/
body.home #front-contact {
	background:
}
body.home #front-contact .c_box_inner input[type=submit],
body.home #front-contact .c_box_inner button {
  background: var(--rikken-blue);
}
body.home #front-contact .c_box_inner input[type=submit]:hover{
	background: var(--red);
}
/*---　フッター　----*/
#footer {
    border-top:none !important;
}
#footer #footer-brand-area {
    border-bottom: 1px solid #fff;
	display: flex;
	justify-content: space-around;
}
#footer .footer-01 {
	background:url("images/bg.webp");
	background-size: cover;
}
.footer-logo.gr6{
	max-width:350px;
}

#footer .footer-02 {
    background: var(--red2);
	color: #fff;
}
#footer a:hover{
	color:#fff;
	transform: translateX(5px);
}
@media screen and (max-width:500px){
	#footer #footer-brand-area{
		flex-direction: column;
	}
	.footer-logo.gr6 {
		margin: 0 auto;
	}
}
/*---　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;
	}
}


body.home #front-contact .c_box_inner p{
	color: #333;
}
/*---　フッター メッセージエリア ---*/
.footer-01 .footer-address{
	text-align:left;
}