@CHARSET "UTF-8";
/*
Theme Name: COBAIN様
Author: Akemi Obana
date: 2014.4.26
*/


/* =Basic Setting
-------------------------------------------------------------- */ 

/* Clearing floats */
.clear:after,
.wrapper:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after{
	display: table;
	content: "";
}



/* Images */
img{
	vertical-align: bottom;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}


/* fonts */
body {
	font-size: 13px;
	font-family : 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-rendering: optimizeLegibility;
	color: #594626;
	line-height: 1.7;
	letter-spacing: 1px;
}

h1{
	font-size: 16px;
	margin: 20px 0;
}
h2,h3{
	font-size: 15px;
	margin: 15px 0;
}
h4,h5,h6{
	font-size: 14px;
}

p{
	margin-bottom: 20px;
}

.font_verde{
	color: #73c7ae;
}
.font_aran{
	color: #e6a74a;
}
.font_beige{
	color: #bdaa9e;
}

.font_20{
	font-size: 20px;
	font-weight: bold;
}


/* Links, hover */
a {
	outline: none;
	color: #594626;
	text-decoration: none;
	transition: .3s;
	-webkit-transition: .3s;
}
a:hover {
	color: #847867 !important;
}

a:hover img{
	opacity: .8;
}
.hide_text{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.replace{
	display: inline-block;
	background-position: top left;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: none !important;
}
.replace:hover{
	background-position: bottom left !important;
}

ul{
	margin: 0;
	padding: 0;
}
li{
	list-style-type: none;
}

/* border setting */
.last{
	margin-right: 0 !important;
}
.no_border{
	border: 0 !important;
}



/* icon */
.new_icon{
	background: url('images/common/icon_new.png') no-repeat;
	width: 57px;
	height: 26px;
	position: absolute;
	top: -10px;
	left: -10px;
}

.btn_links{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 !important;
	z-index: 999;
}


.youtube_wrap{
  position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.youtube_wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =Basic structure
-------------------------------------------------------------- */

html{
	overflow-y: scroll;
}
body{
	margin: 0;
	overflow: hidden;
}
.wrapper{
	width: 980px;
	margin: 0 auto;
}

#main-container,
#lp-container{
	position: relative;
}
#main-container .header_bg,
#lp-container .header_bg{
	position: absolute;
	top: 100px;
	width: 100%;
	height: 670px;
	background: url('images/common/header_bg.gif');
	z-index: -99; 
}

#side_area{
	width: 200px;
	float: left;
}

#right_area{
	width: 760px;
	float: right;
}






/* =Header
-------------------------------------------------------------- */

.site-header .wrapper{
	position: relative;
}
.site-header li{
	display: inline;
}

.site-header .site-title{
	float: left;
	margin: 20px 0;
}
.header_subMenu{
	float: left;
	margin-top: 20px;
	text-align: right;
}
.header_subMenu ul{
	width: 420px;
	text-align: right;
	margin-top: 10px;
}
.header_subMenu li.header_tel{
	margin-right: 20px;
}
.header_subMenu ul li a{
	height: 15px;
}
.header_subMenu ul li a.menu_saiyou{
	background: url('https://cobain.co.jp/wp-content/uploads/2015/06/menu_saiyou1.png') no-repeat;
	width: 76px;
	margin-right: 5px;
}
.header_subMenu ul li a.menu_company{
	background: url('images/header/menu_company.png') no-repeat;
	width: 76px;
	margin-right: 5px;
}
.header_subMenu ul li a.menu_event{
	background: url('images/header/menu_event.png') no-repeat;
	width: 70px;
	margin-right: 5px;
}
.header_subMenu ul li a.menu_blog{
	background: url('images/header/menu_blog.png') no-repeat;
	width: 53px;
	margin-right: 5px;
}
.header_subMenu ul li a.menu_owners{
	background: url('images/header/menu_owners.png') no-repeat;
	width: 131px;
}
.header_subMenu ul li a.menu_reform{
	background: url('images/header/btn_reform.png') no-repeat;
	width: 88px;
	height: 20px;
	vertical-align: top;
	margin-top: 5px;
}
.header_subMenu ul li a.menu_estate{
	background: url('images/header/btn_fudosan.png') no-repeat;
	width: 88px;
	height: 20px;
	vertical-align: top;
	margin-top: 5px;
}
.header_subMenu ul li a.menu_recruit{
	background: url('images/header/btn_recruit.png') no-repeat;
	width: 88px;
	height: 20px;
	vertical-align: top;
	margin-top: 5px;
}
.site-header a.btn_session{
	background: url('https://cobain.co.jp/wp-content/uploads/2017/03/btn_session_top.jpg') no-repeat;
	width: 145px;
	height: 126px;
	float: right;
	margin-right: 50px;
}
#header_sns{
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
}
#header_sns li{
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
#main_navigation{
	border-top: #f1e6df solid 1px;
}
#main_navigation ul{
	width: 890px;
}
#main_navigation ul li{
	float: left;
}
#main_navigation ul li a{
	height: 73px;
}
/*
#main_navigation ul li a.menu_concept{
	background: url('images/header/menu_concept.png') no-repeat;
	width: 114px;
}
#main_navigation ul li a.menu_lineup{
	background: url('images/header/menu_lineup.png') no-repeat;
	width: 74px;
}
#main_navigation ul li a.menu_building{
	background: url('images/header/menu_building.png') no-repeat;
	width: 193px;
}
#main_navigation ul li a.menu_works{
	background: url('images/header/menu_works.png') no-repeat;
	width: 117px;
}
#main_navigation ul li a.menu_interview{
	background: url('images/header/menu_interview.png') no-repeat;
	width: 183px;
}
#main_navigation ul li a.menu_flow{
	background: url('images/header/menu_flow.png') no-repeat;
	width: 155px;
}
#main_navigation ul li a.menu_showroom{
	background: url('images/header/menu_showroom.png') no-repeat;
	width: 144px;
}*/
#main_navigation ul li a.nav_promise{
	background: url('images/nav/promise.png') no-repeat;
	width: 157px;
}
#main_navigation ul li a.nav_lineup{
	background: url('images/nav/bino.png') no-repeat;
	width: 90px;
}
#main_navigation ul li a.nav_price{
	background: url('images/nav/price.png') no-repeat;
	width: 90px;
}
#main_navigation ul li a.nav_works{
	background: url('images/nav/works.png') no-repeat;
	width: 113px;
}
#main_navigation ul li a.nav_flow{
	background: url('images/nav/flow.png') no-repeat;
	width: 178px;
}
#main_navigation ul li a.nav_showroom{
	background: url('images/nav/showroom.png') no-repeat;
	width: 171px;
}
#main_navigation ul li a.nav_column{
	background: url('images/nav/column.png') no-repeat;
	width: 181px;
}

/* contact fix banner */

.contact_fix_banner a{
	position: fixed;
	right: 0;
	z-index: 20;
}
.pamphlet_fix{
	background: url('images/header/pamphlet_fix.png') no-repeat;
/*	width: 70px;
	height: 235px;*/
	width: 55px;
    height: 200px;
    background-size: 55px 400px;
	top: 30px;
}
.session_fix{
	background: url('https://cobain.co.jp/wp-content/uploads/2017/03/session_fix-1.png') no-repeat;
	/*width: 70px;
	height: 295px;*/
	width: 55px;
    height: 230px;
    background-size: 55px 460px;
	top: 100px;
}
.session_fix2{
	background: url('https://cobain.co.jp/wp-content/uploads/2017/03/session_fix-2.png') no-repeat;
	/*width: 70px;
	height: 295px;*/
	width: 55px;
    height: 230px;
    background-size: 55px 460px;
	top: 350px;
}
.model_fix{
	background: url('images/modelhouse/model_side.png') no-repeat;
	width: 55px;
    height: 225px;
    background-size: 55px 450px;
	top: 480px;
}

@media only screen and (max-width: 767px){
	.session_fix2{
		top: auto;
		bottom: 80px;
	}
}
/* =Header Image
-------------------------------------------------------------- */

/* flexslider = Front */
#front_img h1{
	text-align: center;
	margin: 30px 0;
}
#front_img{
	position: relative;
	/*background: url('images/common/header_bg.gif');*/
	padding-bottom: 50px;
	width: 100%;
}
#front_img .flexslider{
	position: relative;
	border: 0;
	border-radius: 0;
	margin: 0 auto;
	width: 980px;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#front_img .flexslider:after{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 100px;
	right: 100px;
	z-index: -1;
	content: '';
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	border-radius: 100px / 5px;	
}
#front_img .flex-control-nav{
	right: 0;
	bottom: -30px;
	width: auto;
	left: auto;
}
#front_img .flex-control-paging li a{
	width: 8px;
	height: 8px;
	background: #bfaa9e;
}
#front_img .flex-control-paging li a.flex-active{
	background: #73c7ae;
}

.front_slideCover{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}


 /* subpages header images */
 
.headerImg{
	position: relative;
	margin-bottom: 10px;
}
.headerImg::after{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 100px;
	right: 100px;
	z-index: -1;
	content: '';
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	border-radius: 100px / 5px;
}


/* breadcrumbs */
.breadcrumbs{
	text-align: right;
	font-size: 10px;
	margin-bottom: 50px;
}

.breadcrumbs .home:before{
	content: url('images/common/icon_home.png');
	margin-right: 5px;
	vertical-align: middle;
}




/* =Front Page
-------------------------------------------------------------- */


#front_works{
	background: url('images/common/header_bg.gif');
	padding: 30px 0;
	margin: 50px 0;
}
#front_works h2{
	border-bottom: #73c7ae solid 1px;
	padding-bottom: 10px;
}
#front_works .wrapper{
	max-width: 1200px;
	width: 90%;
}
#front_works .works_list{
	margin-bottom: 0;
}
#front_works .btn_link{
	border: #73c7ae solid 2px;
	background: #fff;
	text-align: center;
	color: #73c7ae;
	display: block;
	padding: 10px;
	border-radius: 10px;
	max-width: 400px;
	margin: 0 auto;
}
#front_works .btn_link:hover{
	background: #73c7ae;
	color: #fff !important;
}
#section_stylePhoto{
	background: url('images/common/header_bg.gif');
	padding: 40px 0 10px;
	margin: 30px 0;
}
#section_stylePhoto .outer_wrap{
	background: url('images/front/style_title.png') no-repeat center top;
	padding-top: 100px;
	height: 370px;
	position: relative;
}
#section_stylePhoto ul{
	padding: 20px 0;
	float: left;
	display: inline;
}
#section_stylePhoto li{
	background: #fff;
	border: #d6cdb3 solid 2px;
	box-shadow: 6px 6px #d6cdb3;
	padding: 10px 10px 20px;
	width: 250px;
	float: left;
	margin: 0 20px;
}
#section_stylePhoto ul li:nth-child(2n+1){
	transform: rotate(-5deg);
}
#section_stylePhoto ul li:nth-child(2n){
	transform: rotate(5deg);
}
#section_stylePhoto li p{
	margin: 0;
	font-size: 12px;
}
/*
#section_stylePhoto .outer_wrap{
	position: absolute;
	top: 30px;
	height: 300px;
}*/
#section_stylePhoto .outer_wrap ul{

}


#pickup_banner{
	position: relative;
	margin: 20px 0 40px;
	border: 0;
	box-shadow: none;
}
#pickup_banner .flex-control-nav{
	bottom: -30px;
}
img.pickup_icon{
	position: absolute;
	top: 10px;
	left: -10px;
	z-index: 999;
}
#pickup_banner a.pickup_img:hover,
.front_box a.front_thumb:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}
.banner_pickup{
	background: url('images/front/banner_pikup.png') no-repeat;
	width: 980px;
	height: 150px;
}
img.front_topBnr{
	margin: 20px 0;
}
.content_links h2{
	border-bottom: #73c7ae solid 1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.front_leftBox{
	float: left;
	width: 482px;
}
.front_rightBox{
	float: right;
	width: 482px;
}

.content_links a.banner_passive{
	background: url('images/front/banner_passive.png') no-repeat;
	width: 482px;
	height: 105px;
}
.content_links a.banner_nisetai{
	background: url('images/front/banner_nisetai.png') no-repeat;
	width: 482px;
	height: 105px;
}
.content_links a.banner_hiraya{
	background: url('images/front/banner_hiraya.png') no-repeat;
	width: 482px;
	height: 105px;
}

.content_links dl{
	width: 316px;
	float: left;
	margin-right: 11px;
}
.content_links a.banner_bino{
	background: url('images/front/img_bino.png') no-repeat;
	width: 316px;
	height: 280px;
}
.content_links a.banner_freeqhomes{
	background: url('images/front/img_freeqhomes.png') no-repeat;
	width: 316px;
	height: 280px;
}
.content_links a.banner_tukuru{
	background: url('images/front/img_tukuru.png') no-repeat;
	width: 316px;
	height: 280px;
}

.content_links a.banner_zakka{
	background: url('images/front/banner_zakka.png') no-repeat;
	width: 316px;
	height: 150px;
	margin-right: 10px;
}
.content_links a.banner_livestyle{
	background: url('images/front/banner_livestyle.png') no-repeat;
	width: 316px;
	height: 150px;
	margin-right: 11px;
}
.content_links a.banner_search{
	background: url('images/front/banner_search.png') no-repeat;
	width: 316px;
	height: 150px;
}

.column_links{
	background: url('images/common/column_bk.png');
	margin-top: 100px;
	padding-bottom: 10px;
	margin-bottom: 80px;
}
.column_links h2{
	position: relative;
}
.column_links h2 img{
	position: absolute;
	top: -58px;
	left: 0;
}
.column_links h2 a.btn_more{
	background: url('images/front/btn_more.png') no-repeat;
	width: 101px;
	height: 38px;
	position: absolute;
	top: -38px;
	left: 316px;
}

.front_box{
	position: relative;
	margin-top: 20px;
}
.front_box h1{
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 10px;
}
.front_box p{
	overflow: hidden;
	margin-bottom: 0;
}
.front_box a.front_thumb{
	width: 165px;
	height: 100px;
	overflow: hidden;
}
.front_event h1{
	font-size: 15px;
}
.front_private p,
.front_blog p{
	font-size: 11px;
	line-height: 1.5;
}
dl.front_bloglist{
	padding: 0 20px;
	width: 440px;
}
.front_bloglist dt{
	width: 130px;
	background: #bdaa9e;
	color: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 10px;
}
.front_bloglist dd{
	display: inline-block;
	width: 290px;
	margin-bottom: 10px;
	line-height: 1.5;
}
a.btn_linkarc{
	background: url('images/front/btn_linkarc.png') no-repeat;
	width: 440px;
	height: 25px;
	margin-left: 20px;
}

.front_column{
	width: 310px;
	float: left;
	margin-right: 10px;
}
.front_column a.alignleft{
	width: 125px;
	overflow: hidden;
	margin-right: 5px;
}
.front_column img{
	height: 125px;
	width: auto;
}
.front_column h1{
	margin: 0 0 10px;
}
.front_column p{
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 0;
}

.front_worksBox{
	width: 210px;
	float: left;
	margin: 15px 15px 0;
	display: block;
}
.front_worksBox .front_thumb img{
	width: 210px;
	height: auto;
}
.front_worksBox .info_title{
	line-height: 1.5;
	margin-top: 5px;
}
.front_worksBox .works_icon{
	margin-bottom: 5px;
	text-align: right;
}
.front_worksBox .new_icon{
	top: 0;
	left: 0;
}
.front_worksBox:hover{
	opacity: .8;
}
.front_worksBox:hover .new_icon{
	background-position: left bottom;
}

#model_bnr{
	margin: 30px 0 0;
	height: 240px;
}
#model_bnr a:hover img{
	margin-top: -5px;
	box-shadow: 0 12px 10px -3px rgba(0,0,0,.3);	
}

#front_holiday p{
	font-size:15px; 
	font-weight:bold; 
	margin:20px 0; 
	padding:20px; 
	background-color:#f2e7df;
}


/* =Page Common
-------------------------------------------------------------- */

h1.main_title{
	margin-top: 0;
}
.page_container h2{
	margin: 40px 0px 20px 0px;
}
h2.sub_title{
	background: #f1e6df;
	font-weight: normal;
	color: #bdaa9e;
	font-size: 12px;
	padding: 5px 0 5px 15px;
	margin-bottom: 25px;
}
h2.subtitle_underline{
	border-bottom: #594626 solid 1px;
	font-size: 11px;
	margin: 30px 0;
}
.page_container{
	background-color: rgba(255,255,255,.7);
	box-shadow: 1px 1px 3px #d2d2d2;
	padding: 20px 30px;
	margin-bottom: 80px;
	padding-bottom: 50px;
	border-top: #73c7ae solid 1px;
}

.page_intro{
	margin-top: -40px;
	margin-bottom: 50px;
}
.page_intro .alignleft{
	margin-top: -20px;
	width: 290px;
}
.page_intro .alignright{
	margin-top: -20px;
	margin-left: 0;
}
.page_intro img.intro_photo{
	box-shadow: 1px 1px 3px #ccc;
}
.page_intro h2{
	margin-top: 100px;
}
.page_intro p{
	overflow: hidden;
}

#right_area .page_container{
	padding: 20px;
}

img.grass_border{
	margin: 40px 0;
}


.btn_more_l{
	background: url('images/common/btn_more_l.png') no-repeat;
	width: 482px;
	height: 25px;
}

.arc_box:hover{
	opacity: .8;
	filter: alpha(opacity=80);	
}

/* entry_content */

p.posted_date{
	text-align: right;
	color: #bfaa9e;
	font-size: 11px;
	margin-bottom: 30px;
}
.entry_content img{
	margin: 10px 0;
}
.entry_content a img:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}
.entry_content h2{
	font-size:　15px;
	font-weight: normal;
	color: #73c7ae;
}
.entry_footer{
	background: #f1e6df;
	padding: 10px 0;
	margin-top: 50px;
	clear: both;
}
.entry_footer p.posted_date{
	margin-bottom: 0;
}


/* sns */
.sns_btn{
	position: relative;
	height: 30px;
}
.sns_btn span{
	position: absolute;
	top: 0;
	display: inline-block;
}
.sns_btn span.fb{
	right: 80px;
	width: 100px;
}
.sns_btn span.tw{
	right: 190px;
}
.sns_btn span.google1{
	right: 0;
	width: 70px;
}


/* paging */

.nav-single{
	text-align: center;
	border-bottom: #bfaa9e solid 1px;
	padding-bottom: 10px;
	margin-bottom: 70px;
}

.nav-single span.nav-previous{
	float: left;
}
.nav-single span.nav-next{
	float: right;
}


.wp-pagenavi{
	text-align: center;
	border-bottom: #bfaa9e solid 1px;
	color: #bfaa9e;
	margin-bottom: 50px;
}

.wp-pagenavi a{
	color: #bfaa9e;
}
.wp-pagenavi a.page,
.wp-pagenavi span.current{
	margin: 0 3px;
}
.previouspostslink{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url('images/common/btn_prev.png') no-repeat;
    width: 28px;
    height: 13px;
    display: inline-block;
	float: left;
}
.nextpostslink{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url('images/common/btn_next.png') no-repeat;
    width: 29px;
    height: 13px;
    display: inline-block;
	float: right;
}




/* =Concept
-------------------------------------------------------------- */

img.concept_img1{
	margin-left: -12px;
	margin-bottom: 50px;
}
.kawamoto_mess{
	width: 550px;
	float: right;
	margin-bottom: 50px;
}
.kawamoto_mess p{
	line-height: 2;
	font-size: 15px;
	margin-bottom: 30px;
}
.kawamoto_mess img{
	margin-bottom: 30px;
}

.kawamoto_desire{
	background: url('images/concept/mess_bk.png') no-repeat;
	width: 733px;
	height: 338px;
	padding: 200px 100px;
}
.kawamoto_desire p{
	font-size: 15px;
	margin-bottom: 30px;
}




/* =Line Up
-------------------------------------------------------------- */ 

.inpage_links{
	width: 710px;
	text-align: right;
	margin-bottom: 10px;
}
.inpage_links li{
	display: inline;
}
.inpage_links li a{
	height: 25px;
}
.inpage_links li a.bino_concept{
	background: url('images/bino/btn_concept.png') no-repeat;
	width: 129px;
}
.inpage_links li a.bino_speciality{
	background: url('images/bino/btn_speciality.png') no-repeat;
	width: 133px;
}
.inpage_links li a.bino_skipfloor{
	background: url('images/bino/btn_skipfloor.png') no-repeat;
	width: 134px;
}
.inpage_links li a.bino_lineup{
	background: url('images/bino/btn_lineup.png') no-repeat;
	width: 132px;
}
.inpage_links li a.bino_gallery{
	background: url('images/bino/btn_photpgallery.png') no-repeat;
	width: 135px;
}
.inpage_links li a.tukuru_speciality{
	background: url('images/tukuru/btn_speciality.png') no-repeat;
	width: 137px;
}

.inpage_links li a.tukuru_spec{
	background: url('images/tukuru/btn_spec.png') no-repeat;
	width: 143px;
}


#bino_concept h2{
	margin: 50px 0 20px;
}
img.slip_mess{
	margin-bottom: 10px;
}

.lineup_box{
	width: 710px;
	padding-top: 110px;
	padding-left: 30px;
	margin-bottom: 10px;
}
#bino_lineup .allen{
	background: url('images/bino/bg_allen.png') no-repeat;
	height: 314px;
}
#bino_lineup .lone{
	background: url('images/bino/bg_lone.png') no-repeat;
	height: 304px;
}
#bino_lineup .wave{
	background: url('images/bino/bg_wave.png') no-repeat;
	height: 313px;
}
#bino_lineup .xcrews{
	background: url('images/bino/bg_xcrews.png') no-repeat;
	height: 364px;
}
#bino_lineup .moco{
	background: url('images/bino/bg_moco.png') no-repeat;
	height: 364px;
}
#bino_lineup .neog{
	background: url('images/bino/bg_neog.png') no-repeat;
	height: 343px;
}
.lineup_box p{
	width: 320px;
}
.lineup_box p.lineup_desc{
	font-size: 20px;
	font-weight: bold;
}

.lineup_gallery{
	margin-bottom: 30px;
}

#freeq_concept h3{
	margin-top: 30px;
}
p.freeq_conceptmess{
	margin-top: 30px;
}
.inov_mess{
	border-bottom: #594626 dotted 1px;
	margin-bottom: 20px;
}
.inov_mess p.font_20{
	margin-bottom: 10px;
}
#freeq_lineup .lineup_box{
	padding-top: 100px;
}
#freeq_lineup .covaco{
	background: url('images/freeq/bg_covaco.png') no-repeat;
	height: 231px;
	margin-top: 20px;	
}
#freeq_lineup .booots{
	background: url('images/freeq/bg_booots.png') no-repeat;
	height: 300px;	
}
#freeq_lineup .loafer{
	background: url('images/freeq/bg_loafer.png') no-repeat;
	height: 231px;	
}
#freeq_lineup .lineup_box p.lineup_desc{
	line-height: 1.2;
	margin-bottom: 30px;
}
#freeq_lineup .covaco p.lineup_desc{
	margin-bottom: 10px;
}
#freeq_lineup .lineup_box p{
	width: 650px;
}

#tukuru_speciality h2.subtitle_underline{
	margin-top: 0;
}
#tukuru_speciality h3{
	margin-bottom: 30px;
}
#tukuru_speciality h4{
	margin: 20px 0;
}
#tukuru_speciality .point_box{
	position: relative;
}
.tukuru_specialflag{
	position: absolute;
	top: 0;
	left: -10px;
}
#tukuru_speciality .point_box{
	border-bottom: #594626 dotted 1px;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
#tukuru_speciality .point_box p{
	width: 340px;
	float: left;
	margin-right: 30px;
}
#tukuru_spec{
	padding-top: 20px;
}
#tukuru_spec h3{
	margin-top: 30px;
}


/* lineup flexslider */
.lineup_gallery .flexslider{
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.lineup_gallery .flexslider .flex-control-nav{
	top: -30px;
	right: 0;
	width: auto;
}
.lineup_gallery .flex-control-nav li{
	margin: 0 3px;
}
.lineup_gallery .flex-control-paging li a{
	border-radius: 0;
	background: #f1e6df;
	box-shadow: none;
	width: 20px;
	height: 20px;
}
.lineup_gallery .flex-control-paging li a.flex-active{
	background: #bfaa9e;
}


/* =Column
-------------------------------------------------------------- */

h1.column_title{
	border-bottom: #594626 dotted 1px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

h1.column_title .font_beige{
	font-size: 11px;
}

.column_arc{
	position: relative;
	margin: 20px 0;
}
.column_arc .arc_box{
	background: url('images/column/arc_bg.png') no-repeat;
	width: 790px;
	height: 140px;
	padding-left: 130px;	
}
.column_arc h1{
	margin: 20px 0 10px;
}
.column_arc p{
	margin-left: 60px;
	margin-bottom: 0;
	width: 500px;
}
.column_arc img.alignright{
	margin: 0;
}



/* =Works
-------------------------------------------------------------- */

.works_content{
	margin-bottom: 50px;
	position: relative;
}
/*
.works_content .link_owners{
	position: absolute;
	top: -100px;
	right: 0;
	z-index: 5;
}*/
h1.works_title{
	/*border-bottom: #73c7ae solid 1px;*/
	font-weight: bold;
	margin: 50px 0;
	text-align: center;
	font-size: 24px;
}
.works_info{
	overflow: hidden;
}
.works_detail{
	background: rgba(255,255,255,.7);
	padding: 30px 20px;
	margin: 10px 0 20px;
}
.works_detail p{
	margin-bottom: 0;
}
.works_detail p.works_logo{
	margin-top: 5px;
}
.works_link{
	background: url('images/works/btn_interview.png') no-repeat;
	width: 316px;
	height: 40px;
}

.works_arc dl{
	margin-bottom: 50px;
	position: relative;
}
.works_arc dt{
	width: 482px;
	height: 240px;
	overflow: hidden;
}
.works_arc dd{
	margin-bottom: 10px;
}
.works_arc dd.works_title{
	margin-top: 30px;
}
.works_arc dd a.btn_more_l{
	margin-top: 30px;
	position: absolute;
	bottom: 10px;
	right: 0;
}
.works_arc .link_owners{
	position: absolute;
	right: 0;
	top: 80px;
}
.works_arc .link_owners img{
	width: 290px;
}
/* works flexslider */
#works_slider.flexslider{
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 650px;
	height: 500px;
	margin-right: 10px;
}
#works_slider.flexslider .flex-control-thumbs{
	top: -60px;
	left: 0;
	width: auto;
	position: absolute;
}
#works_slider .flex-control-nav li{
	margin: 0 3px;
}
#works_slider .flex-control-paging li a{
	border-radius: 0;
	background: #f1e6df;
	box-shadow: none;
	width: 20px;
	height: 20px;
}
#works_slider .flex-control-paging li a.flex-active{
	background: #bfaa9e;
}

#works_slider .flex-control-thumbs li{
	width: 50px;
	height: 50px;
}

/* =Flow
-------------------------------------------------------------- */

.flow_block{
	margin: 50px 0 10px;
}
.flow_block .alignleft{
	margin-left: 30px;
	margin-right: 30px;
}
.flow_final p{
	overflow: hidden;
}
.flow_block p.step_mess{
	margin-top: 50px;
	margin-left: 250px;
}
.flow_final .alignleft{
	margin-left: 0;
}
.flow_step{
	overflow: hidden;
}
.flow_step p{
	position:relative;
	width: 560px;
	padding: 20px;
	background: #fff;
	border: #bdaa9e solid 1px;
	border-radius: 3px;
	margin-left: 20px;
}
.flow_step p:before {
	border: 10px solid transparent;
	border-right-color: #fff;
	border-width: 10px 20px 10px;
	border-left-width: 0;
	left: -19px;
	content: "";
	display: block;
	top: 30px;
	position: absolute;
	width: 0;
	z-index: 1;
}
 
.flow_step p:after {
	border: 10px solid transparent;
	border-right-color: #bdaa9e;
	border-width: 10px 20px 10px;
	border-left-width: 0;
	left: -20px;
	content: "";
	display: block;
	top: 30px;
	position: absolute;
	width: 0;
}
.flow_step p.step_1,
.flow_step p.step_5,
.flow_step p.step_7{
	margin-top: 35px;
}
.flow_step p.step_9{
	margin-top: 60px;
}
.flow_step p.step_2,
.flow_step p.step_3,
.flow_step p.step_4,
.flow_step p.step_11{
	margin-top: 80px;
}
.flow_step p.step_6,
.flow_step p.step_8,
.flow_step p.step_10,
.flow_step p.step_12{
	margin-top: 100px;
}





/* =Show Room
-------------------------------------------------------------- */

p.showroom_mess{
	font-size: 15px;
	line-height: 2;
	letter-spacing: 1.5;
}
.showroom_interior{
	margin-bottom: 20px;
}
.showroom_interior dl{
	width: 251px;
	float: left;
	margin-left: 38px;
	margin-bottom: 30px;
}
.showroom_interior dt{
	margin-bottom: 10px;
}
.showroom_interior dd{
	letter-spacing: 0;
}
.showroom_interior dd p{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

img.showroom_staff{
	margin-left: 40px;
}
 ul.zakka_img li{
	float: left;
	margin-left: 40px;
	margin-bottom: 30px; 
 }
.showroom_access{
	margin-left: 40px;
	width: 830px;
}
.showroom_access table.company_info{
	width: 500px;
}
.showroom_access table.company_info th{
	width: 90px;
}




/* =Estate
-------------------------------------------------------------- */

a.link_session{
	background: url('images/estate/banner_session.png') no-repeat;
	height: 65px;
	width: 830px;
	margin: 10px 40px;
}

img.estate_illust{
	margin-top: 60px;
}





/* =Solar
-------------------------------------------------------------- */

h2.solar_title{
	margin-top: 80px;
	margin-bottom: 30px;
}
p.solar_subtitle{
	margin-top: 50px;
}
p.solar_center{
	text-align: center;
}
.covaco_box h3{
	margin-bottom: 20px;
}

.covaco_systems{
	border-bottom: #594626 dotted 1px;
	margin: 40px 0;
}





/* =Interview
-------------------------------------------------------------- */

h1.interview_title{
	border-bottom: #73c7ae solid 1px;
	padding-bottom: 10px;
	font-weight: normal;
}

.owner_detail{
	background: url('images/common/owner_detailbg.png') no-repeat;
	width: 980px;
	height: 190px;
	padding-top: 40px;
}
.owner_detail p{
	margin-left: 150px;
	margin-bottom: 0;
}

.interview_container{
	margin-bottom: 80px;
}
.interview_comment{
	padding: 0 25px;
	margin-bottom: 50px;
}
.interview_comment h2{
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 30px;
}

.interview_arc{
	margin-bottom: 100px;
}
.interview_arc dl{
	width: 482px;
	float: left;
	margin-right: 16px;
	margin-bottom: 30px;
}
.interview_arc dl:nth-child(even){
	margin-right: 0;
}
.interview_arc dt{
	width: 482px;
	height: 240px;
	overflow: hidden;
}
.interview_arc dd{
	margin-bottom: 10px;
	height: 45px;
}



/* =Passive
-------------------------------------------------------------- */ 

.passive_arc{
	position: relative;
	margin-bottom: 30px;
}
.passive_arc .arc_box{
	background: url('images/common/column_bk.png');
}
.passive_arc img.alignleft{
	margin: 15px 20px 15px 15px;;
}
.passive_arc img.alignright{
	margin: 0;
}
.passive_arc h1{
	margin: 20px 0 10px;
}
.passive_arc p{
	margin: 0;
}
h1.passive_title{
	margin-bottom: 50px;
}
h1.passive_title span.font_beige{
	font-size: 11px;
}



/* =nisetai
-------------------------------------------------------------- */ 

.nisetai_arc{
	position: relative;
	width: 430px;
	float: left;
	background: #f1e6df;
	padding: 10px;
	margin: 20px 5px 20px 0;
	
}

.nisetai_arc img{
	margin: 0;
}
img.nisetai_flag{
	position: absolute;
	top: -10px;
	left: 10px;
	z-index: 999;
}
.nisetai_arc h1{
	text-align: center;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: #847867 dotted 1px;
}

p.nisetai_img{
	width: 430px;
	height: 140px;
	overflow: hidden;
}

/* =Hiraya
-------------------------------------------------------------- */ 





/* =Event
-------------------------------------------------------------- */

.event_arc{
	position: relative;
	margin-bottom: 30px;
}
.event_arc a.alignleft{
	width: 155px;
	height: 100px;
	overflow: hidden;
}
.event_arc a.alignleft:hover{
	opacity: .8;
	filter: alpha(opacity=80);	
}
.event_arc h1{
	margin: 10px 0;
	font-weight: normal;
	font-size: 13px;
}

.event_info{
	background: #f1e6df;
	padding: 20px;
	line-height: 2;
	margin-bottom: 30px;
}
.event_info p{
	margin-bottom: 0;
}



/* =Infomation
-------------------------------------------------------------- */

img.company_img{
	margin: 40px auto;
	display: block;
}

table.company_info{
	width: 710px;
	margin-bottom: 50px;
}
table.company_info tr{
	border-bottom: #bdaa9e solid 1px;
}
table.company_info th{
	width: 150px;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}
table.company_info td{
	padding: 10px 0;
}
p.access_link{
	text-align: right;
}

.recruit_mess{
	margin-bottom: 100px;
}

.staff_box{
	margin: 30px 0 50px;
}
.staff_box img.staff_photo{
	margin-bottom: 10px;
}
.staff_date{
	overflow: hidden;
}
.staff_date p{
	margin-bottom: 10px;
	line-height: 1.5;
}
.staff_date p.font_verde{
	font-size: 12px;
	margin-bottom: 0;
}
.staff_date h3{
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 5px;
}
.staff_date p.staff_kana{
	font-size: 11px;
	line-height: 1;
}
.staff_date ul{
	font-size: 11px;
}

.staff_photoGallery a.link_blog{
	margin-left: 20px;
}
.staff_photoGallery a.link_blog img:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}
.staff_photoGallery li{
	float: left;
	margin: 5px;
}

.staff_photoGallery li img{
  max-width: 80px;
  height: auto;
}

 



/* =Session & Pamphlet
-------------------------------------------------------------- */ 

.contact_intro h2,
.session_box h2{
	margin: 25px 0;
}
.contact_intro{
	margin-top: -40px;
	margin-bottom: 70px;
}
.contact_intro .alignleft{
	margin-top: -20px;
	box-shadow: 1px 1px 3px #ccc;
}
.session_comment{
	margin-left: -40px;
}
.session_box{
	margin-bottom: 50px;
}
img.session_mess4{
	padding-top: 30px;
}
.color_bg{
	background: #f1e6df;
	padding: 30px;
	overflow: hidden;
}
.session_staff{
	border: #73c7ae solid 1px;
	width: 860px;
	padding: 40px 30px;
	margin: 30px 0 80px;
}
.session_staff p{
	overflow: hidden;
	margin-bottom: 30px;
}
.session_staff p.staff_name{
	font-size: 15px;
	margin-bottom: 10px;
}
.session_staff p.staff_name span{
	font-size: 11px;
	margin-right: 20px;
}
.session_staff img.staff_photo{
	margin-bottom: 40px;
}
.session_schedule{
	margin-bottom: 80px;
}
.session_schedule h2,
.contact_form h2{
	text-align: center;
}

.contact_intro .welcome_mess{
	margin-top: 70px;
	padding-left: 20px;
	overflow: hidden;
}
.contact_intro .welcome_mess img{
	margin-bottom: 20px;
}
.about_pamph{
	width: 930px;
	margin: 0 auto 50px;;
}
ul.pamph_list{
	margin-bottom: 30px;
}
ul.pamph_list li{
	float: left;
	background: #f8f8f8;
	width: 280px;
	height: 185px;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.pamph_list li h3{
	color: #73c7ae;
	margin: 0 0 5px;
	letter-spacing: 0;
}
ul.pamph_list li h3 span{
	font-size: 11px;
}
ul.pamph_list li p{
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
}


/* =Contact form
-------------------------------------------------------------- */ 


.required{
	color: #df0014;
}
.contact_form p{
	text-align: center;
	font-size: 11px;
}

.wpcf7 table{
	width: 920px;
	margin-bottom: 30px;
}
.wpcf7 table th{
	width: 250px;
	background: #f1e6df;
	border: #fff solid 1px;
	vertical-align: middle;
	font-weight: normal;
}
.wpcf7 table td{
	background: #eee;
	border-bottom: #fff solid 1px;
	padding: 15px 0 15px 15px;
}
.wpcf7 table td.form_mess{
	font-size: 12px;
	vertical-align: middle;
	padding: 0;
	width: 240px;
}
input[type="checkbox"], 
input[type="radio"]{
	vertical-align: middle;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	width: 400px;
}
input#zip1[type="text"] {
    width: auto;
}

input#zip2[type="text"] {
    width: auto;
}
input[type="text"].short_box{
	width: 100px !important;
}
select{
	border-radius: 5px;
}
.wpcf7-submit{
	width: 270px;
	height: 40px;
	background: url('images/contact/btn_send.png') no-repeat;
	background-position: top left;
	cursor: pointer;
	border: none;
	margin-bottom: 10px;	
}
.wpcf7-submit:hover{
	background-position: bottom left;
	border: none;
}
.wpcf7-submit:focus{
	border: none;
	outline: none;
}


/* reservation */
#reservation_form{
	margin-top: 50px;
}
#reservation_form h1{
	text-align: center;
	border-bottom: #73c7ae solid 1px;
	padding-bottom: 10px;
}
#reservation_form p{
	font-size: 11px;
}
#reservation_form .wpcf7 table{
	width: 710px;
	background: none;
	border: 0;
}

#reservation_form .wpcf7 th{
	width: 120px;
	text-align: left;
	background: none;
	border: 0;
}
#reservation_form .wpcf7 td{
	background: none;
	padding: 15px 0;	
}
#reservation_form input[type="text"],
#reservation_form input[type="tel"],
#reservation_form input[type="email"],
#reservation_form textarea{
	width: 590px;
}

#reservation_form .wpcf7-submit{
	margin-left: 120px;
}

#thanks_mess{
	text-align: center;
}
h2.thanks{
	border-bottom: #73c7ae solid 1px;
	padding-bottom: 5px;
	margin-bottom: 40px;
	font-weight: normal; 
}
#thanks_mess p{
	line-height: 2;
}
#thanks_mess a{
	color: #73c7ae;
}





/* =LP
-------------------------------------------------------------- */ 

#lp-container .breadcrumbs{
	margin-bottom: 0;
}
#lp_content{
	margin-bottom: 80px;
}
h1.lp_title{
	margin: 0 0 50px;
	text-align: center;
}

#lp_content #section1 img{
	margin-bottom: 20px;
}
#lp_content #section2{
	background: url('images/common/header_bg.gif');
	margin: 100px 0 50px;
	text-align: center;
}
#lp_content #section2 img{
	margin-top: -100px;
}

#lp_content #section3{
	margin-bottom: 50px;
}
#lp_content #section3 img{
	margin-left: -30px;
}
#lp_content #section3.loafer_sec img{
	margin-left: 0;
	margin-top: -70px;
}
#lp_content #section4{
	margin-bottom: 80px;
}


#section_slider.flexslider{
	width: 780px;
	padding: 25px;
	margin: 0 auto 20px;
	border: 0;
	box-shadow: none;
	background: url('images/lp/slide_bg.png') no-repeat;
}
#section_slider.flexslider .slides img{
	width: auto;
}
#section_slider .flex-control-thumbs{
	margin: 20px 0 0;
}
#section_slider .flex-control-thumbs li{
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#lp_content .contact_form{
	width: 920px;
}

a#bnr_lp{
	margin-bottom: 30px;
	display: block;
	height: 225px;
}
a#bnr_lp:hover img{
	margin-top: -3px;
}

.reserve_img{
	text-align: center;
}


/* =Contact Banner
-------------------------------------------------------------- */

#contact_banner{
	background: url('images/contact_banner/contact_bg.png') no-repeat;
	margin-bottom: 50px;
	padding: 15px 0;
	clear: both;
}
.kawamoto_img{
	margin-left: -10px;
	margin-right: 30px;
}
.tel_img{
	padding: 20px 0;
}

#contact_banner a{
	width: 312px;
	height: 87px;
	margin-bottom: 15px;	
}
#contact_banner a.banner_pamph{
	background: url('images/contact_banner/btn_pamph.png') no-repeat;
	margin-right: 5px;
	margin-left: 20px;	
}
#contact_banner a.banner_session{
	background: url('https://cobain.co.jp/wp-content/uploads/2017/03/common_bottom.png') no-repeat;
}




/* =Side Area
-------------------------------------------------------------- */

h3.side_title{
	border-bottom: #73c7ae solid 1px;
	padding-bottom: 17px;
	margin: 25px 0;
}

#side_area ul li{
	font-size: 14px;
	margin-bottom: 20px;
}
#side_area ul li:before{
	content: url('images/common/arrow_icon.png');
}
#side_area ul.blog_list li{
	font-size: 12px;
}
#side_area .side_box{
	margin-bottom: 50px;
}
#side_area .side_box ul li{
	font-size: 12px;
}
.screen-reader-text{
	display: none;
}
.side_box select{
	width: 170px !important;
}
.side_box input{
	font-size: 10px;
}
.side_box input[type="text"]{
	width: 130px;
}



/* =404
-------------------------------------------------------------- */ 

h1.title_404{
	font-size: 30px;
	color: #bdaa9e;
}





/* =Footer
-------------------------------------------------------------- */

#scrollUp{
	z-index: 999 !important;
}
#footer-area{
	background-color: #f1e6df;
	padding-top: 40px;
}
.footer_box{
	float: left;
}
.footer_logo p{
	margin-top: 15px;
	font-size: 11px;
}
.footer_addr{
	margin-left: 50px;
}
.footer_addr p{
	font-size: 12px;
	margin-bottom: 10px;
}
.reform_link{
	float: right;
	width: 200px;
	text-align: center;
}
.reform_link p{
	font-size: 13px;
	margin-top: 10px;
}
.reform_link p:before{
	content: url('images/common/arrow_icon.png');
	vertical-align: middle;
	margin-right: 3px;	
}
.reform_link p:after{
	content: url('images/footer/icon_window.png');
}
hr.footer_line{
	color: #fff;
	background: #fff;
	border: none;
	height: 1px;
	margin: 20px 0 30px;
}
.site_map{
	margin-bottom: 30px;
}
ul.site_map>li{
	display: inline-block;
	vertical-align: top;
	margin-right: 16px;
	font-size: 13px;
}
ul.site_map>li:before{
	content: url('images/common/arrow_icon.png');
	vertical-align: middle;
	margin-right: 3px;
}
ul.map_sub{
	margin-left: 13px;
}
ul.map_sub>li{
	font-size: 11px;
	line-height: 1.8;
}
.footer_links{
	margin-bottom: 10px;
}
.footer_links ul{
	line-height: 1;
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 15px;
}
.footer_links li{
	display: inline;
	padding-right: 15px;
	border-right: #594626 solid 1px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.footer_links li.last{
	border: 0;
}
.site_copyright{
	background-color: #bfaa9e;
	color: #fff;
	font-size: 10px;
	padding: 10px 0;
}
.site_copyright p{
	text-align: right;
}





/* =SP contact form
-------------------------------------------------------------- */

#spForm{
    width:100%;
    max-width:799px;
    text-align:center;
    font-size:0.9em;
}
#spForm header{
    margin:0;
}
#spForm header h1{
    float:none;
    margin-top:0;
}
#spForm header h1 img{
    width:100%;
    max-width:360px;
}
#spForm #box01{
    background:url(images/pamph_sp/bg01.png);
    width:95%;
    margin:0 auto 10px auto;
    color:#000000;
    padding-bottom:10px;
}
#spForm #box01 #top{
    margin-top:-20px;
}
#spForm #box01 .midashi{
    font-size:1.3em;
    color:#6ac5ae;
    font-weight:bold;
    margin-bottom:0;
}
#spForm #text01{
    background:url(images/pamph_sp/bg03.png) left bottom repeat-x;
    margin-bottom:10px;
    height:60px;
}
#spForm footer {
    text-align:right;
    padding:0 10% 5px 0;
    background:url(images/pamph_sp/bg02.png)left bottom repeat-x;
}
#spForm .mgb0 {
    margin-bottom:0;
}
#spForm .contact_form p {
    font-size:14px;
    margin-bottom:10px;
    text-align:left;
}
#spForm .contact_form p img{
    vertical-align: text-top;
    margin-left:10px;
}
#spForm .contact_form .block {
    padding:20px 7% 10px 5%;
}
#spForm .contact_form .block.even {
    background-color:#f2e7df;
}
#spForm .contact_form input[type="text"] {
    width:100%;
}
#spForm .contact_form input[type="tel"] {
    width:100%;
}#spForm .contact_form input[type="email"] {
    width:100%;
}#spForm .contact_form textarea {
    width:100%;
}
#spForm p.form_btn {
    padding-top:20px;
    text-align:center !important;
}
#spForm .contact_form .wpcf7-submit {
    width:90%;
    max-width: 320px;
    height: 50px;
    background: url("images/pamph_sp/button.png") no-repeat scroll left top transparent;
    background-size:contain;
    cursor: pointer;
    margin-bottom:20px;
}


#tukuru_title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}



/* 2016.7.5 modelhouse */

#page_modelhouse{
	text-align: center;	
}

#page_modelhouse .arrow_down{
	display: block;
	margin: 0 auto 20px;
}

#page_modelhouse h1{
	margin: -25px 0 0;
}
#page_modelhouse h2{
	margin: 60px 0 30px;
}
#model_photos img{
	display: block;
	margin: 0 auto 20px;
}
#model_map{
	width: 790px;
	margin: 0 auto;
}
#model_map img{
	display: block;
	float: left;
	margin: 0 5px;
}

#model_form{
	width: 920px;
	margin: 0 auto 80px;
	text-align: left;
}
#page_modelhouse #model_form h2{
	background: #73c7ae;
	text-align: center;
	padding: 10px 0;
	margin: 0 0 10px;
}
#model_form table th{
	text-align: center;
}

#model_form #modelhouse_q{
	border: #929292 solid 1px;
}
#model_form #modelhouse_q th{
	background: #eee;
	text-align: left;
	padding: 20px;
	border: #929292 solid 1px;
}
#model_form #modelhouse_q td{
	background: #fff;
	border: #929292 solid 1px;
	padding: 20px;
}
.model_check .wpcf7-list-item label{
	display: block;
	background: #eee;
	width: 280px;
	margin: 0 5px;
	float: left;
	text-align: center;
}
.model_check span.wpcf7-list-item{
	margin: 0;
}
.model_check .wpcf7-list-item-label{
	line-height: 3;
}
.model_check .wpcf7-list-item label img{
	width: 280px;
	height: auto;
}
.model_check input[type="checkbox"]{
	padding-left: 20px;
}
#model_form p{
	text-align: center;
}

#model_inqiry{
	background: #73c7ae;
	padding: 30px;
	margin-bottom: 50px;
}
#model_inqiry table{
	width: 860px;
	margin: 0;
}
#model_inqiry table th,
#model_inqiry table td{
	border: #73c7ae solid 1px;
}
#model_form .wpcf7-submit{
	background: url('images/modelhouse/btn_submit.png') no-repeat;
	width: 260px;
	height: 42px;
}



/* =About us
-------------------------------------------------------------- */ 

.bg_renga{
	background: url('images/aboutus/bg.png');
	padding-bottom: 50px;
}

.bg_renga .header_bg{
	z-index: 1 !important;
	top: 0 !important;
}
.bg_renga .wrapper{
	z-index: 2;
	position: relative;
}

.page_aboutus h1{
	text-align: center;
	margin-bottom: 50px;
}
#about_intro{
	text-align: center;
	margin-bottom: 30px;
}
#about_intro p{
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 18px;
}

.prof_sec_bg{
	background: #fff;
	padding: 200px 30px 30px;
	margin-top: -200px;
	margin-bottom: 30px;
	z-index: -1;
	position: relative;
}
.aboutus_box{
	background: #eae8e5;
	border: #f1efed solid 8px;
	margin: 30px 0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.aboutus_box ul li{
	text-align: center;
	margin-bottom: 20px;
}

.about_dream h2{
	text-align: center;
}
.about_dream .dream_photo{
	position: absolute;
	bottom: -200px;
	right: -50px;
	z-index: 2;
}
.prof_sec{
	margin-bottom: 150px;
}






/* =Promise
-------------------------------------------------------------- */ 

.page_promise .header_bg{
	height: 400px !important;
}
#promise_intro{
	text-align: center;
}
#promise_intro h1{
	margin-bottom: 30px;
}
.promise_mess{
	margin: 50px 0;
	text-align: center;
}
.promise_mess:last-child{
	margin-bottom: 100px;
}
.promise_mess p{
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
.promise_mess p span{
	color: #ea5130;
}
.promise_mess p span.font_large{
	font-size: 24px;	
}




/* =Price
-------------------------------------------------------------- */ 

#page_price{
	margin-bottom: 100px;
}
#page_price h2{
	margin-bottom: 50px;
	text-align: center;
}
.price_catch{
	margin-bottom: 100px;
	position: relative;
}
.price_catch_img{
	position: absolute;
	bottom: 0;
	right: 0;
}
.price_catch__inner{
	float: left;
	width: 50%;
	margin-right: 20px;
	overflow: hidden;
	padding-top: 80px;
}
.price_catch__inner p{
	font-size: 16px;
	line-height: 2;
	margin-top: 50px;
}

.price_photo{
	margin-bottom: 50px;
}
#price_list li{
	margin-bottom: 30px;
}

#btn_price_pamph{
	margin: 50px 0;
	text-align: center;
}




/* =Story
-------------------------------------------------------------- */ 

.page_story .header_bg{
	top: 0 !important;
}
.page_story .breadcrumbs{
	padding-top: 10px;
}
.page_story h1{
	text-align: center;
	margin: 0 0 50px;
	padding-top: 30px;
}

.story_content{
	margin-bottom: 80px;
}
.story_content li{
	margin-bottom: 20px;
}
.story_content ul{
	position: relative;
	z-index: 5;
}
.story_bg{
	background: #a2aa73;
	padding: 150px 0 50px;
	posiotion: relative;
	z-index: 1;
	margin-top: -120px;
}
.story_bg p{
	color: #000;
	font-size: 14px;
	line-height: 2.5;
	overflow: hidden;
}
.story_bg h2{
	float: left;
	margin-right: 100px;
	margin-left: 50px;
}
#story5 h2{
	margin-right: 60px;
}

.fixed_footer strong {
	font-size: 18px;
}

.fixed_footer .ly {
	overflow: hidden;
	padding: 0;
}

.fixed_footer .ly-main {
	float: left;
	width: 79%;
	font-size: 0.7em;
	height: 48px;
	padding: 7px 0 4px 0;
	border-right: 1px solid #fff;
	line-height: 1.6em;
}

.fixed_footer .ly-main img {
	width: 15px;
	margin-bottom: 8px;
}

.fixed_footer .ly-sub {
	box-sizing: border-box;
	float: left;
	width: 20%;
	font-size: 0.7em;
	line-height: 1.3em;
	padding-top: 8px;
}

.fixed_footer .ly-sub span {
	font-size: 12px;
}

.fixed_footer .ly-sub img {
	max-height: 30px;
}

@media only screen and (min-width: 768px) {
  #spmenu {
    display: none;
  }
  #gNaviSp {
    display: none;
  }
  .sp {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
	#contact_banner a.banner_session {
		background-size: cover !important;
	}

	#contact_banner a {
		width: 312px !important;
		height: 87px !important;
	}
}

@media only screen and (max-width: 359px) {
	#contact_banner a {
		width: 286px !important;
		height: 79px !important;
	}
}

.counseling-box {
	background-color: #fff;
	padding: 25px;
	border: 1px solid #73c7ae;
}

.counseling-box:nth-of-type(1) {
	border-top: 0px none;
}

.counseling-box p {
	text-align: center;
}

.counseling-box ul li {
	padding-bottom: 20px;
}

.counseling-box .waiting {
	background-color: #eaf7f3;
	margin-top: 40px;
}

.counseling-box .waiting p {
	text-align: left;
}

.counseling-box .waiting p:first-child {
	text-align: center;
	padding: 10px 0 30px 0;
}

.counseling-box .waiting .ly {
	overflow: hidden;
}

.counseling-box .waiting .ly .ly-main {
	float: left;
	width: 25%;
}

.counseling-box .waiting .ly .ly-sub {
	float: right;
	width: 70%;
	padding-right: 3%;
}

.counseling-box .waiting .ly .ly-sub p {
	text-align: left;
}

.counseling-box .waiting .ly .ly-sub p strong {
	display: block;
	font-weight: normal;
}

.counseling-box .waiting .ly .ly-sub p strong span {
	font-size: 15px;
	font-weight: bold;
}

.counseling-box .cs-box {
	padding: 0 30px;
}

.step-list {
	margin: 95px 0 60px 0;
	padding: 25px;
}

.step-list .ly {
	overflow: hidden;
	position: relative;
	margin-bottom: 100px;
}

.step-list .ly .ly-main {
	float: left;
	width: 50%;
}

.step-list .ly .ly-main figure {
	margin: 0;
}

.step-list .ly .ly-sub {
	float: right;
	width: 47%;
	position: absolute;
	bottom: 0;
	right: 0;
}

.step-list .ly .ly-sub figure {
	margin: 0;
	padding-bottom: 15px;
}

.page-id-5314 .page_container {
	background-color: #fff;
	padding: 0;
}

.counseling-box {
	position: relative;
	padding-top: 60px;
}

.cs-top-banner {
	position: absolute;
	top: -55px;
	left: 25px;
}

@media only screen and (max-width: 767px) {
	.counseling-box {
		padding: 10px;
	}

	.counseling-box p {
		margin-bottom: 10px;
	}

	.cs-top-banner {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 20px !important;
	}

	.counseling-box .cs-box {
		padding: 0;
	}
	
	.counseling-box ul li {
		padding-bottom: 10px;
	}

	.counseling-box .waiting {
		margin-top: 10px;
	}

	.counseling-box .waiting .ly .ly-main, .counseling-box .waiting .ly .ly-sub {
		float: none;
		width: 100%;
	}

	.counseling-box .waiting .ly .ly-main figure {
		margin: 0;
		text-align: center;
	}

	.counseling-box .waiting .ly .ly-sub p {
		text-align: center;
		padding: 10px 10px 30px 10px;
	}

	.counseling-box .waiting p:first-child {
		padding: 10px 10px 30px 10px;
	}

	.step-list {
		margin: 35px 0 0 0;
	}

	.step-list .ly {
		margin-bottom: 20px;
	}	

	.step-list .ly .ly-main {
		float: none;
		width: 100%;
	}

	.step-list .ly .ly-sub {
		float: none;
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
	}

	figure.no03 {
		width: 80%;
	}

	.fixed_footer a {
		padding: 0 !important;
	}

	#scrollUp {
		bottom: 70px !important;
	}

	#scrollUp:hover {
		bottom: 70px !important;
	}


	#section_slider.flexslider{
		width: 100%;
		padding: 0
	}
	#section_slider .flex-control-thumbs li{
		width: 18%;
		margin:1%;
	}
	 #lp_content .contact_form{
	    width: 100% !important;
	 }
	 .contact_form p{
	 	font-size: 10px;
	 }

	.wpcf7 table, .wpcf7 table th, .wpcf7 table td, #model_form, #model_inqiry table {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

	}
	.for_pc {
		display: none;
	}
	#model_inqiry {
		padding: 10px;
	}
	#header_sns{
		display: none;
	}
}


#bnr_about li{
	margin-bottom: 10px;
	text-align: center;
}

#instafeed_wrap{
	margin-bottom: 50px;
	padding: 30px 0;
	background: #f1e6df;
}
#instafeed_wrap h2{
	text-align: center;
	color: #f29c9f;
}
#instafeed_wrap h2 i{
	font-size: 30px;
}
#instafeed{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 10px;
	margin-bottom: 20px;
}
#instafeed li{
	width: 32%;
	margin-bottom: 5px;
}
#instafeed_wrap .btn_link{
	background: #bfaa9e;
	border: #bfaa9e solid 1px;
	display: block;
	width: 90%;
	max-width: 300px;
	padding: 10px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
#instafeed_wrap .btn_link:hover{
	background: #fff;
	color: #bfaa9e;
}

#download_ranking{
	background: #f8f8ec;
	padding: 20px 10px;
	margin: 0 -10px 50px;
}
#download_ranking h2{
	text-align: center;
	color: #73c7ae;
	font-size: 20px;
	position: relative;
	margin: 0 0 30px;
}
#download_ranking h2 span{
	padding: 0 10px;
	background: #f8f8ec;
	position: relative;
	z-index: 5;
}
#download_ranking h2::before{
	content: '';
	background: #73c7ae;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
}
#download_ranking .download{
	margin-bottom: 30px;
}
.ranking_icon{
	width: 35px;
	display: block;
	margin: 0 auto 10px !important;
}

#session_online{
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
	#session_online{
		margin-left: -20px;
	}
	#instafeed{
		padding: 0;
	}
	#instafeed li{
		width: 16%;
	}
	#front_holiday p{
		text-align: center;
	}
	.ranking_icon{
		width: auto;
	}
	#page_download{
		width: 1040px;
	}
	#page_download .main_title{
		text-align: center;
	}
	#download_ranking{
		padding: 30px;
	}
	#download_ranking .download_title{
		height: 150px;
		max-width: 280px;
	}
	#download_ranking h2{
		font-size: 30px;
	}
	#download_ranking h2 span{
		padding: 0 30px;
	}
	.page_download__inner{
		width: 980px;
		margin: 0 auto;
	}
}


/* california */
#page_california{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background: #fff;
	color: #000;
}
#page_california .font_en{
	font-family: 'Economica', sans-serif;
	font-weight: bold;
}
#page_california .bnr{
	padding: 30px 0;
}
#page_california .sp_none{
	display: none;
}
#page_california .wrapper{
	width: 90%;
	margin: 0 auto;
	max-width: 980px;
}
.img_full img{
	width: 100%;
}
#california_intro{
	background: url('images/california/bg01.jpg') no-repeat center center;
	background-size: cover;
	padding: 50px 0;
	color: #fff;
}
#california_intro h2{
	font-size: 18px;
	text-align: center;
	margin-bottom: 50px;
}
#california_intro p{
	font-size: 14px;
	margin-bottom: 30px;
}
#california_point{
	padding: 50px 0;
}
#california_point h2{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 40px;
}
#california_point h2 span{
	font-size: 150%;
	display: inline-block;
	margin-top: 10px;
	position: relative;
	z-index: 5;
}
#california_point h2 span::after{
	content: '';
	background: #cfd9db;
	bottom: 5px;
	left: -5%;
	width: 110%;
	height: 20px;
	position: absolute;
	z-index: -1;
}
.california_point__box{
	margin-bottom: 30px;
}
.california_point__box_inner .font_en{
	font-size: 16px;
	display: block;
	border-bottom: #000 solid 2px;
	line-height: 1;
	margin: 10px 0 5px;
}
.california_point__box_inner h3{
	margin: 0 0 10px;
	font-size: 16px;
	font-weigth: bold;
}
#california_suggest{
	position: relative;
}
#california_suggest h2{
	color: #fff;
	position: absolute;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
	z-index: 5;
	margin: 0;
	width: 100%;
	font-size: 20px;
}
#california_freedum{
	background: #bbcdd5;
	padding: 30px 0;
}
#california_freedum h2{
	text-align: center;
	font-size: 20px;
}
#california_promise h2{
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
}
#california_promise ul li{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	border-bottom: #fff solid 1px;
}
#california_promise__bg{
	width: 100%;
	height: 200px;
	background: url('images/california/bg03.jpg') no-repeat center center;
	background-size: cover;
}
#california_form{
	margin-bottom: 50px;
}
#california_form .wrapper{
	max-width: 920px;
}
#california_form #form01{
	background: #c7c8c8;
	padding: 30px 0;
}
#california_form .form_header{
	text-align: center;
}
#california_form .form_header h2{
	font-size: 40px;
	margin-bottom: 30px;
}
#california_form .wpcf7-submit{
	margin: 0 auto;
	display: block;
	background: url('images/california/btn_form.png') no-repeat center center;
	background-size: contain;
}
@media only screen and (min-width: 768px) {
	#page_california .sp_none{
		display: block;
	}
	#page_california .pc_none{
		display: none;
	}
	#california_intro{
		padding: 150px 0;
	}
	#california_intro h2{
		font-size: 30px;
	}
	#california_intro p{
		font-size: 18px;
		line-height: 2.2;
		text-align: center;
	}
	#california_point h2{
		font-size: 30px;
		line-height: 1.3;
	}
	.california_point__box{
		display: flex;
		align-items: center;
		margin-bottom: 50px;
		position: relative;
		z-index: 5;
	}
	.california_point__box::after{
		content: '';
		background: #cfd9db;
		width: 200%;
		height: 30px;
		bottom: 0;
		right: 50%;
		margin-right: -490px;
		z-index: -1;
		position: absolute;
	}
	.california_point__box:nth-child(2n)::after{
		right: auto;
		margin-right: 0;
		left: 50%;
		margin-left: -490px;
	}
	.california_point__box img{
		width: 50%;
	}
	.california_point__box_inner{
		width: 50%;
		padding: 0 0 0 30px;
	}
	.california_point__box:nth-child(2n){
		flex-direction: row-reverse;
	}
	.california_point__box_inner .font_en{
		display: inline-block;
		position: relative;
		border: 0;
		font-size: 24px;
		margin: 0;
	}
	.california_point__box_inner .font_en::before{
		content: '';
		background: #000;
		width: 180px;
		height: 2px;
		position: absolute;
		bottom: -5px;
		right: 0;
		z-index: -1;
	}
	.california_point__box:nth-child(2n) .california_point__box_inner .font_en::before{
		right: auto;
		left: 0;
	}
	.california_point__box_inner h3{
		font-size: 24px;
		margin: 10px 0 30px;
	}
	.california_point__box_inner p{
		font-size: 16px;
		line-height: 2;
	}
	#california_suggest h2,
	#california_freedum h2{
		font-size: 36px;
		line-height: 2;
	}
	#california_freedum{
		padding: 100px 0;
	}
	#california_promise h2{
		padding: 15px 0;
		font-size: 36px;
	}
	#california_promise ul{
		display: flex;
	}
	#california_promise ul li{
		width: 25%;
		font-size: 20px;
		border-right: #fff solid 1px;
		border-bottom: 0;
		padding: 80px 0;
	}
	#california_promise__bg{
		height: 500px;
	}
	#page_california .bnr{
		padding: 50px 0;
	}
	#california_form .form_header h2{
		font-size: 65px;
	}
	#california_form .form_header h3{
		font-size: 24px;
	}
	#california_form .form_header p{
		font-size: 16px;
	}
	#california_form table{
		margin-bottom: 50px;
	}
	#california_form .wpcf7-submit{
		width: 510px;
		height: 81px;
	}
}

#holiday_info{
	font-size:15px; 
	font-weight:bold; 
	margin:20px auto; 
	padding:20px; 
	/*background:#f2e7df; */
	max-width:980px;
}
#holiday_info h2{
	border-bottom: #594626 solid 1px;
	text-align: center;
	font-size: 16px;
}
#holiday_info a{
	display: block;
	padding: 10px 20px;
	background: #594626;
	color: #fff;
	margin: 0 auto;
	max-width: 500px;
	border-radius: 5px;
	border: #594626 solid 1px;
}
#holiday_info a:hover{
	background: none;
	color: #594626;
}
@media screen and (min-width: 1024px){
	#holiday_info{
		text-align: center;
	}
}



/* works 202010 */
.slick-prev{
  left: 10px;
  width: 10px;
  height: 10px;
  z-index: 10;
}
.slick-next{
  right: 10px;
  width: 10px;
  height: 10px;
  z-index: 10;
}
.slick-prev:before{
  content: '' !important;
  width: 100%;
  height: 100%;
  border-top: #000 solid 1px;
  border-left: #000 solid 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
}
.slick-next:before{
  content: '' !important;
  width: 100%;
  height: 100%;
  border-top: #000 solid 1px;
  border-right: #000 solid 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
}
.slick-slide:focus{
  outline: 0;
}
.slick-slide img{
	max-width: 100%;
}
#works_photos{
	padding: 0 5%;
	margin-bottom: 20px;
}
#slider-for{
	margin-bottom: 10px;
}
#slider-for,
#slider-for .slick-slide{
	max-height: 200px;
}
#slider-for .slick-slide img{
	height: 100%;
	max-height: 200px;
	width: auto;
	margin: 0 auto;
}
#slider-nav .slick-slide{
	padding: 0 2px;
	cursor: pointer;
}
#slider-nav .slick-slide img{
	transition: .3s;
}
#slider-nav .slick-slide:hover img{
	opacity: .8;
}

.works_type{
	border: #594626 solid 2px;
	border-radius: 10px;
	display: inline-block;
	padding: 1px 20px;
	margin-right: 10px;
}
.works_txt{
	font-weight: bold;
	margin-bottom: 10px;
}
.works_detail p.works_txt{
	margin-bottom: 20px;
	font-size: 16px;
}
#works_detail__inner{
	background: #f1f0ea;
	padding: 20px;
}
#works_detail__inner h2{
	margin: 0 0 20px;
	color: #72c7af;
	border-bottom: #72c7af solid 2px;
	font-size: 16px;
}
.works_name{
	display: block;
	margin-top: 5px;
}
.works_content__wrap{
	background: #fff;
	padding: 20px 5% 30px;
	margin-bottom: 50px;
}
.works_detail{
	padding: 0;
	background: none;
	margin: 0 0 30px;
}
#works_link{
	text-align: center;
}
.works_arc{
	padding: 30px 5%;
	background: rgba(255,255,255,.8);
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#works_list li{
	margin-bottom: 30px;
}
.works_thumb{
	margin-bottom: 10px;
}
.works_thumb img{
	transition: .3s;
	max-width: 100%;
}
.works_box:hover .works_thumb img{
	transform: translateY(-5px);
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}
.works_box .works_title{
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.4;
}
.works_box .more{
	display: block;
	background: #bfaa9e;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 2px;
}
.works_box:hover .more{
	background: #72c7af;
}
#works_nav{
	margin-bottom: 30px;
}
#works_nav li{
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#works_nav li a{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
	border: #594626 solid 2px;
	padding: 10px 5px;
	display: block;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 2px 3px #e2c08e;
}
#works_nav li a:hover,
#works_nav li.current-cat a{
	background: #ded9b1;
}
#works_detail__comment{
	margin-top: 20px;
}
#works_detail__comment p{
	margin-bottom: 10px;
}
@media screen and (min-width: 768px){
	#slider-for,
	#slider-for .slick-slide,
	#slider-for .slick-slide img{
		max-height: 450px;
	}
	.slick-prev{
	  left: -30px;
	  width: 20px;
	  height: 20px;
	}
	.slick-next{
	  right: -30px;
	  width: 20px;
	  height: 20px;
	}
	#works_detail__inner ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#works_detail__inner li{
		width: 48%;
		margin-bottom: 5px;
	}
	.works_content__wrap{
		display: flex;
		padding: 0;
		justify-content: space-between;
		align-items: flex-end;
		margin: 80px 0;
	}
	.works_detail .works_name{
		margin-left: 20px;
	}
	.works_name{
		display: inline-block;
	}
	#works_detail__inner{
		padding: 20px 40px;
	}
	#works_detail__inner h2{
		font-size: 24px;
	}
	.works_detail{
		width: 60%;
		margin: 0;
	}
	#works_link{
		width: 42%;
	}
	.works_logo{
		margin-bottom: 30px;
	}
	#works_list{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -20px 50px;
	}
	#works_list li{
		width: 33.33%;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	}
	.works_box{
		position: relative;
		display: block;
		height: 100%;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	}
	.works_box .more{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.works_arc{
		width: 1200px;
		padding: 0;
		background: none;
	}
	.works_box .works_title{
		margin-bottom: 20px;
	}
	#works_nav{
		display: flex;
		margin-bottom: 50px;
	}
	#works_nav li{
		margin-right: 20px;
	}
	#works_nav li a{
		display: inline-block;
		padding: 10px 30px;
	}
}
#lp-container #section1{
	margin-top: 30px;
}
#lp_reserve{
	margin: 30px auto;
}
.lp_reserve_box{
	margin-bottom: 30px;
	text-align: center;
}
.lp_reserve_box h2{
	color: #fff;
	background: #b08a4f;
	font-size: 26px;
	padding: 10px;
	margin-bottom: 10px;
}
.lp_reserve_box__inner{
	display: -webkit-flex;
	display: flex;
	/*-webkit-justify-content: space-between;
	justify-content: space-between;*/
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.lp_reserve__status{
	width: 12.2%;
	margin: 0 0 10px;
	border: #58493f solid 1px;
}
.lp_reserve__status p{
	margin: 0;
	font-size: 18px;
}
.lp_reserve_time{
	background: #58493f;
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
}
.lp_reserve_check{
	font-size: 18px;
	padding: 10px;
}
.lp_reserve_check span{
	font-size: 30px;
	line-height: 1.2;
}
#lp_free{
	margin: 30px auto;
}
@media screen and (min-width: 768px){
	/*.lp_reserve__status{
		width: 14%;
	}*/
	.lp_reserve_time{
		padding: 10px 0; 
	}
}
#model_merit{
	background: #feffbc;
	padding: 50px 0;
	margin: 50px 0;
}
#model_merit .wrapper{
	position: relative;
}
#model_merit__baloon{
	width: 80px;
	position: absolute;
	right: 0;
	top: -30px;
}
#model_merit h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 30px;
}
#model_merit h2 span{
	border-bottom: #000 solid 2px;
	display: inline-block;
	margin-bottom: 20px;
}
.merit_box{
	background: #fff;
	padding: 20px 10px;
	position: relative;
	margin-bottom: 20px;
}
.merit_box__num{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	line-height: 1.3;
	position: absolute;
	top: 0;
	left: 10px;
	margin: 0;
}
.merit_box__num span{
	font-size: 200%;
	font-weight: bold;
	display: block;
	line-height: 1;
}
.merit_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.merit_box img{
	width: 70px;
}
.merit_box__inner{
	width: calc(100% - 90px);
}
.merit_box h3{
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 10px;
}
.merit_box br{
	display: none;
}
.merit_box p{
	margin: 0;
}


.front_works__box{
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
.front_works__box h3{
	background: #8accc9;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	text-align: center;
	margin: 0;
}
.front_works__box ul{
	padding: 10px;
}
.front_works__box ul li{
	margin-bottom: 20px;
}


@media screen and (min-width: 768px){
	#model_merit h2{
		font-size: 36px;
		margin-bottom: 50px;
	}
	#model_merit__baloon{
		width: auto;
	}
	#model_merit ul{
		display: flex;
		justify-content: space-between;
	}
	.merit_box{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		text-align: center;
		width: 30%;
		padding: 30px 10px;
	}
	.merit_box img{
		width: auto;
	}
	.merit_box__inner{
		width: 100%;
	}
	.merit_box h3{
		margin: 20px 0;
	}
	.merit_box:nth-child(2) h3{
		margin: 30px 0;
	}
	.merit_box h3 br{
		display: block;
	}
	.merit_box__inner p{
		text-align: left;
		padding: 0 10px;
	}
	.pc_none{
		display: none;
	}
	#front_works__wrap{
		display: flex;
		justify-content: space-between;
	}
	.front_works__box{
		width: 32%;
	}
}