/*!
Theme Name: thinkgrow
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thinkgrow
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
--------------------------------------------------------------*/


html{
	font-size: 10px;
}

html[lang]{
	margin: 0 !important;
}
#wpadminbar{
	display: none;
}

html.pc .sp{ display: none !important; }
html.sp .pc{ display: none !important; }

body{
	padding: 0;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.6;
	/*letter-spacing: 1.5px;*/
	overflow-x: hidden;
	/*background-color: #fff;*/
	font-family: "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */
	/*font-feature-settings: "palt";*/ /* 文字詰め（フォントにカーニング情報が含まれる場合） */

	 /* iPhoneで上下のバーを抜いた高さ */
	height: -webkit-fill-available;
	height: -moz-available;
}

::-webkit-input-placeholder{ color: #bbb; }
:-moz-placeholder          { color: #bbb; }
:-moz-input-placeholder    { color: #bbb; }
:-ms-input-placeholder     { color: #bbb; }


h1{
	text-align: center;
	font-family: gill-sans-nova, sans-serif;
	font-weight: 300;
	font-size: 5.2rem;
	letter-spacing: 0.15em;
	color: #fff;
	background-color: #eee;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: 0;
}
html.sp h1{
	font-size: 4rem;
}
h1 .inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 570px;
}
html.sp h1 .inner{
	height: 270px;
}
h1 small{
	display: block;
	font-weight: 300;
	font-size: 2.2rem;
	letter-spacing: 0;
	margin: 10px 0 0;
}
html.sp h1 small{
	font-size: 1.7rem;
}

h2{
	text-align: center;
	font-weight: 600;
	font-size: 2rem;
	margin: 80px 0 ;
}

h3{
	font-weight: 600;
}
h3 small{
	display: block;
	font-family: gill-sans-nova, sans-serif;
	font-weight: 300;
	font-size: 1rem;
	letter-spacing: 0.15em;
	margin: 0px 0 0;
}

.p1{
	text-align: center;
	font-size: 2rem;
	margin: 80px 0 65px;
}

.p2{
	text-align: center;
	line-height: 2.4;
}
html.sp .p2{
	text-align: justify;
}

.center{
	text-align: center;
}

nav.page{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 130px 0 100px;
}
nav.page a{
	box-sizing: border-box;
	flex-basis: 32%;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 10px;
	margin: 0 0 20px;
	border-radius: 5px;
}
html.sp nav.page a{
	flex-basis: 48%;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img.inline_svg{
	display: none;
}

iframe{
	max-width: 100%;
	vertical-align: middle;
}

a{
	display: inline-block;
	color: #0075c1;
}
a img{
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}
a[href=""]{
	opacity: 0.2;
	/*box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.5);*/
}
a.mailgo{
	cursor: pointer;
}

ul.type1{
	padding: 0;
	margin: 30px 0;
	list-style: none;
}
ul.type1 li{
	display: flex;
	margin: 5px 0;
}
ul.type1 li:before{
	content: "・";
	white-space: nowrap;
}

table.type1{
	border-collapse: collapse;
	border-top: 1px solid #c2c2c2;
	width: 100%;
}
table.type1 th,
table.type1 td{
	text-align: left;
	font-weight: 300;
	border-bottom: 1px solid #c2c2c2;
	padding: 15px 30px;
}
html.sp table.type1 th,
html.sp table.type1 td{
	padding: 15px 10px;
}
table.type1 th{
	white-space: nowrap;
	background-color: #e2e6e8;
}
table.type1 td{
	background-color: #fff;
	width: 750px;
}

table.type2{
	border-collapse: collapse;
	border: 0;
	/* width: 100%; */
}
table.type2 th,
table.type2 td{
	text-align: left;
	font-weight: 300;
	border: 0;
	padding: 5px 8px;
}
table.type2 th{
	white-space: nowrap;
	background-color: #fff;
}
table.type2 td{
	background-color: #fff;
	width: auto;
}

span.ib{
	display: inline-block;
}

.page_width1{
	max-width: 90%;
	width: 1000px;
	margin: 0 auto;
}

.page_width2{
	max-width: 90%;
	width: 940px;
	margin: 0 auto;
}

.page_width3{
	max-width: 100%;
	width: 640px;
	margin: 0 auto;
}


.site-header{
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	padding: 0px 20px;
}
.site-header .title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 50px 0 0;
	padding: 10px 0 15px;
}
.site-header .title1{
	margin: 0 20px 0 0;
}
.site-header .title1 img{
	min-width: 155px;
}
.site-header .title2{
	min-width: 140px;
}

#site-navigation{
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
html.sp #site-navigation{
	flex-direction: column;
	justify-content: flex-start;
	position: fixed;
	left: 0;
	top: 0px;
	box-sizing: border-box;
	width: 100%;
	height: 100vh;
	padding: 100px 20px 50px;
	background-color: #f5f5f5;
	z-index: 1000;

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s linear;
}
#site-navigation .nav1{
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	max-width: 680px;
}
html.sp #site-navigation .nav1{
	flex-grow: 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 0px 0 50px;
}
#site-navigation .nav1 a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 1.6rem;
	padding: 10px 10px 0;
	color: #000;
	white-space: nowrap;
	transition: 0.2s ease-in-out;
}
html.sp #site-navigation .nav1 a{
	font-size: 2.5rem;
	margin: 20px 0;
}
#site-navigation .nav1 a:hover{
	background-color: #eee;
	box-shadow: 0 -10px 0 10px #eee;
}
html.sp #site-navigation .nav1 a:hover{
	box-shadow: 0 0 0 10px #eee;
}
#site-navigation .nav1 a span:before{
	/*content: "";*/
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: -10px;
	left: -10px;
}

#site-navigation .sns{
	text-align: right;
	flex-grow: 1;
}
html.sp #site-navigation .sns{
	text-align: center;
	flex-grow: 0;
}
#site-navigation .sns a{
	margin: 17px 8px 0;
}
#site-navigation .sns a img{
	min-width: 34px;
}
html.sp #site-navigation .sns a img{
	width: 50px;
}

#open_nav{
	display: none;
}
/*label[for="open_nav"]{
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #454543;
	z-index: 1300;
}*/
label[for="open_nav"] {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    z-index: 1100;
    background-color: #fff;
}
html.pc label[for="open_nav"] {
    display: none;
}
label[for="open_nav"] span,
label[for="open_nav"] span:before,
label[for="open_nav"] span:after {
    content: '';
    display: block;
    height: 1px;
    width: 35px;
    border-radius: 5px;
    background-color: #000;
    position: absolute;
}
label[for="open_nav"] span:before {
    bottom: 13px;
}
label[for="open_nav"] span:after {
    top: 13px;
}
label[for="open_nav"] img{
	width: 70px;
}
#open_nav:checked ~ label[for="open_nav"] {
    background-color: transparent;
}
#open_nav:checked ~ label[for="open_nav"] span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#open_nav:checked ~ label[for="open_nav"] span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#open_nav:checked ~ label[for="open_nav"] span::after {
    top: 0;
    transform: rotate(-45deg);
}
.site-header .sp_gnav{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: #bdad77;
	z-index: 1100;
}
label[for="open_nav"] .nav_close{
	/*display: none;*/
}
#open_nav:checked ~ label[for="open_nav"] .nav_open{
	/*display: none;*/
}
#open_nav:checked ~ label[for="open_nav"] .nav_close{
	/*display: block;*/
}
html.sp #open_nav:checked ~ #site-navigation{
	opacity: 1;
	pointer-events: auto;
}

.site-footer{
	padding: 100px 0 0;
}
.site-footer .footer1{
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.4em;
	margin: 0 0 70px;
}
.site-footer .footer2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 70px;
}
html.sp .site-footer .footer2{
	flex-direction: column;
}
.site-footer .footer2 .left{
	margin: 0 0 0 40px;
}
html.sp .site-footer .footer2 .left{
	margin: 0 0 50px;
}
.site-footer .footer2 .left p{
	font-size: 1.4rem;
	line-height: 2.1;
	margin: 0 0 60px;
}
html.sp .site-footer .footer2 .left p{
	margin: 0 0 30px;
}
.site-footer .footer2 .left img[src*="/common/title1."]{
	width: 300px;
}
.site-footer .footer2 .left img[src*="/common/title2."]{
	width: 157px;
	margin: 20px 0 7px;
}
.site-footer .footer2 .left img[src*="/common/title3."]{
	width: 255px;
}

#page .foot_office_list{
	border-top: 1px solid #c2c2c2;
}
#page .foot_office_list .row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	padding: 15px 25px;
	border-bottom: 1px solid #c2c2c2;
	background-color: #fff;
}
html.sp #page .foot_office_list .row{
	padding: 15px 10px;
}
#page .foot_office_list .row .name{
	margin: 0 70px 0 0;
}
html.sp #page .foot_office_list .row .name{
	margin: 0 20px 0 0;
}
#page .foot_office_list h3{
	font-size: 1.8rem;
	letter-spacing: 0;
	margin: 0 0 15px;
}
#page .foot_office_list h3 small{
	letter-spacing: 0.15em;
}
#page .foot_office_list .access,
#page .foot_office_list .contact{
	text-align: center;
	box-sizing: border-box;
	min-width: 55px;
	padding: 0 10px 1px;
}
html.sp #page .foot_office_list .access,
html.sp #page .foot_office_list .contact{
	padding: 0 5px 1px;
}
#page .foot_office_list .access{
	/*background-color: #c3d600;*/
}
#page .foot_office_list .access:hover{
	/*filter: brightness(1.1);*/
}
#page .foot_office_list .contact{
	background-color: #0075c1;
}
#page .foot_office_list .contact:hover{
	filter: brightness(1.2);
}
#page .foot_office_list .row .address{
	font-size: 1.4rem;
	line-height: 2.3;
}

.site-footer .footer3{
	background-color: #f5f5f5;
	padding: 30px 0;
}
html.sp .site-footer .footer3 .page_width2{
	max-width: 100%;
}
.site-footer .footer3 .inner{
	display: flex;
	justify-content: center;
	/*align-items: flex-start;*/
}
html.sp .site-footer .footer3 .inner{
	/*flex-direction: column;*/
}
.site-footer .footer3 .inner .col{
	box-sizing: border-box;
	flex-basis: 230px;
	padding: 0 30px;
	border-right: 1px solid #969696;
}
html.sp .site-footer .footer3 .inner .col{
	/*border: 0;*/
	/*border-top: 1px solid #969696;*/
	/*padding-top: 20px;*/
	flex-basis: auto;
	padding: 0 10px;
}
.site-footer .footer3 .inner .col:first-child{
	border-left: 1px solid #969696;
}
html.sp .site-footer .footer3 .inner .col:first-child{
	/*border-top: 0;*/
	border-left: 0;
}
html.sp .site-footer .footer3 .inner .col:last-child{
	border-right: 0;
}
.site-footer .footer3 h3{
	margin: 0;
}
.site-footer .footer3 h3 a{
	font-size: 1.6rem;
}
.site-footer .footer3 a{
	text-decoration: none;
	font-size: 1.3rem;
	color: #000;
	margin: 0 0 12px;
}
.site-footer .footer3 a:hover{
	text-decoration: underline;
}
.site-footer .footer3 a.bold{
	font-weight: 600;
}
.site-footer .footer3 .sub{
	margin-left: 1em;
}
.site-footer .footer3 .copyright{
	text-align: center;
	font-size: 1.2rem;
	margin: 50px 0;
}

.back_to_top{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 84px;
	height: 84px;
	border-radius: 100px;
	background-color: #fff;
	z-index: 500;
}


/* トップページ ***************************************************************************** */

.page-template-top .slide{

}

.page-template-top .area1{
	display: flex;
	justify-content: space-between;
	min-width: 1000px;
	margin: 20px 0;
}
html.sp .page-template-top .area1{
	flex-direction: column;
	min-width: 0;
	margin: 20px 5vw;
}

.page-template-top .area1 .box{
	box-sizing: border-box;
	flex-basis: 33%;
	position: relative;
	text-align: center;
	color: #fff;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 40px 10px 60px;
}
.page-template-top .area1 .box:nth-of-type(1){
	background-image: url(img/top/1_1.jpg);
}
.page-template-top .area1 .box:nth-of-type(2){
	background-image: url(img/top/1_2.jpg);
}
.page-template-top .area1 .box:nth-of-type(3){
	background-image: url(img/top/1_3.jpg);
}
.page-template-top .area1 .box .title{
	font-weight: 600;
	font-size: 2rem;
	margin: 0 0 18px;
	white-space: nowrap;
}
.page-template-top .area1 .box p{
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.8;
	width: 200px;
	margin: 10px auto;
}
.page-template-top .area1 .box a.button{
	position: absolute;
	margin: 0 0 0 -65px;
	bottom: 30px;
}
a.button{
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-family: gill-sans-nova, sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 3px;
	background-color: #c3d600;
	padding: 4px 10px;
	min-width: 110px;
}
html.sp a.button{
	font-size: 1.4rem;
}
a.button:hover{
	filter: brightness(1.1);
}
a.button:before{
	/*content: "MORE";*/
}
a.button:hover img{
	opacity: 1;
}

.page-template-top .news{
	max-width: 100%;
	width: 715px;
	margin: 50px auto;
}
.page-template-top .news h2{
	text-align: center;
	font-family: gill-sans-nova, sans-serif;
	font-weight: 300;
	font-size: 3rem;
	letter-spacing: 0.1em;
	margin: 50px 0 35px;
}
.page-template-top .news a.row{
	display: flex;
	/*justify-content: space-between;*/
	text-decoration: none;
	font-size: 1.4rem;
	color: #000;
	margin: 20px 0;
}
.page-template-top .news a.row:hover{
	text-decoration: underline;
}
.page-template-top .news a.row .date{
	white-space: nowrap;
	margin-right: 30px;
}
.page-template-top .news .more_area{
	text-align: center;
	margin: 30px 0;
}

.page-template-top .area2{
	background-color: #ecf0f2;
	padding: 100px 0;
}
.page-template-top .area2 .inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
html.sp .page-template-top .area2 .inner{
	flex-direction: column;
}
.page-template-top .area2 .area2_1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-basis: 605px;
}
.page-template-top .area2 .area2_1 .box{
	position: relative;
	text-decoration: none;
	color: #000;
	margin: 0 0 40px;
	z-index: 10;
}
html.sp .page-template-top .area2 .area2_1 .box{
	max-width: 48%;
}
.page-template-top .area2 .area2_1 .box:before{
	content: "";
	position: absolute;
	bottom: 15px;
	left: 10px;
	width: 50%;
	box-shadow: 0 0 4px 8px rgba(0,0,0, 0.3);
	z-index: -10;
	/*transform: rotate(-3deg);*/
	transition: 0.3s ease-in-out;
}
.page-template-top .area2 .area2_1 .box:hover:before{
	left: 15px;
	bottom: 6px;
	transform: rotate(-3deg);
}
.page-template-top .area2 .area2_1 .box .a_inner{
	background-color: #fff;
}
.page-template-top .area2 .area2_1 .box .text{
	padding: 10px 20px 25px;
}
html.sp .page-template-top .area2 .area2_1 .box .text{
	padding: 10px 10px 25px;
}
.page-template-top .area2 .area2_1 .box h3{
	font-size: 1.8rem;
	margin: 0;
	white-space: nowrap;
}
.page-template-top .area2 .area2_1 .box h3 small{

}
.page-template-top .area2 .area2_1 .box:hover img{
	opacity: 1;
}
.page-template-top .area2 .sns{
	flex-basis: 270px;
}
html.sp .page-template-top .area2 .sns{
	width: 100%;
}
.page-template-top .area2 .sns .sns_head{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
html.sp .page-template-top .area2 .sns .sns_head{
	margin: 0 0 5px;
}
.page-template-top .area2 .sns h3{
	font-size: 2rem;
	margin: 0;
}
.page-template-top .area2 .sns .button{
	min-width: 0;
}
.page-template-top .area2 .sns .list{
	display: flex;
	flex-direction: column;
}
html.sp .page-template-top .area2 .sns .list{
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.page-template-top .area2 .sns .list a{
	background-color: #fff;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	height: 270px;
	margin: 0 0 5px 0;
}
html.sp .page-template-top .area2 .sns .list a{
	flex-basis: 43vmin;
	height: 43vmin;
	margin: 0 0 20px;
}
.page-template-top .area2 .sns .list a:hover{
	filter: brightness(1.1);
}



/* 事業内容 ***************************************************************************** */

.page-template-business h1{
	background-image: url(img/business/h1_bg.jpg);
}

.page-template-business #取扱商品,
.page-template-business #プロフェッショナルサポート{
	max-width: 100%;
	width: 820px;
	margin: 0 auto;
}
.page-template-business #取扱商品 .list,
.page-template-business #プロフェッショナルサポート .list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
html.sp .page-template-business #プロフェッショナルサポート .list{
	justify-content: space-around;
}
.page-template-business #取扱商品 .list .box{
	flex-basis: 32.5%;
	margin: 0 0 50px;
}
html.sp .page-template-business #取扱商品 .list .box{
	flex-basis: 49%;
}
.page-template-business #プロフェッショナルサポート .list .box{
	margin: 0 0 50px;
}
html.sp .page-template-business #プロフェッショナルサポート .list .box{
	flex-basis: 48%;
	margin: 0 0 30px;
}
html.sp .page-template-business #プロフェッショナルサポート .list .box:nth-of-type(3){
	flex-basis: 52%;
}
.page-template-business #取扱商品 .list .box h3,
.page-template-business #プロフェッショナルサポート .list .box h3{
	text-align: center;
	font-size: 1.8rem;
	background-color: #f0f5c4;
	padding: 7px 0;
	margin: 9px 0;
}
.page-template-business #取扱商品 .list .box ul,
.page-template-business #プロフェッショナルサポート .list .box ul{
	flex-grow: 1;
	margin: 0;
}
.page-template-business #取扱商品 .list .box li,
.page-template-business #プロフェッショナルサポート .list .box li{
	margin: 12px 0;
}
.page-template-business #取扱商品 .list .box .ul_outer{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
html.sp .page-template-business #取扱商品 .list .box .ul_outer{
	/*flex-direction: column;*/
}

.page-template-business #６つの強み .list{
	display: flex;
	justify-content: space-between;
	/*align-items: flex-start;*/
	flex-wrap: wrap;
}
.page-template-business #６つの強み .list .box{
	flex-basis: 45%;
	margin: 0 0 60px;
	background-color: #f0f5c4;
}
html.sp .page-template-business #６つの強み .list .box{
	flex-basis: 100%;
}
html.sp .page-template-business #６つの強み .list .box img{
	width: 100%;
}
.page-template-business #６つの強み .list .box .text{
	padding: 20px;
}
.page-template-business #６つの強み .list .box .text h3{
	font-size: 2.2rem;
	margin: 0;
}
.page-template-business #６つの強み .list .box .text h3 small{

}
.page-template-business #６つの強み .list .box .text div.button{
	text-align: center;
}
.page-template-business #６つの強み .list .box .text a.button{
	font-weight: 600;
	font-size: 1.4rem;
	min-width: 300px;
	padding: 8px;
	margin: 3px 0;
	border-radius: 5px;
}

.page-template-business #展示会・セミナー開催 article{
	max-width: 100%;
	width: 800px;
	padding: 0 0 50px 0;
	margin: 20px auto;
	border-bottom: 1px solid #c3c5ca;
}
.page-template-business #展示会・セミナー開催 article h3 {
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	margin: 30px 0;
}
.page-template-business #展示会・セミナー開催 article .row{
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
}
.page-template-business #展示会・セミナー開催 article .row .col2{
	flex-basis: 48%;
}
.page-template-business #展示会・セミナー開催 .mousikomi{
	text-align: center;
	font-size: 18px;
	line-height: 1.9em;
	margin: 100px 0 80px;
}



/* 会社案内 ***************************************************************************** */

.page-template-profile h1{
	background-image: url(img/profile/h1_bg.jpg);
}

.page-template-profile #area2{
	margin: 200px 0;
}
.page-template-profile #area2 img[src*="/common/title1."]{
	width: 435px;
}
.page-template-profile #area2 img[src*="/common/title2."]{
	width: 175px;
	margin: 32px 0 10px;
}
.page-template-profile #area2 img[src*="/common/title3."]{
	width: 280px;
}
.page-template-profile #area2 span.ul{
	display: inline-block;
	line-height: 1;
	border-bottom: 3px solid #e95532;
}
.page-template-profile #area2 span.ul.blue{
	border-bottom-color: #0075c1;
}
.page-template-profile #area2 span.ul.green{
	border-bottom-color: #c3d600;
}

.page-template-profile #gaiyou{
	background-color: #ecf0f2;
	padding: 50px 0 100px;
}
.page-template-profile #gaiyou h3{
	text-align: center;
	margin: 60px 0 0;
}
.page-template-profile #gaiyou h3 small{
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	margin: 10px 0 0;
}
html.sp .page-template-profile #gaiyou p.jusyo{
	text-align: center;
}

.page-template-profile .map{
	margin: 40px 0;
}
.page-template-profile .map iframe{
	width: 100%;
	height: 500px;
}

.page-template-profile .torihiki_kigyou{
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 50px 60px;
}
html.sp .page-template-profile .torihiki_kigyou{
	padding: 50px 10px;
	margin: 0 -10px;
}
.page-template-profile .torihiki_kigyou .col{
	flex-basis: 49%;
	line-height: 2.2;
}
.page-template-profile .torihiki_kigyou .col a{
	display: inline-block;
	text-decoration: none;
	line-height: 1.3;
	color: #000;
	margin: 6px 0;
}
.page-template-profile .torihiki_kigyou .col a:hover{
	text-decoration: underline;
}



/* ECO.PRESS ***************************************************************************** */

.page-template-eco_press h1{
	background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 29%, rgba(195,214,0,1) 29%, rgba(195,214,0,1) 71%, rgba(240,240,240,1) 71%, rgba(240,240,240,1) 100%);
}
.page-template-eco_press h1 .inner{
	background-image: url(img/eco_press/h1.svg);
	background-repeat: no-repeat;
	background-position: calc(50% + 18px) calc(50% + 5px);
	height: 455px;
}
html.sp .page-template-eco_press h1 .inner{
	background-size: contain;
	background-position: calc(50% + 10px) calc(50% + 5px);
	height: 35vw;
}

.page-template-eco_press #image_row1{
	text-align: center;
	margin: 50px 0 10px;
}

.ep_oor_area2{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 750px;
	margin: 0 auto;
}
html.sp .ep_oor_area2{
	width: 100%;
}
.ep_oor_area2 .circle{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.8rem;
	background-color: #c3d600;
	border-radius: 200px;
	flex-basis: 190px;
	height: 190px;
	margin: 17px 25px;
}
html.sp .ep_oor_area2 .circle{
	flex-basis: 28vw;
	font-size: 1.4rem;
	height: 28vw;
	margin: 5px 4px;
}

.page-template-eco_press #sdgs{
	text-align: center;
	margin: 50px 0;
}
.page-template-eco_press #sdgs img[src*="/eco_press/2_1."]{
	margin: 0 0 30px;
}
.page-template-eco_press #sdgs img[src*="/eco_press/2_2."]{
	margin: 0 15px 0 0;
}
html.sp .page-template-eco_press #sdgs img[src*="/eco_press/2_2."]{
	margin: 0 0 20px;
}
.page-template-eco_press #sdgs a.button{
	font-size: 1.6rem;
	font-weight: 600;
	margin: 20px 0 0;
	padding: 8px 20px;
}

.page-template-eco_press a.blue{
	color: #0175c1;
}
.page-template-eco_press a.blue:hover{
	text-decoration: none;
}

.ep_oor_area3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
html.sp .ep_oor_area3{
	flex-direction: column; 
}
.ep_oor_area3 .col{
	box-sizing: border-box;
	flex-basis: 48%;
	background-color: #ecf0f2;
	padding: 0 20px 30px;
}
html.sp .ep_oor_area3 .col{
	flex-basis: 49%;
	margin: 0 0 30px;
}
.ep_oor_area3 h4,
.page-template-obi_one_renta h4{
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 600;
	margin: 30px 0 40px;
}
html.sp .ep_oor_area3 h4{
	margin: 30px 0 20px;

}
.ep_oor_area3 h4 small,
.page-template-obi_one_renta h4 small{
	display: block;
	font-size: 1.8rem;
	font-weight: 300;
	margin: 20px 0 20px;
}
html.sp .ep_oor_area3 h4 small{
	font-size: 1.6rem;
}
.ep_oor_area3 .image{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 330px;
}
html.sp .ep_oor_area3 .image{
	min-height: 230px;
}
.ep_oor_area3 .movie{
	text-align: center;
	margin: 30px 0 40px;
}
.ep_oor_area3 table.type1 th,
.ep_oor_area3 table.type1 td{
	font-size: 1.3rem;
	padding: 10px 8px;
}
.ep_oor_area3 table.type2 th,
.ep_oor_area3 table.type2 td,
html.sp .ep_oor_area3 table.type2 th,
html.sp .ep_oor_area3 table.type2 td{
	padding: 0;
}
.ep_oor_area3 .syutten{
	text-align: center;
	flex-basis: 100%;
	font-size: 1.3rem;
	margin: 10px 0 50px;
}

.ep_oor_area4{
	text-align: center;
	font-size: 2rem;
	background-color: #f5f7d4;
	padding: 50px 20px;
	margin: 50px 0;
}
html.sp .ep_oor_area4{
	text-align: justify;
	padding: 30px 20px;
	margin: 30px 0 50px;
}


/* OBI-ONE RENTA ***************************************************************************** */

.page-template-obi_one_renta .contents{
	text-align: center;
}

.page-template-obi_one_renta h1,
.page-template-yakkan_privacy h1{
	background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 24%, #0075c1 24%, #0075c1 75%, rgba(240,240,240,1) 75%, rgba(240,240,240,1) 100%);
}
.page-template-obi_one_renta h1 .inner,
.page-template-yakkan_privacy h1 .inner{
	background-image: url(img/obi_one_renta/h1.svg);
	background-repeat: no-repeat;
	background-position: calc(50% + 18px) 0;
	height: 455px;
}
html.sp .page-template-obi_one_renta h1 .inner,
html.sp .page-template-yakkan_privacy h1 .inner{
	background-size: contain;
	background-position: calc(50% + 5px) 0;
	height: 35vw;
}

.page-template-obi_one_renta .ep_oor_area2 .circle{
	color: #fff;
	background-color: #0075c1;
}

.page-template-obi_one_renta .ep_oor_area3{
	margin: 80px 0;
}
html.sp .page-template-obi_one_renta .ep_oor_area3{
	flex-direction: row; 
	margin-left: -10px;
	margin-right: -10px;
}
.page-template-obi_one_renta .ep_oor_area3 .image{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 450px;
}

.ep_oor_area3 .head{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #fff;
	background-color: #85b7d9;
	padding: 10px 0;
	margin: 0px -20px 20px;
}

.page-template-obi_one_renta .more .button{
	font-size: 1.4rem;
	padding: 4px 15px;
	min-width: 130px;
}

.page-template-obi_one_renta .contents h3{
	font-size: 3.6rem;
	letter-spacing: 0.35em;
	margin: 90px 0 70px;
}
.page-template-obi_one_renta .contents h3 .small1{
	font-size: 2rem;
	letter-spacing: 0;
	margin: 0 0 13px;
}
.page-template-obi_one_renta .contents h3 .small2{
	font-size: 1.8rem;
	letter-spacing: 0;
	margin: 30px 0 0;
}

.page-template-obi_one_renta .contents h5{
	font-size: 1.4rem;
	font-weight: 300;
	margin: 60px 0 25px;
}

.page-template-obi_one_renta .p1_2{
	margin: 60px 0 25px;
}
.page-template-obi_one_renta .p1_3{
	margin: 10px 0 25px;
}
.page-template-obi_one_renta .p1_4{
	margin: 0 0 30px;
}

.page-template-obi_one_renta .p3{
	text-align: left;
	font-size: 1.4rem;
	font-weight: 300;
	margin: 20px 0 25px;
}

.page-template-obi_one_renta .p4{
	/*text-align: left;*/
	font-size: 1.3rem;
	/*font-weight: 300;*/
	margin: 40px 0;
}

.page-template-obi_one_renta .ryoukin{
	background-color: #ecf0f2;
	padding: 30px 0 100px;
	margin: 50px 0;
}
.page-template-obi_one_renta .ryoukin .ib{
	vertical-align: middle;
	line-height: 2;
	/*padding: 30px 0;*/
	margin: 0 0 0 10px;
}
.page-template-obi_one_renta table.shizai{
	margin: 20px 0 30px 0;
}
.page-template-obi_one_renta table.shizai th{
	vertical-align: middle;
}
.page-template-obi_one_renta table.shizai td{
	width: 40%;
}
html.sp .page-template-obi_one_renta table.shizai td{
	width: 25%;
}

.page-template-obi_one_renta .q_a_list{
	border-bottom: 1px solid #c2c2c2;
}
.page-template-obi_one_renta .q_a{
	border-top: 1px solid #c2c2c2;
	padding: 10px 0;
}
.page-template-obi_one_renta .q_a .row{
	display: flex;
	padding: 5px 0;
}
.page-template-obi_one_renta .q_a .row:before{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: gill-sans-nova, sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	min-width: 47px;
	height: 47px;
	border-radius: 50px;
	color: #fff;
	margin: 0 15px 0 0;
}
.page-template-obi_one_renta .q_a .row.q:before{
	content: "Q";
	background-color: #0075c1;
}
.page-template-obi_one_renta .q_a .row.a:before{
	content: "A";
	background-color: #e95532;
}
.page-template-obi_one_renta .q_a .row .text{
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 1.4rem;
}

.page-template-obi_one_renta #page .foot_office_list{
	display: inline-block;
}
html.sp .page-template-obi_one_renta .ep_oor_area4{
	text-align: center;
}
html.sp #page .ep_oor_area4 .foot_office_list h3{
	margin: 0 0 5px;
}

.yousi_download{
	text-align: center;
	margin: 60px 0;
}
.yousi_download .button{
	font-size: 2rem;
	font-weight: 600;
	min-width: 360px;
	margin: 0 0 8px;
	padding: 20px 0;
	border-radius: 6px;
}
html.sp .yousi_download .button{
	font-size: 2.2rem;
}
.yousi_download .button img{
	opacity: 1;
	margin: 15px 0;
}
.yousi_download .button.gray{
	font-size: 1.6rem;
	background-color: #b0b0b0;
	padding: 10px 0;
}
html.sp .yousi_download .button.gray{
	font-size: 2rem;
}


/* 採用情報 ***************************************************************************** */

.page-template-recruit h1{
	background-image: url(img/recruit/h1_bg.jpg);
}

.page-template-recruit table.type1 td{
	line-height: 2.4;
	padding: 10px 30px;
}
.page-template-recruit table td.daigomi{
	padding: 0;
}
.page-template-recruit table td.daigomi table.type2{
	border-top: 0;
}
.page-template-recruit table td.daigomi table.type2 th,
.page-template-recruit table td.daigomi table.type2 td{
	border-bottom: 1px solid #c2c2c2;
}
.page-template-recruit table td.daigomi table.type2 tr:last-child th,
.page-template-recruit table td.daigomi table.type2 tr:last-child td{
	border-bottom: 0;
}
.page-template-recruit table td.daigomi table.type2 th{
	min-width: 200px;
	padding: 20px;
}
.page-template-recruit table td.daigomi table.type2 td{
	text-align: justify;
	line-height: 1.8;
}
.page-template-recruit table h4{
	font-size: 1.4rem;
	margin: 0 0 5px;
}
html.sp .page-template-recruit table h4{
	text-align: center;
}
.page-template-recruit table p{
	margin: 0;
}
html.sp .page-template-recruit table td.daigomi table.type2,
html.sp .page-template-recruit table td.daigomi table.type2 tbody,
html.sp .page-template-recruit table td.daigomi table.type2 tr,
html.sp .page-template-recruit table td.daigomi table.type2 th,
html.sp .page-template-recruit table td.daigomi table.type2 td{
	display: block;
}
html.sp .page-template-recruit table td.daigomi table.type2 th{
	text-align: center;
	border: 0;
	padding: 20px 0 0;
}


.page-template-recruit table td.kinmuchi table.type2{
	border-top: 0;
	width: auto;
}
.page-template-recruit table td.kinmuchi table.type2 th,
.page-template-recruit table td.kinmuchi table.type2 td{
	vertical-align: top;
	line-height: 1.6;
	border: 0;
	padding: 6px 30px 6px 0;
}

.page-template-recruit .oubo{
	text-align: center;
}
.page-template-recruit .oubo h2{
	margin: 80px 0 30px;
}
.page-template-recruit .oubo .tel{
	font-size: 2.4rem;
	font-weight: 600;
	color: #0175c1;
	margin: 10px 0 10px;
}



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

.page-template-contact h1{
	background-image: url(img/contact/h1_bg.jpg);
}

.page-template-contact .contact_row{
	display: flex;
	justify-content: space-between;
	margin: 100px 0;
}
html.sp .page-template-contact .contact_row{
	flex-direction: column;
}
.page-template-contact .contact_row .col{
	flex-basis: 31%;
	text-align: center;
}
html.sp .page-template-contact .contact_row .col{
	margin: 0px 0 70px;
}
.page-template-contact .contact_row .col h3{
	font-size: 2rem;
}
.page-template-contact .contact_row .col h3 small{
	font-size: 1.2rem;
	margin: 13px 0 0;
}
.page-template-contact .contact_row .col p{
	margin: 30px 0 0px;
}
.page-template-contact .contact_row .col .tel,
.page-template-contact .contact_row .col .fax{
	font-size: 2rem;
	letter-spacing: 0.05em;
	margin: 13px 0 0;
}
.page-template-contact .contact_row .col .button.contact{
	font-size: 1.6rem;
	font-weight: 600;
	margin: 20px 0 0;
	padding: 10px 25px;
	border-radius: 5px;
	background-color: #0075c1;
}



/* SDGs ***************************************************************************** */

.page-template-sdgs h1{
	color: #000;
	background-image: url(img/sdgs/h1_bg.jpg);
}

.page-template-sdgs .contents{
	text-align: center;
}

.page-template-sdgs .num{
	margin: 80px 0 0;
}

.page-template-sdgs h2{
	font-size: 3rem;
	margin: 30px 0 50px;
}

.page-template-sdgs .green_box{
	border: 1px solid #c3d600;
	border-radius: 8px;
	padding: 10px;
	margin: 50px 100px;
}
html.sp .page-template-sdgs .green_box{
	margin: 50px 0px;
}
.page-template-sdgs .green_box h3{
	background-color: #c3d600;
	padding: 1px;
	margin: 0;
}
.page-template-sdgs .green_box p{
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.2;
	padding: 0 10px;
	margin: 15px 0 0;
}
html.sp .page-template-sdgs .green_box p{
	padding: 0 0px;
	white-space: nowrap;
}

.page-template-sdgs .button.eco{
	font-size: 1.4rem;
	font-weight: 600;
	padding: 20px 50px;
	border-radius: 5px;
}
.page-template-sdgs .button.eco .name{
	font-size: 1.8rem;
	margin: 15px 0 0;
}

.page-template-sdgs .image_row{
	margin: 50px 0 50px;
}
.page-template-sdgs .image_row img{
	margin: 0 13px;
}
.page-template-sdgs .image_row .ib{
	vertical-align: bottom;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0 13px;
}
.page-template-sdgs .image_row_2 img{
	margin: 20px 13px;
}
html.sp .page-template-sdgs .image_row_2 img{
	margin: 20px 0px;
}
html.sp .page-template-sdgs .image_row_2 .ib{
	width: 41%;
	white-space: nowrap;
}



/* NEWS ***************************************************************************** */

.post-type-post h1{
	font-size: 3rem;
	color: #000;
	background-color: transparent;
	margin: 50px 0;
}

.post-type-post article{
	padding: 80px 0;
	border-bottom: 1px solid #000;
}
.post-type-post article .inner{
	max-width: 90%;
	width: 780px;
	margin: 0 auto;
}
.post-type-post article .date{
}
.post-type-post article .title{
	font-weight: 600;
	font-size: 2rem;
	margin: 20px 0;
}
.post-type-post article .content{
}

.navigation{
	text-align: center;
	margin: 50px 0;
}
.navigation a{
	color: #000;
}
.navigation .nav-previous,
.navigation .nav-next{
	display: inline-block;
	margin: 0 50px;
}
.navigation .nav-subtitle,
.navigation .nav-title{
	display: inline-block;
	vertical-align: middle;
	text-decoration: underline;
}
.navigation .nav-title{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 300px;
}