pre_mainpre_mainpre_mainpre_mainpre_mainpre_mainpre_mainpre_mainpre_mainpre_mainpre_main@charset "utf-8";
/* CSS Document */
#contents {background-color:#F1F1F1;}
#contents {background:#F1F1F1 url(../img/m_bg.png) no-repeat center -20px;background-size:100% auto;}
#contents > .inner {padding-bottom:140px;}

.w_base h3 {font-size:1.5em;line-height:1.6em;font-weight:bold;color:#E95071;margin-bottom:10px;}

.top {margin-bottom:40px;}
.top .member_title {text-align:center;padding:55px 1em;position:relative;}
.top .member_title:before,
.top .member_title:after {content:"";display:block;width:100%;height:20px;background:url(../img/line01_red.png) repeat-x left top;background:auto 100%;position:absolute;left:0;}
.top .member_title:before {top:0;}
.top .member_title:after {bottom:0;}
.top .member_title span {display:block;}
.top .member_title .years {}
.top .member_title .style {margin-bottom:15px;}
.top .member_title .name {font-size:2.5em;line-height:1.5em;}
.top .member_title .name_en {}

.box {display:table;width:100%;table-layout:fixed;position:relative;margin-bottom:140px;}
.box:before,
.box:after {content:"";display:table;clear:both;}

.box.right img {float:right;}
.box.left img {float:left;}
.box img.sp {display:none;}

.box .text {width:600px;position:absolute;top:20px;z-index:2;}
.box .text > div {width:calc(100% - 80px);height:100%;background:#fff;padding:30px 40px;position:relative;top:50px;opacity:0;transition:0.3s;-webkit-transition:0.3s;}
.box.right .text {left:0;}
.box.left .text {right:0;}

.box.center {margin-bottom:300px;}
.box.center .text {width:700px;top:155px;left:50%;transform:translateX(-50%);}

.box.act .text > div {top:0;opacity:1;}

.movie {padding:0 100px;}
.movie .st {position:relative;}
.movie .st_box {width:100%;height:0;padding-top:56.4%;background:#fff;position:relative;overflow:hidden;}
.movie .st_box iframe {width:100%;height:100%;position:absolute;left:0;top:0;/*transform:scale(0.8,0.8);*/transform-origin:0 0;}
.st_sp {display:none;}

.person_list {padding-bottom:35px;}
.person_list h2 {text-align:center;padding-top:85px;}
.person_list h2 span {display:inline-block;font-size:1.8em;line-height:1.5em;padding-bottom:3px;border-bottom:solid 2px #EC774F;margin-bottom:40px;}
.person_list ul li {width:33.3%;margin:0 0 50px;float:left;text-align:center;}
.person_list ul li:nth-child(3n+1) {clear:left;}
.person_list ul li .image {margin-bottom:10px;}
.person_list ul li img {width:100%;}
.person_number {display:/*table*/none;margin-bottom:5px;}
.person_number span {display:table-cell;vertical-align:middle;}
.person_number .breakers {font-size:0.6em;line-height:1.5em;padding-right:3px;}
.person_number .number {font-size:2em;line-height:1.5em;font-weight:bold;letter-spacing:-2px;}
.person_list .type {line-height:1.5em;margin-bottom:15px;}
.person_list .name {font-size:2.1em;line-height:1.5em;}
.person_list .name_en {font-size:0.9em;line-height:1.5em;color:#666;}

.pre_main {margin-bottom:100px;}
.pre_main > div {display:table;width:100%;table-layout:fixed;}
.pre_main > div > div {display:table-cell;vertical-align:middle;}
.pre_main > div > div:first-child {background:url(../img/line02_orange.png) repeat left top;background-size:50px auto;}
.pre_main img {width:100%;}
.pre_name {background:#fff;text-align:center;padding:40px 0;}
.pre_name span {display:block;}
.pre_name .type {margin-bottom:40px;}
.pre_name .name {font-size:2em;line-height:1.3em;}
.pre_name .name_en {color:#666;}

.pre_text {padding:0 100px;margin-bottom:80px;}
.pre_text h2,
.movie h2 {color:#EC774F;font-size:1.5em;line-height:1.5em;margin-bottom:15px;}

.works_list {padding:0 40px;margin-bottom:75px;}
.works_list h2,
.flow h2,
.contact h2,
.faq h2 {text-align:center;}
.works_list h2 span,
.flow h2 span,
.contact h2 span,
.faq h2 span {display:inline-block;font-size:1.7em;line-height:1.5em;font-weight:bold;color:#EC774F;padding-bottom:18px;background:url(../img/line03_orange.png) repeat-x left bottom;margin-bottom:30px;}

.works_list > div > div {width:calc(50% - 20px);}
.works_list.i_left .image {float:left;}
.works_list.i_left .text_box {float:right;}
.works_list.i_right  .image {float:right;}
.works_list.i_right  .text_box {float:left;}

.works_list img {width:100%;}
.works_list .text {margin-bottom:25px;}
.works_list .link > a {display:inline-block;width:80px;height:80px;}

.works_list.min h2 {text-align:left;}
.works_list.min h2  span {background:none;margin-bottom:10px;padding:0;}


.w_base.about {padding:45px 0 90px;}

.about h1 {font-size:1.85em;line-height:1.5em;font-weight:bold;letter-spacing:0.8em;text-align:center;margin-bottom:50px;text-indent: 0.8em;}

.table {padding:0 100px;margin-bottom:90px;}
.table table {width:100%;border-bottom:solid 1px #E5E5E5;}
.table table tr {border-top:solid 1px #E5E5E5;}
.table table th,
.table table td {padding:15px 0;}
.table table th {width:140px;font-weight:bold;}

.flow {padding:0 250px;}
.flow h2 span,
.contact h2 span,
.faq h2 span {color:#333;}
.flow li {padding:25px 30px 25px 46px;font-size:1.4em;line-height:1.5em;background:#F1F1F1;color:#EC774F;margin-top:55px;position:relative;text-indent:-1em;}
.flow li:first-child {margin:0;}
.flow li:after {content:"";display:block;width:30px;height:17px;background:url(../img/flow_arrow.png ) no-repeat left top;background-size:100% auto;position:absolute;left:50%;bottom:-37px;transform:translateX(-50%);}
.flow li:last-child:after {display:none;}

.contact {padding:0 100px;}
.contact ul {margin-bottom:30px;}
.contact ul li {text-indent:-1em;padding-left:1em;}
.contact ul li:before {content:"・";}
.contact .address {margin:20px;text-align:center;font-size:1.25em;}

.googlemap {position:relative;overflow:hidden;}
.googlemap .ggb {display:block;width:100%;}
#map_canvas {position:absolute;top:0;left:0;width:100%;height:100% !important;}

.faq {padding:0 100px;margin-bottom:70px;}
.faq li {margin-top:45px;}
.faq li:first-child {margin-top:0;}
.faq h3 a {display:block;color:#EC774F;padding:0 13px 15px 0;position:relative;border-bottom:solid 1px #E5E5E5;}
.faq h3 a:before {content:"";display:block;width:13px;height:11px;background:url(../img/faq.png) no-repeat center center;background-size:100% auto;position:absolute;right:0;top:20px;transform:rotateX(180deg);transition:0.3s;}
.faq h3 a.active:before {transform:rotateX(0deg);}
.faq li .text {display:none;}

#person_cover li {width:50%;}
#person_cover li:nth-child(odd) {float:left;clear:left;}
#person_cover li:nth-child(even) {float:right;}
#person_cover li a {display:block;}
#person_cover .data {width:100%;}
#person_cover .data > div {display:table-cell;width:1000px;height:210px;vertical-align:top;}
#person_cover .data span {display:block;text-align:center;}

#person_cover .data .years {margin-top:30px;}
#person_cover .data .style {margin-bottom:10px;}
#person_cover .data .name {font-size:2.1em;line-height:1.5em;}

.gmap {display:block;width:400px;padding:20px;background:#EC774F;color:#fff;margin:20px auto 0;text-align:center;font-size:1.3em;}


.color01 .w_base h3,
.color01 .top .member_title .name,
#person_cover .color01 .name,
.person_list .color01 .name {color:#c68f4e;}
.color01 .top .member_title:before,
.color01 .top .member_title:after {background-image:url(../img/line01.png);}
.color02 .w_base h3,
.color02 .top .member_title .name,
#person_cover .color02 .name,
.person_list .color02 .name {color:#9caf2b;}
.color02 .top .member_title:before,
.color02 .top .member_title:after {background-image:url(../img/line02.png);}
.color03 .w_base h3,
.color03 .top .member_title .name,
#person_cover .color03 .name,
.person_list .color03 .name {color:#47c479;}
.color03 .top .member_title:before,
.color03 .top .member_title:after {background-image:url(../img/line03.png);}
.color04 .w_base h3,
.color04 .top .member_title .name,
#person_cover .color04 .name,
.person_list .color04 .name {color:#43bbc4;}
.color04 .top .member_title:before,
.color04 .top .member_title:after {background-image:url(../img/line04.png);}
.color05 .w_base h3,
.color05 .top .member_title .name,
#person_cover .color05 .name,
.person_list .color05 .name {color:#6262cc;}
.color05 .top .member_title:before,
.color05 .top .member_title:after {background-image:url(../img/line05.png);}
.color06 .w_base h3,
.color06 .top .member_title .name,
#person_cover .color06 .name,
.person_list .color06 .name {color:#cb52e8;}
.color06 .top .member_title:before,
.color06 .top .member_title:after {background-image:url(../img/line06.png);}
.color07 .w_base h3,
.color07 .top .member_title .name,
#person_cover .color07 .name,
.person_list .color07 .name {color:#ea5071;}
.color07 .top .member_title:before,
.color07 .top .member_title:after {background-image:url(../img/line07.png);}



@media screen and (max-width:1000px){
	#contents .inner {width:100%;}
	.box .text {width:52%;padding:20px;}
	.movie {padding:0 20px;}
	
	.person_list ul {padding:0 20px;}
	.person_list ul li {width:50%;float:right;}
	.person_list ul li:nth-child(3n+1) {clear:none;}
	.person_list ul li:nth-child(2n+1) {float:left;clear:both;}
	
	.pre_text {padding:0 20px;}
	
	.table,
	.faq {padding:0;}
	.table table th,
	.table table td {padding:15px 20px;}
	.flow,
	.contact {padding:0 20px;}
	
	.faq h3 a {padding:0 33px 15px 20px;}
	.faq h3 a:before {right:20px;}
	.faq .text {padding:0 20px;}
	

	
	
}
@media screen and (max-width:750px){
	#contents > .inner {padding-bottom:40px;}
	
	.box img {width:100%;float:none !important;}
	.box img.pc {display:none;}
	.box img.sp {display:block;}
	.box {margin-bottom:40px !important;}
	.box .text {width:calc(100% - 40px) !important;position:static !important;transform:translate(0) !important;}
	.box .text > div {width:calc(100% - 40px);}
	.box .text > div {padding: 30px 20px;}
	
	.person_list h2 {padding-top:35px;}
	.person_list ul {padding:0;}
	.person_list ul li {width:100% !important;float:none !important;}
	.person_list .person_data {padding:0 20px;}
	
	.pre_main {margin-bottom:20px;}
	.pre_main > div > div {display:block;}
	.pre_name .type {margin-bottom:20px;}
	
	.pre_text {margin-bottom:40px;}
	
	.works_list {padding:0;}
	.works_list .image {width:100%;}
	.works_list .text_box {width:calc(100% - 40px);padding:20px;}
	.works_list h2 span,
	.flow h2 span,
	.contact h2 span,
	.faq h2 span {margin-bottom:20px;}
	
	/*.w_base.about {background:none;}*/
	
	.table {padding:0;border:none;}
	.table table tr {border:none;}
	.table table th,
	.table table td {display:block;width:auto;}
	.table table th {background:#E5E5E5;}
	
	.st {display:none;}
	.st_sp {display:block;}
	.st_sp img {width:100%;}
	
	#person_cover li {width:100%;float:none !important;}
	
	.gmap {width:100%;padding:20px 0;}
	
	.box .text > div {opacity:1 !important;top:0 !important;}
}