@charset"utf-8";
/*
PLUSi Web Site ver.1  --  Section CSS
Latest Updated : 25 Jul. 2018
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - 
 * 3.0 - 
 * 4.0 - 
 * 5.0 - 
 * 6.0 - 
 * 7.0 - 
 *
 */


/* **************************************************************************** */
/*
/* 
/*
/* **************************************************************************** */

.home .site-header .site-title	 { display:none;}
.home .headernav-title {
	text-indent:150%; white-space:nowrap; overflow:hidden;
	background:url(../img/section/home-headnav-title.svg) no-repeat right top / auto 48px;
}
.home .page-title {
	text-indent:150%; white-space:nowrap; overflow:hidden;
	background:url(../img/section/home-page-title.svg) no-repeat left top / auto 48px;
}

.home section	{ margin:0 0 10rem;}
.home section:last-child	{ margin:0;}

.home .section-header	{}
.home .section-title	{ margin:0 0 2rem; font-size:2.6rem;}
.home .section-title:before { display:block; position:absolute; top:0; content:'About Us'; font-size:1.4rem;}
.home .section-title small	{ display:block; font-size:1.3rem;}
.home .section-content	{}
.home .section-content p.sign	{ margin:0 0 8rem; text-align:right;}
.home .section-content p.en		{ text-align:right;}
.home .section-content p.en-sign{ text-align:right;}
.home .section-content p:nth-child(1)	{ }
.home .section-content p:nth-child(2)	{ margin-right:20%;}
.home .section-content p:nth-child(1)	{ }

.home .sec-philosophy .section-title {
	padding:24px 0 0; height:28px; font-size:0;
	background:url(../img/section/home-section-title-philosophy.svg) no-repeat left bottom / auto 28px;
	box-sizing:content-box;
}
.home .sec-service .section-title {
	padding:24px 0 0; height:28px; font-size:0;
	background:url(../img/section/home-section-title-service.svg) no-repeat left bottom / auto 28px;
	box-sizing:content-box;
}
.home .sec-outline .section-title {
	padding:24px 0 0; height:28px; font-size:0;
	background:url(../img/section/home-section-title-outline.svg) no-repeat left bottom / auto 28px;
	box-sizing:content-box;
}


.home .sec-service	{ }
.home .sec-service ul	{ font-size:0;}
.home .sec-service li	{ display:block; vertical-align:top; margin:0 0 2rem 0; padding:1.4rem; width:auto; background-color:rgba(255,255,255,.8);}
.home .sec-service li:before	{ border:0;}
.home .sec-service li:nth-child(2n)	{ margin-right:0;}
.home .sec-service li .num		{ position:absolute; bottom:0.6rem; right:1rem; font-size:3rem; color:#fff; line-height:1;}
.home .sec-service li .num b	{ font-size:5rem;}
.home .sec-service li .image	{ position:relative; margin:0 0 0.8rem; min-height:16rem; background-color:rgba(0,0,0,.5);}
.home .sec-service li h4		{ margin:0 0 0.8rem; font-size:1.4rem; font-weight:normal; color:#000; border-bottom:1px solid #999;}
.home .sec-service li p			{ margin:0; font-size:1.2rem; font-weight:normal; color:#000;}

.home .sec-outline	{}
.home .sec-outline dl	{ display:block; margin:0 0 4rem; padding:0; width:auto;}
.home .sec-outline dl:first-child	{ border-bottom:1px solid #fff;}
.home .sec-outline .googlemap	{ margin:0 0 4rem;}
.home .sec-outline .googlemap p	{ line-height:1.5;}
.home .sec-outline .googlemap iframe	{ width:100%; height:400px;}




/* **************************************************************************** */
/*
/* .page-record 
/*
/* **************************************************************************** */
.page-record .headernav-title {
	text-indent:150%; white-space:nowrap; overflow:hidden;
	background:url(../img/section/record-headnav-title.svg) no-repeat right top / auto 48px;
}
.page-record .page-title {
	text-indent:150%; white-space:nowrap; overflow:hidden;
	background:url(../img/section/record-page-title.svg) no-repeat left top / auto 48px;
}

.page-record section	{ margin:0 0 10rem;}
.page-record section:last-child	{ margin:0;}

.page-record .section-header h3	{ font-size:2.6rem; letter-spacing:0.1em;}
.page-record .section-header h3:before { display:block; content:'record'; font-size:1.4rem;}
.page-record .section-header h3 a { position:relative; display:block;}
.page-record .section-header h3 a:before	{ position:absolute; top:-5px; right:0px; content:''; width:30px; height:22px; border:1px solid #fff;}
.page-record .section-header h3 a:after	{ position:absolute; top:0; right:5px; content:''; width:30px; height:22px;background-color:#C6B199; border:1px solid #fff;}
.page-record .section-header h3 .jp	{ display:block; font-size:1.6rem; letter-spacing:0.1em;}
.page-record .section-header p	{ margin:0 0 0 2rem; font-size:1.5rem;}

.page-record .section-content	{ margin:0 0 0 2rem;}
.page-record .section-content .image { position:relative; padding:5%; background-color:rgba(255,255,255,.9); border:1px solid #333; border-radius:20px;}
.page-record .section-content .image:before { position:absolute; top:5%; left:3.5%; content:''; width:93%; height:90%; border:1px solid #333; border-radius:3px;}
.page-record .section-content p	{ font-size:1.2rem;}




/* **************************************************************************** */
/*
/* .page-contact
/*
/* **************************************************************************** */

.page-contact .headernav-title {
	text-indent:150%; white-space:nowrap; overflow:hidden;
	background:url(../img/section/contact-headnav-title.svg) no-repeat right top / auto 48px;
}
.page-contact .page-title {
	text-indent:150%; white-space:nowrap; overflow:hidden;
	background:url(../img/section/contact-page-title.svg) no-repeat left top / auto 48px;
}

.mailform	{}
.mailform dt	{ display:block; margin:0 0 0.6rem;}
.mailform dt.required:after { position:relative; top:-2px; content:'必須'; margin:0 0 0 8px; padding:0 0.8rem; font-size:1rem; font-weight:normal; color:#333; background-color:rgba(255,255,255,.7); border:1px solid #fff; border-radius:3px;}
.mailform dd	{ margin:0 0 2rem; border-bottom:1px solid #fff;}

input.namae	{ width:85%;}
span.namae	{ display:inline-block; width:15%;}

textarea.naiyou	{ height:10em !important;}
textarea.keii	{ height: 5em !important;}

.privacy-wrap { margin:4rem 0; padding:2rem 5% 1rem; color:#222; background-color:#fff;}
.privacy-wrap h4 { margin:0 0 1em;}
.privacy-wrap p	{ font-size:1.2rem;}

.submit	{ text-align:center;}



.page-contact .section-content	{ margin:0 0 0 2rem;}











/* **************************************************************************** */
/*
/* Media Queries
/*
/* **************************************************************************** */

@-ms-viewport 	{ width: device-width;}
@viewport 		{ width: device-width;}


/* <= 415px                             */
@media screen and (max-width: 415px) {
}

/* >= 736px                             */
@media screen and (max-width: 736px) {
}


/* >= 768px                             */
@media screen and (min-width: 768px) {


	/*
	 * - .sec-service					*/
	 .home .sec-service li	{ display:inline-block; vertical-align:top; margin:0 4% 2rem 0; padding:1.4rem; width:48%;}

	/*
	 * - .sec-outline 					*/
	 .home .sec-outline dl	{ display:inline-block; vertical-align:top; margin:0; padding:0; width:47%;}
	 .home .sec-outline dl:first-child	{ margin-right:4%; border:0;}

	/*
	 * - .sec-contact 					*/
	input.namae	{ width:30%;}
	span.namae	{ display:inline-block; width:3em;}
	.mailform dt br	{ display:none;}
	.mailform dd span.namae:nth-of-type(2)	{ margin:0 0 0 2em;}


	/*
	 * - .page-record					*/
	.page-record .section-header h3 a { display:inline;}
	.page-record .section-header h3 a:before	{ right:-50px;}
	.page-record .section-header h3 a:after	{ right:-45px;}

}


/* >= 1024px                             */
@media screen and (min-width: 1024px) {
}


/* >= 1280px                            */
@media screen and (min-width: 1280px) {

	/*
	 * - .sec-contact 					*/
	.mailform	{ position:relative;}
	.mailform:after	{ position:absolute; top:0; left:18em; content:''; width:0; height:75%; border-left:1px solid #fff;}
	.mailform dt	{ float:left; display:inline-block; margin:0; padding:2.1rem 0 2.5rem 3rem; width:18em;}
	.mailform dt br	{ display:none;}
	.mailform dd	{ margin:0; padding:2rem 3rem 1rem 20em; border-bottom:1px solid #fff;}
	.mailform dd:last-child	{ border-bottom:0;}
	.privacy-wrap { margin:4rem 5%;}

}


/* >= 1440px                            */
@media screen and (min-width: 1440px) {
}


/* >= Print                             */
@media print {
}