@media screen and (max-width: 768px) {

body {
	font-size: 4vw;
	line-height: 1.4;
	font-family:Verdana, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%; 
    margin-left:auto;
    margin-right:auto;
    max-width: 768px;
    max-width: 768px;
}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {
	-webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

/* header */

header { position:relative; width:100%; background:#fff;}
header .HeadCopy,
header .HeadContact,
header .globalNavi,	
header .gnwrap,
header nav.nav { display:none;}

header .Logo{ float:left; width:100%;}
header .Logo img{
	width: 250px;
	height: auto;
	margin-top: 20px;
}

header div.HeaderInnerBox .SpMenu{ position:absolute; right:4%; top:50%; margin-top:-20px; font-size:3rem;}
header div.HeaderInnerBox .SpMenu a{ color:#333;}
header div.HeaderInnerBox .SpTel{ position:absolute; right:12%; top:60%; margin-top:-28px; }
header div.HeaderInnerBox .SpTel img{ width: 30px;}	
header div.HeaderInnerBox {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 80px;
	padding-top: 5px;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 16px;
	overflow: hidden;
	z-index: 99;
	box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
	background-color: #fff;
}

/* overlay-accordion */			

.ov-noaco-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 1em 1em 1em 2em;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}	
		
.ov-accordion-container .ov-accordion-title {
	position: relative;
	margin: 0;
	padding: 1em 1em 1em 2em;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;	
}

.ov-accordion-container .ov-accordion-title::before  {
	position: absolute;
	right: 25px;
	content: "\f078";
	font-family: FontAwesome;
	color: #FFFFFF;
}

.ov-accordion-container .ov-accordion-title::after {
  content: "";
  position: absolute;
  right: 25px;

}

.ov-accordion-container .ov-accordion-title.open::before {
  transform: rotate(180deg);
}

.ov-accordion-container .ov-accordion-title.open::after {
  opacity: 0;
}

.ov-accordion-content p a {
	display: block;
	padding-left: 2.3125em;
	border-bottom: 1px dotted #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.ov-accordion-content p a:hover {
	display: block;
	padding-left: 2.3125em;
	border-bottom: 1px dotted #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #676767;
}	
	
	
/* PageTitleStyle */	
.pgtBox .InnerTitleBox{
	width: 100%;
	height: 0;
background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	padding-top: 280px;
}
	
.pgtBox .InnerTitleBox2{
	width: 100%;
	height: 0;
background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin-top: 80px;
	padding-top: 50%;
	
}
	
	
	
.pgtBox .InnerTitleBox .TtlInner{
	line-height: 180%;
	color: #fff;
	letter-spacing: 2px;
	margin-top: 25px;
	z-index: 60;
	font-size: 1.5rem;
	font-family: "Century Gothic", "Verdana", "Century Gothic", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;		/*text-shadow: 1px 1px 1px #7e6047;	*/
	font-weight: bold;
}
	
.pgtBox .InnerTitleBox .TtlInner span{
	display: block;
	font-size: 3rem;
	color: #fff;
	letter-spacing: 5px !important;
	font-weight: bold;
	margin-top: -130px;
}
	
.pgtBox .InnerTitleBox2 .TtlInner2 span{
	display: block;
	font-size: 7vw;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	text-shadow: 0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65;
	margin-top: -95%;
}
	
.pgt-about{background-image: url(../images/about-title_bg.jpg);}
.pgt-work{background-image: url(../images/work-title_bg.jpg);}
.pgt-recruit{background-image: url(../images/recruit-title_bg.jpg);}
.pgt-news{background-image: url(../images/news-title_bg.jpg);}
.pgt-contact{background-image: url(../images/contact-title_bg.jpg);}
.pgt-privacy{background-image: url(../images/privacy-title_bg.jpg);}
.pgt-sitemap{background-image: url(../images/sitemap-title_bg.jpg);}
.pgt-job{background-image: url(../images/job-title_bg.jpg);}

	
.wrap {
width: 90%; margin-left: auto; margin-right: auto;
}
	
.t-i img{
	margin-left:10px;
	vertical-align: middle;
}
.t-i span{
	vertical-align: middle;
}	
	
/* linkstyle */	
	
.LinkStyle01 {margin-top: 20px;	}		
.LinkStyle01 a {font-size: 1.6rem;	padding-top: 10px;	padding-bottom: 10px;	border-radius: 4px;	background-color: #033491;	text-align: center;
	width: 100%;	color: #FFFFFF;	padding-right: 10px;	padding-left: 10px;		}
.LinkStyle01 a:hover{ opacity:0.8;}		
.LinkStyle01 a:after {	content: " \f105";	font-family: FontAwesome;	margin-left:10px;}		
	
/* column */

.ColumnUnit01{ width:100%; margin-left: auto;margin-right: auto;}	
.ColumnUnit01 img{ max-width:100%; margin-bottom:15px;}

	
.ColumnUnit02{ width:100%; margin-left: auto;margin-right: auto;}	
.ColumnUnit02 img{ max-width:100%; margin-bottom:15px;}
.ColumnUnit02 li{margin-bottom: 2%;}
	
.ColumnUnit03{ width:80%; margin-left: auto;margin-right: auto;}	
.ColumnUnit03 img{ max-width:100%; margin-bottom:15px;}
.ColumnUnit03 li{margin-bottom: 50px;}	
	
.ColumnUnit04{ width:100%; margin-left: auto;margin-right: auto;}	
.ColumnUnit04 img{
	max-width: 100%;
	margin-bottom: 15px;
	margin-top: 10px;
}

	
.ColumnUnit05{ width:100%; margin-left: auto;margin-right: auto;}	
.ColumnUnit05 img{ max-width:100%; margin-bottom:15px;}


.ColumnUnit06{ width:100%; margin-left: auto;margin-right: auto;}	
.ColumnUnit06 img{ max-width:100%; margin-bottom:15px;}
.ColumnUnit06 li{
	float: left;
	width: 48%;
	margin-left: 2%;

}	
	
	
.ColumnUnit02R30{ width:100%; margin-left: auto;margin-right: auto;}	
.ColumnUnit02R30 img{ max-width:100%; margin-bottom:15px;}
.ColumnUnit02R30 .ColumnItem {
	padding-top: 10px;
	padding-bottom: 10px;
}
	
	
	
/* テーブル関連 */
	
div.scroll{ width:105%; margin-right:-5%; margin-top:10px; overflow: auto; white-space: nowrap; }
div.scroll::-webkit-scrollbar{height: 5px;}
div.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
div.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}	
	
.TableStyle01,.TableStyle02,.TableStyle03,.TableStyle04,.TableStyle05,.TableStyle06,.TableStyle10{ width:100%;}
.scroll .TableStyle01, .scroll .TableStyle02, .scroll .TableStyle03, .scroll .TableStyle04, .scroll .TableStyle05, .scroll .TableStyle06{  !important;}	

/* table */

table.TableStyle01{	width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 10px;color: #333333;}		
table.TableStyle01 tr{border-bottom: 1px solid #333;}
table.TableStyle01 th,
table.TableStyle01 td{ display: inline-block; vertical-align:top; width:100%;}
table.TableStyle01 th{	font-weight: bold;	margin-top: 10px;	margin-bottom: 5px;}
table.TableStyle01 td{	padding: 0px 0px 14px 0px;	font-size: 4vw;	vertical-align: middle;}
	
	
table.TableStyle02{	width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 10px;color: #333333;}		
table.TableStyle02 tr{border-bottom: 1px solid #333;}
table.TableStyle02 th,
table.TableStyle02 td{ display: inline-block; vertical-align:top; width:100%;}
table.TableStyle02 th{	font-weight: bold;	margin-top: 10px;	margin-bottom: 5px;}
table.TableStyle02 td{	padding: 0px 0px 14px 0px;	font-size: 4vw;	vertical-align: middle;}
	

table.TableStyle03{	width:100%;	margin-bottom: 10px;margin-top: 10px;}
table.TableStyle03 th,
table.TableStyle03 td{	vertical-align: top;border:1px solid #b1b1b1;}
table.TableStyle03 th{
	background-color: #FCFCFC;padding: 10px;text-align: center;	width: 50%;}
table.TableStyle03 td{	padding: 10px;	background-color: #FFFFFF;	text-align: center;}	

	
	
.MagpopPhotoG a,
.MagpopPhotoG2 a,
.MagpopPhotoG3 a,
.MagpopPhotoG4 a,	
.magpop{
	display:block;
	padding:8px 4%;
	margin-bottom:10px;
	color:#FFFFFF !important;
	border-radius:5px;
	
}



/* pankuzu */
div.Pankuzu{
display: none;
}
	
/* フッター */

footer{	color: #333;	padding-top: 50px;	padding-bottom: 50px;	background-color: #f6f6f6;}	
footer div.InnerBox {width: 90%;	margin-left: auto;	margin-right: auto;	}
	
footer .Copy{font-size: 4vw;	margin-bottom: 0px;	padding-bottom: 20px;	text-align: center;	margin-top: 10px;}	

.footerBlock01-logo img {width: 100%;}
.footerBlock01 .lst{
	font-size: 4vw;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	line-height: 300%;
	text-align: center;	
}
	
	
.f-nav01  {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 5%;
}

.f-nav01 li {
	float: left;
	width: 48%;
	padding-bottom: 20px;
}
.footerBlock02 a {	color: #333;}
.footerBlock02 a:hover {opacity: 0.8;}		


	
/* ページトップ */	
.pagetop { display: none; position: fixed; bottom: 20px; right: 2%; z-index: 500;}
.pagetop a { display: block;width:56px;height:56px;line-height:56px; background-color: #444444; text-align: center; color: #fff; font-size: 4vw; text-decoration: none;}
.pagetop a:hover { display: block; text-align: center; color: #ccc; text-decoration: none;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
	
.SpNodisplay{ display:none !important;}	
	
	
.contentsL01{width: 100%;margin-left: auto;	margin-right: auto;	padding-bottom: 50px;text-align: center;}	
.contentsR01{width: 100%;	margin-left: auto;	margin-right: auto;	padding-bottom: 50px;}	
.contentsL02{width: 100%;margin-left: auto;	margin-right: auto;	padding-bottom: 50px;text-align: center;}	
.contentsR02{width: 100%;	margin-left: auto;	margin-right: auto;	padding-bottom: 50px;}		
.contentsBoxA {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}		
.contentsBoxB {
	width: 100%;
	padding-top: 50px;
	background-color: #F2FBFF;
}	
	

.mainCopy {	font-size: 5vw;padding-bottom: 50px;	line-height: 150%;	width: 100%;	margin-right: auto;	margin-left: auto;	text-align: center;	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;	color: #006835;}
	
	

/* TitleStyle */	

.TitleStyle01{
	font-size: 5vw;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	line-height: 150%;
}
.v_line_fix { margin-left: 50%; width: 2px; height: 50px; background-color: #006835;}	
	
.TitleStyle02{
	font-size: 4.5vw;
	margin-bottom: 10px;
	font-weight: bold;
	width: 96.5%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 150%;
	padding-left: 15px;
	letter-spacing: 3px !important;
	border-left: 7px solid #1785ba;
}
	
.TitleStyle03{
	font-size: 4vw;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	line-height: 150%;
	padding-bottom: 10px;
}
	
.TitleStyle04{
	margin-bottom: 20px;
	border-bottom: 1px solid #81b934;
	padding-bottom: 5px;
	color: #81B934;
	margin-top: 20px;
	font-size: 1.5rem;
}
	
.TitleStyle05{
font-size:1.8rem; padding-bottom:12px; border-bottom:1px solid #ccc;margin-bottom: 10px;
}	
	
.TitleStyle06{
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	
.TitleStyle07{
	font-size: 2.5rem;
	font-weight: bold;
	padding-bottom: 10px;
	color: #fff;
	letter-spacing:2px;
	text-shadow:0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65;
}	

.TitleStyle08{
	font-size: 4vw;
	font-weight: bold;
	width: 96.5%;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 120%;
	padding-left: 10px;
	letter-spacing: 3px !important;
	border-left: 7px solid #1785ba;
}	
	
/* -------------------------------------------------- */
/* block item Width */

.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid49Per {width: 49% !important;}	
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}

.wid50_sp {width: 50px !important;}
.wid100_sp {width: 100px !important;}
.wid150_sp {width: 150px !important;}
.wid200_sp {width: 200px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}

/* - Top margin */

.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}


/* - Left margin */

.marL0_sp {margin-left: 0px !important;}
.marL5_sp {margin-left: 5px !important;}
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}
.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}

/* - Right margin */

.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */

.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */

.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid10 {width: 10px !important;}
.wid20 {width: 20px !important;}
.wid30 {width: 30px !important;}
.wid40 {width: 40px !important;}
.wid50 {width: 50px !important;}
.wid60 {width: 60px !important;}
.wid70 {width: 70px !important;}
.wid80 {width: 80px !important;}
.wid90 {width: 90px !important;}

.wid100 {width: 100px !important;}
.wid110 {width: 110px !important;}
.wid120 {width: 120px !important;}
.wid130 {width: 130px !important;}
.wid140 {width: 140px !important;}
.wid150 {width: 150px !important;}
.wid160 {width: 160px !important;}
.wid170 {width: 170px !important;}
.wid180 {width: 180px !important;}
.wid190 {width: 190px !important;}

.wid200 {width: 200px !important;}
.wid210 {width: 210px !important;}
.wid220 {width: 220px !important;}
.wid230 {width: 230px !important;}
.wid240 {width: 240px !important;}
.wid250 {width: 250px !important;}
.wid260 {width: 260px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid290 {width: 290px !important;}

.wid300 {width: 300px !important;}
.wid310 {width: 310px !important;}
.wid320 {width: 320px !important;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px !important;}
.wid350 {width: 350px !important;}
.wid360 {width: 360px !important;}
.wid370 {width: 370px !important;}
.wid380 {width: 380px !important;}
.wid390 {width: 390px !important;}

.wid400 {width: 400px !important;}
.wid410 {width: 410px !important;}
.wid420 {width: 420px !important;}
.wid430 {width: 430px !important;}
.wid440 {width: 440px !important;}
.wid450 {width: 450px !important;}
.wid460 {width: 460px !important;}
.wid470 {width: 470px !important;}
.wid480 {width: 480px !important;}
.wid490 {width: 490px !important;}

.wid500 {width: 500px !important;}
.wid510 {width: 510px !important;}
.wid520 {width: 520px !important;}
.wid530 {width: 530px !important;}
.wid540 {width: 540px !important;}
.wid550 {width: 550px !important;}
.wid560 {width: 560px !important;}
.wid570 {width: 570px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}

.wid600 {width: 600px !important;}
.wid610 {width: 610px !important;}
.wid620 {width: 620px !important;}
.wid630 {width: 630px !important;}
.wid640 {width: 640px !important;}
.wid650 {width: 650px !important;}
.wid660 {width: 660px !important;}
.wid670 {width: 670px !important;}
.wid680 {width: 680px !important;}
.wid690 {width: 690px !important;}

.wid700 {width: 700px !important;}
.wid710 {width: 710px !important;}
.wid720 {width: 720px !important;}
.wid730 {width: 730px !important;}
.wid740 {width: 740px !important;}
.wid750 {width: 750px !important;}
.wid760 {width: 760px !important;}
.wid770 {width: 770px !important;}
.wid780 {width: 780px !important;}
.wid790 {width: 790px !important;}

.wid800 {width: 800px !important;}
.wid810 {width: 810px !important;}
.wid820 {width: 820px !important;}
.wid830 {width: 830px !important;}
.wid840 {width: 840px !important;}
.wid850 {width: 850px !important;}
.wid860 {width: 860px !important;}
.wid870 {width: 870px !important;}
.wid880 {width: 880px !important;}
.wid890 {width: 890px !important;}

.wid900 {width: 900px !important;}
.wid910 {width: 910px !important;}
.wid920 {width: 920px !important;}
.wid930 {width: 930px !important;}
.wid940 {width: 940px !important;}
.wid950 {width: 950px !important;}
.wid960 {width: 960px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid300 {width: 300px !important;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width: 500px !important;}
.wid550 {width: 550px !important;}
.wid600 {width: 600px !important;}
.wid650 {width: 650px !important;}
.wid700 {width: 700px !important;}
.wid750 {width: 750px !important;}
.wid800 {width: 800px !important;}
.wid850 {width: 850px !important;}
.wid900 {width: 900px !important;}
.wid950 {width: 950px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Padding */

/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}

/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}

/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}

/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}

/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}	
	
/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}

/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}

/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}


/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}
	
/* - Font size */

.txt10px_sp{font-size: 1.0rem !important;}
.txt11px_sp{font-size: 1.1rem !important;}
.txt12px_sp{font-size: 1.2rem !important;}
.txt13px_sp{font-size: 1.3rem !important;}
.txt14px_sp{font-size: 1.4rem !important;}
.txt15px_sp{font-size: 1.5rem !important;}
.txt16px_sp{font-size: 1.6rem !important;}
.txt17px_sp{font-size: 1.7rem !important;}
.txt18px_sp{font-size: 1.8rem !important;}
.txt19px_sp{font-size: 1.9rem !important;}
.txt20px_sp{font-size: 2.0rem !important;}
.txt21px_sp{font-size: 2.1rem !important;}
.txt22px_sp{font-size: 2.2rem !important;}
.txt23px_sp{font-size: 2.3rem !important;}
.txt24px_sp{font-size: 2.4rem !important;}
.txt25px_sp{font-size: 2.5rem !important;}
.txt26px_sp{font-size: 2.6rem !important;}
	
/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}
.GrTxt{	color: #A8A8A8;}	
	
/* - Bg color */
.WhBg{
	padding: 2%;
	background-color: #FFFFFF;
}	

/* - line color ccc */	
.line10 {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
/* Float setting */
.flt-L_sp {float: left !important;}
.flt-R_sp {float: right !important;}

/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important;}
.ali-R_sp {text-align: right !important;}
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important;}	
	
/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}	
	
	
	
/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */
	
	
/*concept*/	
.protectBox {
background-color: #F4F4F4;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
border: 1px solid #DCDCDC;
padding-top: 30px;
margin-right: auto;
margin-left: auto;
width: 100%;
}	
	

	
	
	
/* contact */	
.FormFinBox01{ width:100%; margin:0 auto;}
.FormFinBox01 input{ position: relative; cursor: pointer; border:none; text-align:center; width:100%; background:#db9612; color:#fff; font-size:3vw; padding:10px 0px; border-radius:6px;}
.FormFinBox01 input:after{ position:absolute; content: '\f105';font-family: FontAwesome; right:14px; top:50%; margin-top:-15px; color:#fff; font-size:4vw;}	
.TableStyleForm{ width:100%; margin-bottom:10px;}
.TableStyleForm tr{border-bottom:1px solid #4d3609; }
.TableStyleForm th,
.TableStyleForm td{ display: inline-block; vertical-align:top; width:100%;}
.TableStyleForm th{ padding:14px 0px 10px 0px;}
.TableStyleForm td{ padding:0px 0px 14px 0px; font-size:3vw; vertical-align:middle;}
.TableStyleForm td input,
.TableStyleForm td textarea{
	border: 1px solid #ccc;
	padding: 12px;
	font-size: 3.5vw;
	margin-bottom: 5px;
}
.TableStyleForm td input.Sex{ width:auto;}
.TableStyleForm td input.Sex02{ margin-left:20px;}
.TableStyleForm td input.Age{ width:50px;}
.TableStyleForm td input.Yubin{ width:80px;}
.TableStyleForm td select{ font-size:3vw; max-width:100%;}
.TableStyleForm th p{ position:relative; display:inline;}
.TableStyleForm th .hissu{right: 0px;top: 0px;background: #ff7538;color: #fff;	padding-top: 3px;padding-right: 15px;padding-left: 15px;padding-bottom: 3px;
	content: '必須';	border-radius: 5px;	font-size: 1.3rem;	margin-left: 2%;}
.racaBox{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 300px;
	margin-top: 10px;
}	
	
.contactTel{border-radius: 5px;	padding: 20px;	background-color: #ECF4E5;	text-align: center;color: #006835;}	
.contactTel dd  {font-size: 6vw;font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;}		
.contactTel dd a  {color: #006835;}	
	
.contactSend{
	font-size: 5vw;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	color: #006835;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}		

.ContactConfirmBox {border:solid 1px #ccc; margin:30px auto;}
.ContactConfirmBox ul {padding:0 20px 20px 20px;}
.ContactConfirmBox ul li {margin-bottom:10px;}
.ContactConfirmBox p {padding:20px;}
.ContactConfirmBox .ConfirmCheck {background-color:#f5f5f5; text-align: center; font-size:120%; padding:20px;}


.contentsBox{margin-bottom: 70px;}	
	

.radio-inline__input {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	font-size: 4vw;
}

.radio-inline__label {
	display: inline-block;
	padding: 0.5rem 1rem;
	margin-right: 18px;
	border-radius: 3px;
	transition: all .2s;
	background-color: #E7E7E7;
	
}
	
.radio-inline__label:before  {
    content: '\0f058';
    display: inline-block;
    width: 1em;
    color: #fff;
    font-family: 'FontAwesome';
    text-indent: 0;	
	}	

.radio-inline__input:checked + .radio-inline__label {
    background: #B54A4A;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}	
	
#required_confirm {}
#required_msg {color:#ff0000; font-weight: bolder; font-size:24px;}
#contact_submit {display: block; width:320px; height:60px; line-height:60px; margin:20px auto; text-align: center; background-color:#fb7f1c; color:#fff; text-decoration: none !important; position: relative;}
#contact_submit::after {content:"\f054"; font-family: "FontAwesome"; color:#fff; position: absolute; right:15px;}
	

	
/* top slide */	
	

	
	
	
.flexslider{
	width: 100%;
	height: auto;
}
.flexslider ul.slides li{
	width: 100%;
	height: auto;
	padding-top: 60px;

}
	
.slides > li { display: none; width:100%; -webkit-backface-visibility: hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; 	position: relative; }
.slides li div{}
.slides li div p{ }
.slides li div span.slide01{
	position: absolute; z-index:10; top:43%; left:0; right:0; margin:0 auto; text-align: center;
	display: block;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 2.5rem;
	line-height: 150%;
	text-shadow: 0px 0px 7px #4b400b,0px 0px 7px #4b400b,0px 0px 7px #4b400b,0px 0px 7px #4b400b;
	font-weight: bold;
}
	

.flexslider ul.slides li::after {content: ""; display: block; padding-top: 77%;}
.flexslider ul.slides li.image01::after{ background: url(../images/slider01_sp.jpg) no-repeat; position: relative;	-webkit-background-size: cover;}
.flexslider ul.slides li.image02::after{ background: url(../images/slider02_sp.jpg) no-repeat;	position: relative;	-webkit-background-size: cover;}
.flexslider ul.slides li.image03::after{ background: url(../images/slider03_sp.jpg) no-repeat;	position: relative;	-webkit-background-size: cover;	}	
.flexslider ul.slides li.image04::after{ background: url(../images/slider04_sp.jpg) no-repeat;	position: relative;	-webkit-background-size: cover;	}	
	
/* top-contentsBoxA */	
	
.top-contentsBoxA{
	width: 100%;
	padding-top: 30px;
	background-color: #FFFFFF;
	padding-bottom: 50px;
	border-top: 20px solid #E1E1E1;
}
	
/* top-copyBox */	
	
.top-copyBox{
	background-image: url(../images/bg01.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 20px;
	padding-bottom: 50px;
}	
	
.workList {

	margin-top: 30px;
	margin-bottom: 30px;

}
	
.workList li {
	width: 100%;
	background-color: #FFFFFF;
	color: #000000;
	line-height: 180%;
	font-size: 1.5rem;
	padding-bottom: 2%;
	margin-bottom: 5%;
}
	
.workList li a {
	width: 90%;
	color: #000000;
}	
	
.workList li a:hover {
opacity: 0.9;
}
	
.workList-doc1 {
	margin-right: 20px;
	margin-left: 20px;

}	
	
.workList-doc2 {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}	
	
.workList-doc3 {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}
	
.workList-doc4 {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}	
	
.workList-doc1 span {
	font-weight: bold;
	color: #009BE6;
	font-size: 1.8rem;
}	
	
.workList-doc2 {
	font-weight: bold;
	color: #006EA4;
	font-size: 1.8rem;
}		

.workList-doc3 span {
	font-weight: bold;
	color: #009BE6;
	font-size: 1.8rem;
}	
	
.workList-doc4 span {
	font-weight: bold;
	color: #009BE6;
	font-size: 1.8rem;
}	
	
	.top-workBox {
	background-image: url(../images/bg04.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top: 22%;
	padding-bottom: 18%;
}	
	
.workunit {
margin-right: auto;
margin-left: auto;
width: 100%;	
}
		
.workunit li {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	background-color: #007CB8;
	border-radius: 5px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;

	font-size: 140%;
	letter-spacing: 5px;
	margin-bottom: 20px;
}
	
.workunit li a:after{
	color: #fff;
	content: " \f105";
	font-family: FontAwesome;
	padding-left: 20px;
	
}
	
.workunit li a {
color: #FFFFFF;
	display: block;
}	
	
.workunit li a:hover {
	opacity: 0.9;
	
}		

	
/* top-concept */	
	
.top-conceptBox{width: 100%;margin-top: 50px;}
.top-conceptBoxWrap{margin-right: auto;	margin-left: auto;max-width: 90%;z-index: 5;left: 0;right: 0;margin-top: auto;	margin-right: auto;	margin-left: auto;top:-100px; }	
.top-conceptBox .pht01{	width: 100%;height: 400px;   object-fit: cover;object-position: 0 100%}
.top-conceptBox h1{	line-height: 200%;font-size: 5vw;letter-spacing: 1.4px !important;font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;}
.top-conceptBox h1 span{font-size: 8vw;	color: #000;border-bottom: 2px solid #d6b762;padding-bottom: 8px;line-height: 180%;}

	
/* top-profile */	
	
.top-profileBox{
	background-image: url(../images/top-pro-bg-pc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 50px;
	padding-bottom: 50px;
  }	
	
	
.top-profileBoxWrap{
	margin-right: auto;
	margin-left: auto;
	max-width: 90%;

  }	
.top-profileBox .pht01{	width: 100%;height: 400px;   object-fit: cover;object-position: 0 100%}
.top-profileBox h1{
	line-height: 200%;
	font-size: 2.3rem;
	letter-spacing: 1.4px !important;
	border-bottom: 2px solid #282828;
	padding-bottom: 1px;
	width: 80%;margin-right: auto;
	margin-left: auto;
}
.top-profileBox h1 span{
	font-size: 1.8rem;
	color: #000;
	border-bottom: 2px solid #282828;
	padding-bottom: 5px;
	line-height: 200%;
}
		
	
/* top-news */	
	
.topNews-title a{
	background-color: #484848;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
}
	
.topNews-title a:hover{
opacity: 0.8;
}
.top-newsBox{background-color: #FFFFFF;padding-top: 50px;padding-bottom: 50px;}		

.top-contentsBoxC h1 span{font-size: 4rem;	color: #000;border-bottom: 2px solid #d6b762;padding-bottom: 8px;line-height: 180%;}
	
.top-news-title{
	text-align: center;
	background-image: url(../images/news-bg-sp.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}	
.top-news-entry li{
	margin-top: 20px;

}		
.top-news-entry a{color: #000000;}
	
	
/* top-bnr */	
.top-bnrBox li{	margin-bottom: 20px;}	
.top-bnrBox li a:hover{	opacity: 0.8;}	
	
.top-bnrBox img{width: 100%;}
.top-bnrBox{margin-right: auto;	margin-left: auto;width: 90%;}	
	

/* top-aboutBox */		

.top-shinryoTableBox2{

}	
.top-bnrBox2{

}
	
/* News */
	
div.NewsPage .NewsBox{ padding:0px 0px 0px;}
div.NewsPage .entryDetailBox .RightBox,
div.NewsPage .NewsBox .RightBox,
div.LocalNav{ width:100%;}
div.NewsPage .entryDetailBox .RightBox h4,
div.NewsPage .NewsBox .RightBox h4,
div.LocalNav .LocalTtl{ width:112%; text-align:center; padding:2px 0px; margin:0px -6%; color:#fff;}

div.NewsPage .entryDetailBox .RightBox p,
div.NewsPage .NewsBox .RightBox p{ position:relative; text-align:center; padding:6px; width:100%; margin-bottom:0px !important; }
div.NewsPage .entryDetailBox .RightBox span.prev-month,
div.NewsPage .NewsBox .RightBox span.prev-month{ position:absolute; left:6px;}
div.NewsPage .entryDetailBox .RightBox span.next-month,
div.NewsPage .NewsBox .RightBox span.next-month{ position:absolute; right:6px;}

div.NewsPage .InnerBox ul,
div.LocalNav ul{ margin-bottom:0px;}
div.NewsPage .InnerBox ul li,
div.LocalNav ul li{ position:relative; width:110% !important; border-bottom:1px dotted #ccc; margin:0px -5%;}
div.NewsPage .InnerBox ul li a,
div.LocalNav ul li a{ display:block; width:100%; padding:12px 5% 12px 3%; color:#333; text-decoration:none !important;}
div.NewsPage .InnerBox ul li a span{ display:block; margin-bottom:2px; }
div.NewsPage .InnerBox ul li a span.Title{ color:#333;}
div.NewsPage .InnerBox ul li a span.new{color: #FF9600;}
div.NewsPage div.InnerBox ul li:after,
div.LocalNav ul li a:after{
	position:absolute;
	right:1%;
	top:50%;
	font-size:2.0rem;
	color:#888;
	margin-top:-12px;
	content: " \f105";
	font-family: FontAwesome;
}
.new{color: #FF9600;}
div.NewsPage .pagePrevBox{ padding-top:40px;}
div.NewsPage .pagePrevBox p.pagePrev{ float:left;}
div.NewsPage .pagePrevBox p.pageNext{ float:right;}

div.NewsPage .pagePrevBox p.pagePrev a,
div.NewsPage .pagePrevBox p.pageNext a{ display:inline-block; padding:2px 10px; text-decoration:none !important; border-radius:5px; color:#fff;}

div.NewsPage .entryDetailBox .LeftBox .entryDetailBox{ padding:0px 4%;}
div.NewsPage .entryDetailBox .LeftBox .Date{ padding-top:20px;}
div.NewsPage .entryDetailBox .LeftBox .entryBody{ width:100%; padding-bottom:30px;}
div.NewsPage .entryDetailBox .LeftBox .entryBody img,
div.NewsPage .entryDetailBox .LeftBox .entryBody ifream{ max-width:100%; height:auto;}	
div.NewsBox .LeftBox li{
	border-bottom: 1px dotted #333333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}		

.entryDetailBox .LeftBox form {background-color:#F5F5F5; padding:10px; text-align:center; margin:0 auto 20px auto;}
.entryDetailBox .LeftBox form input[type="submit"] {}

div.NewsBox .RightBox li{
	border-bottom: 1px dotted #333333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}	

div.entryDetailBox .LeftBox li{
	border-bottom: 1px dotted #333333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}		 	
	
div.entryDetailBox .RightBox li{
	border-bottom: 1px dotted #333333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}	
	
	
	
.entryBody1 img	{width: 100%;height: auto;margin: 1%;}
.entryBody2 img	{width: 100%;height: auto;margin: 1%;}		
	
	.nextNav {
	margin-top: 10px;	font-size:1.5rem;	
	}
	
.nextNav .back a {
	background-color: #E1E1E1;
	padding: 1%;
	color: #333;
	float: left;
	border-radius: 5px;
}
.nextNav .next a{
background-color: #E1E1E1;
padding: 1%;
color: #333;
float: right;
border-radius: 5px;
}	
	
/*work*/	
.work-box {	width: 100%;	margin-left: auto;	margin-right: auto;	padding-top: 15px;padding-right: 15px;padding-left: 15px;border: 1px solid #006835;	margin-bottom: 50px;padding-bottom: 10px;}	
.work-title {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	background-color: #006835;
	padding-left: 15px;
	color: #fff;
	font-size: 5vw;
}	
.work-title span {float: right;	color: #98C83A;}		
.work-doc {	padding-top: 10px;	padding-bottom: 20px;	line-height: 200%;}
.work-pht p {margin-bottom: 5px;}	
.work-pht img {width: 100%;}		
	
/*price*/	
.price-box {width: 100%;	margin-left: auto;margin-right: auto;margin-bottom: 50px;}	
.price-title {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	padding-left: 15px;
	color: #006835;
	border-top: 3px solid #006835;
	font-weight: bold;
	font-size: 6vw;
}	
.price-doc {padding: 15px;	line-height: 200%;	background-color: #Fff;	margin-top: 5px;}	
.price-box .icon {
	border-radius: 4px;
	background-color: #006835;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	margin-right: 10px;
	
}	
.price-box .anno {	color: #006835;}		
.price-pht img {
	width: 100%;
	margin-bottom: 10px;
}	
	
/*about*/	
.aboutCopy {background-image: url(../images/about-pht01.jpg);background-repeat: no-repeat;	background-position: center top;font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;	color: #FFFFFF;	position: relative;	width: 100%;height: 180px;margin-left: auto;margin-right: auto;	font-size: 5.2vw;	font-weight: bold;margin-bottom: 30px;}	
.aboutCopy p{position: absolute;top: 50%;left: 50%;	-webkit-transform : translate(-50%,-50%);	transform :translate(-50%,-50%);text-align: center;/*一応BOX内の文字も中央寄せ*/}		
.about-critle {	color: #006835;	font-weight: bold;	font-size: 6vw;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;}	
	
	.hr01 {
	background-image: url(../images/bg06.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 10px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
	
	
/* sitemap */

.SitemapBox{}
.SitemapBox .LeftBox{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.SitemapBox .RightBox{ width:90%;margin-left: auto;
	margin-right: auto;}

.SitemapBox a{ color:#444;}
.SitemapBox a:hover{
	background-color: #e5f4ff;
}	
.SitemapBox ul{ margin-bottom:20px;}
.SitemapBox li a{ display:block; border-bottom:1px solid #e9e9e9; padding:12px 0px;font-size:5vw;}
.SitemapBox li.MainContent a{ padding:10px 0px; color:#009be6; font-size:5vw;}	
	
	
/*other*/	
.other01-box {margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 50px;
	border: 1px solid #006835;
	padding-bottom: 15px;}
.other02-box {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #006835;
	margin-bottom: 50px;
	padding-bottom: 15px;
}	
.other-title01 {
	padding: 15px;
	background-color: #006835;
	color: #fff;
	font-size: 5vw;
}
.other-title02 {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-size: 4vw;
	border-bottom: 2px solid #333;
	padding-left: 5px;
	font-weight: bold;
	color: #006835;
}	
	
.other-doc {	padding-top: 10px;	padding-bottom: 20px;line-height: 200%;}
.cam-box {
	padding: 15px;
	border: 2px solid #AED376;
	background-color: #FBFFDC;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #333;
	font-weight: bold;
	font-size: 4vw;
}	
	
#required_confirm {}
#required_msg {color:#ff0000; font-weight: bolder; font-size:24px;}
#contact_submit {display: block; width:320px; height:60px; line-height:60px; margin:20px auto; text-align: center; background-color:#fb7f1c; color:#fff; text-decoration: none !important; position: relative;}
#contact_submit::after {content:"\f054"; font-family: "FontAwesome"; color:#fff; position: absolute; right:15px;}	
.errorMessage {color:#dd0000; font-size:13px;}
.submitArea {margin:20px auto; text-align: center;}	

/*ボタン用*/

input[type="button"] ,
input[type="submit"] {height:40px; line-height:40px; cursor: pointer; -webkit-appearance: none; margin:2px; border-style:none; background-color:#fb7f1d; color:#fff; padding-left:30px; padding-right:30px;}
input.typeBack {background-color:#999 !important;}
input.typeAllReset {background-color:#fff !important; border:solid 1px #ccc; color:#333;}
input[type="submit"][disabled] {background-color:#ccc; cursor: default; color:#666;}

input[type="button"].typeReset ,
input[type="submit"].typeReset {background-color:#999 !important;}	


.button-arrow01{
	display: block;
	position: relative;
	width: 80%;
	height: 58px;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	background-color: #FFFFFF;
	border: 3px solid #FFD8E5;
	margin-left: auto;
	margin-right: auto;
}
	
.button-arrow01 a{
	color: #333;
	width: 100%;
	height: 58px;
	padding-top: 15px;
	padding-left: 20px;
	text-align: left;
}	
	
.button-arrow01 a:hover{
	opacity: 0.8;
}	
	
.button-arrow01:before,
.button-arrow01:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 50px;
  height: 1px;
  background: #333;
}
.button-arrow01:before{
  width: 50px;
  transform: translate(30px, 0px);
}
.button-arrow01:after{
  width: 15px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}
	
.button-arrow02{
	position: relative;
	width: 100%;
	height: 58px;
	display: flex;
	align-items: center;
	color: #333;
	font-size: 1.8rem;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
	
	
	
.button-arrow02 a{
	color: #333;
	width: 350px;
	height: 58px;
	padding-top: 18px;

}	
	
.button-arrow02 a:hover{
	opacity: 0.8;
}	
	
.button-arrow02:before,
.button-arrow02:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 50px;
  height: 1px;
  background: #333;
}
.button-arrow02:before{
  width: 50px;
  transform: translate(30px, 0px);
}
.button-arrow02:after{
  width: 15px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}
	
/* anchor */		
#contents01,#contents02,#contents03{
padding-top:150px;
margin-top:-150px;	
}		

.shinsotsu{
	padding: 5%;
	background-color: #F1F1F1;
	
}
	
.shinsotsu span a{
	border-radius: 5px;
	background-color: #0084c4;
	text-align: center;
	color: #FFFFFF;
	display: block;
	padding-top: 5px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 5px;
	margin-top: 10px;
}		
	
.shinsotsu span a:hover{
	opacity: 0.8; /* 80％不透明度(＝80％透過) */
}	
	
.career{
	padding: 5%;
	background-color: #F1F1F1;
	margin-top: 3px;
	
}
	
.career span a{
	border-radius: 5px;
	background-color: #0084c4;
	text-align: center;
	color: #FFFFFF;
	display: block;
	padding-top: 5px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 5px;
	margin-top: 10px;
}		
	
.career span a:hover{
	opacity: 0.8; /* 80％不透明度(＝80％透過) */
}	
	
.iframe-wrap {
	position: relative;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 300px;
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:block;
	height: 300px;
}
	
.enjoyWork a{
	border-radius: 5px;
	background-color: #009E9C;
	text-align: center;
	color: #FFFFFF;
	padding-top: 25px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	font-size: 4vw;
	font-weight: bold;
	letter-spacing:2px;
	text-shadow:0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65,0 0 3px #4d5a65;
}		

.enjoyWork a:after{
	color: #fff;
	content: " \f105";
	font-family: FontAwesome;
	margin-left: 30px;
}	
	
.enjoyWork a:hover{
	opacity: 0.8; /* 80％不透明度(＝80％透過) */
}	
	
.infoBox {
padding: 5%;
background-color: #E9E9E9;
}