/*
Theme Name: hisayoshi
Theme URI: http://www.hisayoshi.co.jp/
description: ヒサヨシのテーマです。
Version: 1.0
Author: MarketingPlus nakagawa
Author URI: http://www.plusline-nagoya.jp/
*/


body{
	overflow: hidden;
}

/**ヘッダーのデザインここから********************************************************************/
header{
	width: 100%;
	border-top: 4px solid #294486;
	background-color: #fff;
}

.headinner{
	height: 60px;
	width: 100%;
	max-width: 1400px;
	margin: auto;
	position: relative;
    -js-display: flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}

h1{
	padding-left: 2%;
	line-height: 1.0;
}
h1 #logo{
/*	width: 100%;
	min-width: 180px;*/
	width: 180px;
}

h1 a object{
	pointer-events: none;
}

header .rightside_box{
	width: 100%;
	height: 100%;
}

header .rightside_box .upper_info{
    -js-display: flex;
	display: flex;
	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
}
header .rightside_box .upper_info div{
	width: 33%;
	max-width: 200px;
}
header .rightside_box .upper_info .analog{
	line-height: 1.0;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
}
header .rightside_box .upper_info .analog .fax{
	font-size: 1.2rem;
	color: #5676c3;
}
header .rightside_box .upper_info .analog .tel a{
	font-size: 2.2rem;
	color: #2f4d93;
	font-weight: 800;
}
header .rightside_box .upper_info .analog .tel i{
	padding-right: 4px;
	font-size: 2.6rem;
}
header .rightside_box .upper_info .form_btn,
header .rightside_box .upper_info .maker_btn{
	text-align: center;
	font-weight: 600;
}
header .rightside_box .upper_info .form_btn a,
header .rightside_box .upper_info .maker_btn a{
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;

}
header .rightside_box .upper_info .form_btn a{
	background: linear-gradient(180deg, #294486 0%, #446fc2 100%);
}
header .rightside_box .upper_info .maker_btn a{
	background: linear-gradient(180deg, #000000 0%, #4a4a4a 100%);
}
header .rightside_box .lower_info{
	color: #2f4d93;
	font-size: 1.0rem;
	text-align: right;
	padding-right: 4px;
}

header .rightside_box .sp_box{
	display: none;
}
header .rightside_box .sp_box p{
	font-size: 2.4rem;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 2px solid #2f4d93;
	border-radius: 6px;
}

header .rightside_box .sp_box p a{
	color: #2f4d93;
}

@media screen and (max-width:768px) {
.side-open header{
	position: fixed;
	top: 0;
	z-index: 9999;
}

header .rightside_box{
	padding-right: calc(2% + 46px);
	padding-left: 20px;
	width: 50%;
	height: auto;
}
header .rightside_box .pc_box{
	display: none;
}
header .rightside_box .sp_box{
	display: block;
}
header .rightside_box .sp_box .tel{
	float: right;
	clear: both;
}
}

/**ヘッダーのデザインここまで********************************************************************/


/**メインティーザーのデザインここから********************************************************************/
.main_teaser{
	width: 100%;
	height: 480px;
	background: url('img/main_teaser.jpg') no-repeat top center, #ddd;
}

.teaser_inner{
	width: 100%;
	max-width: 1400px;
	margin: auto;
}

.main_teaser .teaser_inner img{
	margin-top: 2%;
	margin-left: 11%;
}
@media screen and (max-width:768px) {
.teaser_inner{
	height: 100%;
	position: relative;
}
.main_teaser .teaser_inner img{
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
}

/**メインティーザーのデザインここまで********************************************************************/


/**メニューのデザインここから********************************************************************/
.mainnav_wrapper{
	background: linear-gradient(180deg, #2c488c 0%, #2f4c92 10%, #34559e 20%, #375ba6 30%, #3c63b2 40%, #416bbe 50%, #446fc2 60%, #446fc2 70%, #446fc2 80%, #446fc2 90%, #446fc2 100%);
	position: relative;
}

.mainnav_wrapper nav{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width:769px) {
.mainnav_wrapper nav ul{
    -js-display: flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	/*padding-top: 6px;
	padding-bottom: 6px;*/
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}

.mainnav_wrapper nav ul li{
	text-align: center;
	width: 20%;
	max-width: 240px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-weight: 600;
}
.mainnav_wrapper nav ul li a{
	height: 36px;
	line-height: 36px;
	margin-top: 6px;
	margin-bottom: 6px;
	border-right: 1px solid #fff;
}

.mainnav_wrapper nav ul li:first-child a{
	border-left: 1px solid #fff;
}

.mainnav_wrapper nav ul li .sub_menu{
	position: absolute;
	left: 0;
	top: 48px;
	width: 100%;
	height: 0;
	background-color: #333;
	display: none;
	opacity: 0;
	border-top: 1px solid #ccc;
}
.mainnav_wrapper nav ul li:hover{
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.mainnav_wrapper nav ul li:hover .sub_menu{
	display: block;
	opacity: 1;
	height: 40px;
	font-size: 1.3rem;
}

.mainnav_wrapper nav ul li .sub_menu .inner_menu{
	padding-top: 0;
	padding-bottom: 0;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	max-width: 1400px;
	width: 100%;
	margin: auto;
}

.mainnav_wrapper nav ul li .sub_menu .inner_menu li{
	border: 0;
	position: relative;
	height: 40px;
	line-height: 40px;
}
.mainnav_wrapper nav ul li .sub_menu .inner_menu li:before{
	position: absolute;
	left: -2px;
	top: 0;
	bottom: 0;
	margin: auto;
	content:'/';
	font-size: 1.4rem;
}
.mainnav_wrapper nav ul li .sub_menu .inner_menu li:first-child:before{
	content:'';
}
.mainnav_wrapper nav ul li:first-child .sub_menu .inner_menu li a{
	border-left: none;
}
.mainnav_wrapper nav ul li .sub_menu .inner_menu li:first-child a{
	border-left: none;
}

.mainnav_wrapper nav ul li .sub_menu .inner_menu li a{
	margin-top: 0;
	margin-bottom: 0;
	border-right: none;
	height: 40px;
	line-height: 40px;
}

}

@media screen and (max-width:768px) {

.side-open .mainnav_wrapper nav{
	display: block;
	position: fixed;
	height: 100%;
	background-color: #284285;
	z-index: 9998;
	overflow-y: scroll;
	top: 64px;
	padding-bottom: 84px;
	box-sizing: border-box;
}
.mainnav_wrapper nav{
	display: none;
	color: #fff;
}
.mainnav_wrapper nav ul li{
	line-height: 4.0rem;
	background-color: #284285;
	padding-left: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	position: relative;
}
.mainnav_wrapper nav ul li .sub_menu .inner_menu li{
	font-size: 1.3rem;
	border-bottom: none;
	border-top: 1px solid #fff;
	background-color: #446fc2;
	position: relative;
}
.mainnav_wrapper nav ul li .sub_menu .inner_menu li:after{
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	content:'\f105';
	font-size: 1.4rem;
	font-family: "FontAwesome";
}
.mainnav_wrapper nav ul li:nth-child(2):after,
.mainnav_wrapper nav ul li:nth-child(4):after,
.mainnav_wrapper nav ul li:nth-child(5):after{
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	content:'\f105';
	font-size: 1.4rem;
	font-family: "FontAwesome";
}
}


/* ellipsis btn --------------------------------------------------- */
.side-menu-btn {
	width: 36px;
	height: 36px;
	cursor: pointer;
	position: absolute;
	right: 2%;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
    -js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
.side-open .side-menu-btn {
	position: fixed;
	top: 16px;
	right: 2%;
	margin: 0;
}


@media screen and (min-width:769px) {
.side-menu-btn {
	display: none;
}
}

.ellipsis-v {
	position: relative;
	display: block;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.ellipsis-v .point {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 24px;
	height: 4px;
	margin: auto;
	background: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ellipsis-v .point.top {
	top: 0;
}

.ellipsis-v .point.mid {
	top: 0;
	bottom: 0;
}

.ellipsis-v .point.bot {
	bottom: 0;
}

.side-menu-btn:hover .top {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.side-menu-btn:hover .bot {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
	width: 32px;
	height: 1px;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-open .mid {
	opacity: 0;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
	width: 32px;
	height: 1px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-open .side-menu-btn:hover .bot,
.side-open .side-menu-btn:hover .top {
	background: #;
}
/* --------------------------------------------------- ellipsis btn */

/**メニューのデザインここまで********************************************************************/



.contents_inner{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 80px 0 80px;
}
@media screen and (max-width:1400px) {
.contents_inner{
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
}
@media screen and (max-width:768px) {
.contents_inner{
	padding: 40px 10px 40px;
}
}


/**①2カラムのレイアウトここから********************************************************************/
.column_2nd{
	width: 100%;
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.column_2nd .column2nd_inner{
	width: 48.571429%;
	margin-bottom: 40px;
}


@media screen and (max-width:768px) {
.column_2nd .column2nd_inner{
	width: 100%;
	margin-bottom: 20px;
}
.column_2nd .column2nd_inner:last-child{
	margin-bottom: 0;
}
}
/**2カラムのレイアウトここまで********************************************************************/

/**3カラムのレイアウトここから********************************************************************/
.column_3rd{
	width: 100%;
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.column_3rd .column3rd_inner{
	width: 31.428571%;
}
@media screen and (max-width:768px) {
.column_3rd .column3rd_inner{
	width: 100%;
	margin-bottom: 20px;
}
.column_3rd .column3rd_inner:last-child{
	margin-bottom: 0;
}
}
/**3カラムのレイアウトここまで********************************************************************/

/**4カラムのレイアウトここから********************************************************************/
.column_4th{
	width: 100%;
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.column_4th .column4th_inner{
	width: 24%;
	margin-bottom: 20px;
}
@media screen and (min-width:480px) and (max-width:768px) {
.column_4th .column4th_inner{
	width: 48%;
}
.column_4th .column4th_inner:last-child,
.column_4th .column4th_inner:nth-last-child(2){
	margin-bottom: 0;
}
}
@media screen and (max-width:480px) {
.column_4th .column4th_inner{
	width: 100%;
	margin-bottom: 20px;
}
.column_4th .column4th_inner:last-child{
	margin-bottom: 0;
}
}
/**4カラムのレイアウトここまで********************************************************************/


/**ページタイトルのデザインここから**/

.page_title{
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 40px;
}
@media screen and (max-width:768px) {
.page_title{
	margin-bottom: 20px;
}
}


.page_title span{
	font-size: 3.0rem;
	font-weight: normal;
	line-height: 1.0;
}

/**ページタイトルのデザインここまで**/

/**indexのデザインここから********************************************************************/

/**事業案内**/
.business_contents{
	background: url('img/1.png');
}
.business_contents .contents_inner{
	padding-bottom: 40px;
	
}

.business_contents .column2nd_inner{
	height: 300px;
}
@media screen and (max-width:768px) {
.business_contents .column2nd_inner{
	height: 200px;
}
}

.business_contents .column2nd_inner:first-child{
	background-image: url('img/business1.jpg');
}
.business_contents .column2nd_inner:nth-child(2){
	background-image: url('img/business2.jpg');
}
.business_contents .column2nd_inner:nth-child(3){
	background-image: url('img/business3b.jpg');
}
.business_contents .column2nd_inner:nth-child(4){
	background-image: url('img/business4.jpg');
}
.business_contents .column2nd_inner{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.for_black{
	background-color: rgba(0,0,0,0.6);
    -js-display: flex;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
.for_black:hover{
	opacity: 1.0;
	background-color: rgba(0,0,0,0.1);
}

.business_contents h3{
	color: #fff;
	margin-bottom: 0;
}
/**事業案内**/

/**代表挨拶**/
.greeting_contents{
	background-image: url('img/greeting_bg.jpg');
	background-position: center center;
	background-size: cover;
}

.greeting_txt{
	width: 40%;
	line-height: 36px;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (min-width:768px) and (max-width:1400px) {
.greeting_txt{
	width: 70%;
	line-height: 36px;
}
}
@media screen and (max-width:768px) {
.greeting_txt{
	width: 100%;
	line-height: 1.8;
	font-size: 1.4rem;
}
/*.greeting_txt br{
	display: none;
}*/
}

.greeting_txt p{
	margin-bottom: 22px;
	color: #fff;
}
.greeting_txt p:last-child{
	margin-bottom: 0;
}

.btn01 a{
	max-width: 440px;
	width: 90%;
	height: 60px;
	line-height: 60px;
	color: #2f4d93;
	border: 2px solid #2f4d93;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
	margin: auto;
	position: relative;
}
.btn01 a:hover{
	opacity: 1.0;
	background: linear-gradient(20deg, #253c7b, #4069ba);
	box-shadow: 0 0 10px #fff;
	color: #fff;
}

@media screen and (max-width:768px) {
.btn01 a{
	height: 40px;
	line-height: 40px;
	border: 1px solid #2f4d93;
	font-size: 1.4rem;
}
}
/**代表挨拶**/

/**お知らせ**/
.news_contents{
	margin-top: 80px;
}

.news_contents .news_wrapper{
	margin-bottom: 40px;
}

.news_contents .news_block{
	padding: 20px 0 20px;
}
.news_contents .news_block:nth-child(2n+1){
	background-color: #e5e5e5;
}
.news_contents .news_block:nth-child(2n){
	background-color: #eeeeee;
}
.news_contents .news_block .news_inner{
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.news_contents .news_block .news_inner .category{
	margin-bottom: 4px;
}
.news_contents .news_block .news_inner .category .post-categories{
	display: inline-block;
}

.news_contents .news_block .news_inner .category a{
	font-size: 1.0rem;
	display: inline-block;
	width: auto;
	padding: 2px 12px;
	background-color: #111;
	color: #fff;
	margin-right: 10px;
}
.news_contents .news_block .news_inner .category .cate_new{
	background-color: #fff100;
	color: #333;
	font-weight: 600;
}

.news_contents .news_block .news_inner table{
	width: 100%;
	font-weight: 600;
}
.news_contents .news_block .news_inner .post_date{
	width: 10%;
	padding-right: 10px;
	box-sizing: border-box;
}
.news_contents .news_block .news_inner .post_title{
	width: 90%;
}

@media screen and (max-width:768px) {
.news_contents{
	margin-top: 40px;
}
.news_contents .news_wrapper{
	margin-bottom: 20px;
}
.news_contents .news_block{
	padding: 10px 0 10px;
}
}
/**お知らせ**/

/**取引先メーカー**/
.manufacturers_contents{
	max-width: 1037px;
	width: 100%;
	margin: 80px auto 80px;
	position: relative;
}
.manufacturers_contents .column3rd_inner a{
	position: relative;
}
.manufacturers_contents .column3rd_inner a:after{
	width: 100%;
	height: 100%;
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0);
}
.manufacturers_contents .column3rd_inner a:hover:after{
	background-color: rgba(0,0,0,0.4);
}

.manufacturers_contents .company_logo{
	width: 100%;
	height: 160px;
    -js-display: flex;
	display: flex;
	padding: 4%;
	box-sizing: border-box;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
.manufacturers_contents .company_logo img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.manufacturers_contents .company_name{
	width: 100%;
	padding: 12px;
	background-color: #111;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	box-sizing: border-box;
	text-align: center;
}
.btn02{
	border-bottom: 1px solid #2f4d93;
	padding-bottom: 4px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #2f4d93;
	display: inline-block;
	position: absolute;
	right: 0;
}
@media screen and (min-width:768px) {
.btn02{
	top: 22px;
}
}

.btn02 a{
	position: relative;
	padding-right: 60px;
	box-sizing: border-box;
}
.btn02 a:after{
	content:"";
	position: absolute;
	right: -4px;
	bottom: 4px;
	width: 26px;
	height: 1px;
	background-color: #2f4d93;
	transform: rotate(45deg);
}
@media screen and (max-width:768px) {
.manufacturers_contents{
	margin: 40px auto 40px;
	padding: 0 10px 20px;
	box-sizing: border-box;
}

.manufacturers_contents .column_3rd{
-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}

.manufacturers_contents .column_3rd .column3rd_inner{
	max-width: 320px;
}
.btn02{
	bottom: -1em;
	padding-bottom: 2px;
	font-size: 1.4rem;
	right: 10px;
}
.btn02 a:after{
	right: -3px;
	bottom: 2px;
	width: 16px;
}
}
/**取引先メーカー**/

/**お問い合わせ**/
.contact_contents{
	background: linear-gradient(180deg, #2c488c 0%, #2f4c92 10%, #34559e 20%, #375ba6 30%, #3c63b2 40%, #416bbe 50%, #446fc2 60%, #446fc2 70%, #446fc2 80%, #446fc2 90%, #446fc2 100%);
	color: #fff;
	position: relative;
	z-index: 9997;
}
.contact_contents .contents_inner{
	max-width: 1240px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.contact_contents .contents_inner .column2nd_inner{
	height: auto;
	margin-bottom: 0;
}
.contact_contents .contents_inner .page_title{
	text-align: left;
	margin-bottom: 16px;
}
@media screen and (max-width:768px) {
.contact_contents .contents_inner .page_title{
	text-align: center;
}
.contact_contents .contents_inner .column2nd_inner p{
	text-align: center;
}
}

.btn03{
	width: 100%;
	padding: 10px;
	text-align: center;
	color: #2f4d93;
	font-weight: bold;
	font-size: 2.4rem;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
	position: relative;
}
.btn03:hover{
	background: linear-gradient(180deg, #294486 0%, #446fc2 100%);
	color: #fff;
	box-shadow: 0 0 6px #fff;
}
.btn03 a:hover{
	opacity: 1.0;
}

.btn03:before{
	content:'\f003';
	width: 28px;
	height: 22px;
	font-family: FontAwesome;
	color: #2f4d93;
	font-size: 2.8rem;
	position: absolute;
	top: 14px;
	left: 6.750371%;
	line-height: 1.0;
}
.btn03:hover:before{
	color: #fff;
}

.contact_contents .contents_inner .telfax{
	font-size: 2.4rem;
	font-weight: bold;
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	padding: 0 10px;
	box-sizing: border-box;
}
.contact_contents .contents_inner .telfax span{
	font-size: 2.0rem;
	border: 2px solid #fff;
	padding: 0 20px;
	box-sizing: border-box;
	margin-right: 10px;
}
@media screen and (max-width:768px) {
.contact_contents .contents_inner .column2nd_inner:first-child{
	margin-bottom: 20px;
}
.btn03{
	font-size: 2.0rem;
}
.btn03:before{
	width: 22px;
	height: 20px;
	font-size: 2.0rem;
	top: 15px;
}
.contact_contents .contents_inner .telfax{
	font-size: 2.0rem;
}
.contact_contents .contents_inner .telfax p:first-child{
	margin-bottom: 4px;
}

.contact_contents .contents_inner .telfax span{
	font-size: 1.8rem;
	border: 2px solid #fff;
	padding: 0 10px;
	box-sizing: border-box;
	margin-right: 10px;
}
}

/**お問い合わせ**/

/**indexのデザインここまで********************************************************************/


/**フッターのレイアウトここから********************************************************************/

footer .footer_contents{
	padding: 40px 10px;
	box-sizing: border-box;
}
@media screen and (max-width:768px) {
footer .footer_contents{
	padding: 20px 10px;
}
}

footer .footer_contents .column_2nd{
	max-width: 1400px;
	margin: auto;
}

footer .footer_contents .column2nd_inner:first-child{
	width: /*74.285714%*/calc(100% - 380px);
	height: auto;
	margin-bottom: 0;
}
footer .footer_contents .column2nd_inner:nth-child(2){
	width: /*22.857143%*/340px;
	height: auto;
	margin-bottom: 0;
}

footer .footer_contents .column2nd_inner .ftr2nd_inner{
    -js-display: flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-bottom: 40px;
}

footer .footer_contents .column2nd_inner .ftr2nd_inner .ftr_info{
	width: 30.769231%;
}
footer .ftr2nd_inner .ftr_info .back_top{
	margin-top: 6px;
	margin-bottom: 80px;
}
footer .ftr2nd_inner .ftr_info .back_top span{
	margin-left: 10px;
}

footer .ftr2nd_inner .ftr_info .ftr_logo{
	font-weight: 600;
	margin-bottom: 40px;
}
footer .ftr2nd_inner .ftr_info .ftr_logo object{
	width: 100%;
	max-width: 240px;
	pointer-events: none;
}

footer .column2nd_inner .ftr_nav ul{
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

footer .column2nd_inner .ftr_nav ul li{
	width: 20%;
	min-width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid #333;
	box-sizing: border-box;
	margin-bottom: 10px;
}
footer .column2nd_inner .ftr_nav ul li:first-child{
	border-left: 1px solid #333;
}

footer .footer_contents .column2nd_inner .ftr2nd_inner .gmap{
	width: 65.384615%;
	height: 300px;
}
footer .footer_contents .column2nd_inner .sp_fb{
	display: none;
}

footer .copyright{
	width: 100%;
	background-color: #1b1b1b;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
}

@media screen and (min-width:768px) and (max-width:1050px){
footer .footer_contents .column2nd_inner .ftr2nd_inner{
	display: block;
	margin-bottom: 20px;
}
footer .footer_contents .column2nd_inner .ftr2nd_inner .ftr_info{
	width: 100%;
	margin-bottom: 10px;
}
footer .footer_contents .column2nd_inner .ftr2nd_inner .gmap{
	width: 100%;
	height: 200px;
}
footer .ftr2nd_inner .ftr_info .back_top{
	margin-bottom: 40px;
}
footer .ftr2nd_inner .ftr_info .ftr_logo{
	margin-bottom: 20px;
}
footer .column2nd_inner .ftr_nav ul li{
	height: 24px;
	line-height: 24px;
	font-size: 1.2rem;
}
footer .footer_contents .column2nd_inner .sp_fb{
	display: block;
}
footer .footer_contents .column2nd_inner .pc_fb{
	display: none;
}
}
@media screen and (max-width:768px){
footer .footer_contents .column2nd_inner:first-child{
	width: 100%;
	margin-bottom: 20px;
}
footer .footer_contents .column2nd_inner:nth-child(2){
	width: 100%;
	text-align: center;
}

footer .column2nd_inner .ftr_nav ul li{
	height: 24px;
	line-height: 24px;
	font-size: 1.2rem;
}
}

@media screen and (max-width:540px){
footer .footer_contents .column2nd_inner:first-child{
    -js-display: flex;
	display: flex;
	-webkit-flex-direction: column-reverse; /* Safari */
	flex-direction: column-reverse;
}

footer .footer_contents .column2nd_inner .ftr2nd_inner{
	display: block;
	margin-bottom: 0;
}
footer .footer_contents .column2nd_inner .ftr2nd_inner .ftr_info{
	width: 100%;
	margin-bottom: 10px;
}
footer .footer_contents .column2nd_inner .ftr2nd_inner .gmap{
	width: 100%;
	height: 200px;
}
footer .ftr2nd_inner .ftr_info .back_top{
	margin-bottom: 40px;
}
footer .ftr2nd_inner .ftr_info .ftr_logo{
	margin-bottom: 20px;
}
footer .column2nd_inner .ftr_nav{
	margin-bottom: 10px;
}
footer .column2nd_inner .ftr_nav ul{
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
}

@media screen and (min-width:1057px) and (max-width:1215px){
footer .column2nd_inner .ftr_nav ul li:last-child{
	border-left: 1px solid #333;
}
}
@media screen and (min-width:897px) and (max-width:1057px){
footer .column2nd_inner .ftr_nav ul li:nth-last-child(2){
	border-left: 1px solid #333;
}
}
@media screen and (min-width:768px) and (max-width:896px){
footer .column2nd_inner .ftr_nav ul li:last-child,
footer .column2nd_inner .ftr_nav ul li:nth-last-child(3){
	border-left: 1px solid #333;
}
}
@media screen and (min-width:677px) and (max-width:768px){
footer .column2nd_inner .ftr_nav ul li:last-child{
	border-left: 1px solid #333;
}
}
@media screen and (min-width:541px) and (max-width:676px){
footer .column2nd_inner .ftr_nav ul li:nth-last-child(2){
	border-left: 1px solid #333;
}
}
@media screen and (max-width:540px){
footer .column2nd_inner .ftr_nav ul li{
	border: none;
}
footer .column2nd_inner .ftr_nav ul li:first-child{
	border-left: none;
}
}
/**フッターのレイアウトここまで********************************************************************/


/**下層ページのレイアウトここから********************************************************************/

.UP_contents .contents_inner{
	padding: 0 0 80px;
}

@media screen and (max-width:1400px) {
.UP_contents .contents_inner{
	padding: 0 10px 80px;
}
}
@media screen and (max-width:768px) {
.UP_contents .contents_inner{
	padding: 0 10px 40px;
}
}


/*ティーザータイトル*/
.underpage_teaser{
	background: url('img/3.jpg') repeat-x bottom left, url('img/2.jpg') top left;
}
.underpage_teaser .teaser_inner{
	position: inherit;
}

.UP_contents .page_name{
	margin-top: -2.2rem;
	padding: 0 0 30px;
}
.UP_contents .manu_name{
	padding: 0 0 80px;
}

.UP_contents .page_name h2{
	font-size: 2.4rem;
	color: #2f4d93;
	font-weight: bold;
	line-height: 1.0;
	text-shadow: 0 0 20px #fff;
}
.UP_contents .page_name h2 .wf-montserrat_subrayada{
	font-size: 6.4rem;
	font-weight: normal;
}

@media screen and (max-width:768px){
.UP_contents .page_name{
	margin-top: -1.4rem;
}
.UP_contents .page_name h2{
	font-size: 1.6rem;
	text-shadow: 0 0 10px #fff;
}
.UP_contents .page_name h2 .wf-montserrat_subrayada{
	font-size: 3.6rem;
}
}

/*ティーザータイトルここまで*/

/*サブタイトルここから*/
.UP_subtitle_wrapper{
	position: relative;
	margin-bottom: 20px;
}
.UP_subtitle_wrapper:after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #284285;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: -1;
}

.UP_subtitle{
	font-size: 1.8rem;
	font-weight: bold;
	display: inline-block;
	padding-right: 40px;
	background-color: #fff;
	position: relative;
}
.UP_subtitle_wrapper .UP_subtitle{
	color: #284285;
}

.UP_subtitle .wf-montserrat_subrayada{
	font-size: 3.0rem;
	font-weight: normal;
	padding-right: 10px;
}
@media screen and (max-width:768px) {
.UP_subtitle{
	font-size: 1.4rem;
	padding-right: 20px;
}
.UP_subtitle .wf-montserrat_subrayada{
	font-size: 2.4rem;
	padding-right: 6px;
}

}

/*サブタイトルここまで*/

.UP_contents .inner_link{
	padding: 0 0 60px;
}
@media screen and (max-width:768px) {
.UP_contents .inner_link{
	padding: 0 4px 30px;
	box-sizing: border-box;
}
}

@media screen and (max-width:480px) {
.UP_contents .inner_link .column_4th .column4th_inner{
	width: 48%;
}

.UP_contents .inner_link .column_4th .column4th_inner:last-child,
.UP_contents .inner_link .column_4th .column4th_inner:nth-last-child(2){
	margin-bottom: 0;
}
}



.UP_contents .inner_link ul::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.UP_contents .inner_link ul::after{
  content:"";
  display: block;
  width:24%;
}

.UP_contents .inner_link ul li a{
	color: #284285;
	font-size: 1.8rem;
	padding: 6px 16px;
	border: 4px solid #284285;
	min-height: 56px;
	box-sizing: border-box;
	line-height: 1.1;
	font-weight: bold;
	background: url('img/arrow_under.png') no-repeat center right 16px;
    -js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
@media screen and (max-width:768px) {
.UP_contents .inner_link .column_4th .column4th_inner{
	margin-bottom: 10px;
}

.UP_contents .inner_link ul li a{
	font-size: 1.4rem;
	padding: 2px 8px;
	border: 2px solid #284285;
	min-height: 40px;
	background: url('img/arrow_under.png') no-repeat center right 8px;
	background-size: 10px;
}
}

.UP_contents .maker_list{
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.UP_contents .maker_list li{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	width: 14.285714%;
	min-width: 150px;
	margin: 0 1.190476% 40px;
}
.UP_contents .maker_list li .no_link:hover{
	opacity: 1.0;
}

@media screen and (max-width:768px) {
.UP_contents .maker_list::after{
  content:"";
  display: block;
  width:30.9523813%;
}

.UP_contents .maker_list li{
	width: 30.9523813%;
	margin: 0 1.190476% 20px;
	min-width: inherit;
}
}
@media screen and (max-width:380px) {
.UP_contents .maker_list li{
	width: 47.619048%;
}
.UP_contents .maker_list::after{
  content:"";
  display: block;
  width: 47.619048%;
}
}

.UP_contents .maker_list li .img_box{
	width: 100%;
	height: 100px;
	padding: 10px;
	box-sizing: border-box;
    -js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
@media screen and (max-width:768px) {
.UP_contents .maker_list li .img_box{
	height: 80px;
}
}

.UP_contents .maker_list li .img_box{
	font-weight: bold;
	font-size: 1.6rem;
}

.UP_contents .maker_list li .img_box .img_wrapper{
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}
.UP_contents .maker_list li .img_box .img_wrapper img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.UP_contents .maker_list li p{
	width: 100%;
	height: calc(100% - 100px);
	min-height: 38px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.2;
	background: linear-gradient(180deg, #202020 0%, #313131 100%);
	padding: 4px 10px;
	box-sizing: border-box;
    -js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}


/*下層の問い合わせ帯*/
.UP_contents .contact_contents .contents_inner{
	padding: 80px 10px 80px;
}
@media screen and (max-width:768px) {
.UP_contents .contact_contents .contents_inner{
	padding: 40px 10px 40px;
}
}
/*下層の問い合わせ帯ここまで*/
.UP_contents .catch_copy01{
	width: 100%;
	padding-right: 5.7%;
	box-sizing: border-box;
}
@media screen and (max-width:768px) {
.UP_contents .catch_copy01{
	padding-right: 0;
}
}

.UP_contents .catch_copy01 h3{
	font-size: 4.0rem;
	font-family: "yu-gothic", "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Osaka, "MS P Gothic", sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	color: #2f4d93;
	padding-left: 70px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.UP_contents .catch_copy01 h3 span{
	position: relative;
}
.UP_contents .catch_copy01 h3 span:after{
	content: "";
	width: 50px;
	height: 3px;
	background-color: #2f4d93;
	position: absolute;
	top: 26px;
	left: -70px;
}
@media screen and (max-width:768px) {
.UP_contents .catch_copy01 h3{
	font-size: 2.8rem;
	padding-left: 0;
	text-align: left;
}
.UP_contents .catch_copy01 h3 span:after{
	display: none;
}
.UP_contents .catch_copy01 h3 br{
	display: none;
}
}

.UP_contents .catch_copy01 .catch_description{
	padding-left: 37%;
	font-size: 1.8rem;
	font-weight: 600;
	position: relative;
	z-index: 8888;
}
@media screen and (max-width:768px) {
.UP_contents .catch_copy01 .catch_description{
	padding-left: 0;
	font-size: 1.6rem;
}
}

.UP_contents .catch_copy01 .catch_description p{
	margin-bottom: 1em;
}

.UP_contents .underpage_content01{
	padding: 0 7.142857% 80px;
	box-sizing: border-box;
}
@media screen and (max-width:768px){
.UP_contents .underpage_content01{
	padding: 0 7.142857% 40px;
}
}

.UP_contents .underpage_content01 .column2nd_inner{
    -js-display: flex;
	display: flex;
	margin-bottom: 0;
}
@media screen and (max-width:768px){
.UP_contents .underpage_content01 .column2nd_inner:first-child{
	margin-bottom: 20px;
}
}


.UP_contents .underpage_content01 .column2nd_inner figure{
	width: 62%;
}

.UP_contents .underpage_content01 .column2nd_inner p{
	padding-left: 10px;
	width: 38%;
	box-sizing: border-box;
}

.UP_contents .tool_sales_content{
	padding: 0 0 40px;
}
@media screen and (max-width:768px) {
.UP_contents .tool_sales_content{
	padding: 0 10px 20px;
}
}

.UP_contents .tool_sales_content .column3rd_inner{
	min-height: 240px;
	margin-bottom: 40px;
}
@media screen and (max-width:768px) {
.UP_contents .tool_sales_content .column3rd_inner{
	margin-bottom: 20px;
}
.UP_contents .tool_sales_content .column3rd_inner a{
    -js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
}

.UP_contents .tool_sales_content .column3rd_inner a{
	position: relative;
	padding: 20px;
	box-sizing: border-box;
}

.UP_contents .tool_sales_content .column3rd_inner h4{
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    -js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.UP_contents .tool_sales_content .column3rd_inner h4 .wf-montserrat_subrayada{
	font-size: 3.0rem;
	color: #fff;
	font-weight: normal;
}

.UP_contents .tool_sales_content .column3rd_inner .a_tool_desc{
	color: #fff;
	height: 100%;
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-align-content: space-between; /* Safari */
	align-content: space-between;
	opacity: 0;
}
.UP_contents .tool_sales_content .column3rd_inner a:hover{
	opacity: 1.0;
}
@media screen and (max-width:768px) {
.UP_contents .tool_sales_content .column3rd_inner a:hover{
	opacity: 0.8;
}
}

.UP_contents .tool_sales_content .column3rd_inner a:hover .a_tool_desc{
	opacity: 1.0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.UP_contents .tool_sales_content .column3rd_inner a:hover h4{
	opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.UP_contents .tool_sales_content .column3rd_inner .a_tool_desc p{
	width: 100%;
}

.UP_contents .tool_sales_content .column3rd_inner .a_tool_desc .to_link_list{
	text-align: right;
	font-size: 1.8rem;
	padding-top: 10px;
}

@media screen and (max-width:768px) {
.UP_contents .tool_sales_content .column3rd_inner h4{
	position: inherit;
	margin-bottom: 1.0rem;
	width: 100%;
}
.UP_contents .tool_sales_content .column3rd_inner .a_tool_desc{
	opacity: 1;
	height: auto;
	width: 100%;
}
.UP_contents .tool_sales_content .column3rd_inner a:hover h4{
	opacity: 1;
}
}



.UP_contents .tool_sales_content .column3rd_inner:first-child{
	background: url('img/tool_sales/tool_sales_01.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(2){
	background: url('img/tool_sales/tool_sales_02.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(3){
	background: url('img/tool_sales/tool_sales_03.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(4){
	background: url('img/tool_sales/tool_sales_04.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(5){
	background: url('img/tool_sales/tool_sales_19.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(6){
	background: url('img/tool_sales/tool_sales_05.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(7){
	background: url('img/tool_sales/tool_sales_06.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(8){
	background: url('img/tool_sales/tool_sales_07.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(9){
	background: url('img/tool_sales/tool_sales_08.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(10){
	background: url('img/tool_sales/tool_sales_09.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(11){
	background: url('img/tool_sales/tool_sales_10.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(12){
	background: url('img/tool_sales/tool_sales_11.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(13){
	background: url('img/tool_sales/tool_sales_12.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(14){
	background: url('img/tool_sales/tool_sales_13.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(15){
	background: url('img/tool_sales/tool_sales_14.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(16){
	background: url('img/tool_sales/tool_sales_15.jpg') center right;
	background-size: cover;
}
/*.UP_contents .tool_sales_content .column3rd_inner:nth-child(16){
	background: url('img/tool_sales/tool_sales_16.jpg') center right;
	background-size: cover;
}
*/
.UP_contents .tool_sales_content .column3rd_inner:nth-child(17){
	background: url('img/tool_sales/tool_sales_17.jpg') center right;
	background-size: cover;
}
.UP_contents .tool_sales_content .column3rd_inner:nth-child(18){
	background: url('img/tool_sales/tool_sales_18.jpg') center right;
	background-size: cover;
}

.a_business_content{
	padding: 0 80px;
	box-sizing: border-box;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
@media screen and (max-width:1400px) {
.a_business_content{
	padding: 0;
}
}

.a_business_content .column2nd_inner:first-child{
	position: relative;
	z-index: 8888;
}

.a_business_content .component_wrapper{
	transform: rotate(45deg);
	z-index: 0;
}
@media screen and (max-width:768px) {
.a_business_content .component_wrapper{
	overflow-x: hidden;
	overflow-y: hidden;
}
}

.a_business_content .component_box{
    -js-display: flex;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.a_business_content .component_box a:first-child{
	text-align: right;
}

.a_business_content .column2nd_inner ul li{
	margin-bottom: 40px;
}

.a_business_content .column2nd_inner ul li h4{
	position: relative;
	z-index: 8888;
	margin-bottom: 10px;
}
.a_business_content .column2nd_inner ul li h4:after{
	width: 100%;
	height: 1px;
	content: "";
	background-color: #333;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 8887;
}
.a_business_content .column2nd_inner ul li h4 span{
	font-size: 2.4rem;
	font-weight: 800;
	padding-right: 20px;
	padding-left: 40px;
	position: relative;
	z-index: 8888;
}
.a_business_content .column2nd_inner ul li:first-child h4 span{
	background: url('img/business/business_01.png') no-repeat left center, #fff;
}
.a_business_content .column2nd_inner ul li:nth-child(2) h4 span{
	background: url('img/business/business_02.png') no-repeat left center, #fff;
}
.a_business_content .column2nd_inner ul li:nth-child(3) h4 span{
	background: url('img/business/business_03.png') no-repeat left center, #fff;
}
.a_business_content .column2nd_inner ul li:nth-child(4) h4 span{
	background: url('img/business/business_04.png') no-repeat left center, #fff;
}

.a_business_content .column2nd_inner ul li p{
	padding-left: 7.142857%;
}

.UP_contents .about_contents{
	padding: 0 0 40px;
}
.about_contents h4{
	margin-bottom: 20px;
}

/**会社概要table01のレイアウトここから***********/
.table01{
	width: 100%;
}
.table01 td{
	padding: 1.4rem 2rem;
	box-sizing: border-box;
}

.about_content01 .table01 .row1{
	width: 30%;
	background-color: #2f4d93;
	color: #fff;
}
.about_content01 .table01 .row2{
	width: 70%;
	background-color: #e0e9ff;
}
.about_content01 .table01 td{
	border-bottom: 1px solid #fff;
}

/**会社概要table01のレイアウトここまで***********/

/**沿革table01のレイアウトここから***********/
.history_wrapper{
	padding-bottom: 40px;
}

.history_wrapper .table01 .row1{
	width: 17.142857%;
	border-top: 2px solid #2f4d93;
	color: #2f4d93;
	font-weight: bold;
}
.history_wrapper .table01 tr:last-child .row1{
	border-bottom: 2px solid #2f4d93;
}

.history_wrapper .table01 .row2{
	width: 82.857143%;
	border-top: 2px solid #aaa;
}
.history_wrapper .table01 tr:last-child .row2{
	border-bottom: 2px solid #aaa;
}
@media screen and (max-width:768px) {
.UP_contents .about_contents{
	padding: 0 10px 40px;
}

.history_wrapper .table01 td{
	padding: 1.4rem 1rem;
}

.history_wrapper .table01 .row1{
	width: 24%;
}
.history_wrapper .table01 .row2{
	width: 76%;
}
.history_wrapper{
	padding-bottom: 0;
}
}

/**沿革table01のレイアウトここまで***********/

.catch_desc_wrapper{
	padding-left: 20%;
    -js-display: flex;
	display: flex;
}
@media screen and (max-width:768px) {
.catch_desc_wrapper{
	padding-left: 0;
	display: inherit;
}
}

.UP_contents .catch_copy01 .catch_desc_wrapper .catch_description{
	padding-left: 0;
}

.catch_desc_wrapper .catch_pic{
	padding-right: 2.857143%;
}

.catch_desc_wrapper .catch_pic figure{
	position: relative;
}
.catch_desc_wrapper .catch_pic figure:before{
	width: 100%;
	height: 100%;
	content:"";
	background-color: #5682d2;
	position: absolute;
	left: -20%;
	top: -20%;
	z-index: -1;
}

@media screen and (max-width:768px) {
.catch_desc_wrapper .catch_pic{
	padding-right: 0;
	padding-bottom: 20px;
	text-align: center;
	color: #fff;
}
.catch_desc_wrapper .catch_pic figure{
	display: inline-block;
}
.catch_desc_wrapper .catch_pic figure:before{
	left: 10%;
	top: 10%;
}
}


.UP_contents .staff_contents{
	padding: 0 0 40px;
}
@media screen and (max-width:1400px) {
.UP_contents .staff_contents{
	padding: 0 10px 40px;
}
}

.staff_contents .UP_subtitle{
	margin-bottom: 20px;
}

.staff_contents .column3rd_inner{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	margin-bottom: 40px;
}
@media screen and (min-width:768px) and (max-width:1400px) {
.staff_contents .column3rd_inner{
	width: 48.571429%;
}
}

@media screen and (max-width:768px) {
.staff_contents .column_3rd{
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}

.staff_contents .column3rd_inner{
	margin-bottom: 20px;
	max-width: 440px;
}
}

.staff_contents .table10_1{
	background-color: #2f4d93;
	color: #fff;
	width: 100%;
	min-height: 48px;
}

.staff_contents .table10_1 .row1{
	width: 63.636364%;
	padding-left: 6.818182%;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-sizing: border-box;
	line-height: 1.0;
}
.staff_contents .table10_1 .row2{
	width: 36.363636%;
	padding-left: 2.272727%;
	padding-right: 6.818182%;
	box-sizing: border-box;
	font-size: 1.8rem;
}
@media screen and (min-width:768px) and (max-width:930px) {
.staff_contents .table10_1 .row1{
	font-size: 1.2rem;
}
.staff_contents .table10_1 .row2{
	font-size: 1.6rem;
}
}


@media screen and (max-width:768px) {
.staff_contents .table10_1 .row1{
	display: block;
	width: 100%;
	padding-left: 2.0rem;
	padding-bottom: 0;
	padding-right: 1.0rem;
}
.staff_contents .table10_1 .row2{
	display: block;
	width: 100%;
	padding-left: 2.0rem;
	padding-right: 1.0rem;
	padding-bottom: 1.0rem;
}
}

.staff_contents .table10_2{
	width: 100%;
	margin: 30px 0;
	box-sizing: border-box;
}
@media screen and (max-width:768px) {
.staff_contents .table10_2{
	margin: 20px 0;
}
}

.staff_contents .table10_2 .line1 .row1{
	width: 54%;
	padding: 0 2.272727% 0 4.545455%;
	text-align: right;
	font-size: 3.0rem;
	font-weight: bold;
}
.staff_contents .table10_2 .line1 .row1 span{
	font-size: 1.8rem;
}
.staff_contents .table10_2 .line1 .row2{
	width: 46%;
	padding: 0 4.545455% 0 2.272727%;
	font-weight: bold;
	line-height: 1.2;
}
@media screen and (min-width:768px) and (max-width:930px) {
.staff_contents .table10_2 .line1 .row1{
	font-size: 2.8rem;
	padding: 0 0 0 4.545455%;
}
.staff_contents .table10_2 .line1 .row2{
	font-size: 1.2rem;
}
}
@media screen and (max-width:440px) {
.staff_contents .table10_2 .line1 .row1{
	font-size: 2.4rem;
	padding: 0 0 0 4.545455%;
}
}

.staff_contents .table10_2 .line2 td{
	padding: 30px 4.545455% 0;
	font-size: 1.2rem;
}
@media screen and (max-width:768px) {
.staff_contents .table10_2 .line2 td{
	padding: 20px 4.545455% 0;
}
}

.staff_contents .kimurasan .table10_2 .line1 .row1{
	width: 60%;
}
.staff_contents .kimurasan .table10_2 .line1 .row2{
	width: 40%;
}

.staff_contents .etc_staff{
	box-shadow: none;
    -js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-align-content: space-between; /* Safari */
	align-content: space-between;
}
.staff_contents .table_etc{
	width: 100%;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
@media screen and (max-width:768px) {
.staff_contents .table_etc:first-child{
	margin-bottom: 20px;
}
}

.staff_contents .table_etc .row1{
	background-color: #2f4d93;
	color: #fff;
	min-height: 48px;
	padding-left: 6.818182%;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-sizing: border-box;
	line-height: 1.0;
	font-size: 2.0rem;
}

.staff_contents .table_etc .row2{
	padding-left: 6.818182%;
	padding-top: 1.0rem;
	padding-bottom: 2.0rem;
	font-size: 1.8rem;
	font-weight: bold;
}

.staff_contents .myuchan{
	position: relative;
}
.staff_contents .myuchan img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30%;
	max-width: 125px;
}
.staff_contents .myuchan .table10_2{
	width: 70%;
}

.staff_contents .myuchan .table10_2 .line1 .row1{
	font-size: 1.2rem;
	text-align: left;
	font-weight: normal;
}


.contact01{
	margin-bottom: 80px;
}
@media screen and (max-width:768px) {
.contact01{
	margin-bottom: 40px;
}
}

.underpage_content02 .column2nd_inner .catch_description{
	padding-left: 0;
}


/**下層ページのレイアウトここまで********************************************************************/

/**archiveのレイアウトここから***********/

.archive_wrapper .contents_inner{
    -js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.archive_wrapper .archive_list{
	width: 70%;
}
.archive_wrapper .archive_list .a_news{
	padding: 20px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.archive_wrapper .archive_list .a_news:first-child{
	border-top: 1px solid #ccc;
}

.archive_wrapper .archive_list .a_news .category{
	margin-bottom: 4px;
}
.archive_wrapper .archive_list .a_news .category .post-categories{
	display: inline-block;
}
.archive_wrapper .archive_list .a_news .category .post-categories li{
	display: inline-block;
}

.archive_wrapper .archive_list .a_news .category a{
    font-size: 1.0rem;
    display: inline-block;
    width: auto;
    padding: 2px 12px;
    background-color: #111;
    color: #fff;
    margin-right: 10px;
}

.archive_wrapper .archive_list .a_news .category .cate_new{
	background-color: #fff100;
	color: #333;
	font-weight: 600;
}



.archive_wrapper .archive_list .a_news dl{
	display: table;
	flex-wrap: wrap;
	font-weight: bold;
}
.archive_wrapper .archive_list .a_news dl dt{
	padding-right: 10px;
	box-sizing: border-box;
	display: table-cell;
}
.archive_wrapper .archive_list .a_news dl dd{
	display: table-cell;
}

/*ページャーのCSS設定*/
.pager .wp-pagenavi{
	text-align: center;
	font-weight: bold;
	padding-top: 40px;
}

.pager .wp-pagenavi .pages{
	border:2px solid #ccc;
	color: #ccc;
	display: inline-block;
	padding: 6px;
	margin: 0 6px;
}
.pager .wp-pagenavi .current{
	padding: 6px 12px;
	color: #fff;
	border: 2px solid #2f4d93;
	background: #2f4d93;
	margin: 0 6px;
}

.pager .wp-pagenavi a{
	display: inline-block;
	width: auto;
	height: atuo;
	margin: 0 6px;
}
.pager .wp-pagenavi .page{
	padding: 6px 12px;
	color: #2f4d93;
	border: 2px solid #2f4d93;
}
.pager .wp-pagenavi .nextpostslink,
.pager .wp-pagenavi .previouspostslink{
	padding: 6px 12px;
	color: #2f4d93;
}
/*ページャーのCSS設定ここまで*/


.archive_wrapper aside{
	width: 30%;
	padding-left: 3.174603%;
	box-sizing: border-box;
}

/*サイドバーウィジェットのCSS設定ここから*/

.archive_wrapper aside .aside_inner .widget{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 2px;
	box-sizing: border-box;
}
.archive_wrapper aside .aside_inner .widget .widgettitle{
	border: 1px solid #2f4d93;
	padding: 6px 0 6px 6px;
	box-sizing: border-box;
	color: #2f4d93;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 6px;
}

.archive_wrapper aside .aside_inner .widget ul li{
	padding: 8px;
	border-bottom: 1px dotted #ccc;
	position: relative;
}
.archive_wrapper aside .aside_inner .widget ul li:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "》";
	width: 16px;
	height: 16px;
}

.archive_wrapper aside .aside_inner .widget #wp-calendar{
	width: 100%;
	text-align: center;
}
.archive_wrapper aside .aside_inner .widget #wp-calendar caption{
	border: 1px solid #2f4d93;
	padding: 6px 0 6px 6px;
	box-sizing: border-box;
	color: #2f4d93;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 12px;
}
.archive_wrapper aside .aside_inner .widget #wp-calendar a{
	color: #2f4d93;
	text-decoration: underline;
}
.archive_wrapper aside .aside_inner .widget_pages .page_item_has_children:after{
	content: '';
	width: 0;
	height: 0;
}
.archive_wrapper aside .aside_inner .widget_pages .page_item_has_children .children{
	margin-top: 6px;
}

.archive_wrapper aside .aside_inner .widget_pages .page_item_has_children ul li{
	border-bottom: none;
	color: #777;
}
.archive_wrapper aside .aside_inner .widget_search{
	padding: 10px;
}


/*サイドバーウィジェットのCSS設定ここまで*/


@media screen and (max-width:768px) {
.archive_wrapper .archive_list{
	width: 100%;
	margin-bottom: 40px;
}
.archive_wrapper .archive_list .a_news dl{
	display: block;
}
.archive_wrapper .archive_list .a_news dl dt{
	padding-right: 0;
	display: block;
}
.archive_wrapper .archive_list .a_news dl dd{
	display: block;
}


.archive_wrapper aside{
	width: 100%;
	padding-left: 0;
}
}


/**archiveのレイアウトここまで***********/

/**singleのレイアウトここから***********/
.archive_wrapper .post_contents{
	width: 70%;
}

.post_contents .post_title{
	padding: 6px 0 6px 24px;
	border-left: 16px solid #2f4d93;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.post_contents .post_title .category{
	margin-bottom: 4px;
}
.post_contents .post_title .category .post-categories{
	display: inline-block;
}

.post_contents .post_title .category a{
	font-size: 1.0rem;
	display: inline-block;
	width: auto;
	padding: 2px 12px;
	background-color: #111;
	color: #fff;
	margin-right: 10px;
}
.post_contents .post_title h3{
	font-size: 2.4rem;
	font-weight: bold;
}
.post_contents .post_story{
	margin-bottom: 80px;
}
.post_contents .pager{
    -js-display: flex;
	display: flex;
	justify-content: space-between;
}


/*投稿記事のコンテンツ投稿補助*/
.post_contents .post_story h2{
	font-size: 2.0rem;
	color: #2f4d93;
	font-weight: 800;
	padding: 12px 0;
	border-bottom: 4px solid #2f4d93;
	margin-top: 60px;
	margin-bottom: 20px;
}
.post_contents .post_story h3{
	font-size: 1.8rem;
	font-weight: 800;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 6px;
	background: #eee;
	margin-top: 40px;
	margin-bottom: 20px;
}
.post_contents .post_story h4{
	position: relative;
	font-size: 1.6rem;
	font-weight: 800;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.post_contents .post_story h4:before{
	position: absolute;
	font-size: 1.6rem;
	font-weight: 800;
	content: "●";
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
    -js-display: flex;
	display: flex;
	align-items: center;
}
.post_contents .post_story a{
	width: auto;
	height: auto;
	display: inline-block;
	color: #2f4d93;
	text-decoration: underline;
}
@media screen and (max-width:768px) {
.post_contents .post_story h2{
	margin-top: 40px;
	margin-bottom: 15px;
	padding: 6px 0;
}
.post_contents .post_story h3{
	margin-top: 30px;
	margin-bottom: 15px;
}
.post_contents .post_story h4{
	margin-top: 20px;
	margin-bottom: 10px;
}
}
.post_contents .post_story p{
	margin-bottom: 1em;
}

.post_contents .post_story img{
	margin-top: 1em;
}
/*.post_contents .post_story img + img{
	margin-left: 1em;
}*/

/*投稿記事のコンテンツ投稿補助*/


@media screen and (max-width:768px) {
.archive_wrapper .post_contents{
	width: 100%;
	margin-bottom: 40px;
}
.post_contents .post_story{
	margin-bottom: 40px;
}
}
/**singleのレイアウトここまで***********/


/*404ページのレイアウト*/
.page_404 .FP_back{
	margin-top: 1em;
	color: #2f4d93;
	text-decoration: underline;
}

/*404ページのレイアウトここまで*/

/*検索結果ページのレイアウト*/
.a_search{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.a_search h2{
	font-size: 1.8rem;
	color: #2f4d93;
	font-weight: 800;
}
/*検索結果ページのレイアウトここまで*/

/*google language translator*/
#flags {
	line-height: 2.7;
}
@media screen and (max-width:1190px) {
#flags {
	display: none;
}
}
/*google language translatorここまで*/