/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Zen Kurenaido',sans-serif; 4 */
@charset "UTF-8";
@import url(reset.css);
/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.825rem;}
.stress1{font-weight:600;font-size:0.875rem;color:#ad0c0c;}
.stress2{font-weight:600;color:#cc3526;}
.stress3{font-weight:600;color:#1d50a2;font-size:1.125rem;}
.stress4{font-weight:600;}

.annotation2{font-size:0.875rem;color:#666;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*-------------------Comment2-----------------------*/
html{font-size:16px;}
body {
	font-family:'Noto Sans JP',"MS Pゴシック", "MS PGothic", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight:400;
	font-size:100%; 
	line-height:1.6;
	letter-spacing:3px;
	overflow-x:hidden;
}

a:link{ text-decoration: none; color:#333;}
a:visited{color:#333; }
a:hover{color:#666; text-decoration: none;}
a:active{color:#666;}

@media screen and (max-width: 767px){
	body{font-weight:normal;}
}
/* ------------------------------------------------------- */
.title1{margin:0 auto 25px;color:#333;letter-spacing:3px;font-family:'Noto Serif JP','游明朝',sans-serif;font-weight:500;font-size:1.45rem;position:relative;}
.title1:after{content:"";width:100%;height:0.75px;background:#cda000;position:absolute;bottom:-10px;left:0px;}
.title1 span{color:#999;font-size:0.3em;text-indent:3px;font-weight:normal;padding-left:10px;}

.title2{text-align:center;font-size:1.5rem;color:#ad0c0c;letter-spacing:5px;position:relative;text-transform:uppercase;background:url(../images/logoBg.png) no-repeat 49%;background-size:90px;padding:26px 0;}
.title2 span{display:block;color:#999;font-size:0.275em;letter-spacing:4px;}
.title2:after2{content:"";width:1.25px;height:50px;background:#333;position:absolute;top:-10px;left:50%;left:-webkit-calc(50% - 1px);}

@media screen and (max-width: 1200px){
	.title2{font-size:1.65rem;}
	.title2 span{font-size:0.5em;}
}
@media screen and (max-width: 719px){
	.title2{font-size:1.65rem;background:url(../images/logoBg.png) no-repeat 49%;background-size:80px;}
}

.title3{font-size:1.125rem;font-weight:400;color:#cc3526;margin-bottom:30px;text-indent:15px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title3::before{content:"";width:4px;height:65%;background:#cc3526;position:absolute;top:18%;left:0;}
.title3::after{content:"";width:100%;height:0.75px;background:#f0f0f0;position:absolute;bottom:-5px;left:0;}
.title3 span{color:#67b5b6;font-weight:400;font-size:0.35em;letter-spacing:2px;padding-left:20px;text-transform:uppercase;}

.title4{font-size:1.125rem;font-weight:400;color:#cc3526;margin-bottom:30px;text-indent:15px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title4::before{content:"";width:4px;height:65%;background:#cc3526;position:absolute;top:18%;left:0;}
.title5{font-weight:bolder;color:#ad0c0c;}

.btn1{display:inline-block;font-size:0.825rem;text-align:center;border:1px solid #999;background:rgba(255,255,255,0.6);padding:10px 50px;position:relative;margin-top:30px;letter-spacing:2px;text-transform:uppercase;-webkit-appearance: none; border-radius:0;}
.btn1::after{content:"";width: 15px; height:5px; position:absolute;top:20px;right:25px;border: solid #333;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg);}
.btn1:hover::after{right:22px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/* --------------------------------------------------------------------------- */
.wrap1{width:100%; margin-bottom:100px;}
.wrap2{width:100%; margin-bottom:100px;}

.wrap31{width:100%; padding:50px 0 0; background:rgba(246,220,106,0.055);}
.wrap32{width:100%; padding:50px 0 0; background:rgba(234,130,196,0.055);}
.wrap33{width:100%; padding:50px 0 0; background:rgba(124,229,218,0.055);}

.wrap4{width:100%; padding:100px 0;background:rgba(246,220,106,0.05); }
.wrap5{width:100%; background:#f6f6f6;}
.wrap6{width:100%; margin-bottom:100px; padding:70px 0; background:#f6f6f6;}
.wrap7{width:100%; padding:50px 0 100px;}

.titleGirl{width:150px;}
.titleBoy{width:130px;}
.titleYakusoku{width:100%;color:rgb(173, 12, 12);font-size:2rem;text-align:center;}

#yakusoku,#concept,#service{width:70%;margin:10px auto;}

#yakusoku p,#concept p,#service p{font-size:1.075rem;padding-bottom:5px;}

#concept p span{font-size:1.125em;position:relative;}
#concept p span:after{content:"";width:100%;height:30%;background:rgba(234,130,196,0.5);position:absolute;left:0;top:70%;z-index:-1;}	
#serviceStress{padding:25px;text-align:center;font-size:1.25rem;color:#713641;}
#service h4{font-size:1.125rem;line-height:1.8;position:relative;display:inline-block;}
#service h4:after{content:"";width:100%;height:30%;background:rgba(124,229,218,0.7);position:absolute;left:0;top:60%;z-index:-1;}

.content1{width:1400px;margin:0 auto;position:relative;font-size:0.925rem;text-align:justify;}
.content2{width:95%;margin:0 auto;padding:30px 0;}
.content3{width:1000px;margin:0 auto;font-size:0.925rem;text-align:justify;}
.content4{width:1000px;margin:0 auto;}

@media only screen and (max-width: 1499px) {
	.content1{width:1400px;}
}
@media only screen and (max-width: 1399px) {
	.content1{width:1200px;}
}
@media only screen and (max-width: 1299px) {
	.content1{width:1100px;}
	
	#yakusoku,#concept,#service{width:80%;}
	
	#serviceStress{padding:25px 0;}
}
@media only screen and (max-width: 1199px) {
	.content1{width:1000px;}
}
@media only screen and (max-width: 1023px) {
	.content1{width:90%;}
	.content3{width:90%;letter-spacing:1px;}
	.content4{width:100%;}
	
	#yakusoku,#concept,#service{width:90%;}
	.titleGirl{width:120px;}
	.titleBoy{width:100px;}
	.titleYakusoku{font-size:1.5rem;}
}
@media only screen and (max-width: 767px) {	
	.content1{width:95%;}
	
	.wrap31{padding:20px 0 0; background:rgba(246,220,106,0.095);}
	.wrap32{padding:20px 0 0; background:rgba(234,130,196,0.095);}
	.wrap33{padding:20px 0 0; background:rgba(124,229,218,0.095);}
	
	#yakusoku,#concept,#service{width:95%;}
	#yakusoku p,#concept p,#service p{font-size:1rem;padding-bottom:20px;}
	#concept p span:after{height:40%;background:rgba(234,130,196,0.5);position:absolute;left:0;top:60%;z-index:-1;}		
	
	#serviceStress{border:1px solid #3c5514;padding:10px;margin:15px auto;border-radius:3px;font-size:1.125rem;}
	
	.titleGirl{width:100px;}
	.titleBoy{width:80px;}
	.titleYakusoku{font-size:1.45rem;}
	
}
/* ------------------------------Index----------------------------- */
#middle{padding-top:100px;background:url(../images/bgMiddle.png) no-repeat;background-size:100%;}
#content1{width:1400px;margin:120px auto;}

#companyM{width:600px;background:rgba(255,255,255,0.95);padding:50px;position:absolute;bottom:10px;right:10px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;border:1px solid #fafafa;}
#companyM p{padding-bottom:20px;font-size:0.925rem;}
#companyMBg{float:left;width:60%;height:500px;background:url(../images/img01.jpg) no-repeat;background-size:cover;}

#mapIndex{width:50%;float:left;}
#companyD{width:50%;float:right;padding:70px 50px 40px 80px;font-size:0.875rem;line-height:1.75;}
#companyD img{width:180px;padding-bottom:20px;}

.wrap3 .content1{font-size:0.825rem;padding:60px 0;}


@media screen and (max-width: 899px){
	#companyM{width:500px;padding:40px;bottom:unset;top:30px;}
	#companyMBg{width:70%;height:500px;margin-left:-80px;}
}

@media screen and (max-width: 767px){
	#companyM{width:500px;top:190px;}
	#companyMBg{width:80%;height:500px;margin-left:-60px;background:url(../images/img01.jpg) no-repeat;background-size:100%;}
	.wrap2{min-height:700px;}
	
	#middle{padding-top:50px;background:unset;}
	
	#mapIndex{width:100%;float:none;}
	#companyD{width:100%;float:none;padding:50px;text-align:center;}
}

@media screen and (max-width: 659px){
	#companyM{width:430px;top:90px;}
	#companyMBg{width:80%;}
}

@media screen and (max-width: 569px){
	#companyM{width:95%;top:190px;}
	#companyMBg{width:100%;margin-left:unset;background:url(../images/img01.jpg) no-repeat;background-size:100%;}
}

@media screen and (max-width: 499px){
	#companyM{width:100%;right:0px;}
	.wrap2{min-height:720px;}
}

@media screen and (max-width: 459px){	
	.wrap2{min-height:780px;}
}

@media screen and (max-width: 399px){
	#companyM{padding:20px 20px 50px;top:140px;}
	#companyMBg{margin-top:-50px;}
}

@media screen and (max-width: 359px){
	#companyM p:nth-of-type(1){display:n4one;}
}

/* -------------------------------------------------- */
.pageShow{width:100%;height:35vh;text-align:center;position:relative;margin-bottom:80px;}
.pageShow:after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;z-index:0;}
.pageShow h2{color:#fff;line-height:1.2;letter-spacing:1vw;padding: 0 3vw;font-size:3.75vw;position: relative;top:50%;text-transform:uppercase;z-index:2;}
.pageShow h2 span{font-size:0.5em;display:block;}
#companyPageShow{background:url(../images/bgFooter.jpg) no-repeat;background-size:cover;}

#imgProcess{width:60%;}

@media screen and (max-width: 899px){
	#imgProcess{width:80%;}
}
@media screen and (max-width: 767px){	
	#imgProcess{width:100%;}
}
@media screen and (max-width: 459px){
	.pageShow h2{font-size:8vw;line-height:1.6;}
}
@media screen and (orientation:landscape) and (max-width: 849px){/* 横屏设备（根据vh设定高度的要调整）*/
	.pageShow{height:100vh;}
}

/* -------------------------------------------------- */
#topicIndex{margin-bottom:20px;}

.topicItemTable{
	width:92%;
	margin:0 auto;
	border-bottom:1px solid #f0f0f0;
}
.topicItemTable:hover{
	background:#fff;
}
.topicItemTable td{
	padding:22px 0;
	vertical-align:top;
	font-size:0.925rem;	
	text-align:justify;
	color:#333;
	letter-spacing:1px;
}
.dateTd{	
	width:8em;
	color:#ccc;
	font-size:0.825rem;
}
/* --------------------------------------------------- */
.topicTitle{
	font-size:1.125rem;
	margin-bottom:10px;
	text-align:center;
	font-weight:500;
	color:rgb(173, 12, 12);
}
.topicDate{
	text-align:center;
	font-size:0.75rem;
	color:#999;
	padding-bottom:20px;
}
.topicContent{
	font-size:0.85rem;
}
.topicContent p{
	padding-top:10px;
}
@media (max-width: 719px){
	.topicTitle{
		font-size:1.125rem;
		padding:0 8px;
	}	
	.topicContent{
		padding:0 8px;font-size:0.925rem;
	}
}

/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-size:0.85rem;
	border-bottom:0.75px solid #ccc;
	padding:20px 8px;
}
#table1 .titleTd{
	width:170px;
	letter-spacing:2px;
	font-weight:500;
	vertical-align:top;
	text-align:right;
	padding-right:30px;
}

@media (max-width: 599px){
	#table1 td{font-size:0.875rem;}
	#table1 .titleTd{width:110px;padding-right:15px;}
}

/* -----------------------contact------------------------ */
#statusT{width:88%;margin:20px auto;}
#statusT td{text-align:center;}
.row1{font-size:0.75rem;color:#666;}
.row1:nth-child(1){width:30%;}
.row1:nth-child(2){width:40%;}
.row1:nth-child(3){width:30%;}
.row2{font-size:0.875rem;color:#333;padding-bottom:10px;border-bottom:2px #666 solid;position:relative;}
.row2:not(:nth-child(3)):after{content:"";width:9px;height:9px;border: solid #666;border-width: 0 1.3px 1px 0;transform-origin:left bottom;transform:skew(44deg,133deg);position:absolute;top:10px;left:95%;}
.active{color:#ad0c0c;border-bottom:2px #ad0c0c solid;}
.error{color:#ad0c0c;}

@media screen and (max-width: 599px){
	#statusT{width:100%;margin:0 auto 20px;}
}
@media screen and (max-width: 419px){
	.row2{font-size:0.925rem;}
	.row2:not(:nth-child(3)):after{border-width: 0 1px 1px 0;}
}
/* --------------footer------------ */
#footerWrap{width:100%;padding:70px 0 40px;background:url(../images/bgFooter.jpg) no-repeat center center;background-size:cover;position:relative;}
#footerWrap:after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;top:0;left;0;z-index:0;}
footer{width:1400px;height:180px;margin:0 auto;position:relative;color:#fff;z-index:1;}

#logoFooter{display:block;width:200px;position:absolute;bottom:60px;right:0;}
#logoFooter img{width:100%;}

#footerC1{position:absolute;bottom:40px;font-size:0.875rem;line-height:1.9;}
#contactP a{color:#fff;}
#contactP a:hover{color:#f0f0f0;}
#mapA{background:#f0f0f0;color:#333;font-size:0.65rem;letter-spacing:0;padding:0 3px 1px;}
#mapA:hover{background:#fff;}

#copyright{width:100%;text-align:center;position:absolute;bottom:10px;font-size:0.675rem;}
#copyright a{color:#fff;}

@media only screen and (max-width: 1499px) {
	footer{width:1300px;}
}
@media only screen and (max-width: 1399px) {
	footer{width:1200px;}
}

@media (max-width: 1240px){
	footer{width:93%;}
}
@media (max-width: 899px){	
	footer{width:96%;}
}
@media (max-width: 767px){	
	footer{height:auto;}
	#logoFooter{width:100%;position:static;text-align:center;}
	#logoFooter img{width:180px;padding-bottom:10px;}
	
	#footerC1{width:85%;margin:0 auto;position:static;text-align:center;padding-bottom:15px;}
		
	#copyright{position:static;}
}
@media (max-width: 459px){		
	#footerC1{width:90%;letter-spacing:1px;}
	
	#logoFooter img{width:150px;}	
	
	#contactP span{display:block;}
}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 10px;
	right: 25px;
	display: none; 
	cursor: pointer;
}
#goToTopBtn img{
	width:60px;
}
@media (max-width: 459px){		
	#goToTopBtn{bottom: 20px;right:15px;}
	#goToTopBtn img{width:52px;}
}
/*-------------------------*/
.module1{
	margin-top:2px;
	padding: 2px 5px 2px; 
	font-size: 0.725rem;
	font-weight:500;
	color: #ad0c0c; 
	border-radius:1px;
	border:1px solid #ad0c0c;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
	color:#333;
	font-weight:600;
}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{
	width:calc(100% - 12px);
	height:2.25em;
	outline-style:none;
	-webkit-appearance: none;
	border:1px solid #666;
	padding:2px 5px;
	border-radius:0;
}
.form-group select{
	-webkit-appearance: none;
	appearance:none;
	width:99.5%;
	height:2.75em;
	padding:2px 5px;
	background:#fafafa;
	border-radius:0;
}
input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	border-radius:0;
}
.form-group textarea{
	height:10em;
	border-radius:0;
}