@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------
				 
------------------------------------------------------*/
html{
	font-size: 62.5%;/*1rem = 10pxとするため*/
}
body{
	text-align:left!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#000;	
	 font-display:swap;
	font-size:1.6rem;
}
.mt20{
	margin-top:50px!important;
}
.wrap{
	 overflow:hidden;
}
a:hover{
	opacity:0.75;filter:Alpha(opacity=75);
}
/*h1{
	font-family:太ミンA101; }*/
h2,h3,h4,h5,h6{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
strong{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:crimson;
}
a{
	color:#c11402;
}
a:hover,a:visited{
	color:#c11402!important;
	text-decoration: none;
}
dl{
	margin:15px 0 0 0;
}
dt{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
dt,dd{
	margin:0;
}
ul,ol,article{
		margin:0;
		padding:0;
	}
li{
	
	margin:0;
	padding:0;
	list-style:none;
}

@media only screen and (max-width: 576px) {
	h1{
	font-size: 1.5rem;
	}
	h2{
		font-size: 2.0rem;
	}
	h3{
		font-size: 1.8rem;
	}
	h4{
		font-size: 1.4rem;
	}
	h5{
		font-size: 1.4rem;
	}
	h6{
		font-size: 1.2rem;
	}
	li{
	font-size:1.2rem;
	}
	p{
		font-size:1.4rem;
	}
	dt{
		font-size:1.6rem;
	}
	dd{
		font-size:1.4rem;
	}
}
@media (min-width: 577px) {
	h1{
	font-size: 2.2rem;
	}
	h2{
		font-size: 2.0rem;
	}
	h3{
		font-size: 1.8rem;
	}
	h4{
		font-size: 1.4rem;
	}
	h5{
		font-size: 1.4rem;
	}
	h6{
		font-size: 1.2rem;
	}
	li{
	font-size:1.2rem;
	}
	p{
		font-size:1.4rem;
	}
	dt{
		font-size:1.6rem;
	}
	dd{
		font-size:1.4rem;
	}
}

@media (min-width: 768px){
	h1{
	font-size: 2.6rem;
	}
	h2{
		font-size: 1.8rem;
	}
	h3{
		font-size: 1.6rem;
	}
	h4{
		font-size: 1.6rem;
	}
	h5{
		font-size: 1.4rem;
	}
	h6{
		font-size: 1.2rem;
	}
	li{
	font-size:1.4rem;
	}
	p{
		font-size:1.4rem;
	}
	dt{
		font-size:1.6rem;
	}
	dd{
		font-size:1.4rem;
	}
}
@media (min-width: 992px) {
	h1{
	font-size: 2.6rem;
	}
	h2{
		font-size: 2.0rem;
	}
	h3{
		font-size: 1.8rem;
	}
	h4{
		font-size: 1.6rem;
	}
	h5{
		font-size: 1.4rem;
	}
	h6{
		font-size: 1.2rem;
	}
	li{
	font-size:1.4rem;
	}
	p{
		font-size:1.4rem;
	}
	dt{
		font-size:1.6rem;
	}
	dd{
		font-size:1.4rem;
	}
}
@media (min-width: 1200px) {
	h1{
		font-size: 2.6rem;
	}
	h2{
		font-size: 2.4rem;
	}
	h3{
		font-size: 2.0rem;
	}
	h4{
		font-size: 1.6rem;
	}
	h5{
		font-size: 1.4rem;
	}
	h6{
		font-size: 1.2rem;
	}
	li{
	font-size:1.6rem;
}
	p{
		font-size:1.6rem;
	}
	dt{
		font-size:1.6rem;
		
	}
	dd{
		font-size:1.4rem;
	}
}
.row-eq-height{
/*	display:flex;
	flex-wrap:wrap;*/
	display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap;

}

.link{
	position:relative;
}
.link a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.pagelink{
	font-size:1.2rem;
	text-align: center;
	padding:15px 0;
}
.hissu{
	color:#c11402;
}
.alert{
	color:#c11402;
}
.gray{
	color:#666;
}
.dotline{
	border-top:2px dotted #f19ec2;
	border-bottom:2px dotted #f19ec2;
	padding:0 0 15px;
	margin:0 0 30px;
}
.dotline p{
	padding-top:15px;
}
.icon-ok-circled{
	color:#ff0066;
}
.title1{
	background-image: url(../imgs/logo_s.png);
	background-repeat: no-repeat;
	background-position: 0 10%;
	background-size: 12%;
	padding:50px 0 10px;
	text-align: center;
	line-height:1.4;
}
@media only screen and (max-width: 576px) {	/*スマホ小*/
	.title1{
	background-position: 0 10%;
	background-size: 25%;
	padding:25px 0 10px;
		font-size:1.6rem;
		text-align: left;

}
}
@media (min-width: 577px) and (max-width: 767px) {	/*スマホ大の横*/
	.title1{
	background-position: 0 10%;
	background-size: 15%;
	padding:25px 0 10px;
		font-size:1.6rem;
		text-align: left;

}
}
.pagetop{
	margin:20px auto 20px;
	width:120px;
}
.pagetop a{
	text-decoration: none;
	height:40px;
	padding:10px 15px;
	margin:10px;
	font-size:1.2rem;
	color:#fff!important;
  border-radius: 10px;
  background-color: rgb(40, 40, 40);
	
}
.btn-common{
	margin:10px auto 20px;
	width:200px;
}
.btn-common a{
	text-decoration: none;
	height:40px;
	padding:4px 15px;
	margin:10px;
	font-size:1.6rem;
	color:#fff!important;
  border-radius: 10px;
  background-color: rgb(40, 40, 40);

	
}

.home .title2{
	background-color:#fee2e2;
	position: relative;
		box-shadow: 0px 3px 7px 0px rgba(153, 153, 153, 0.35);
}
.home .title2 h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width:100%;
	background-color:#fee2e2;
	text-align: center;
	
	
}
.home .title2 h2:before{	
	content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background: url(../imgs/mascot.png);
    background-size: 50px 50px;
    margin-right: 5px;
	margin-top:-15px;
}
.home .title3{
	padding-bottom:15px;
	line-height:1.4;
	text-align: center;
	
}
@media only screen and (max-width: 576px) {	/*スマホ小*/
	.home .title3{
		font-size:1.6rem;
		text-align: left;

}
}
@media (min-width: 577px) and (max-width: 767px) {	/*スマホ大の横*/
	.home .title3{
		font-size:1.6rem;
		text-align: left;

}
}
.home .contentbox{
	padding-bottom:25px;
}

/*-------------------------------------------
           header
-------------------------------------------*/
header{
  background-color:#000;
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
  transition: .3s;
  padding-top:15px;
	/*上部に固定*/
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	transition: .5s;
}
header .font-SS{
	font-size:1.4rem!important;
}
@media only screen and (max-width: 576px) {
	header .font-SS{
	font-size:1.2rem!important;
}
}
header a{
	color:#fff;
}	
 a:hover{
	color:#eee;
	text-decoration: none;
}	
header h1{
	transition: .1s;
	padding:5px 0;
}
header .btn-contact{
	
	color:#fff;
	padding:5px 0;
}
header .btn-contact a{

  
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
	
	color:#fff!important;
	font-size:1.6rem;
	padding:2px 10px;
	display:block;
	text-align: center;
	
	

  border-style: solid;
  border-width: 2px;
  border-color: rgb(170, 209, 151);
  border-radius: 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(51,102,0) 0%, rgb(51,153,51) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(51,102,0) 0%, rgb(51,153,51) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(51,102,0) 0%, rgb(51,153,51) 100%);
	

}
header .btn-contact a:hover{
	text-decoration: none;
}
header .btn-contact address a{
	/*float:right;*/
}	
@media only screen and (max-width: 576px) {
	header h1{
	padding:7px 0 5px;
}
	.is-animation {
}
	header .btn-contact a{
		margin-top: 10px;
		
	}
}
@media (min-width: 768px) {
	.is-animation {
  height: 90px;
}

		
}
@media (min-width: 577px) and (max-width: 767px){
	header .btn-contact a{
		font-size: 1.4rem;
		
	}
}
@media (min-width: 992px) {
	.is-animation {
  height: 100px;
}
	
}
@media (min-width: 1200px) {
	.is-animation {
  height: 100px;
}
	
}
header .menuback{
background-image: -webkit-linear-gradient(left, rgb(45,44,44) 0%, rgb(0,0,0) 100%);
background-image: -o-linear-gradient(left, rgb(45,44,44) 0%, rgb(0,0,0) 100%);
background-image: linear-gradient(to right, rgb(45,44,44) 0%, rgb(0,0,0) 100%);
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
	border-top:1px solid #eeeeee;	
}
header #menubox{
	padding: 10px 0 10px 0;
	margin:0;

  
}
header #menubox ul{
	margin:0;
}
header #menubox li{
	list-style:none;
	text-align: center!important;
	border-right:1px solid #eeeeee;
	padding:0;
}
header #menubox li:first-child{
	border-left:1px solid #eeeeee;
}

header #menubox li a{
	display: block;
	text-align: center;
	padding: 2px 0;
	color:#fff!important;
	list-style:none;
	margin:0 auto;
	text-decoration: none;
}




/*ハンバーガーボタン*/
#hbtn{/*ハンバーガーボタンのある上部全体の色*/

}
#hbtn button{/*ハンバーガーボタン*/
	
	width:35px;
	height:35px;
	padding:4px 5px;
	margin:10px;
	
	font-size:1.2rem;
	color:#fff;
  border-style: solid;
  border-width: 3px;
  border-color: #fff;
  background-color: #000;
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

}
.drawer-nav{
	
	z-index:1000!important;
	 background-color:rgba(0,0,0,0.8) !important;
}
.drawer-menu li{
	list-style:none;
	line-height:1.0;
}
.drawer-menu li a{
	text-decoration:none;
	color:#fff!important;
	font-size:1.2rem;
	display:block;
	padding:20px 10px;
	text-align:center;
	width:auto;
	list-style:none;
	background-color:#000;
	margin:4px 4px;
	border:4px solid #e1e3df;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*//ハンバーガーボタン*/
main{
	z-index:0;
}
/*-------------------------------------------
           tophead
-------------------------------------------*/
#tophead{
	padding:0;
	position:relative;
}

#tophead .padbox{
	padding:15px;
}
@media only screen and (max-width: 768px) {
	#tophead .padbox{
	padding:5px;
}
}
#tophead .cycle-slideshow{
	position:relative;
	z-index:10;
}
#tophead .topimgtxt{
	position:absolute;
	z-index:20;
	padding:0;
	margin:0;
	/*text-shadow: 5px 5px 5px #fff;*/
	text-shadow: 2px 2px 2px #fff,
    -2px 2px 2px #fff,
    2px -2px 2px #fff,
    -2px -2px 2px #fff;
	//font-family: "リュウミン M-KL" ;
	font-family: "a-otf-ryumin-pr6n", serif;
}

#topservice {
	position: absolute;
	z-index:20;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

@media only screen and (max-width: 480px) {	/*スマホ小の縦・スマホ大の縦*/
	#tophead .cycle-slideshow{
		top:100px;
		padding-bottom:200px;
	}
	#tophead .topimgtxt{
	position:absolute;	
	top: 35%;
		right:5%;
	
	}
	#tophead .topimgtxt1{
		color:#fff;
		text-shadow: 5px 5px 5px #666;
	font-size:1.5rem;
		padding:15px 0 0;
		
	}
	#topservice {
		width:auto;
		top:60%;
	}
}
@media (min-width: 481px)and (max-width: 576px) {	/*スマホ小を横にしたときはここ*/
	#tophead .cycle-slideshow{
		top:100px;
		padding-bottom:200px;
}
	#tophead .topimgtxt{
	position:absolute;	
	top: 30%;
		right:5%;
	}
	#tophead .topimgtxt1{
	font-size:1.5rem;
		padding:15px 0 0;
		color:#fff;
		text-shadow: 5px 5px 5px #000;
		
	}
	#topservice {
		width:auto;
		top:60%;
	}
}
@media (min-width: 577px) and (max-width: 767px){	/*スマホ大の横*/
	#tophead .cycle-slideshow{
	top:25%;
		padding-bottom:25%;
}
	#tophead .topimgtxt{
	position:absolute;	
	top: 25%;
		right:5%;
	}
	#tophead .topimgtxt1{
	font-size:1.4rem;
		padding:15px 0 0;
	color:#fff;
		text-shadow: 5px 5px 5px #000;
	}
	#topservice {
		width:auto;
		top:55%;
	}
}
@media (min-width: 768px)and (max-width: 991px) {/*タブレット*/
	#tophead .cycle-slideshow{
	top:70px;
		padding-bottom:15%;
}
	
	#tophead .topimgtxt{
	max-width:600px;
	top: 25%;
  	right: 5%;
}
	#tophead .topimgtxt1{
	font-size:2.0rem;
		color:#fff;
		text-shadow: 5px 5px 5px #000;
}
	#topservice {
		width:auto;
		top:55%;
	}
}
@media (min-width: 992px) {/*ノートPC*/
	#tophead .cycle-slideshow{
	top:70px;
		padding-bottom:15%;
}
	
	#tophead .topimgtxt{
	max-width:700px;
	top: 25%;
  	right: 5%;
}
	#tophead .topimgtxt1{
	font-size:2.4rem;
}

	#topservice {
		width:auto;
		top:55%;
	}
}
@media (min-width: 1200px) {
	#tophead .cycle-slideshow{
	top:50px;
	padding-bottom:50px;
}	
	#tophead .topimgtxt{
	max-width:1200px;
	top: 25%;
  	right: 5%;
}
	#tophead .topimgtxt1{
	font-size:3.0rem;
}

	#topservice {
		width:1170px;
		top:55%;
	}
}

#topservice .box{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
	background-image:url(../img/back_btntitle.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}

#topservice .box h2{
	text-align: center;
	border-bottom:3px solid #333;
	width:40%;
	margin:auto;
	font-size:1.6rem;
	font-weight: bold;
	padding:10px 0 5px;
	
}
#topservice .box .entxt{
	text-align: center;
	padding-top:5px;
	font-size:1.4rem;
	/*font-family:太ミンA101;*/
	font-family: "hiragino-mincho-pron", sans-serif;
}
@media only screen and (max-width: 767px) {
	#topservice .box h2{
		font-size:1.2rem;
		width:70%;
	}
	#topservice .box .entxt{
	font-size:1.2rem;
}
}
/*-------------------------------------------
           topwork
-------------------------------------------*/
#topwork {
	padding-bottom:15px;
}
#topwork #workcontents{
	padding-top:5px;
}
#topwork .workbox{
	padding:1px;
	height:100%;
}
#topwork .padbox{
	padding:10px 0 0;
}
#topwork h3{
font-family:"ヒラギノUD角ゴ W5 JIS2004","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding:0 0 5px;
	text-align:left;
	margin:5px 0 0;
	font-size:1.4rem;
	color:#000;
	background-color: #fff;
}
#topwork .workbox .img{
	margin:auto;
}
#topwork .koukai{
	/*color:#999;*/
	font-size:1.0rem;
	padding:0!important;
	margin:10px 0 0 0;
	color:#c11402;
}


/*-------------------------------------------
           topnews
-------------------------------------------*/
#topnews{
	background-image:url(../img/newsback.jpg);
	background-repeat: no-repeat;	
}
@media only screen and (max-width: 767px) {
	#topnews{
	background-image:url(../img/newsback_sp.jpg);
	background-repeat: no-repeat;
}	
}
@media (min-width: 768px) and (max-width: 1199px){
	#topnews{
	background-image:url(../img/newsback_tab.jpg);
	background-repeat: no-repeat;
}	
}
@media only screen and (max-width: 576px) {
	#topnews{
	min-height:400px;
		background-position: right;
		background-size:cover;
		}
}
@media (min-width: 577px) {
	#topnews{
	min-height:400px;
		background-position: top right;
		background-size:cover;
		}
}
@media (min-width: 768px) {
	#topnews{
	min-height:400px;
		}
}
@media (min-width: 992px) {
	#topnews{
		background-size:cover;
		min-height:505px;
		}
}

@media (min-width: 1200px) {
	
	#topnews{
		min-height:505px;
		background-size:cover;
		background-position: top;
			}
}


#topnews .topnewstitle{
	border-bottom:1px solid #fff;
	padding:20px 0 15px;
}
#topnews h2{
	font-size:2.0rem;
	margin:0 auto 0;
}
#topnews h2 .entxt{
	/*font-family:太ミンA101;*/
	font-family: "hiragino-mincho-pron", sans-serif;
	font-size: 1.8rem;
}
#topnews #newscontent{
	padding-top:20px;
	
}
#topnews .newsbox{
	padding:15px 0 0;
	
}
@media only screen and (max-width: 576px) {
	#topnews .newsbox{
	padding:1.0rem 0;
	}
}
#topnews time{
	font-size:1.2rem;
	
}
#topnews h3{
	font-size:1.6rem;
	color:#c11402;text-shadow: 1px 1px 1px #fff;
	
}
.titleback{
	border-top:3px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:15px;
}
.titleback h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	font-size: 2.0rem;
	width:100%;
	text-align: center;	
}
.titleback h2 .entxt{
	font-size:1.4rem;
	/*font-family:太ミンA101;*/
	font-family: "hiragino-mincho-pron", sans-serif;
	/*padding-left: 1.0rem;*/
}
/*-------------------------------------------
           footer
-------------------------------------------*/
footer{	
}

footer #banner{
	padding:20px 5px;
}
footer #banner .padbox{
	padding:5px;
}
/* footmenu */
footer #footmenu {
	
}

footer #menubox{
	background-image: -webkit-linear-gradient(left, rgb(45,44,44) 0%, rgb(0,0,0) 100%);
background-image: -o-linear-gradient(left, rgb(45,44,44) 0%, rgb(0,0,0) 100%);
background-image: linear-gradient(to right, rgb(45,44,44) 0%, rgb(0,0,0) 100%);
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
	border-top:1px solid #eeeeee;

  
}
footer #menubox ul{
	margin:0;
}
footer #menubox li{
	list-style:none;
	text-align: center!important;
	border-right:1px solid #eeeeee;
	padding:0;
	border-bottom:1px solid #eeeeee;
}
footer #menubox li span{
	color:#fff;
}

footer #menubox li a{
	display: block;
	text-align: center;
	padding: 10px 0;
	color:#fff!important;
	list-style:none;
	margin:0 auto;
	text-decoration: none;
}
footer #menubox li .entxt{
	/*font-family:太ミンA101;*/
	font-family: "hiragino-mincho-pron", sans-serif;
	font-size: 1.2rem;
}
footer #footlink{
	margin-bottom:15px;
}
footer #footlink li{
	float:left;
	
}
footer #footlink li a{
	display:block;
	padding:0 10px;
	color:#333!important;
	text-decoration: none;
	font-size:1.4rem;
	font-weight: bold;
}


footer #foot{
	margin-top:0;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#e1e3df;
}
footer p,footer address{
	padding:0;
	margin:5px 0 0 0;
}
footer .name{
	font-size:1.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
footer .font-SS{
	font-size:1.4rem;
}
footer .addr{
	font-size:1.4rem;
}
footer .tel{
	font-size:1.4rem;
}
footer .tel a{
	color:#c11402;
	text-decoration:none;
}

footer .sns {
	text-align: center;
}
footer .sns i{
	font-size:2.0rem;
	color:#ec6b8d;
}
footer .sns a{
	text-decoration: none;
}

footer .copyright{
	text-align: center;
	font-size:1.0rem;
	color:#fff;
	padding:5px;
	margin:0;
	background-color: #000;
}
footer .copyright .font-SS{
	font-size:1.0rem;
}
/*-------------------------------------------
           .main　*トップページ以外
-------------------------------------------*/

.main{
	position:relative;
}

@media only screen and (max-width: 576px) {
	.main{
	top:125px;
	padding-bottom:125px;
}
}
@media (min-width: 577px) {
	.main{
	top:125px;
	padding-bottom:125px;
}
}
@media (min-width: 768px) {
	.main{
	top:80px;
	padding-bottom:80px;
}
}
@media (min-width: 992px) {
	.main{
	top:125px;
	padding-bottom:125px;
		
}
}
@media (min-width: 1200px) {
	.main{
	top:125px;
	padding-bottom:125px;
}
}


/*-------------------------------------------
           overview
-------------------------------------------*/
#overview h3{
	text-align: center;
	padding:50px 0 20px;
}
#overview .back1{
	background-image: url(../img/overview_back1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color:#fff;
	
}
#overview .back1 p{
	text-shadow: 1px 1px 1px #666;
	}
@media only screen and (max-width: 767px) {
	#overview .back1{
		background-image: url(../img/overview_back1sp.jpg);
		background-position:100% 35%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#overview .back1{
		background-image: url(../img/overview_back1tab.jpg);
		background-position:100% 35%;
	}
}
@media (min-width: 992px) {
	#overview .back1{
		min-height: 650px;	
	}
}
#overview .houshin{
	padding-bottom:20px;
}
#overview .back2{
	background-image: url(../img/overview_back2.jpg);
	background-repeat: no-repeat;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
}
@media only screen and (max-width: 767px) {
	#overview .back2{
		background-image: url(../img/overview_back2sp.jpg);
		background-position:0% 20%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#overview .back2{
		background-image: url(../img/overview_back2tab_1.jpg);
		background-position:0% 50%;
	}	
}
@media (min-width: 992px) and (max-width: 1199px) {
	#overview .back2{
		background-image: url(../img/overview_back2tab_2.jpg);
		background-position:0% 50%;
	}	
}
@media (min-width: 992px) {
	#overview .back2{
	min-height: 580px;
}
}

#overview .back2 .box{
	background-color:rgba(0,0,0,0.5);
	margin-bottom:15px;
	height:100%;
}
#overview .back2 .box h3{
	border-bottom:1px solid #eee;
	padding-top:25px;
}
#overview .back2 .box .kousei{
	padding:15px;
}
#overview .back2 .box .kousei li{
	list-style:disc;
	margin-left:15px;
}
#overview .back2 .box .box2{
	padding:0 15px 15px;
}
@media only screen and (max-width: 991px) {
	#overview .back2 .box .box2{
	padding:0 10px 15px;
}
}
#overview .back2 .box .box2 h4{
	padding-top:15px;
}
#overview .back2 .box .box2 td{
	padding:10px;
	font-size: 1.4rem;
	vertical-align: top;
}
@media only screen and (max-width: 576px) {
	#overview .back2 .box .box2 td{
		font-size: 1.2rem;
		padding:3px;
}
}
@media (min-width: 577px) and (max-width: 767px){
	#overview .back2 .box .box2 td{
		font-size: 1.4rem;
}
}
@media (min-width: 768px) and (max-width: 991px){
	#overview .back2 .box .box2 td{
		font-size: 1.1rem;
		padding:3px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
	overview .back2 .box .box2 td{
		font-size: 0.7rem;
}
}
#overview .back3{
	background-image: url(../img/overview_back3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color:#fff;
}
#overview .back3 p{
	text-shadow: 1px 1px 1px #000;
	}
/*@media only screen and (max-width: 767px) {
	#overview .back3{
		background-image: url(../img/overview_back3ss.jpg);
		background-position: left bottom;
		min-height: 500px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#overview .back3{
		background-image: url(../img/overview_back3s.jpg);
		min-height: 600px;
	}
	
}*/
@media (min-width: 992px) {
	#overview .back3{
	min-height: 1200px;
		background-position: left bottom;
}
}
#overview .back3 h3{
	border-bottom:1px solid #eee;
}
#overview .back3 #soshiki{
	padding-top:25px;
}
#overview .soshikizu{
	padding-top:20px;
	padding-bottom:50px;
}
/*-------------------------------------------
	activities
-------------------------------------------*/
#activities .back{
	background-image: url(../img/activities_back.jpg);
	background-repeat: no-repeat;
	padding-top:50px;
	min-height:500px;
	background-position: 50% 10%;
	
}
@media only screen and (max-width: 767px) {
	#activities .back{
		background-image: url(../img/activities_back_sp.jpg);
		background-position: 50% 50%;
		
	}
}
	/*#activities{
		height: 400px;
	}*/
	#activities .content{
		padding-left: 15px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#activities .back{
		background-image: url(../img/activities_back_tab.jpg);
		
	}
}
@media (min-width: 992px) {
	#activities .back{
	min-height:600px;
	padding-top:100px;
}
}
#activities .back ol li{
	list-style:decimal;
	padding-top:15px;
}
/*-------------------------------------------
           works
-------------------------------------------*/
#works{
	margin-bottom:15px!important;
}
.workslink{/*ページ内リンク　header fixed ずれ調整*/
	margin-top:-100px;
	padding-top:100px;
}
#works .back{
	background-color:#efefef;
	padding-bottom:30px;
}
#works .padbox{
	padding:10px;
}
#works .box{
	padding:1px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 2.91px 0.09px rgba(153, 153, 153, 0.35);
	margin-top:10px;
	margin-bottom:0;
	height:100%;
}
#works time{
	color:#c11402;
	font-size:1.2rem;
}
#works h3{
	font-size:1.6rem;
}
@media only screen and (max-width: 576px) {
	#works h3{
	font-size:1.4rem;
}
}
/*詳細ページ*/
#worksDetail .back{
	background-color:#efefef;
	padding-top:30px;
}
#worksDetail .titleback2{
	background-color: #000;
	padding:15px 0;
}
#worksDetail h3{
	color:#fff;
	padding:0 15px;
}
#worksDetail time{
	color:#fff;
	font-size:1.2rem;
}
#worksDetail  p{
	padding:0 0 15px;
}

#worksDetail .padbox{
	padding:15px;
}
#worksDetail img{
	border:2px solid #fff;
	padding:0;
	margin-bottom:10px;
}
@media only screen and (max-width: 576px) {
	#worksDetail .box p{
		font-size:1.2rem;
	}
}
@media (min-width: 768px) {
	#worksDetail .mainimg{
		margin-right:15px;
}
}
#worksDetail .pdf{
	padding:15px;
	display:inline-block;
}
#worksDetail .pdf li{
	list-style: disc;
	margin-left:10px;
}
/*------------------------------------------------------
                 
				#members
				 
------------------------------------------------------*/
#members h3{
	background-color:#000;
	color:#fff;
	text-align: center;
	padding:5px;
	margin-top:15px;
}
#members dl:nth-child(even){/* 偶数行の背景色を変更 */
background-color: #e1e1e1;
}
#members dl:nth-child(odd){/* 奇数行の背景色を変更 */
background-color: #f4f3f3;
}
#members dl{
	margin:0 0 1px 0;
	padding:15px;
}
@media only screen and (max-width: 576px) {
	#members dl{
		padding:10px 5px;
	}
}
#members #nyukai .box1,.box2{
	padding:15px 30px 10px;
	border-bottom: 1px #fff solid;
}
@media only screen and (max-width: 576px) {
	#members #nyukai .box1,.box2{
	padding:15px 20px;
	border-bottom: 1px #fff solid;
}
}
#members #nyukai .box1{
	background-color: #e1e1e1;
}
#members #nyukai .box2{
	background-color: #f4f3f3;
}
#members h4{
	font-weight:bold;
}
#members li{
	background-color: #e1e1e1;
}
#members li:nth-child(odd){
	background-color: #f4f3f3;
}
#members li h4{
	font-size:1.6rem;
}
#members li{
	margin:0 0 1px 0;
	padding:15px;
	font-size:1.6rem;
}
@media only screen and (max-width: 576px) {
	#members li{
		padding:10px 5px;
	}
}
/*------------------------------------------------------
                 
				#contact
				 
------------------------------------------------------*/
#contact #contactbox{
	margin-top:10px;

	
}
#contact .formback{
	
	background-color: #efefef;
	padding:5px 0;
	margin:0;
}
#contact form{
	text-align:left!important;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	padding:30px 15px;
	

}
#contact h2{
	text-shadow:none;
}
#contact p{
	padding-top:15px;
}
#contact form{
	margin:20px 0;
	padding:10px;
	background-color: #fff;
	border:6px solid rgba(255, 255, 255 0.5);
}
#contact .form-group{
	margin:5px 0;
	padding:0;
}
#contact input{
	width:100%;
	padding:5px;
}
#contact textarea{
	width:100%;
}
#contact .btn_submit{
	text-align:center;
	margin:0 auto;
	padding:10px;
}
#contact .btn_submit input{
	padding:0 5px;
	text-align: center;
}
#contact .font-s{
	font-size:0.7em;
}
#contact .alert{
	font-size:0.9em;
	padding:0;
}
#contact table{
	background-color: rgba(255,255,255,0.8);
}
#contact th{
	width:30%;
}
#contact td{
	width:70%;
}
#contact input[type=radio]{
	width: 25px;
    height: 25px;
    vertical-align: middle;
	padding:25px 0;
}
#contact input[name=zipcode]{
	width:40%;
	margin-bottom:2px;
}
#contact input[type=checkbox] {
	width:30px;
	height:30px;
	padding:0;
	margin:10px 0;
	vertical-align: middle;
}
/*------------------------------------------------------
                 
				#privacy
				 
------------------------------------------------------*/
#privacy dt{
	background-color: #efefef;
	padding:5px 10px;
	margin:5px 5px 5px 0;
	color:#333;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	font-size:1.4rem;
}
#privacy dd{
	padding:10px;
}
#privacy dd p{
	font-size:1.4rem;
}
#privacy dd li{
	font-size:1.4rem;
	list-style:disc;
	margin-left:15px;
}
/*------------------------------------------------------
                 
				#recruit
				 
------------------------------------------------------*/
#recruit dt{
	background-color: rgb(254, 244, 244);
	padding:5px 10px;
	margin:5px 5px 5px 0;
	color:#333;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	font-size:1.4rem;
}
#recruit dd{
	padding:10px;
}
#recruit dd p{
	font-size:1.4rem;
}
#recruit dd li,o{
	font-size:1.4rem;
	list-style:disc;
	margin-left:15px;
}
/*------------------------------------------------------
                 
				#link
				 
------------------------------------------------------*/
#link .txt1{
	font-size:1.4rem;
	text-align: center;
	padding-top:10px;
}
#link .linkback{
	background-color: rgb(254, 244, 244);
	padding:10px 0;
	margin-bottom:10px;
}
#link .padbox{
	padding:5px;
	
}
#link .linkbox{
	padding:10px;
	border:2px solid #fee2e2;
	background-color:#fff;
	height:100%;
}
#link .linkbox h3{
	font-size:1.4rem;
	font-family:"ヒラギノUD角ゴ W5 JIS2004","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding-bottom:5px;
	border-bottom:2px dotted #ddd;
}
#link .linkbox p{
	font-size:1.2rem;
	padding-top:5px;
}
/*------------------------------------------------------
                 
				#newslist,#news
				 
------------------------------------------------------*/
#newslist .newsback,#news .newsback{
	background-color: #efefef;
	padding:10px 0;
	margin-bottom:10px;
}
#newslist .padbox{
	padding:5px;
	
}
#newslist .newsbox{
	padding:20px 20px 20px;
	background-color:#fff;
	height:100%;
}
#newslist .newsbox time{
	font-size:1.2rem;
	color:#c11402;
	padding:0 0 0 10px;
	
}
@media (min-width: 768px) {
	#newslist .newsbox time{
		border-right:1px solid #ccc;
	}
}
#newslist .newsbox h3{
	font-size:1.6rem;
	font-family:"ヒラギノUD角ゴ W5 JIS2004","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding:0 0 0 10px;
	text-align: left;
}
#newslist .newsbox p{
	font-size:1.2rem;
	padding-top:5px;
}

/*詳細ページ*/
#news .newsbox{
	padding:10px;
	background-color:#fff;
}


#news .newsbox h3{
	font-size:1.8rem;
	font-family:"ヒラギノUD角ゴ W5 JIS2004","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding:15px 0;
	border-bottom:2px dotted #ddd;
	text-align: center;
	line-height:2.0;
}
#news .newsbox time span{
	font-size:1.2rem;
	font-family:"ヒラギノUD角ゴ W3 JIS2004","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#c11402;
	
}

#news .newsbox p{
	font-size:1.6rem;
	padding:15px 15px 0;
}
#news .newsbox .pdf{
	padding:15px;
}
#news .newsbox .pdf li{
	list-style: disc;
	margin-left:20px;
}
/*------------------------------------------------------
                 
				#その他
				 
------------------------------------------------------*/
/* googlemap レスポンシブ*/
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 50px;
	
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 100%;
	padding-bottom:30px;
}
/*fuwat.js*/
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}