/*RESET.CSS Start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
ul li{list-style: none;}
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }
mark {background-color : #ff9;color : rgb(0,0,0);font-style : italic;font-weight : bold; }

.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

*,*::after,*::before{box-sizing: border-box;}
/*RESET.CSS END */

/*-------------------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;}

.setPadding30{padding:30px!important;}
.setPadding3050{padding:30px 50px!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;}

.stress1{font-size:1.25rem;font-weight:bolder;}
.stress2{font-weight:bolder;color:#333;}
.stress3{color:#ff0000;font-size:0.85rem;}
.stress3 a{color:#ff0000!important;}

.annotation1{color:#666;font-size:0.825rem;}
.annotation2{font-size:0.75rem;color:#ff0000;font-weight:normal!important;}
.annotation3{font-size:0.75rem;color:#333;font-weight:normal!important;}

.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;}
/*----------------------------------------------*/
body{
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust: none;	
	
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:16px;
	line-height:1.6;
	letter-spacing:0;	
	color:#666;
}

a:link{ text-decoration: none; color:#000;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a:visited{color:#000; }
a:hover{color:#333; text-decoration: none;}
a:active{color:#333;}

.title1{line-height:1.4;letter-spacing:1.25vw;padding: 0 3vw;font-weight:bolder;font-size:3.5vw;position: relative;top:50%;text-transform:uppercase;background: linear-gradient(to right bottom, rgba(112,188,41,1),rgba(143,193,34,1),rgba(197,217,0,1),rgba(223,224,8,1));-webkit-background-clip: text;color:transparent;margin-bottom:2vw;}
.title1 span{font-size:0.45em;display:block;}
@media screen and (max-width: 459px){
	.title1{font-size:6vw;line-height:1.5;}
}

.title3{font-size:1.125rem;font-weight:400;color:rgba(112,188,41,1);margin-bottom:30px;text-indent:15px;position:relative;}
.title3::before{content:"";width:4px;height:62%;background:rgba(112,188,41,1);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;}

.btn1{display:inline-block;font-size:0.875rem;text-align:center;border:1px solid #999;background:rgba(255,255,255,0.6);padding:15px 45px;position:relative;margin:40px 10px;letter-spacing:2px;text-transform:uppercase;}
.btn1::after{content:"";width: 15px; height:5px; position:absolute;top:26px;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;}
@media screen and (max-width: 549px){
	.btn1{margin:10px auto;}
}
/* ----------------------------------------------------- */
.content1{
	width:1600px;		
	margin:3vw auto;
}
.content2{
	width:1600px;		
	margin:3vw auto;
	font-size:0.825rem;
}
.content3{
	width:1600px;		
	margin:1vw auto;
	font-size:0.825rem;
}
@media screen and (max-width: 2159px){
	.content1{width:75%;}
	.content2{width:75%;}
	.content3{width:75%;}
}
@media screen and (max-width: 767px){
	.content1{width:90%;}
	.content2{width:90%;}
	.content3{width:100%;}
}

.pageShow{width:100%;height:45vh;text-align:center;}
.pageShow h2{color:#fff;line-height:1.6;letter-spacing:1.25vw;padding: 0 3vw;font-weight:bolder;font-size:4.25vw;position: relative;top:50%;text-transform:uppercase;}
.pageShow h2 span{font-size:0.5em;display:block;}
#companyPageShow{background:url(images/showCompany.jpg) no-repeat;background-size:cover;}

@media screen and (max-width: 459px){
	.pageShow h2{font-size:7vw;line-height:2.5;}
}
@media screen and (orientation:landscape) and (max-width: 849px){/* 横屏设备（根据vh设定高度的要调整）*/
	.pageShow{height:100vh;}
}
/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-size:0.825rem;
	border-bottom:0.75px solid #ccc;
	padding:20px 8px;
}
#table1 .titleTd{
	width:130px;
	letter-spacing:2px;
	font-weight:bolder;
	vertical-align:top;
	text-align:right;
}

.img1{width:100%;}
/* -----------------------contact------------------------ */
#statusT{width:100%;margin:20px auto;}
#statusT td{text-align:center;}
.row1{font-size:0.775rem;color:#999;font-weight:bolder;}
.row1:nth-child(1){width:30%;}
.row1:nth-child(2){width:40%;}
.row1:nth-child(3){width:30%;}
.row2{font-size:1.25rem;color:#1d71bf;font-weight:bolder;padding-bottom:10px;border-bottom:4px #1d71bf solid;position:relative;}
.row2:not(:nth-child(3)):after{content:"";width:15px;height:20px;border: solid #ccc;border-width: 0 1.3px 1.35px 0;transform-origin:left bottom;transform:skew(44deg,123deg);position:absolute;top:10px;left:95%;}
.active{color:#024b8f;border-bottom:4px #024b8f solid;}
.error{color:#ff0000;}

@media screen and (max-width: 599px){
	.row1{font-size:0.75rem;}
	.row2{font-size:1rem;}
}
@media screen and (max-width: 419px){
	.row2{font-size:0.925rem;}
	.row2:not(:nth-child(3)):after{content:"";width:10px;height:15px;transform:skew(40deg,120deg);top:3px;}
}

#contactTable{width:100%;margin:10px auto;}
#contactTable td{border-top:1px solid #ccc;border:1px solid #ccc;padding:15px 15px;font-size:0.925rem;}
#contactTable .titleTd{background:#fafafa;font-weight:bolder;width:240px;vertical-align:top;padding:28px 15px;}
.module1{font-size:0.75em;padding:1px 5px;background:#ff0000;color:#fff;margin-bottom:4px;border-radius:2px;}
.spanTd{text-align:center;padding:40px 30px;line-height:1.9;}

#contactTable input[type=text], #contactTable input[type=email], #contactTable input[type=tel],#contactTable select,#contactTable textarea{
	width:70%;
	outline-style:none;
	-webkit-appearance: none;
	appearance:none;
	border:1px solid #ccc;
	padding: 10px;
	border-radius:0;
	margin:5px 0;
}
#contactTable select{
	width:70%;
	background:#fafafa;
}
#contactTable input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	outline-style:none;
	border-radius:0;
}
#contactTable textarea{
	width:90%;
	height:150px;
}
@media screen and (max-width: 767px){
	#contactTable .titleTd{width:150px;}
	#contactTable input[type=text], #contactTable input[type=email], #contactTable input[type=tel],#contactTable select,#contactTable textarea,#contactTable select{
		width:100%;
	}
}
/* ----------------------------------------------------- */
#newsListDiv{
	width:98%;
	margin:30px auto 0;
}
#newsListDiv h3{
	font-weight:200;
	font-size:1.25em;
	text-align:left;
	position:relative;
}
#newsListDiv h3 span{
	text-transform:uppercase;
	font-size:0.75em;
}
#newsListDiv h3 a{
	width:145px;
	height:37px;
	text-align:center;
	display:inline-block;
	font-size:0.65em;
	position:absolute;
	right:0;
}
#newsListDiv h3 a:after {    
	content: "";
	display: inline-block;
	width: 15px;
	height: 5px;
	margin: 0 0 1px .5em;
	border: solid #333;
	border-width: 0 1px 1px 0;
	transform-origin: left bottom;
	transform: skewX(45deg);
}
/* ----------------------------------------------------- */
#contentC{
	width:-webkit-calc(100% - 30px - 200px);
	width:calc(100% - 30px - 200px);
	float:right;
}
.home-thumb{
	width:50px;
	height:50px;
}
.article-list{
	margin-bottom:3em;
	list-style:none;
}
.article-list li{
	list-style:none;
	height:3.25em;
	line-height:3.25em;
	overflow:hidden;
	border-bottom:1px solid #f0f0f0;
}
.post-date{
	font-size:0.825em;
	color:#666;
	letter-spacing:0.003em;
}
.post-title{
	font-size:0.925em;
	letter-spacing:0.01em;
}
.post-category{
	display:inline-block;width:120px;height:20px;line-height:20px;text-align:center;padding:0px 5px;background:#8fc122;color:#fff;font-size:0.725rem;margin-right:5px;
}
.red{
	background:#ff0000;;
}
@media screen and (max-width: 767px){
	#contentC{width:100%;}
}
/* ----------------------------------------------------- */
.entryTopicTable{
	width:100%;
	margin:0 auto;
}
.entryTopicTable td{
	border-bottom:1px solid #f0f0f0;	
	vertical-align:middle;
	font-size:0.875em;
	height:4.1em;
}
.entryTopicTable .dateTd{
	width:90px;
}
.entryTopicTable .categoryTd{
	width:130px;
}
.entryTopicTable .titleTd{	
	padding:0;
	margin:0;
}
.entryTopicTable .titleTd a{	
	letter-spacing:0.05em;
	font-weight:200;
	font-size:1em;
}
.titleWrapeer{
	height:4em;
	line-height:4em;
	overflow:hidden;
}
/* -----------------templates class------------------- */
.entry-title{
	display:none;
}
/* ----------------------------------------------------- */
.search-field{
	height:29px;
	line-height:29px;
	border:1px solid #ccc;
	padding:2px;
	outline-style:none;
	-webkit-appearance: none;
	vertical-align:top;
}
.search-submit{
	width:4em;
	height:29px;
	line-height:29px;	
	outline-style:none;
	-webkit-appearance: none;
	border:1px solid #ccc;
	background:#fff;
	top:2px!important;
}
.search-submit:hover{
	background:#f0f0f0;
}
/* --------------------application--------------------- */
#applicationStepWrap{width:450px;position:relative;margin:30px auto;}
#applicationStepWrap:before{content:"";width:92%;height:4px;background:#1d71bf;position:absolute;top:48%;left:3%;z-index:-1;}
.applicationStep{width:23%;height:85px;padding:25px 10px 10px;text-align:center;border:2px solid #1d71bf;border-radius:50%;font-size:0.75rem;display:inline-block;color:#1d71bf;margin:0.5%;background:#fff;}
#applicationStepWrap .active{background:#1d71bf;color:#fff;}

.applicationTypeItemWrap{width:250px;padding:15px 15px;background:#fff;border-radius:5px;margin:15px;border:1px solid #ccc;}
#applicationTypeErrorWrap{text-indent:1.75rem;}

.applicationTitle1{font-size:1rem;position:relative;text-indent:0.75em;color:#333;font-weight:600;}
.applicationTitle1:before{content:"";width:6px;height:22px;position:absolute;top:0px;left:0;background:#9cc044;}

.nameInputStyle{width:140px!important;}
#txtTel{width:200px!important;}
#txtBirthday{width:110px!important;text-align:center;}
#txtPostCode{width:90px!important;text-align:center;}
input::placeholder{color:#dcdcdc;}
.error{	font-size:0.75em;color:#ff0000;padding:0 5px;}

#kentaiTypeWrap{width:200px;position:relative;}
#kentaiTypeWrap:before{content:"";width:7px;height:7px;border:solid #666;border-width:0 1px 1px 0;position:absolute;top:40%;right:15px;transform:rotate(45deg);z-index:-1;}
#kentaiType{width:100%!important;background:rgba(255,255,255,0.0)!important;}

#txtNumber{width:110px!important;text-align:center;}
#txtPackitBango1,#txtPackitBango2,#txtPackitBango3{width:60px!important;text-align:center;}
#txtGetDay{width:110px!important;text-align:center;}

.aWrap{margin-left:10px;font-size:0.95rem;line-height:2;}
.aWrap input[type=text]{
	width:70%;
	outline-style:none;
	-webkit-appearance: none;
	appearance:none;
	border:1px solid #ccc;
	padding: 10px;
	border-radius:0;
	margin:5px 0;
}
#a4{width:80px;text-align:center;}
#checkAgree{
	width:16px;
	height:16px;
	margin-bottom:6px;
	vertical-align:middle;
	outline-style:none;
	border-radius:0;
}

@media screen and (max-width: 499px){
	#applicationStepWrap{width:100%;}
}
@media screen and (max-width: 399px){
	.applicationStep{height:78px;padding:18px 10px 10px;}
}
@media screen and (max-width: 374px){
	.applicationStep{height:75px;padding:16px 5px 10px;}
	.applicationStep{width:22%;border:1.5px solid #1d71bf;margin:0.5%;}
}
@media screen and (max-width: 349px){
	.applicationStep{height:70px;padding:16px 5px 10px;}
}
@media screen and (max-width: 399px){
	.applicationStep{height:65px;padding:13px 5px 10px;}
}
@media screen and (max-width: 309px){
	.applicationStep{font-size:0.65rem;letter-spacing:0;padding:12px 2px 2px;}
}