/*
Theme Name: porte20190723
Theme URI: https://porte-web.com/
Description: Porte20190723
Version: 100.0
Author: porte
Author URI: https://porte-web.com/
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap");
html{overflow-y:scroll;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
main{display:block;}
h1, h2, h3, h4, h5, h6,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{vertical-align:bottom; max-width:100%; max-height:100%; height:auto; width:auto;}

/* original reset */
li{
	list-style:none;
}
a {	color:#333; text-decoration:none;}
a:hover {	text-decoration:underline;	}
a:active { }

/* html5 reset +alpha */
html{
    font-size: 62.5%; /* (14px) */
	line-height:1.0;
	color:#333333;
  -webkit-print-color-adjust: exact;
}
#main {
	padding-top:100px;
	line-height:1.8;
}

/* common item */
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}
.clrfx {zoom:1;}
.clr {clear:both;}
.fltl {float:left;}
.fltr {float:right;}
.leftAdjust{text-align:left;}
.rightAdjust{text-align:right;}
.centerAdjust{text-align:center;}
.topAdjust{vertical-align:top;}
.middleAdjust{vertical-align:middle;}
.bottomAdjust{vertical-align:bottom;}
.rlt{position:relative;}
.abs{position:absolute;}
strong { font-weight:bold; }
em { font-style: italic; }
del { text-decoration:line-though; }

/* items */
a img {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}
a:hover img.opa100 {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
}
.container {
	width:1100px;
	margin:0 auto;
}

.for_sp {
	display:none!important;
}
@media screen and (max-width: 1000px) {
}


/* body style */
body {
	font-size:16px;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	background:#fff;
	-webkit-text-size-adjust: 100%;
	font-weight:500;
}
#wrapper {
}

.menu-trigger {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color:  #000000;
	z-index:4001;
    width: 100px;
    height: 100px;
	text-decoration:none;
	z-index:3002;
}
.menu-trigger.active {
}
.menu-trigger:hover {
	text-decoration:none;
}
.menu-trigger span {
	display: inline-block;
	box-sizing: border-box;
	outline:none!important;
}
.menu-trigger div{
	margin:70px 0px 0;
	display:block;
	font-weight:normal;
	letter-spacing:1px;
	font-size:16px;
	font-family:Roboto;
}
.menu-trigger span {
	position: absolute;
	left: 25px;
	width: 50px;
	height:4px;
	background-color: #000000;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index:8000;
}
.menu-trigger span:nth-of-type(1) {
	top: 23px;
}
.menu-trigger span:nth-of-type(2) {
	top: 40px;
}
.menu-trigger span:nth-of-type(3) {
	top: 57px;
}
.menu-trigger.active  span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(3) {
	height: 4px;
	width:60px;
	left:24px;
	background: #ffffff;
}
.menu-trigger.active div {
	opacity:0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translate(-1px,7px) rotate(-45deg);
	transform: translate(-2px,5px) rotate(-45deg);
	top:40px;
}
.menu-trigger.active span:nth-of-type(2) {
	opacity:0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translate(-1px,-7px) rotate(45deg);
	transform: translate(-2px,-5px) rotate(45deg);
	top:50px;
}
/* common */
#header {
	background:rgba(255,255,255,0.95);
	height:100px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2000;

}
#header .logo{
	width:180px;
	padding:25px 0 0 20px;
}
#gnavi {
	display:none;
	background: rgb(1, 201, 106);
	width:100%;
	height:100vh;
	left:0;
	top:0;
	position:fixed;
	overflow-y: scroll;
	z-index:3000;
}
#gnavi .home {
	width:180px;
	padding:25px 0 0 20px;
}

@media screen and (max-width: 1200px) {
}
#gnavi ul{
	padding: 60px 0 0 100px;
}
#gnavi ul li{
	width:100%;
	position:relative;
	padding:10px;
	box-sizing:border-box;
	color: #fff;
	font-weight:bold;
	font-size:18px;
}
#gnavi ul li ul {
	padding: 10px 0 0 20px;
}

#gnavi ul li a {
	color:#ffffff;
}
#gnavi .opt {
    position: absolute;
    right: 100px;
    top: 150px;
    width: 500px;
}
#gnavi .opt a{
    display:block;
	margin-bottom:15px;
	width:400px;
	border-radius:5px;
	background:#fff;
}
#gnavi .opt a img{
	border-radius:5px;
}

#footer {
	background: #fff;
	padding:100px 0 0;
}
#fnavi {
	padding:20px 0;
}
#fnavi ul.ftrbnr01 {
	width: 825px;
	margin: 0 auto 40px;
}
#fnavi ul.ftrbnr02 {
	width: 1100px;
	margin: 0 auto 40px;
}
#fnavi ul li {
	float: left;
	margin-right: 62px;
	width: 365px;
}
#fnavi ul li.petit { width: 270px; }
#fnavi ul li.plusbnr {
	width: 310px;
	padding: 15px;
}
#fnavi ul li:last-child { margin-right: 0; }

/*#fnavi ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#fnavi ul.container{ width: 900px; }
#fnavi ul li{
	width:calc(  100% / 2  - 20px );
	margin:0 10px 30px;
}*/

#fnavi ul li a{
	color:#ffffff;
	font-size:20px;
}

#footer .fbtms {

}
#footer .btmmes p {
	text-align:center;
	padding:30px 0;
	line-height:1.8;
}
#footer .btmlinks {
	padding:0 0 30px;
}
#footer .btmlinks ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#footer .btmlinks ul li{
	width:calc( 50% - 20px );
	margin:0 10px 20px;
}
#footer .btmlinks ul li a{
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	display:block;
	background:#9FA0A0;
	color:#fff;
	position:relative;
	padding:27px 0 27px 100px;
	font-size:26px;
	letter-spacing:0.4em;
	border:3px solid #9FA0A0;
	font-weight:bold;
	text-align:center;
}
#footer .btmlinks ul li a:hover{
	text-decoration:none;
	background:#bbbbbb;
}
#footer .btmlinks ul li img{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	height:50px;
	position:absolute;
	top:16px;
	left:30px;
	opacity:1!important;
}
#footer .btmlinks ul li.fullsize {
	width:100%;
}
#footer .btmlinks ul li.fullsize a {
	padding:30px 0 30px 0px;
	text-align:center;

}
#footer .btmlinks ul li.fullsize a small{
	font-size:20px;
	letter-spacing:0;
}
#footer .btmmain{
	background:#000;
	padding:30px 0 15px;
}
#footer .btmmain .logo{
	width:200px;
	margin:auto;
}
#footer .btmmain .sns{
	position:absolute;
	top:0;
	right:30px;
	color:#fff;
}
#footer .btmmain .sns p {
	position:relative;
	margin-bottom:20px;
}
#footer .btmmain .sns p::before{
	content:"";
	width:1px;
	height:25px;
	position:absolute;
	left:-20px;
	top:-5px;
	background:#fff;
	transform:rotate(-30deg);
}
#footer .btmmain .sns p::after{
	content:"";
	width:1px;
	height:25px;
	position:absolute;
	right:-20px;
	top:-5px;
	background:#fff;
	transform:rotate(30deg);
}
#footer .btmmain .sns .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#footer .btmmain .sns .wrap li{
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	background:#fff;
	margin:0 5px;
	border-radius:30px;
	border:1px solid #000;
}
#footer .btmmain .sns .wrap li:hover{
	background:#000;
	border:1px solid #fff;
}

#footer .btmmain .sns .wrap li a{
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	color:#000000;
	display:block;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	width:36px;
	height:36px;
	font-size:20px;
	border-radius:30px;
}
#footer .btmmain .sns .wrap li:hover a{
	color:#ffffff;
}
#footer .btmmain .sns .wrap li a:hover{
	text-decoration:none;
}
#footer .btmmain address{
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	line-height:1.6;
	font-size:14px;
}
#footer .btmmain address .map{
	padding:10px 0 0;
	font-size:16px;
}
#footer .btmmain address .map i{
	font-size:20px;
	display:inline-block;
	margin-right:5px;
}
#footer .btmmain address .map a{
	color:#fff;
}

#footer #copy {
	text-align:center;
	padding:30px 0 5px;
	color:#ffffff;
}
#footer #copy small{
	padding:15px;
	display: block;
	font-size:12px;
}
.breadcrumbs {
	padding:10px 0;
	margin-bottom:30px;
}
.breadcrumbs strong{
	font-weight:normal;
}
.breadcrumbs br{
	display:none;
}


.pagetitle01 {
	background: rgb(1, 201, 106);
	padding:30px 0;
	text-align:center;
	font-size:50px;
	color:#fff;
}
.pagetitle01 img{
	height:90px;
}
.pagetitle02 {
	background: rgb(1, 201, 106);
	padding:20px 0;
	text-align:center;
	font-size:50px;
	color:#fff;
	font-weight:bold;
}

.pagetitle03 {
	background: rgb(1, 201, 106);
	padding:20px 0;
	text-align:left;
	font-size:36px;
	color:#fff;
	font-weight:bold;
}
.pagetitle03 .container > div:nth-of-type(1){
	margin-left:243px;
}
.pagetitle03 .container >  div:nth-of-type(2){
	margin-left:243px;
}
.pagetitle03 .container >  div:nth-of-type(3){
	margin-left:350px;
}
.pagetitle03 span {
	display:inline-block;
	width:200px;
	height:36px;
	background:#fff;
	margin:0 20px;
	position:relative;
	top:5px;
}





.title_type01 {
	color:#fff;
	padding:10px;
	font-size:20px;
	background:#000!important;
	font-weight:bold;
	line-height: 1.2;
}
.title_type01 .container{
	text-align:center;
}

.title_type02 {
	text-align:center;
}
.title_type02 span{
	font-size:45px;
	font-weight:bold;
	display:block;
	color:#01c96a;
}
.title_type02 small{
	display:block;
	font-weight:bold;
	font-size:16px;
}
.title_type03 {
	font-weight:bold;
	font-size:28px;
	color:#000;
	padding:0 0 20px;
	position:relative;
	margin-bottom:40px;
	text-align:center;
}
.title_type03::after {
	content:"";
	position:absolute;
	bottom:0px;
	width:90px;
	height:5px;
	left:0;
	right:0;
	margin:auto;
	background:#01c96a;
}

.title_type04 {
	font-size:30px;
	font-weight:bold;
	text-align:center;
	color:#222222;
	border-top:1px solid #222222;
	border-bottom:1px solid #222222;
}

.title_type05 {
    text-align: left!important;
    background: #01c96a!important;
	color:#fff;
    font-weight: bold;
    padding: 25px 0 25px 200px!important;
    position: relative;
    font-size: 24px;
    margin-bottom: 40px;
}
.title_type05 span {
    position: absolute;
    left: 0;
    top: 0;
	background:#000;
    color: #fff;
    font-size: 34px;
    text-align: center;
    width: 160px;
    height: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    float: left;
}
.title_type06 {
    background: #01c96a;
    text-align: left;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 25px;
}



.btn_type01 {
	font-size:16px;
	color:#ffffff;
	background:#4d4d4d;
	font-weight:500;
	padding:11px 21px;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	border-radius:50px;
	border:2px solid #4d4d4d;
	cursor:pointer;
}
.btn_type01:hover{
	text-decoration:none;
	background:#666666;
}

.btn_type02 {
	font-size:16px;
	color:#ffffff;
	background: #222222;
	padding:15px 80px;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	border-radius:15px;
	border:2px solid #222222;
	cursor:pointer;
	position:relative;
}
.btn_type02 img{
	position:absolute;
	left:20px;
	top:0;
	bottom:0;
	margin:auto;
	max-height:40px;
	max-width:40px;
}
.btn_type02:hover{
	text-decoration:none;
	background-color:#666666;
}
.btn_type03 {
	font-size: 14px;
    color: #fff;
    background: #686868;
    font-weight: 500;
    padding: 4px 15px;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #4d4d4d;
    cursor: pointer;
}
.btn_type03:hover{
	text-decoration:none;
	background:#cccccc;
	color:#4d4d4d;
}





/* frontpage */
.fronttop {
	padding:0 0 0px;
}
.frontbox {
	background:#01c96a;
}
.frontbox .container {
	display:flex;
	flex-direction: row-reverse;
	flex-wrap:nowrap;
}
.frontbox .lefter {
	width:45%;
	color:#ffffff;
	padding:40px 0 60px;
	position:relative;
}
.frontbox .lefter h2{
	font-size:60px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.6em;
	margin-bottom:20px;
}
.frontbox .lefter p{

}
.frontbox .lefter .linker{
	position:absolute;
	bottom:40px;
	font-size:24px;
	font-weight:bold;
}
.frontbox .lefter .linker i{
	position: absolute;
    top: 0;
    bottom: 0;
    height: 30px;
    line-height: 1;
    margin: auto;
    right: -40px;
    font-size: 30px;
}
.frontbox .lefter .linker a{
	color:#fff;
}


.frontbox .righter {
	width:55%;
}
.fronttop .banner01 {
	position:relative;
	top:-30px;
}


.top_event  {
	padding:0px 0 80px;
	background:#efefef;
}

.top_event h2{
	width:100%;
	box-sizing:border-box;
	margin:auto auto 80px;
}
.top_event .clrfx { margin-bottom: 40px; }
.top_event .lefter {
	float:left;
	width:580px;
	position:relative;
}
.top_event .lefter a{
	display:block;
	position:relative;
	margin-bottom:12px;
}
.top_event .lefter a:nth-last-of-type(1){
	margin-bottom:0px;
}
.top_event .lefter img{
	width:100%;
	max-width:none;
}
.top_event .lftp {
	background:#000000;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	left:0;
	top:0;
	color:#ffffff;
	padding:3px 0 3px 10px ;
	height:34px;
	box-sizing:border-box;
}
.top_event .lftp::after {
	content:"";
	position:absolute;
	top:0;
	right:-22px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 22px 0 0;
	border-color: #000 transparent transparent transparent;
}
.top_event .btmmes {
	background:rgba(0,0,0,0.7);
	font-size:18px;
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	color:#ffffff;
	box-sizing:border-box;
	padding:15px 20px;
}
.top_event .righter {
	float:right;
	width:477px;
	position:relative;
}
.top_event .righter .bn1 {
	margin-bottom:40px;
}

.top_flowlist {
	padding:0 0 80px 0;
}
.top_flowlist .flowbox {
	margin-top:80px;
}
.top_flowlist .lefter{
	float:left;
	width:674px;
}
.top_flowlist .lefter h3{
	font-size:28px;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #ddc7b2;
	padding:0 0 11px;
	margin-bottom:20px;
}
.top_flowlist .lefter h3 img{
	height:48px;
	width:auto;
	display:inline-block;
	margin-right:30px;
}
.top_flowlist .lefter p{
	margin-right:50px;
}

.top_flowlist .righter{
	float:right;
	width:350px;
}
.top_flowlist .linker{
	padding:20px 0 0 ;
}
.top_flowlist .linker a{
	min-width:180px;

}
.top_flowlist .linker a:hover{
	text-decoration:none;
}

.top_flowlist .hayawakari-mov {
	padding: 50px 0 0;
}
.top_flowlist .hayawakari-mov ul { margin-top: 50px; width: 600px; } /*600pxは動画が４つになったら削除*/
.top_flowlist .hayawakari-mov li {
	float: left;
	width: 49%; /*49は動画が４つになったら23.5に変更*/
	margin: 0 2% 0 0;
}
.top_flowlist .hayawakari-mov li:last-child {
	margin-right: 0;
}





.top_works {
	padding:0px 0 80px;
	position:relative;
	background:#efefef;
}
.top_works #works{
	padding:80px 0 20px;
	font-weight:bold;
}
.top_works article{
	float:left;
	width:325px;
	margin-right:62px;
	margin-top:50px;
	margin-bottom:50px;
}
.top_works article:nth-of-type(3n){
	margin-right:0;
}
.top_works article p{
	font-weight:bold;
	padding:10px 0;
	font-size:15px;
}
.top_works article .name{
	font-size:14px;
	display:inline-block;
	margin-right:4px;
}
.top_works article .workscat{
	font-size:12px;
	color:#bf9770;;
	display:inline-block;
}

.top_works .linker{
	text-align:center;
}
.top_works .linker a{
	min-width:180px;
}
.top_info {
	padding:0px 0 0;
}
.top_info h2 {
	margin-bottom:60px;
}
.top_info h3 {
	margin-bottom:40px;
}
.top_info .news_field.indexset {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.top_info .newsliner{
	width:330px;
}
.top_info .newsliner .linker1 {
	margin-bottom:10px;
}
.top_info .newsliner .linker2 {
	margin-top:20px;
}
.top_info .newsliner article{
	margin-bottom:25px;
}
.top_info .newsliner article:nth-of-type( n + 2 ) .thumbs{
	float:left;
	width:120px;
	margin-right:15px;
}
.top_info .newsliner article:nth-of-type( n + 2 ) .title{
	padding-left:135px;
}

.top_info .lefter{
	float:left;
	width:560px;
	margin-bottom:60px;
}
.top_info .lefter dl{
	padding:20px 0 0;
}
.top_info .lefter .newscat{
	background:#01c96a;
	color:#fff;
	display:inline-block;
	padding:3px 10px;
	border-radius:20px;
}
.top_info .lefter .date{
	display:inline-block;
	padding:3px 10px;
}
.top_info .lefter dd{
	padding:5px 0px 20px;
}
.top_info .righter{
	float:right;
	width:500px;
	margin-bottom:60px;
}

.top_info .righter iframe{
	width:100%;
	height:280px;
}
.top_info .lefter iframe{
	width:100%;
	height:280px;
}
.top_info .lefter .linker a{
	min-width:180px;
}
.top_info .righter p{
	text-align:center;
	padding:0 10px 10px;
	font-weight:bold;
	font-size:16px;
}
.top_info .righter .linker a{
	min-width:100%;
}
.top_info .songbox {
	padding:30px 0 0;
}
.top_info .songtxt {
	padding:15px;
}
.top_info .songtxt p { text-align: left; font-weight: normal; }
.top_info .songtxt img { float:left; margin: 0 10px 10px 0; }


.top_cm .lefter, .top_cm .righter { width: 48%; }
.top_cm .lefter { float: left; }
.top_cm .righter { float: right; }
.top_cm .title_type01 { margin-bottom: 50px; }


.top_cm{
	padding:0px 0 60px;
	background:#efefef;
}
.top_insta {
	padding:0px 0 20px;
	overflow:hidden;
	width:100%;
}
.top_insta #instafeed {
	padding:40px 0 0;
}
.top_insta li {
  padding: 0 .375em;
}

.top_insta li div {
  width: 250px;
  height: 250px;
  background: no-repeat center center;
  background-size: cover;
}

.top_insta li p {
	font-size: 14px;
	margin-top: 1em;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}


/* pager
================== */
.page_navi li {
	float: left;
}
.page_navi li:last-child {
	margin-right: 0;
}
.page_navi {
	margin: 50px 0;
	text-align:right;
}
.page_navi ul {
	display:inline-block;
}
.page_navi li {
	display: inline;
	text-align: center;
}

.page_navi li a {
	display: inline-block;
	text-align: center;
	background: #fff;
	border: 1px solid #01c96a;
	color: #01c96a;
	display: block;
	width: 100%;
	border-radius: 15px;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	font-size: 16px;
	line-height:1.6;
}
.page_navi li a:hover {
	background: #01c96a;
	border-radius: 15px;
	color: #fff;
}
.page_navi li span {
	display: inline-block;
	text-align: center;
	background: #01c96a;
	border: 1px solid #01c96a;
	color: #fff;
	display: block;
	width: 100%;
	border-radius: 15px;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	font-size: 16px;
	line-height:1.6;
}
.page_navi li.previous {
	text-align: left;
}
.page_navi li.previous a {
	text-align: left;
	border: none;
	margin-right: 0;
}
.page_navi li.previous a:hover {
	background: #fff;
	color: #01c96a;
}
.page_navi li.next {
	border-radius: 0;
	text-align: right;
}
.page_navi li.next a {
	text-align: right;
	border: none;
	margin-right: 0;
}
.page_navi li.next a:hover {
	background: #fff;
	color: #01c96a;
}


/* works list
================== */

#works #contents .list_thumb .thumb-box {
	float: left;
	width: 325px;
	margin: 0 62px 30px 0;
}
#works #contents .list_thumb .thumb-box:nth-child(3n) {
	margin-right: 0;
}
#works #contents .list_thumb .thumb-box p {
	margin-bottom: 10px;
}
#works #contents .list_thumb .thumb-box .thumb-ttl {
	font-size: 15px;
	line-height: 1.4;
}
#works #contents .list_thumb .thumb-box .caption {
	font-size: 12px;
}
#works #contents .list_thumb .thumb-box .caption a {
	color: #bf9770;
	margin-left: 1em;
}

/* detail - firstview
========================== */
#works #contents #firstview .info {
	float: left;
	width: 24%;
	margin-right: 3%;
}
#works #contents #firstview .photo {
	float: right;
	width: 73%;
}
#works #contents #firstview .info dl {
	text-align: center;
}
#works #contents #firstview .info dt {
	width: 100%;
	background: #ae8670;
	padding: 100px 0;
	color: #fff;
	font-size: 28px;
}
#works #contents #firstview .info dd {
	padding: 24px 0;
}
#works #contents #firstview .info dd.name {
	font-size: 20px;
	color: #666;
}
#works #contents #firstview .info dd.data {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#works #contents #firstview .info dd.data p {
	margin-bottom: 1em;
	line-height: 1.6;
}


/* detail - btn-link
========================== */
#works #contents .btn-link {
	margin: 80px 0;
}
#works #contents .btn-link li {
	width: 48%;
	margin-right: 4%;
	border-radius: 3px;
	text-align: center;
	float: left;
}
#works #contents .btn-link li:last-child {
	margin-right: 0;
}
#works #contents .btn-link li a {
	color: #01c96a;
	display: block;
	width: 100%;
	padding: 8px 0;
	border-radius: 3px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #01c96a;
}
#works #contents .btn-link li a:hover {
	background: #01c96a;
	color: #fff;
}


/* detail - mov-area
========================== */
#works #contents .mov-area {
	margin-bottom: 60px;
}
#works #contents .mov-area dt {
	float: right;
	width: 35%;
	margin-left: 3%;
}
#works #contents .mov-area dt iframe{
	width:100%;
	height:230px;
}
#works #contents dd p.mov-ttl {
	color: #01c96a;
	font-size: 27px;
	line-height: 1.4;
	margin-bottom: .5em;
}
#works #contents .mov-area dd p {
	line-height: 2;
}



/* detail - gallery
========================== */

#works #contents .gallery{
	width:1000px;
	margin:auto;
}
#works #contents .gallery {
	padding-top:60px;
}
#works #contents .gallery h3 {
	margin-bottom:25px;
}
#works #contents .gallery .lay2 p:nth-of-type(1){
	float:left;
	width:490px;
}
#works #contents .gallery .lay2 p:nth-of-type(2){
	float:right;
	width:490px;
}

#works #contents .gallery .caption {
	margin-bottom: 80px;
}


/* detail - voice
========================== */
#works #contents .voice h3 {
	margin-bottom:25px;
}
#works #contents .voice dt {
	float: left;
	width: 25%;
	margin-right: 3%;
	box-sizing: border-box;
	padding: .5%;
	background: #fff;
}
#works #contents .voice dd {
	font-size: 20px;
	padding: 2em 0 0 28%;
}
#works #contents .voice .name {
	font-size: 16px;
	display: block;
	margin-bottom: 1em;
}
#works #contents .voice .name em {
	color: #bf9770;
	margin-left: 1em;
}
.voice_letter {
	width: 55%;
	margin: 80px auto;
}






/* blog */
.news_field article {

}
.news_field article .thumbs {
	margin-bottom:15px;
}
.news_field article .opts {
	padding: 0 0 10px;
}
.news_field article .cats {
	background:#01c96a;
	color:#fff;
	font-size:12px;
	display:inline-block;
	vertical-align:middle;
	padding:5px 7px;
	border-radius:20px;
	margin-right:10px;
}
.news_field article .date {
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
}
.news_field article .title {
	font-weight:bold;
}

.columnmain{
	width:1100px;
}
.columnmain .staffname{
	font-weight: bold;;
}

/* blog list */
.secnewsnav {
	text-align:center;
	margin-bottom:60px;
}
.secnewsnav li {
	display:inline-block;
}
.secnewsnav li a{
	display:block;
	background:#01c96a;
	color:#fff;
	text-align:center;
	margin:5px;
	padding:5px 10px;
	border-radius:5px;
}
.newsmain {
	width:780px;
	float:left;
}

.news2_list article{
	margin-bottom:40px;
}

.news2_list article span{
	display: inline-block;
	margin-left:40px;
}

.news2_list article a{
	text-decoration: underline;
}


.news_list article {
	margin-bottom:40px;

}
.news_list article .thumbs {
	float:left;
	width:300px;
}
.news_list article .opts {
	padding: 0 0 15px;
	margin-left:320px;
}
.news_list article .title {
	margin-bottom:15px;
	margin-left:320px;
}
.news_list article  p{
	margin-left:320px;
}
.newsside {
	width:270px;
	float:right;
}
.newsside .widget > div{
	margin-bottom:30px;
}
.newsside h3{
	background:#9fa0a0;
	color:#fff;
	padding:10px;
	margin-bottom:15px;
}
.newsside li{
	margin-bottom:10px;
}
.newsside li:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}
.newsside li {zoom:1;}
.newsside .widget img{
	width:100px;
	float:left;
	margin-right:5px;
}
.newsside .widget .tagcloud{
	margin-bottom:10px;
}
.newsside .widget .tagcloud a{
    font-size: 12px!important;
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #444;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 10px;
}

.news_single h1{
	font-size:25px;
	font-weight:bold;
	margin-bottom:30px;
}
.news_single h2{
	background:#000000;
	color:#fff;
	padding:10px;
	margin-bottom:15px;
}
.news_single h3{

}
.news_single h4{

}
.news_single p{
	margin-bottom:1em;
}
.news_single .linker{
	padding:100px 0 0;
}

#events .main h2 img{
	width:23%;
}
.events article{
	position:relative;
	border:1px solid #AE8670;
	padding:20px 20px 20px 60px;
}
.events article h4{
	padding:0;
	color:#01c96a;
	font-size:20px;
	font-weight:bold;
}
.daterbn {
	background-color: #01c96a;
	color: #fff;
	margin: 0px auto;
	width:100px;
	padding: 15px 0px;
	position: relative;
	height:120px;
	text-align: center;
	font-size:26px;
	line-height:1.4;
	font-weight:bold;
	position:absolute;
	left:0;
	top:0;
}
.daterbn::after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 20px 50px;
	border-color: transparent transparent #ffffff transparent;
	position:absolute;
	left:0;
	bottom:0;
}

.daterbn span{
	display:block;
	font-size:12px;
}
.daterbn small{
	display:block;
	font-size:14px;
}
.events article  {
	margin-bottom:50px;
}
.events article .thumbs {
	float:right;
	width:350px;
}
.events article .times {
	font-weight:bold;
	margin:10px 300px 5px 0;
}
.events article .place {
	font-weight:bold;
	margin:0px 300px 5px 0;
}
.events article .excerpt {
	margin:20px 300px 0 0 ;
}
.events article .linker{
	text-align:right;
	padding:15px 0 0;
	margin:10px 380px 0 0 ;
}
.events article .linker a{
	padding: 11px 50px;
}
.future  {
	padding:50px 0 100px;
}
.future  dl {

}
.future  dt {
	float:left;
	width:100px;
	padding:10px 0 10px ;
}
.future  dd {
	padding:10px 0 10px 100px;
	border-bottom:1px solid #CCCCCC;
}

.events_single {
	padding:30px 0 50px;
	margin:auto;
}
.events_single .container{
	width:900px;
}
.sharebtn {
	padding:10px 0 40px;
	text-align:right;
}

.events_single .lefter{
	float:left;
	width:500px;
	margin-bottom:50px;
}
.events_single .righter{
	float:right;
	width:360px;
	margin-bottom:50px;
}
.events_single .lefter .times{
	padding:10px 0;
	border-bottom:1px solid #E6E6E6;
	font-size:22px;
	font-weight:bold;
}

.events_single .lefter .place{
	padding:10px 0;
	border-bottom:1px solid #E6E6E6;
}

.events_single .lefter .cost{
	padding:10px 0;
	border-bottom:1px solid #E6E6E6;
}

.events_single .linker{
	width:620px;
	margin:auto;
	padding:50px 0 60px;
	text-align:center;
}
.events_single .mover{
	font-size:16px;
	padding:30px 0;
}

.events_single h2{
	background:#000000;
	color:#fff;
	padding:10px;
	margin-bottom:15px;
}
.events_single h3{

}
.events_single h4{

}
.events_single {
	padding:30px 0 50px;
	margin:auto;
}
.events_single .vk_faq {
    display: block;
    overflow: hidden;
    border-bottom: 0px dotted #ccc;
    padding: 0px 0px 25px;
    margin: 10px 0px 25px;
    width: 100%;
    position: relative;
}
.events_single .vk_faq_title {
	margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0 0 70px;
    position: relative;
}
.events_single  .vk_faq_title:before {
	top:0;
	left:0;
    color: #fff;
    background: #01c96a;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    font-weight: normal;
    box-sizing: border-box;
    padding: 14px 0 0;
    text-align: center;

}
.events_single .vk_faq_content{
    padding: 5px 0 0 70px;
	position:relative;
}
.events_single .vk_faq_content:before{
	top:0;
	left:0;
    color: #fff;
    background: #9FA0A0;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    font-weight: normal;
    box-sizing: border-box;
    padding: 14px 0 0;
    text-align: center;

}
/* samples */
.sample_set {
	width:860px;
	margin:0 auto 80px;
}

.sample_set .lefter {
	display:inline-block;
	vertical-align:bottom;
	font-size:16px;
	margin:0 30px 0 60px;
	position:relative;
	top:-14px;
}
.sample_set .lefter .cat {
	color:#AE8670;
	font-size:22px;
}
.sample_set .righter {
	display:block;
	vertical-align:bottom;
	font-size:30px;
	font-weight:bold;
	position:relative;
	top:14px;
	text-align:center;
}
.sample_set .righter .reds {
	font-size:40px;
	color:#CC0000;

}
.sample_set .righter .reds strong{
	font-size:84px;
}
.muryo {
	margin-bottom:50px;
}
.muryo dt{
	background:#01c96a;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	text-align:center;
	padding:8px 0;
}
.muryo dd{
	background:#F6F1E7;
	text-align:center;
	padding:20px;
	line-height:1.8;
	font-weight:bold;
}
.yuryo dt{
	background:#999999;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	text-align:center;
}
.yuryo dd{
	background:#F2F2F2;
	text-align:center;
	padding:20px;
	line-height:1.8;
	font-weight:bold;
}

/* concept */
.concept01 {
	padding-bottom:60px;
}
.concept01 img{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 650px;
}
.concept01 h2{
	font-size:50px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:20px;
}
.concept01 h2 span{
	color:#01c96a;
}

.concept02{
	padding-bottom:60px;
}
.concept02 h2{
	font-size:36px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:20px;
}
.concept02 h2 span{
	color:#01c96a;
}
.concept02 p{
	width:400px;
}
.concept02 img{
	position:absolute;
	right:0;
	bottom:0;
	width:530px;
}
.concept03 {

}
.concept03 h3 {
	background:#01c96a;
	color:#fff;
	margin-bottom:40px;
}
.concept03 h3 .container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.concept03 h3 span:nth-of-type(1){
	font-size:40px;
	background:#000;
	display:block;
	width:80px;
	height:80px;
	text-align:center;
	box-sizing:border-box;
	padding-top:4px;
}
.concept03 h3 span:nth-of-type(2){
	text-align:left;
	padding-left:30px;
	font-size:28px;
	width:850px;
	box-sizing:border-box;
}
.concept03 h3 span:nth-of-type(3){
	height:80px;
	width:170px;
	text-align:right;
}
.concept03_1 {
	padding:0 0 80px;
}
.concept03_1 .linker {
	text-align:center;
}


.concept03_2 {
	padding:0 0 100px;
}

.concept03_2 .csbox  {
}
.concept03_2 .csbox img {
	width:33.33%;
	float:left;
	box-sizing:border-box;
	margin-bottom:30px;
	border-left:1px solid #fff;
}
.concept03_2 .csbtn a {
	width:30%;
	float:left;
	box-sizing:border-box;
	margin:0 1.65%;
	color:#ffffff;
	text-align:center;
	padding:15px 0;
	border-radius:5px;
	font-size:18px;
}
.concept03_2 .csbtn a.hikari {
	background:#999;
}
.concept03_2 .csbtn a.mucu {
	background:#bf9770;
}
.concept03_2 .csbtn a.switch {
	background:#ae8670;
}
.concept03_3 {
	padding:0 0 100px;
}
.concept03_3 dl:nth-of-type(1){
	margin:50px 0 0;
}
.concept03_3 dl.tokyu3 {
	background:#82a5aa;
}
.concept03_3 dl.tokyu2 {
	background:#7b8b8e;
}
.concept03_3 dl.tokyu1 {
	background:#6a7272;
}
.concept03_3 dl dt {
	float:left;
	width:300px;
	box-sizing:border-box;
	padding:30px 50px;
}
.concept03_3 dl dd {
	padding-left:320px;
}
.concept03_3 dl dd p{
	color:#ffffff;
	font-size:20px;
	line-height:1.5;
}
.concept03_3 dl dd p:first-letter{
	opacity:0.3;
	color:#000;
	font-size:17px;

}
.concept03_3 dl dd p small{
	font-size:16px;
}
.concept03_3 dl.tokyu1 dd p{
	font-size:17px;
}
.concept03_3 dl.tokyu3 dd {
	padding-top:38px;
}
.concept03_3 dl.tokyu2 dd {
	padding-top:20px;
}
.concept03_3 dl.tokyu1 dd {
	padding-top:20px;
}

.concept03_3 .linker {
	text-align:center;
	padding:30px 0 0;
}




.concept03_4 {
	padding:0 0 100px;
}
.concept03_4 .lefter{
	float:left;
	width:446px;
}
.concept03_4 .righter{
	float:right;
	width:500px;
}
.concept03_4 .righter h4{
	color:#000;
	padding:0;
	font-size:28px;
	margin-bottom:20px;
}
.concept03_4 .righter .linker{
	padding:50px 0 0;
}




.concept03_5 {
	padding:0 0 100px;
}
.concept03_5 dl{
	width:720px;
	margin:40px auto 30px;
}
.concept03_5 dt{
	width:80px;
	background:#01c96a;
	float:left;
	height:80px;
	font-size:40px;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:3px;
	padding-top:10px;
	line-height:1.4;
}
.concept03_5 dd{
	width:640px;
	height:80px;
	background:#F6F1E7;
	float:right;
	font-size:21px;
	box-sizing:border-box;
	margin-bottom:3px;
	padding:19px 0 0 30px;
	font-weight:bold;
}
.concept03_5 dd .red{
	color:#CC0000;
}
.concept03_5 .linker,.concept03_6 .linker {
	text-align:center;
	padding:10px 0 0;
}

.concept03_6 {
	padding:0 0 100px;
}
.concept03_6 .flowbox {
	margin-top:80px;
}
.concept03_6 .lefter{
	float:left;
	width:724px;
}
.concept03_6 .lefter > div{
	font-size:27px;
	font-weight:bold;
	color:#BF9770;
	margin-bottom:10px;
}
.concept03_6 .lefter h5{
	font-size:24px;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #ddc7b2;
	padding:0 0 11px;
	margin-bottom:20px;
}
.concept03_6 .lefter h3 img{
	height:48px;
	width:auto;
	display:inline-block;
	margin-right:30px;
}
.concept03_6 .lefter p{
	margin-right:50px;
	line-height:1.8;
}

.concept03_6 .righter{
	float:right;
	width:300px;
}

.concept03_7 {
	padding:0 0 100px;
}

.concept03_7 .flowbox {
	margin-top:80px;
}
.concept03_7 .lefter{
	float:left;
	width:724px;
}
.concept03_7 .lefter > div{
	font-size:27px;
	font-weight:bold;
	color:#01c96a;
	margin-bottom:10px;
}
.concept03_7 .lefter h5{
	font-size:24px;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #000000;
	padding:0 0 11px;
	margin-bottom:20px;
}
.concept03_7 .lefter h3 img{
	height:48px;
	width:auto;
	display:inline-block;
	margin-right:30px;
}
.concept03_7 .lefter p{
	margin-right:50px;
	line-height:1.8;
}

.concept03_7 .righter{
	float:right;
	width:300px;
}


.concept04 {
	padding-bottom:100px;
}

.concept04 h3{
	padding:0px!important;
	font-size:40px!important;
	color:#BF9770!important;
}
.concept04 iframe{
	width:750px;
	height:430px;
	display:block;
	margin:auto;
}




/* flat */
.flat01 {
	padding: 0 0 80px;
}
.flat01 h2 {
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
.flat01 .photos {
	width:900px;
	margin:0 auto 30px;
}
.flat01 p {
	text-align:center;
}

.flat02 {
	padding: 0 0 80px;
}
.flat02 h2 {
	font-size:30px;
	font-weight:bold;
	margin-left:420px;
	margin-bottom:30px;
}
.flat02 h2 span{
	color:#01c96a;
}
.flat02 .photos {
	position:absolute;
	left:0;
	top:0;
	width:350px;
}
.flat02 p {
	margin-left:420px;

}

.flat03 {
	padding: 0 0 60px;
}
.flat03 h2{
	margin: 0 0 30px;
}
.flat03 dl {
	margin:auto;
	width:700px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap:wrap;

}
.flat03 dt {
	background:#01c96a;
	color:#fff;
	font-size:30px;
	width:50px;
	height:50px;
	box-sizing:border-box;
	border-radius:30px;
	text-align:center;
	line-height:1.6;
	margin-bottom:15px;
}
.flat03 dd {
	width:650px;
	margin-bottom:15px;
	box-sizing:border-box;
	padding:0 0 0 20px;
	font-size:24px;
}

.flat04 {
	padding: 0 0 60px;
}
.flat04 h2{
	margin: 0 0 30px;
}
.flat04 h3{
	font-weight:bold;
	text-align:center;
	padding:0 0 30px;
	font-size:26px;
	color:#E7B625;
}
.flat04 .inner{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.flat04 article{
	width:500px;
	padding-bottom:50px;
}
.flat04 article h4{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
.flat04 article .photos{
	margin-bottom:20px;
}

.flat04 article p{

}


.flat05 {
	padding: 0 0 60px;
}
.flat05 h2{
	margin: 0 0 30px;
}
.flat05 .inner{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	width:800px;
	margin:auto;
}
.flat05 li{
	width:350px;
	padding-bottom:50px;
}
.flat05 h3{
	background:#01c96a;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	margin-bottom:20px;

}
.flat05 article p{

}



.flat06 {
	padding: 0 0 60px;
}
.flat06 h2{
	margin: 0 0 30px;
}
.flat06 .inner1{
	width:800px;
	margin:0 auto 80px;
	padding-top:25px;
}
.flat06 .inner1 li{
	background:url(images/item01.png) no-repeat;
	background-size:50px;
	position:relative;
	margin-bottom:20px;
}
.flat06 .inner1 li span{
	font-size:26px;
	color:#fff;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
    width: 50px;
    height: 50px;
}
.flat06 .inner1 li span small{
	font-size:20px;
}
.flat06 .inner1 h3 {
	font-size:36px;
	padding-left:70px;
	color:#01c96a;
	line-height:1.4;
}
.flat06 .inner1  p {
	padding-left:70px;
}
.flat06 .inner1 .photos{
	position:absolute;
	top:0;
	right:0;
	width:160px;
}
.flat06 .inner2{
	width:800px;
	margin:0 auto 0;
}
.flat06 .inner2 p {
	float:left;
	width:400px;
}
.flat06 .inner2 .photos{
	width:400px;
	float:right;
}

/* house */
.house01 {
	padding:0px 0 50px;
}
.house01 h2 {
	font-size:30px;
	font-weight:bold;
	margin-bottom:30px
}
.house01 h2 img{
	height:80px;
	padding-top:20px;
}
.house01 p {
	line-height:2;

}
.house01 .photos{
	position:absolute;
	right:0;
	top:65px;
	width:400px;
}
.house02 {
	padding:30px 0 60px;
}
.house02 .container > p{
	font-size: 22px;
    font-weight: bold;
    padding: 0 0 30px;
    text-align: center;
}
.house02 h2{
	margin-bottom:30px;
}
.house02 h3{
	font-size:20px;
	font-weight:bold;
	padding:10px 0;
}
.house02 p.link {
	font-size: .9em;
	margin-top: .5em;
}
.house02 p.link a { text-decoration: underline; }
.house02 p.link a:hover {
	text-decoration: none;
}
.house02 .boxset {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:40px 0 0;
}
.house02 .boxset::after {
  content:"";
  display: block;
  width:30%;
}
.house02 .boxset article {
	width:320px;
	margin:0 0px 60px;
}

.house03 h2{
	margin-bottom:30px;
}

.house03 .container > p{
	font-size:22px;
	font-weight:bold;
	padding:0 0 30px;
	text-align:center;
}

.house03 .container > h3{
	background:#01c96a;
	color:#fff;
	font-size:20px;
	padding:20px;
	margin-bottom:30px;
	text-align:center;
	position:relative;
}
.house03 .container > h3 img{
    position: absolute;
    left: 45px;
    top: -37px;
    max-height: none;
    width: 170px;
}
.house03 article {
	background:rgba(200,200,200,0.2);
	border:1px solid #333;
	padding:40px 60px;
}
.house03 article h4 {
	margin-bottom:30px;
	color:#fff;
	text-align:center;
	padding:20px;
	font-size:24px;
	font-weight:bold;
}
.house03 article h4:nth-of-type(1) {background:#484846;}
.house03 article h4:nth-of-type(2) {background:#484846;}
.house03 article h4:nth-of-type(3) {background:#484846;}
.house03 article h4:nth-of-type(4) {background:#484846;}
.house03 article h4:nth-of-type(5) {background:#484846;}
.house03 article h4:nth-of-type(6) {background:#484846;}

.house03 .house03_boxarea  {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.house03 .house03_boxarea::after {
  content:"";
  display: block;
  width:30%;
}
.house03 .house03_boxarea .house03_box {
	width:280px;
	padding:20px 20px 130px;
	margin:0px 0px 60px;
	background:#9FA0A0;
	position:relative;

}
.house03 .house03_boxarea .house03_box h5{
	color:#fff;
	font-size:18px;
	margin-bottom:10px;
}
.house03 .house03_boxarea .house03_box p{
	color:#fff;
	padding-top:10px;
}
.house03 .house03_boxarea .house03_box input {
	display:none;
}
.house03 .house03_boxarea .house03_box input + label{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:2px solid transparent;
	cursor:pointer;
	user-select: none;
}
.house03 .house03_boxarea .house03_box input + label span{
	position:absolute;
	bottom:80px;
	left:0;
	right:0;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	color:#ffffff;
}
.house03 .house03_boxarea .house03_box input + label:hover{
	border:2px solid rgba(255,255,255,0.2);
	background:rgba(255,255,255,0.2);
}
.house03 .house03_boxarea .house03_box input + label::before{
  content: "";
  display: block;
	position:absolute;
	bottom:60px;
	left:0;
	right:0;
	width:30px;
	height:30px;
	margin:auto;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg);
	box-sizing:border-box;
	text-align:center;
}
.house03 .house03_boxarea .house03_box input + label::after{
  content: "";
  display: block;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	width:20px;
	height:20px;
	margin:auto;
	border:3px solid #fff;
	box-sizing:border-box;
	background:#fff;
  border-radius: 50%;
}
.house03 .house03_boxarea .house03_box input:checked + label::after{
	background:#333;
}

.house03 .house03_boxarea .default_boxes {
	width:610px;
	padding:20px 20px 20px;
	margin:0px 0px 60px;
	background:#9FA0A0;
	position:relative;

}
.house03 .house03_boxarea .default_boxes h5{
	color:#fff;
	font-size:18px;
	padding:20px 0;
}
.house03 .house03_boxarea .default_boxes .lister {
	display: flex;
	color:#fff;
	margin-bottom:20px;
}
.house03 .house03_boxarea .default_boxes .lister img{
	width:280px;
}
.house03 .house03_boxarea .default_boxes .lister span{
	font-size:18px;
	padding-left:20px;
}
.house03 .linker {
	text-align:center;
	padding:60px 0 0;
}

.house03 .houseprint {
	padding:0 100px;
}
.house03 .houseprint li{
	border-bottom:1px solid #231815;
	padding:10px 10px;
}
.house03 .houseprint .pluser01 {
	text-align:right;
	padding-top:10px;
}
.house03 .houseprint .pluser01 span {
	font-size:40px;
	font-weight:bold;
}
.house03 .houseprint .pluser02 {
	padding:20px 0;
	border-bottom:1px solid #231815;
}
.house03 .houseprint .pluser03 {
	text-align:right;
	padding-top:10px;
}
.house03 .houseprint .pluser03 span {
	font-size:40px;
	font-weight:bold;
}

.house03 .houseprint .pluser04 {
	background:#000000;
	color:#fff;
	position:relative;
	font-size:30px;
	padding:40px 50px;
	margin:0 0 60px;
}
.house03 .houseprint .pluser04 .whitebox{
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	right:30px;
	margin:auto;
	color:#000;
	font-size:16px;
	height:90px;
	box-sizing:border-box;
	padding: 10px 20px 20px;
}
.house03 .houseprint .pluser04 .whitebox span{
	font-size:40px;
	font-weight:bold;
}
.house03 .houseprint .printmes {
	padding:15px 0 0;
	text-align:center;
}


/* アフター */

.after_01 p{
	text-align:center;
}
.after_01 .bgafter01 {
	background:url(images/after_bg01.jpg) no-repeat center center;
	background-size:cover;
	height:570px;
	margin-top:60px;
}
.after_02 {
	padding:80px 0 70px;
}
.after_02_img {
	width:912px;
	margin:30px auto 30px;
	display:block;
}
.after_02 .gaibu {
	background:url(images/after_icon_00.png) no-repeat 150px 150px #F6F1E7;
	background-size:205px 162px;
	margin-top:40px;
	padding:15px 0 30px;
}

.after_02 .gaibu h4 {
	font-weight:bold;
	position:relative;
	color:#000000;
	font-size:42px;
	text-align:center;
	margin-bottom:40px;
}
.after_02 .gaibu h4::before {
	content:"";
	background:#01c96a;
	width:27px;
	height:6px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:0px;
}
.after_02 .gaibu dl {
	margin-left:400px;
	margin-bottom:30px;
}
.after_02 .gaibu dl dt{
	background:#CC9933;
	color:#ffffff;
	width:106px;
	font-size:18px;
	border-radius:8px;
	text-align:center;
	margin-bottom:8px;
	font-weight:bold;
}
.after_02 .gaibu dl dd {
	padding-left:30px;
	position:relative;
	margin-bottom:10px;
}
.after_02 .gaibu dl dd::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	background:#fff;
	border:1px solid #000000;
}
.after_02 .gaibu dl dd::after{
	content:"";
	position:absolute;
	left:2px;
	top:4px;
	width:16px;
	height:8px;
	border-left:2px solid #CC0000;
	border-bottom:2px solid #CC0000;
	transform:rotate(-45deg);
}


.after_02 .naibu {
	background: #F6F1E7;
	margin-top:30px;
	padding:15px 70px 30px;
	margin-bottom:20px;
}

.after_02 .naibu h4 {
	font-weight:bold;
	position:relative;
	color:#000000;
	font-size:42px;
	text-align:center;
	margin-bottom:40px;
}
.after_02 .naibu h4::before {
	content:"";
	background:#01c96a;
	width:27px;
	height:6px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:0px;
}
.after_02 .naibu dl {
	float:left;
	width:430px;
	padding:0 25px 50px;
}
.after_02 .naibu dl dt{
	color:#CC9933;
	font-size:21px;
	font-weight:bold;
	text-align:left;
	margin-bottom:22px;
	padding-left:40px;
	margin-left:50px;
	border-bottom:1px solid #CC9933;
	position:relative;
}
.after_02 .naibu dl dt img{
	position:absolute;
	width:100px;
	height:100px;
	max-height:100px;
	left:-60px;
	top:20px;
}
.after_02 .naibu dl dd {
	margin-left:105px;
	padding-left:30px;
	position:relative;
	margin-bottom:10px;
}
.after_02 .naibu dl dd::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	background:#fff;
	border:1px solid #000000;
}
.after_02 .naibu dl dd::after{
	content:"";
	position:absolute;
	left:2px;
	top:4px;
	width:16px;
	height:8px;
	border-left:2px solid #CC0000;
	border-bottom:2px solid #CC0000;
	transform:rotate(-45deg);
}
.after_02 .naibu dl dd.atten{
	font-size:12px;
	color:#CC0000;
}
.after_02 .naibu dl dd.atten::after{
	content:none;
}
.after_02 .naibu dl dd.atten::before{
	content:none;
}

.after_02 h5{
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:5px;
}

.after_03 {
	padding:120px 0;
}
.after_03 .flowbox {
	margin-top:80px;
}
.after_03 .lefter{
	float:left;
	width:749px;
}
.after_03 .lefter  h3{
	background:transparent;
    text-align: left;
    color: #000;
    font-size: 28px;
    padding: 0;
	font-weight:bold;
	border-bottom:1px solid #01c96a;
	margin-bottom:20px;
	line-height:1.2;
}
.after_03 .lefter h3 span {
	color:#01c96a;
	font-size:65px;
	font-weight:bold;
	vertical-align:middle;
	display:inline-block;
	margin-right:15px;
}
.after_03 .brwn {
	color:#01c96a;
	font-size:23px;
	font-weight:bold;
	margin-top:0;
}
.after_03 .lefter p{
	margin-right:40px;
	margin-top:10px;
}

.after_03 .righter{
	float:right;
	width:275px;
}
.after_03 .linker{
	padding:20px 0 0 ;
}
.after_03 .linker a{
	min-width:180px;
}
.after_03 .linker a:hover{
	text-decoration:none;
}

.after_04 h4{
	text-align:center;
}
.after_04 .after_04_img{
	width:912px;
}
.after_05 {
	padding:40px 0 100px;
}
.after_05 h3{
	width:575px;
	margin:0 auto 40px;
}
.after_05 iframe{
	width:740px;
	height:420px;
	margin:auto;
	display:block;
}

/* 会社概要 */
/* ----------------------------------------
company
------------------------------------------- */
.company {
	font-weight: normal;
}
.company .main {
	margin-bottom:50px;
}
.company .main dl {
	width: 1024px;
	margin: 0 auto 3%;
}
.company .main dt {
	font-size: 45px;
	font-weight: bold;
	color: #01c96a;
	margin-bottom: 3%;
	text-align: center;
}
.company .main dd {
	font-size: 15px;
}
.company .box{
	margin-bottom:80px;

}
.company #contents h4 {
	border-bottom: 1px solid #01c96a;
	border-left: 8px solid #01c96a;
	padding: 4px 15px;
	text-align: left;
font-weight: bold;
font-size: 28px;
margin-bottom: 30px;
line-height: 1.5;
}
.company #contents th,
.company #contents td {
	padding: 2% 5%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.company #contents th {
	background: #f8f8f8;
	font-weight: bold;
	width: 25%;
	text-align: left;
}
.company .works_co li {
	padding: 2% 5%;
	border-bottom: 1px solid #ccc;
}
.company .map_co dd {
	margin-top: 1em;
}
.company .map_co dd strong {
	display: block;
	font-size: 16px;
}
.company .message_co {
	margin:50px auto 50px;
}
.company .message_co dt {

}
.company .message_co dd {
	margin:0 auto 50px;
	width: 53%;
}
.company .message_co dd img {
	width: 22%;
}
.company .message_co dd span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.company .message_co .sign_co {
	text-align: right;
}
.company .mirai_co{
	margin-bottom:60px;
}
.company .mirai_co h3 {

}
.company .mirai_co li {
	background: #f8f8f8;
	width: 21.5%;
	padding: 1%;
	margin: 0 2% 4% 0;
	float: left;
	min-height: 290px;
}
.company .mirai_co li:nth-child(4n){
	margin-right: 0;
}
.company .mirai_co li dd {
	margin-top: 10px;
}
.company .mirai_co li dd strong {
	display: block;
	font-size: 17px;
	margin-bottom: .5em;
}
.company .mirai_co .feature dt {
	font-size: 27px;
	float: left;
	clear: left;
	width: 15%;
	color: #01c96a;
}
.company .mirai_co .feature dd {
	padding: 0 0 1.5em 16%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
	line-height: 2;
}
.company .graph_co p {
	text-align: center;
}
.company .graph_co img {
	width: 70%;
}


.qa_sect {
	margin-bottom:100px;
}
.qa_sect dl{

}
.qa_sect dt{
	margin-top:20px;
	background:#f8f8f8;
	padding:15px 80px;
	position:relative;
	font-size:18px;
	cursor:pointer;
}
.qa_sect dt::before{
	position:absolute;
	left:30px;
	top:0px;
	content:"Q";
	color:#01c96a;
	font-size:30px;
	font-weight:bold;
}
.qa_sect dt .open::before{
	position:absolute;
	right:29px;
	top:25px;
	content:"";
	width:15px;
	height:2px;
	background:#01c96a;
}
.qa_sect dt .open::after{
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	position:absolute;
	right:35px;
	top:19px;
	content:"";
	width:2px;
	height:15px;
	background:#01c96a;
}
.qa_sect dt .open.active::after{
	opacity:0;
}
.qa_sect dd{
	display:none;
	padding:20px 0 0px 130px;
	position:relative;
	font-size:18px;
}

.qa_sect dd::before{
	position:absolute;
	left:80px;
	top:5px;
	content:"A";
	color:#01c96a;
	font-size:30px;
	font-weight:bold;
}





/*flow*/

#flow .main h2 img{
	width:20%;
}
#flow .flowbox {
	margin-bottom:120px;
	position:relative;
}
#flow .flowbox::after {
	content:"";
	position:absolute;
	bottom:-80px;
	left:0;
	right:0;
	margin:auto;
    width: 65px;
    height: 50px;
	background:url(images/cursor_btm.png) no-repeat center center;
	background-size:100% 100%;
}
#flow .flowbox:nth-last-of-type(1)::after {
	content:none;
}
#flow .flowbox .righter {
	width:300px;
	float:right;
}

#flow .flowbox .lefter {
	width:760px;
	float:left;
	position:relative;
}
#flow .flowbox  h3{
	background:transparent;
    text-align: left;
    color: #000;
    font-size: 28px;
    padding: 0;
	font-weight:bold;
	border-bottom:1px solid #01c96a;
	margin-bottom:20px;
	line-height:1.2;
}
#flow .flowbox h3 span {
	color:#01c96a;
	font-size:65px;
	font-weight:bold;
	vertical-align:middle;
	display:inline-block;
	margin-right:15px;
}
#flow .flowbox .reds {
	color:#CC3300;
	font-size:23px;
	font-weight:bold;
	margin-top:0;
}
#flow .flowbox .brwn {
	color:#01c96a;
	font-size:23px;
	font-weight:bold;
	margin-top:0;
}
#flow .flowbox  p {
	width:600px;
	margin-top:10px;
}
#flow .flowbox .sign_muryo{
    position: absolute;
    top: 20px;
    right: 30px;
    background: url(images/flow_icon_saifu.png) no-repeat 10px 8px #9FA0A0;
    background-size: 25px 25px;
    padding: 7px 15px 5px 50px;
    color: #fff;
    font-size: 18px;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-radius:5px;
}
#flow .flowbox .sign_yuryo{
    position: absolute;
    top: -2px;
    right: 30px;
    background: url(images/flow_icon_yen.png) no-repeat 10px 8px #CC3300;
    background-size: 25px 25px;
    padding: 7px 15px 5px 50px;
    color: #fff;
    font-size: 18px;
	font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-radius:5px;
}
#flow .flowbox .btns {
	padding:20px 0 0;
}
#flow .flowbox .btns.centered {
	text-align:center;
	width:700px;
	margin:auto;
}
#flow .flowbox .btns a{
	display:inline-block;
	width:290px;
	margin:5px;
	color:#fff;
	font-size:16px;
	box-sizing:border-box;
	padding:12px;
	border-radius:50px;
	background:#4d4d4d;
	text-align:center;
}
#flow .flowbox .btns a:hover{
	text-decoration:none;
}






.information_body {
  margin-bottom: 4.5em;
	padding:60px 0 0 0;
}
.information_body ._contactform > li {
	margin-bottom: 1em; }
.information_body ._contactform > li span {
	font-size: 14px;
	font-weight:bold;
}
.information_body ._contactform > li em {
	font-size: 12px;
	margin-left: .5em;
	color: #ff0000; }
.information_body ._btn {
	text-align: center;
	margin-top: 2em; }
.information_body ._btn input {
	background: #01c96a;
	color: #fff;
	width: 30em;
	font-weight:bold;
	border-radius: .4em;
	padding: .8em 0;
	letter-spacing: .1em;
	border: solid 1px #01c96a;
	font-size:16px;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
}
.information_body ._btn input:hover {
	background: transparent;
	color: #c6a75c; }
.information_body ._btn input.backbtn {
	background: #999;
	border: solid 1px #999; }
.information_body ._btn input.backbtn:hover {
	background: transparent;
	color: #999; }
.information_body ._contactform textarea,
.information_body ._contactform input[type="text"],
.information_body ._contactform input[type="email"],
.information_body ._contactform input[type="tel"] {
	width: 100%;
	border-radius: .2em;
	padding: 0.8em 1em;
	font-size: 14px;
	border: solid 1px #ccc; }
.information_body ._contactform textarea {
	height: 8em;
}
.information_body ._contactform radio {
	margin-right: 3em;
}
.information_body ._contactform select {
	min-width: 280px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/arrow.png) #fff no-repeat top right;
	border-radius: .2em;
	padding: 0.8em 1em;
	font-size: 14px;
	border: solid 1px #ccc;
	color: #aaa; }
.wpcf7c-conf {
	background-color: #eee!important; }
.information_body ._btn input.wpcf7c-btn-back {
	background-color: #fff!important;
	border: solid 1px #ccc!important;
	color: #ccc!important;
	margin-right: 1.5em!important; }
.information_body ._btn input.wpcf7c-btn-back:hover {
	background-color: #ccc!important;
	color: #fff!important; }
.information_body ._btn input.wpcf7-submit {
	margin-left: 1.5em!important; }
.information_body .thanks_tit,
.information_body .thanks_txt {
	text-align: center;
	font-size: 14px; }
.information_body .thanks_tit {
	font-weight: bold;
	margin-bottom: 20px; }
@media all and (max-width: 640px) {
	.information_body ._btn input {
		width: 100%; }
	.information_body ._btn input.wpcf7c-btn-back {
		margin-right: 0!important;
		margin-bottom: 1em!important; }
	.information_body ._btn input.wpcf7-submit {
		margin-left: 0!important; }
	.information_body .thanks_tit,
	.information_body .thanks_txt {
	text-align: left; }
}

.infomation_atten_text {
	text-align:center;
	padding: 0 0 20px;
}


/* media */

/*------------------------------------------------------
 media
------------------------------------------------------*/
.media-lst {
  max-width: 1400px;
  padding: 0 1.5em;
  margin: 0 auto;
}
.media-lst li {
  border: 1px solid #0a0204;
  margin-bottom: 1.5em;
  padding: 1.5em 3%;
}
.media-lst .pubdate {
  font-size: 18px;
  margin-bottom: 0.5em;
}
.media-lst h3 {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.media-cnt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.media-cnt .txt-area {
  width: 50%;
  font-size: 15px;
}
.media-info {
  background: #eaeaea;
  padding: 1em 3%;
  margin-top: 35px;
}
.media-cnt .img-area {
  width: 42%;
}
.media-cnt .txt-area p, .media-cnt .img-area p {
  margin-bottom: 1em;
}
@media only screen and ( max-width: 640px ) {
  .media-cnt {
    display: block;
  }
  .media-cnt .txt-area, .media-cnt .img-area {
    width: 100%;
  }
  .media-info {
    margin: 1em 0;
  }
  .media-cnt .img-area {
    text-align: center;
  }
	.for_pc {
		display: none !important;
	}
}
















/* トップページ 臨時お知らせ */
.rinjioshirase {
	background:#01c96a;
	color:#fff;
	padding:15px 30px;
}
.rinjioshirase .lefter{
	width:130px;
	font-size:18px;
	font-weight:bold;
	padding-right:30px;
	border-right:1px solid #fff;
}
.rinjioshirase .righter{
	width:835px;
	font-size:18px;
}
.siglemov {
	width: 560px;
	margin: 0 auto;
}



/*プチポルト*/
.f_box {
    display: flex;
/*    display: -webkit-box; */
  	display: -ms-flexbox;
    flex-flow: row wrap;
    -webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow:row wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.f_box::after {
content:"";
width:325px;
}
.f_content {
    width: 325px;
}
.pagetitle_pp {
	background:#01c96a;
	padding:20px 0;
	text-align:center;
	font-size:36px;
	color:#fff;
	font-weight:bold;
}
.pagetitle_pp br {
    display: none;
}
.petitporte01 {
    padding: 86px 0 80px;
}
.lead {
    padding-top: 56px;
}
.petitporte01 h1 {
    font-size: 36px;
    line-height: 48px;
    font-weight: bold;
    margin-bottom: 12px;
}
.petitporte01 span {
    color: #01c96a;
}
.petit_img {
    width: 288.5px;
}
.petit_img figcaption {
    padding-left: 1em;
    text-indent: -1em;
}
.petitporte02 {
    padding: 0 0 60px;
}
.isgrid {
    padding-top: 58px;
}
.merit {
    margin-top: 30px;
}
.petitporte02 h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 26px;
}
.petitporte02 h4 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #01c96a;
    margin-bottom: 20px;
}
.petitporte02 h4::before {
    content: attr(alt);
    display: inline-block;
    text-align: center;
    margin-right: 30px;
    width: 40px;
    background: #01c96a;
    color: white;
}
.petitporte03 {
    padding: 20px 0 60px;
}
.sub {
    text-align: center;
    padding: 40px 0;
}
.sub2 {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.4em;
}
.element {
    text-align: center;
    margin-bottom: 60px;
}
.element img {
    width: 100%
}
.element h4 {
    line-height: 2.4em;
    color: white;
    font-size: 24px;
    font-weight: bold;
    background: #01c96a;
}
.price {
    font-size: 54px;
    font-weight: bold;
    vertical-align: -8px;
    color: #01c96a;
}
.plus {
    font-size: 42px;
    font-weight: bold;
    line-height: 228px;
}
.cost_details {
}
.cost_details h3 {
    font-size: 24px;
    font-weight: bold;
    display: block;
    border-bottom: 3px solid #01c96a;
    margin-bottom: 30px;
}

.cost_details img {
    padding: 20px 0;
}
.r_rectangle {
    font-size: 24px;
    font-weight: bold;
    display: block;
    background-color: #F7F8F8;
    border-radius: 15px;
    padding: 26px 45px;
    margin-top: 50px;
}
.petitporte04 {
    padding: 20px 0 60px;
}
.std_cont {
    width: 320px;
}
.std_img {
    position: relative;
}
.std_cont p {
    margin: 38px 0 70px;;
}
.stds .std_img+p {
    margin-top: 24px;
}
.petitporte04 h3 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    border-left: 12px solid #01c96a;
    border-bottom: 2px solid #01c96a;
    margin-bottom: 50px;
    padding-left: 0.5em;
    line-height: 2.4em;
}
.petitporte04 h4 {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 3em;
    color: white;
    background-color: rgba(0, 0, 0, 0.5)
}
.petitporte04 h5 {
    font-size: 21px;
    font-weight: bold;
    border-bottom: 1px #444 solid;
    line-height: 3.6em;
}
.selective {
    margin-top: 100px;
}
.grbg {
    background: rgba(200,200,200,0.2);
	border: 1px solid #333;
	padding: 60px 60px 0;
}
.grbg_box {
    display: flex;
    flex-flow: row wrap;
}
.slctv_cont {
    width: 320px;
    box-sizing: border-box;
    padding: 20px 18px;
    margin: 0 18px 60px 0;
    background: #9FA0A0;
}

.selective h4 {
    position: inherit;
    width: inherit;
    margin-bottom: 30px;
	color: #fff;
    background: #484846;
	text-align: center;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
    line-height: 1.8em;
}
.selective h5 {
    color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
    line-height: 1.6;
    border-bottom: none;
}
.hidden {
    display: none;
}
.selective p {
    color: #fff;
    font-size: 16px;
	padding-top: 10px;
}
.petitporte05 {
    padding-bottom: 0px;
}
.petitporte05 p {
    margin: 36px 0 20px;;
}
.petitporte05 a {
    font-size: 24px;
    font-weight: bold;
    color: #01c96a;
}




/*会社概要追加スタイル*/
.newyearreso p {
    padding: 0.6em;
}
.stg_txt {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.aft_stg_txt {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin-bottom: 60px;
}

/* ポルトプラス */
.porteplus-logo {
	text-align: center;
	margin: 80px 0;
}
.porteplus-01-beginning {
	display: flex;
	justify-content: space-between;
	margin: 80px 0;
}
.porteplus-01-beginning__content {
	width: 685px;
}
.porteplus-01-beginning__content h2 {
	font-size: 36px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 20px;
}
.porteplus-01-beginning__content h2 span {
	color: #F1BC18;
}
.porteplus-01-beginning__img {
	width: 289px;
}
.porteplus-01-beginning__img p {
	padding-left: 1em;
	text-indent: -1em;
}
.porteplus-01-zkucho__logo {
	text-align: center;
	margin-bottom: 25px;
}
.porteplus-01-zkucho__logo img {
	width: 36%;
}
.porteplus-01-zkucho__btn {
	text-align: center;
}
.porteplus-01-zkucho__btn a {
	display: inline-block;
	color: #fff;
	background: #0097E0;
	padding: 5px 30px;
	border-radius: 20px;
	position: relative;
}
.porteplus-01-zkucho__btn a::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 4px);
	right: 10px;
}
.porteplus-01-life {
	margin: 80px 0;
}
.porteplus-01-life h2 {
	font-size: 36px;
	margin-bottom: 80px;
	text-align: center;
	font-weight: bold;
}
.porteplus-01-life ul {
	display: flex;
	justify-content: space-between;
}
.porteplus-01-life ul li {
	width: 336px;
	padding: 60px 20px 22px;
	border: 3px solid #F1BC18;
	border-radius: 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
}
.porteplus-01-life ul li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
}
.porteplus-01-life ul li .content {
	position: relative;
}
.porteplus-01-life ul li .icon {
	height: 98px;
}
.porteplus-01-life ul li h3 {
	font-size: 28px;
	font-weight: bold;
	margin: 20px 0;
}
.porteplus-01-life ul li a {
	margin-top: 50px;
	background: #01c96a;
	color: #fff;
	display: block;
	padding: 15px;
	position: relative;
}
.porteplus-01-life ul li a::after {
	content: url(images/porteplus_arrow.png);
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;
	line-height: 1;
}
.porteplus-01-life ul li.comfortable {
	background-image: url(images/porteplus_life01.png);
}
.porteplus-01-life ul li.health {
	background-image: url(images/porteplus_life02.png);
}
.porteplus-01-life ul li.eco {
	background-image: url(images/porteplus_life03.png);
}
.porteplus-02, .porteplus-03, .porteplus-04 {
	padding-top: 100px;
	margin-top: -100px;
}
.porteplus-02 .title_type01 {
	margin-bottom: 50px;
}
.porteplus-02__block {
	margin: 60px 0;
}
.porteplus-02__block.row {
	display: flex;
}
.porteplus-02__block h3 {
	color: #01c96a;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
}
.porteplus-02__block h4 {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: bold;
}
.porteplus-02__block.row > *:first-child {
	margin-right: 20px;
}
.porteplus-02__content {
	flex: 1;
}
.porteplus-02__img.type01 {
	width: 482px;
}
.porteplus-02__img.type02 {
	width: 428px;
}
.porteplus-02__img.type03 {
	width: 600px;
}
.porteplus-02-winddir {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.porteplus-02-winddir__block {
	width: 540px;
	display: flex;
}
.porteplus-02-winddir__img {
	width: 233px;
	margin-right: 15px;
}
.porteplus-02-winddir__content {
	flex: 1;
}
.porteplus-02-winddir__content h4 {
	display: flex;
	margin-bottom: 20px;
}
.porteplus-02-winddir__content h4 span {
	width: 48px;
	height: 42px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	font-size: 17px;
}
.porteplus-02-winddir__content p {
	font-size: 15px;
}
.porteplus-02-winddir__block.winter .porteplus-02-winddir__content h4 span {
	background: #EB5E00;
}
.porteplus-02-winddir__block.summer .porteplus-02-winddir__content h4 span {
	background: #0097E0;
}
.porteplus-02-thermo {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 30px;
}
.porteplus-02-thermo__block {
	width: 520px;
}
.porteplus-02-thermo__block p {
	margin-top: 10px;
}
.porteplus-03 .title_type01 {
	margin-bottom: 50px;
}
.porteplus-03__block {
	margin: 60px 0;
}
.porteplus-03__block.row {
	display: flex;
}
.porteplus-03__block h3 {
	color: #01c96a;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}
.porteplus-03__block h4 {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: bold;
}
.porteplus-03__block small {
	font-size: 14px;
}
.porteplus-03__block.row > *:first-child,
.porteplus-03__inner > *:first-child {
	margin-right: 20px;
}
.porteplus-03__block .mb {
	margin-bottom: 20px;
}
.porteplus-03__inner {
	display: flex;
}
.porteplus-03__content {
	flex: 1;
}
.porteplus-03__img.type01 {
	width: 541px;
}
.porteplus-03__img.type02 {
	width: 481px;
}
.porteplus-03__img.type03 {
	width: 487px;
}
.porteplus-03-filter {
	display: flex;
	justify-content: space-between;
}
.porteplus-03-filter__block {
	width: 233px;
}
.porteplus-03-filter__block p {
	font-size: 14px;
	margin-top: 5px;
}
.porteplus-03-eco {
	display: flex;
	justify-content: space-between;
}
.porteplus-03-eco__block {
	width: 530px;
}
.porteplus-04 .title_type01 {
	margin-bottom: 50px;
}
.porteplus-04__block {
	margin: 60px 0;
}
.porteplus-04__block.row {
	display: flex;
}
.porteplus-04__block.row.graph {
	justify-content: space-between;
}
.porteplus-04__block h3 {
	color: #01c96a;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}
.porteplus-04__block.row > *:first-child,
.porteplus-04__inner > *:first-child {
	margin-right: 20px;
}
.porteplus-04__content {
	flex: 1;
}
.porteplus-04__img.type01 {
	width: 421px;
}
.porteplus-04__block.row.graph .porteplus-04__img {
	width: 516px;
	margin-right: 0;
}
.porteplus-04__block:last-child p {
	font-size: 12px;
}
.porteplus-04__block:last-child p span {
	font-size: 13px;
}

.top_ad .motto-box {
	width: 980px;
	margin: 50px auto;
	text-align: center;
}
.top_ad .motto-box .movie-title {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
.top_ad .motto-box .movie-caption {
	font-size: .9em;
}
.top_ad .motto-box .left {
	width: 49%;
	float: left;
}
.top_ad .motto-box .left:first-child {
	margin-right: 2%;
}

/*採用情報*/
.pagetitle02.recruit-header {
  font-size: 40px;
  padding: 30px 0;
}

.recruit-top_img {
  width: 100%;
  margin-top: -30px;
  margin-bottom: 54px;
}

.recruit_wrap .recruit_head01 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  display: block;
}
.recruit_wrap .recruit_head01::after {
  display: block;
  margin: 12px auto;
  width: 90px;
  height: 6px;
  content: "";
  background-color: #efba1d;
}
.recruit_wrap .recruit_head02 {
  font-size: 25px;
  font-weight: bold;
  padding: .2em .5em;
  border-left: 8px solid #efba1d;
  border-bottom: 1px solid #efba1d;
  margin-bottom: 30px;
}

.recruit_lead {
  text-align: center;
  margin-bottom: 76px;
}
.recruit_lead h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #efba1d;
}
.recruit_lead p {
  font-size: 16px;
}

.requirement_links_wrap {
  width: 696px;
  background-color: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 86px;
  padding: 26px 40px;
}
.requirement_links_wrap a {
  background-color: #efba1d;
  width: 333px;
  height: 100px;
  border-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: .2em;
}
.requirement_links_wrap a img:first-of-type {
  width: 34px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  margin-right: 54px;
}
.requirement_links_wrap a img:last-of-type {
  width: 13px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13px;
          flex: 0 0 13px;
  margin-left: 66px;
}
.requirement_links_wrap a:hover {
  text-decoration: none;
  background-color: #f2c94d;
}

.recruit-interview_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px;
}

.recruit-interview_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 520px;
          flex: 0 0 520px;
}
.recruit-interview_img img {
  width: 520px;
}

.recruit-interview_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 530px;
          flex: 1 1 530px;
  width: 560px;
  padding-left: 50px;
}
.recruit-interview_txt h5 {
  color: #979797;
  font-size: 17px;
  font-weight: bold;
}
.recruit-interview_txt p.recruit-interview_head {
  color: #efba1d;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4em;
}
.recruit-interview_txt p.recruit-interview_head span {
  font-weight: normal;
}
.recruit-interview_txt .recruit-interview_name {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: normal;
}
.recruit-interview_txt .recruit-interview_name span {
  font-weight: bold;
}
.recruit-interview_txt h6 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 1.4em;
  margin-bottom: .4em;
}

.recruit_btn {
  width: 100%;
  background-color: #333;
  padding-top: 38px;
  padding-bottom: 38px;
}
.recruit_btn a {
  margin: auto;
  background-color: #efba1d;
  width: 530px;
  height: 85px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: .4em;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.recruit_btn a img {
  width: 44px;
  margin-right: 37px;
}
.recruit_btn a:hover {
  text-decoration: none;
  background-color: #f2c94d;
}

.recruit_block_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 74px;
}
.recruit_block_inner img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 367px;
          flex: 0 0 367px;
  width: 367px;
}
.recruit_block_inner div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 694px;
          flex: 0 0 694px;
  width: 694px;
}
.recruit_block_inner div h5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 20px;
}

.recruit_block_tbl {
  display: table;
  font-size: 16px;
  margin-top: 44px;
  margin-bottom: 86px;
}
.recruit_block_tbl .tbl {
  display: table;
  width: 1100px;
}
.recruit_block_tbl .tbl .tr {
  display: table-row;
  height: 4em;
}
.recruit_block_tbl .tbl .tr .tc {
  display: table-cell;
  border-bottom: 1px solid #cacaca;
  vertical-align: middle;
  padding-left: 50px;
}
.recruit_block_tbl .tbl .tr .tc-left {
  width: 25%;
  background-color: #f5f5f5;
  font-weight: bold;
}
.recruit_block_tbl .tbl .tr:first-of-type .tc {
  border-top: 1px solid #cacaca;
}

.recruit-linkinpage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
  padding-bottom: 60px;
}
.recruit-linkinpage a {
  background-color: #484848;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 28px;
  font-size: 18px;
  width: 198px;
  height: 56px;
}
.recruit-linkinpage a:hover {
  text-decoration: none;
  background-color: #626262;
}

.recruit_block {
  padding-top: 100px;
  margin-top: -100px;
}

.topbnr_recruit { margin-top: 40px; }














/* 2021update */
.fttit_soreporte {
	text-align: center;
}
.fttit_soreporte img{
	width: 500px;
}
.wrap2021 {
	
}
.wrap2021 .title01{
	position: relative;
	margin-bottom: 30px;
}
.wrap2021 .title01.centerpos{
	text-align: center;
}
.wrap2021 .title01 .objectbox {
	position: absolute;
	top: 5px;
}
.wrap2021 .title01.blacker .objectbox::before,
.wrap2021 .title01.blacker .objectbox::after{
	background: #000;
}
.wrap2021 .title01.yeler .objectbox::before,
.wrap2021 .title01.yeler .objectbox::after{
	background: #01c96a;
}
.wrap2021 .title01.rightup .objectbox {
	right: -10px;
}
.wrap2021 .title01.rightup .objectbox::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 100px;
}
.wrap2021 .title01.rightup .objectbox::after {
	content: "";
	position: absolute;
	width: 2000px;
    height: 5px;
	transform: rotate(-4.1deg);
	top: -61.5px;
}
.wrap2021 .title01.leftup .objectbox {
	position: absolute;
	right: calc(100% + 10px);
}

.wrap2021 .title01.leftup .objectbox::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 100px;
}
.wrap2021 .title01.leftup .objectbox::after {
	content: "";
	position: absolute;
	width: 2000px;
    height: 5px;
transform: rotate(4deg);
    top: -61.5px;
    right: -11px;
}
.wrap2021 .title01 .imgerbox {
	display: inline-block;
	position: relative;
}


.wrap2021 .title02{
	font-size: 44px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 30px;
}

.wrap2021 .title02.simpler{
	letter-spacing: 14px;
}


.wrap2021 .bg_gray {
	background: #efefef;
}
.wrap2021 .bg_white {
	background: transparent;
}
.front2021_top {
	margin: auto;
	max-width: 1600px;
	min-width: 1100px;
	position: relative;
}
.front2021_top .front_top_text {
	position: absolute;
	top: 80px;
	z-index: 1000;
	color: #fff;
	font-size: clamp(15px, 1.3vw, 24px);
	margin-top: clamp(40px, 4vw, 200px);
    margin-left: clamp(250px, 20vw, 400px);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);

}
.front2021_information {
	padding: 50px 0;
	overflow: hidden;
}
.front2021_information .title01 img{
	width: 300px;
}
.front2021_information p{
	margin-bottom: 1em;
}
.front2021_mirai {
	padding: 80px 0 ;
	overflow: hidden;

}
.front2021_mirai .container{
	width: 800px;
}
.front2021_teigaku {
	padding: 40px 0 ;
	overflow: hidden;

}
.front2021_ad {
	padding: 60px 0 40px;
	overflow: hidden;
}
.front2021_ad .title01 img{
	width: 300px;
}

.front2021_event {
	padding: 60px 0 80px;
	overflow: hidden;

}
.front2021_event .title01{
	margin-bottom: 30px;
}
.front2021_event .title01 img{
	width: 300px;
}
.wrap2021 .front2021_event .title01.rightup .objectbox {
	right: 10px;
}


.front2021_works {
	padding: 60px 0 80px;
	overflow: hidden;
}

.front2021_works .title01 {
	margin-bottom: 0;
}
.front2021_works .title01 img{
	width: 372px;
}
.wrap2021 .front2021_works .title01.leftup .objectbox {
    right: calc(100% + 32px);
    top: 10px;
}


.front2021_diary {
	padding: 60px 0 80px;
	overflow: hidden;
}
.front2021_diary .title01 img{
	width: 300px;
}
.wrap2021 .front2021_diary .title01.rightup .objectbox {
	right: 20px;
}


.front2021_cm {
	padding: 60px 0 80px;
	overflow: hidden;
}
.front2021_cm .title01 img{
	width: 300px;
}
.wrap2021 .front2021_cm .title01.leftup .objectbox {
    right: calc(100% - 40px);
}


.front2021_insta {
	padding: 60px 0 80px;
	overflow: hidden;
}
.front2021_insta .title01 img{
	width: 342px;
}
.wrap2021 .front2021_insta .title01.rightup .objectbox {
	right: -20px;
}


.flat2021_top {
	margin: auto;
	max-width: 1600px;
	min-width: 1100px;
	position: relative;
}
.flat2021_top .flat_top_text {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	color: #fff;
	width: clamp(400px, 30vw, 540px);

	margin: 100px 100px 0 0;
}
.flat2021_about {
	padding: 50px 0 60px;
	overflow: hidden;
}
.flat2021_about .flex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.flat2021_about p{
	width: 760px;
}
.flat2021_about p small{
	font-size: 14px;
}
.flat2021_about .photos{
	width: 300px;
}


.flat2021_power {
	padding: 50px 0 30px;
	overflow: hidden;
}
.flat2021_power .title01 img{
	width: 350px;
}
.wrap2021 .flat2021_power .title01.leftup .objectbox {
	right: calc(100% + 40px);
    top: 26px;
}
.flat2021_power dl {
	margin:auto;
	width:720px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap:wrap;

}
.flat2021_power dt {
	background:#727171;
	color:#fff;
	font-size:36px;
	width:60px;
	height:60px;
	box-sizing:border-box;
	border-radius:30px;
	text-align:center;
	line-height:1.6;
	margin-bottom:20px;
}
.flat2021_power dd {
	width:650px;
	margin-bottom:20px;
	box-sizing:border-box;
	padding:0 0 0 20px;
	font-size:26px;
	font-weight: bold;
}

.flat2021_dekiru {
	padding: 40px 0 60px;
	overflow: hidden;
}

.flat2021_dekiru .title01 img{
	width: 310px;
}
.wrap2021 .flat2021_dekiru .title01.rightup .objectbox {
	right: -25px;
    top: 22px;
}
.flat2021_dekiru .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flat2021_dekiru article{
	width:500px;
	padding-bottom:50px;
}
.flat2021_dekiru article h4{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
.flat2021_dekiru article .photos{
	margin-bottom:20px;
}

.flat2021_dekiru article p{

}



.flat2021_merit {
	padding: 60px 0 80px;
	overflow: hidden;
}

.flat2021_merit .title01 img{
	width: 360px;
}
.wrap2021 .flat2021_merit .title01.leftup .objectbox {
	right: calc(100% + 50px);
}


.flat2021_merit ul{
	display: flex;
	width: 860px;
	margin: auto;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0 0;
}

.flat2021_merit li{
	width: 400px;
	margin-bottom: 20px;
}
.flat2021_merit li h3{
	background: #727171;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 18px;
	border-radius: 10px;
	margin-bottom: 10px;
}



.flat2021_voice {
	padding: 60px 0 0px;
	overflow: hidden;
}

.flat2021_voice .title01 img{
	width: 420px;
}
.wrap2021 .flat2021_voice .title01.rightup .objectbox {
	right: -25px;
	top: 20px;
}
.flat2021_voice .inner1{
	width:880px;
	margin:0 auto 80px;
	padding-top:25px;
}
.flat2021_voice .inner1 li{
	background:url(images/n21_item01.png) no-repeat;
	background-size:80px;
	position:relative;
	margin-bottom:20px;
}
.flat2021_voice .inner1 li span{
	font-size:36px;
	color:#fff;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
    width: 70px;
    height: 70px;
}
.flat2021_voice .inner1 h3 {
	font-size:34px;
	padding-left:90px;
	color:#231815;
	line-height:1.4;
	font-weight: bold;
}
.flat2021_voice .inner1  p {
	padding-left:90px;
}
.flat2021_voice .inner1 .photos{
	position:absolute;
	top:0;
	right:0;
	width:160px;
}
.flat2021_voice .inner2{
	width:800px;
	margin:0 auto 0;
}
.flat2021_voice .inner2 p {
	float:left;
	width:400px;
}
.flat2021_voice .inner2 .photos{
	width:400px;
	float:right;
}



.future2021_top {
	margin: auto;
	max-width: 1600px;
	min-width: 1100px;
	position: relative;
}
.future2021_top .future_top_text {
	position: absolute;
	top: 0;
	z-index: 1000;
	color: #231815;
	font-size: clamp(15px, 1.3vw, 24px);
	margin-top: clamp(270px, 23vw, 370px);
	margin-left: clamp(140px, 12vw, 200px);
}




.future2021_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 0 0 ;
}
.future2021_list  li {
	width: 480px;
	margin:0 auto 40px;
	position: relative;
}
.future2021_list li h3{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	padding: 10px 0 5px;
	letter-spacing: 3px;
}
.future2021_list li p{
	text-align: center;
	font-size: 14px;
}

.future2021_list li .option01 {
	position: absolute;
	bottom: -50px;
    right: -20px;
    width: 150px;
}

.future2021_energy {
	padding: 60px 0 40px;
	overflow: hidden;
}

.future2021_energy .title01 img{
	width: 300px;
}
.wrap2021 .future2021_energy .title01.leftup .objectbox {
	right: calc(100% + -10px);
    top: 8px;
}

.future2021_sdgs{
	padding: 60px 0 40px;
	overflow: hidden;
}
.future2021_sdgs .title01 img{
	width: 300px;
}
.wrap2021 .future2021_sdgs .title01.rightup .objectbox {
	right: 60px;
    top: 6px;
}

.future2021_durability{
	padding: 60px 0 40px;
	overflow: hidden;
}
.future2021_durability .title01 img{
	width: 340px;
}
.wrap2021 .future2021_durability .title01.leftup .objectbox {
	right: calc(100% + 40px);
    top: 8px;
}

.future2021_clean{
	padding: 60px 0 0px;
	overflow: hidden;
}
.future2021_clean .title01 img{
	width: 300px;
}
.wrap2021 .future2021_clean .title01.rightup .objectbox {
	right: 50px;
    top: 8px;
}

/* eco BOX */
.ecobox {
  font-size: 17px;
  line-height: 2;
}
@media screen and (max-width: 900px) {
  .ecobox {
    font-size: 14px;
  }
}
.ecobox img {
  display: block;
  width: 100%;
}
.ecobox .smp {
  display: none;
}
@media screen and (max-width: 900px) {
  .ecobox .smp {
    display: inherit;
  }
}
.ecobox__mv {
  width: 100%;
  padding-top: 4.41vw;
  aspect-ratio: 25/17;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 900px) {
  .ecobox__mv {
    padding-top: 4vw;
    aspect-ratio: 1/1;
  }
}
.ecobox__mv.-mv1 {
  background-image: url(images/ecobox/ecobox-bg1.jpg);
}
.ecobox__mv.-mv2 {
  background-image: url(images/ecobox/ecobox-bg2.jpg);
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
.ecobox__mv img {
  display: block;
  margin-inline: auto;
  width: 18.14vw;
}
@media screen and (max-width: 900px) {
  .ecobox__mv img {
    width: 40vw;
  }
}
.ecobox__h1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 56px;
  text-align: center;
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}
@media screen and (max-width: 900px) {
  .ecobox__h1 {
    font-size: 6vw;
  }
}
.ecobox__h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
  line-height: 1.4;
}
@media screen and (max-width: 900px) {
  .ecobox__h2 {
    font-size: 5vw;
    text-align: justify;
  }
}
.ecobox__block {
  width: min(90%, 1050px);
  margin-inline: auto;
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
.ecobox__block.-block1 .-flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block1 .-flex {
    flex-wrap: wrap;
  }
}
.ecobox__block.-block1 .-flex .-left-area {
  display: block;
  flex: 1 0 370px;
  width: 370px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block1 .-flex .-left-area {
    width: 100%;
  }
}
.ecobox__block.-block1 .-flex .-right-area {
  flex: 1 1 auto;
  max-width: 632px;
}
.ecobox__block.-block2 h2 {
  color: #01c96a;
}
.ecobox__block.-block3 .-flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block3 .-flex {
    flex-wrap: wrap;
    gap: 60px;
  }
}
.ecobox__block.-block3 .-flex .-left-area {
  display: block;
  flex: 1 0 440px;
  width: 440px;
}
.ecobox__block.-block3 .-flex .-left-area img {
  width: 87%;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block3 .-flex .-left-area {
    flex: auto;
    width: 100%;
  }
  .ecobox__block.-block3 .-flex .-left-area img {
    width: 60%;
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
}
.ecobox__block.-block3 .-flex .-right-area {
  flex: 0 0 auto;
  max-width: 550px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block3 .-flex .-right-area {
    width: 100%;
  }
}
.ecobox__block.-block4 {
  background-color: #FFF8E7;
  padding-top: 70px;
  padding-bottom: 80px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 {
    padding-top: 30px;
  }
}
.ecobox__block.-block4 h2 {
  background-color: #fff;
  color: #01c96a;
}
.ecobox__block.-block4 .-box1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 3%;
}
.ecobox__block.-block4 .-box1 img {
  width: 44.5%;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box1 img {
    width: 60%;
  }
}
.ecobox__block.-block4 .-txt1 {
  font-size: 28px;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-txt1 {
    font-size: 4.8vw;
    -webkit-margin-before: 0.5em;
            margin-block-start: 0.5em;
  }
}
.ecobox__block.-block4 .-txt2 {
  text-align: center;
  -webkit-margin-after: 100px;
          margin-block-end: 100px;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-txt2 {
    text-align: justify;
    padding: 1em;
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
.ecobox__block.-block4 .-box2 {
  position: relative;
  z-index: 1;
}
.ecobox__block.-block4 .-box2 .-upper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  gap: 3%;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box2 .-upper {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.ecobox__block.-block4 .-box2 .-upper img {
  width: 28%;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box2 .-upper img {
    width: 60%;
  }
}
.ecobox__block.-block4 .-box2 .-upper::after {
  content: "";
  width: min(868px, 100%);
  height: 56px;
  background: repeating-linear-gradient(to bottom, #fff, #fff 2px, transparent 4px, transparent 8px);
  position: absolute;
  z-index: -1;
  bottom: 24px;
}
.ecobox__block.-block4 .-box2 .-upperright {
  width: 36%;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box2 .-upperright {
    width: 80%;
  }
}
.ecobox__block.-block4 .-box2 .-upperright p {
  text-align: left;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box2 .-upperright p {
    padding: 0;
  }
}
.ecobox__block.-block4 .-box2 .-upperright img {
  width: min(193px, 100%);
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box2 .-upperright img {
    width: 100px;
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
}
.ecobox__block.-block4 .-box2 .-lower {
  background-color: #82C1EA;
  -webkit-margin-before: -86px;
          margin-block-start: -86px;
  width: min(868px, 100%);
  margin-inline: auto;
  padding-top: 116px;
  padding-bottom: 30px;
}
.ecobox__block.-block4 .-box2 .-lower img {
  width: 92%;
  margin-inline: auto;
}
.ecobox__block.-block4 .-box2 .-lower .-txt3 {
  font-size: 22px;
  text-align: center;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  color: #FFF100;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block4 .-box2 .-lower .-txt3 {
    font-size: 4.5vw;
    line-height: 1.4;
  }
}
.ecobox__block .-txt4 {
  font-size: 30px;
  text-align: center;
  color: #82C1EA;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-txt4 {
    line-height: 1.2;
    margin-block: 0.5em;
  }
}
.ecobox__block .-box3 {
  background-color: #82C1EA;
  color: #fff;
  padding: 16px 6px 30px 30px;
  width: min(868px, 90%);
  margin-inline: auto;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 {
    padding: 4vw;
  }
}
.ecobox__block .-box3 .-txt5 {
  text-align: center;
  font-size: 22px;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 .-txt5 {
    font-size: 4.5vw;
  }
}
.ecobox__block .-box3 .-upper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  width: 800px;
  margin-inline: auto;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 .-upper {
    width: auto;
    grid-template-columns: repeat(2, 1fr);
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.ecobox__block .-box3 .-upper span {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  font-size: 18px;
  text-align: center;
  border-radius: 0.3em;
  line-height: 1.5;
  height: 4.7em;
  margin-block: 0.4em 2em;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 .-upper span {
    font-size: 3.6vw;
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
.ecobox__block .-box3 .-lower {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 .-lower {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
  }
}
.ecobox__block .-box3 .-lower img:first-of-type {
  width: 38%;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 .-lower img:first-of-type {
    width: 60%;
  }
}
.ecobox__block .-box3 .-lower img:nth-of-type(2) {
  width: 62%;
}
@media screen and (max-width: 900px) {
  .ecobox__block .-box3 .-lower img:nth-of-type(2) {
    width: 100%;
  }
}
.ecobox__block.-block5 h2 {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.ecobox__block.-block5 .-txt1 {
  text-align: center;
  font-size: 22px;
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block5 .-txt1 {
    font-size: 4.5vw;
    text-align: justify;
  }
}
.ecobox__block.-block6 h2 {
  color: #01c96a;
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
.ecobox__block.-block6 .-txt1 {
  text-align: center;
  font-size: 22px;
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .ecobox__block.-block6 .-txt1 {
    font-size: 4.5vw;
    text-align: justify;
  }
}
.ecobox__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 678px;
  margin-inline: auto;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
  justify-items: center;
  gap: 60px;
}
.ecobox__grid .-item {
  width: 305px;
}
.ecobox__grid .-item h4 {
  font-size: 19px;
  font-weight: 700;
  margin-block: 0.2em 0.4em;
}
@media screen and (max-width: 900px) {
  .ecobox__grid .-item h4 {
    font-size: 4.5vw;
  }
}
@media screen and (max-width: 900px) {
  .ecobox__grid {
    display: block;
    width: 100%;
  }
  .ecobox__grid .-item {
    width: 100%;
  }
  .ecobox__grid .-item:not(:first-of-type) {
    -webkit-margin-before: 40px;
            margin-block-start: 40px;
  }
}
.ecobox__grid2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 60px;
}
@media screen and (max-width: 900px) {
  .ecobox__grid2 {
    display: block;
  }
}
.ecobox__grid2 .-item {
  width: 320px;
}
@media screen and (max-width: 900px) {
  .ecobox__grid2 .-item {
    width: 100%;
    -webkit-margin-after: 60px;
            margin-block-end: 60px;
  }
}
.ecobox__grid2 h4 {
  font-size: 24px;
  font-weight: 700;
  margin-block: 0.5em 0.8em;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .ecobox__grid2 h4 {
    font-size: 4.8vw;
  }
}
.ecobox__grid2 .-txt1 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4;
  -webkit-margin-after: 0.5em;
          margin-block-end: 0.5em;
}
@media screen and (max-width: 900px) {
  .ecobox__grid2 .-txt1 {
    font-size: 4.3vw;
  }
}
.ecobox .fullcon {
  -webkit-margin-before: 160px;
          margin-block-start: 160px;
  background-color: #EFEFEF;
  padding-top: 40px;
  padding-bottom: 70px;
}