@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap);

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px
}
/*noto*/
body{
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 16px;
}

a{
   word-break: break-all;
}

.logosize{
	width: 200px;
}

.p-0{
	padding: 0;
}

/*sawarabi*/
.sawa{
	font-family: 'Sawarabi Mincho',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

a img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}

/*footer*/
#footer-top {
     position:fixed;
     bottom:0;
     left:0;
     overflow:hidden;
     width:100%;
  height: 0px;
  z-index: 200;
	 background-color:rgba(55,117,69,1.00);
	   -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -webkit-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.50);
  -moz-box-shadow:    0px -4px 38px rgba(50, 50, 50, 0.50);
  box-shadow:         0px -4px 38px rgba(50, 50, 50, 0.50);
     }
#footer-top.show {
  height: auto;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
#footer-top.static {
     position:static;
}

.footer-bottom {
     padding:15px 0;
     }

/*.footer {
     height:100px;
     width:100%;
     overflow:hidden;
	 background-color: rgba(255,255,255,1.00);
     } */

.ultume {
  font-size: 0;
	padding-left: 0;
}

.ultume li{
  display: inline-block;
  width: 33%;
}
/*footer end*/

.leftrightpad0{
	padding-left: 0px;
	padding-right: 0px;
}

.container{
padding-left: 0;
padding-right: 0;
/*margin-left: auto;*/
/*margin-right: auto;*/
}
.container-fluid{
	padding-left: 0;
	padding-right: 0;
}

.row{
	margin-left: 0;
	margin-right: 0;
}

.padyoko{
	padding-left: 0;
	padding-right: 0;
}
.padtate{
	padding-top: 30px;
	padding-bottom: 30px;
}

.padtatetop{
	padding-top: 30px;
}

.maryoko{
	margin-left: 0 auto;
	margin-right: 0 auto;
}

.padyoko10 {
	padding: 10px;
}

@media (min-width: 768px) {
    .wid100con {
        width:100%;
    }
}

@media (min-width: 992px) {
    .wid100con {
        width:100%;
    }
}
@media (min-width: 1200px) {
    .wid100con {
        width:1170px
    }
}

.marfirst{

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

.marcontent{
	margin-top: 30px;
	margin-bottom: 30px;
}

.sp_marcontent{
	margin-top: 30px;
}

.marcontent_last{
	margin-top: 60px;
}

.topmargin{
	margin-top: 160px;
}

.topmarginpic{
	margin-top: 107px;
}

/*TOP*/

.tophead{
	width: 100%;
	height: auto;
	min-height: 350px;
}

.heroimage{
	position: relative;
}


.toprelative{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.smenu{
	position: absolute;
	top: 15px;
	left: 15px;
/*	background-color:rgba(71,151,72,0.40);*/
	background-color: rgba(58,58,58,0.50);
	width: 300px;
	z-index: 30;
}

.smenu2{
	position: absolute;
	top: 150px;
	left: 15px;
/*	background-color:rgba(71,151,72,0.40);*/
	background-color: rgba(58,58,58,0.50);
	width: 300px;
	z-index: 30;
}

.genba{
	position: absolute;
	right: 15px;
/*	top: 15px;*/
	top: 60px;

}

.genbasize{
	width : -webkit-calc(100vw * 0.3) ;
	width : calc(100vw * 0.3) ;
}

.sph1title{

	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	font-size: 30px;
	font-weight: bold;
}

.entry{
	position: absolute;
	top: 60px;
	left: 15px;
/*	background-color:rgba(71,151,72,0.40);*/
/*	background-color: rgba(58,58,58,0.50);*/

	z-index: 5;
}

.entrygho{
	background-color:rgba(0,151,79,0.75);

	font-size: 24px;
	padding: 20px 30px;
	border-radius: 10px;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}

.entrygho a{
	color:rgba(255,255,255,1.00);
}


.topmenupad{
	padding: 15px;
}

.margintopjigyou{
	margin-top: 0px;
}

 .newtitle{
 	font-size:20px;
	line-height: 36px;
	font-weight: bold;
	color: rgba(255,255,255,1.00);
}

.tplfmenu a{
	font-size:20px;
	line-height: 36px;
	font-weight: bold;
/*	color: rgba(255,255,255,1.00);*/
	color:rgba(220,251,253,1.00);
	
	text-decoration: underline;
}


@media screen and  (max-width: 767px) {
	.logosize{
		width: 200px;
	}
	.genba{
		position: absolute;
		right: 10px;
		top: 70px;
	}
	.smenu{
		position: static;
		background-color:#ffffff;
	}
	.smenu2{
		top:80px;
		left: 2px;
		width:200px;
/*		position: static;
		background-color:rgba(71,151,72,0.60);*/
	}
	 .newtitle{
		font-size:18px;
		line-height: 24px;
		font-weight: bold;
		color: #3B3B3B;
	}
	.topmenupad{
		padding: 0px;
		margin-top: 0px;
		margin-left: 5px;
	}
	.tplfmenu a{
		font-size:18px;
		line-height: 34px;
		font-weight: bold;
		color: rgba(255,255,255,1.00);
		text-decoration: underline;
	}


	.sph1title{
		font-size: 18px;
	}
	.entrygho{
		background-color:rgba(0,151,79,0.90);

		font-size: 16px;
		padding: 10px 14px;
		border-radius: 6px;
		font-weight: bold;
		letter-spacing: 5px;
		text-align: center;
	}
	.entry{
		top: 45px;
		left: 8px;
	}
}

@media screen and  (max-width: 480px) {
	.logosize{
		width: 140px;
	}
	.menutxt{
		font-size:12px;
	}
	.genba{
		position: absolute;
		right: 10px;
		top: 70px;
	}
	.smenu2{
		top:70px;
		left: 2px;
		width:150px;
/*		position: static;
		background-color:rgba(71,151,72,0.60);*/
	}
	 .newtitle{
		font-size:18px;
		line-height: 24px;
		font-weight: bold;
		color: #3B3B3B;
	}

	.tplfmenu a{
		font-size:14px;
		line-height: 22px;
		font-weight: bold;
		color: rgba(255,255,255,1.00);
		text-decoration: underline;
	}
	
	.sph1title{
		font-size: 16px;
	}
	.entrygho{
		font-size: 14px;
		padding: 8px 12px;
		border-radius: 4px;
		font-weight: bold;
		letter-spacing: 3px;
		text-align: center;
	}	
	
	
	
}




.tplfmenu a:hover{
	color: aqua;
}



/*.bgwhitebana{
	background-image: url(../images/massege_word.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto;
	background-color:rgba(255,255,255,0.5);
}*/

.messe_op {
   filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
}


.bgdaihyou{
	background-image: url(../images/greeting_background.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	width: 100%;
}

.messeagepad{
	padding-top: 60px;
	padding-bottom: 60px;
}

.messfirst{
	font-size: 18px;
	letter-spacing: 10px;
	font-weight:200;
	margin-bottom: 20px;
}

.message02 p{
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 15px;
}

.spblock{
	width: 100%;
/*	height: 500px;*/
}

/*カトスピ*/

.sp000{
	background-image: url(../images/spirits_background_000_pc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 500px;
}

.sp001{
	background-image: url(../images/spirits_background_001_pc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 500px;
}

.sp002{
	background-image: url(../images/spirits_background_002_pc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 500px;
}

.sp003{
	background-image: url(../images/spirits_background_003_pc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 500px;
}

.works_background{
	background-image: url(../images/works_background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 1000px;
	/*min-height: 500px;*/
	
}

.spBlueBack{
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
/*	background-size: cover;*/
		
}


.katosp{
	width: 160px;
	padding-top: 10px;
	
}

/*.katosp2{
	width: 180px;
	padding-top: 10px;
}*/

@media screen and  (max-width: 1330px){
	.katosp{
	width: 130px;
}
}

@media screen and  (max-width: 1199px){
	.katosp{
	width: 120px;
}
}

@media screen and  (max-width: 740px){
	.katosp{
	width: 100px;
}
	
	/*.katosp2{
	width: 140px;
	}*/
}


/*コンテンツ領域調整*/

@media screen and  (max-width: 480px){
	
.sp000{
	background-image: url(../images/spirits_background_000_sm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 350px;
}

.sp001{
	background-image: url(../images/spirits_background_001_sm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 350px;
}

.sp002{
	background-image: url(../images/spirits_background_002_sm.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 350px;
}

.sp003{
	background-image: url(../images/spirits_background_003_sm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 350px;
}

.works_background{
	background-image: url(../images/works_background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 500px;
	width: 100%;
	/*min-height: 500px;*/
	
}
	
	
.katosp{
	width: 100px;
	padding-top: 10px;
	
	}
	
	.entry_text{
		font-size: 12px;
	}
	
	
}

.sptitle{
/*	color: rgba(255,255,255,1.00);*/
		color: #000;
		
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	font-size: 50px;
	font-size: 60px;
	letter-spacing: 15px;
	margin: 30px 0;
}

.sptitlejimoto{
/*	color: rgba(255,255,255,1.00);*/
		color:#000;
	font-weight: 500;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	font-size: 50px;
	font-size: 60px;
	letter-spacing: 15px;
}

.sptitleteck{
/*	color: rgba(255,255,255,1.00);*/
		color:#000;
	font-weight: 500;
	text-shadow: 0 0 10px #fff,0 0 20px #fff;
	font-size: 50px;
	font-size: 60px;
	letter-spacing: 15px;
}

.sptitlenature{
/*	color: rgba(255,255,255,1.00);*/
		color:#000;
	font-weight: 500;
	text-shadow: 0 0 10px #fff,0 0 20px #fff;
	font-size: 50px;
	font-size: 60px;
	letter-spacing: 15px;
}

.ksp{
	color: #fff;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	margin-top: -15px;
}

.kspline{
	margin-top: -15px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));

}


.spword{
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	font-weight:500;
	letter-spacing: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.spwordbk{
	color: rgba(255,255,255,1.00);
		/*text-shadow: 0 0 10px #000,0 0 20px #000;*/
/*	text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;*/


   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
/*text-shadow: 6px  6px 6px black,
            -6px  6px 6px black,
             6px -6px 6px black,
            -6px -6px 6px black;*/
	font-weight:bold;
	font-size: 25px;
	letter-spacing: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*TOPここまで*/


/*採用情報スタッフ*/

.headbanner{
	width: 100%;
	min-height: 500px;
/*	background-image: url(../images/staff_topbg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;*/
	background-color: rgba(255,255,255,1.00);
	border-bottom: solid 1px rgba(40,70,68,1.00);
}

/*Q&A用*/


.headbanner2{
	width: 100%;
	min-height: 100%;
/*	background-image: url(../images/staff_topbg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;*/
	background-color: rgba(255,255,255,1.00);
	border-bottom: solid 1px rgba(40,70,68,1.00);
}

@media screen and  (max-width: 480px){
.headbanner2{
	width: 100%;
	min-height: 100%;
/*	background-image: url(../images/staff_topbg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;*/
	background-color: rgba(255,255,255,1.00);
	border-bottom: solid 1px rgba(40,70,68,1.00);
}
}

.stafftitle{
	text-align: center;
	font-size: 36px;
	letter-spacing: 5px;
	line-height: 30px;
	
}

.stafftitle_sm{
	font-size: 16px;
}

.contitle{
	text-align: center;

}

.conmaintitle{
	/*font-family: 'Sawarabi Mincho',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
	font-size: 36px;
}

.stsmall{
	font-size: 24px;
}

.consub{
	color: rgba(18,154,29,1.00);
	letter-spacing: 5px;
}

.txtwrapper {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.naiyou{
	font-size: 18px;
	display: inline-block;
    text-align: left;
    margin: 10px;
}

.naiyou p {
	margin-bottom: 30px;
}

/*社員紹介メインビジュアル*/





.mimg{
	position: relative;
	height: 550px;
}

.mimgleft{
	position: absolute;
	left: 5px;
	top:35px;
}

.mimgright{
	position: absolute;
	bottom: 0;

	left:0;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}



.bgwhite{
	background-color:rgba(255,255,255,0.50);
	border-radius: 8px;
}

.lastimg{
	margin-bottom: 0px;
	margin-top:0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.top0{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.nextimg{
	margin: 15px 0px;
}

.entrybtn{
	padding: 15px 20px;
	border: solid 1px  rgba(51,122,183,1.00);
	background-color:rgba(255,255,255,1.00);
	font-size: 18px;
}

.entrybtn:hover{
	background-color: rgba(212,242,255,1.00);
}


.entrybtn2{
	padding: 15px 20px;
	border: solid 1px  rgba(51,122,183,1.00);
	background-color:rgba(255,255,255,1.00);
	font-size: 24px;
}

.entrybtn2:hover{
	background-color: rgba(212,242,255,1.00);
}

.yonde{
	margin-top: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	line-height: 2.1;
}


@media screen and  (max-width: 1199px) {
	.max1199{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.margintopjigyou{
		margin-top: 0px;
	}
}


@media screen and  (max-width: 991px) {
	.topmargin{
		margin-top: 90px;
	}
	.topmarginpic{
		margin-top: 56px;
	}
	.entrybtn{
	font-size: 18px;
	}
}

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

	/*文字サイズ関連*/
	.entrybtn{
	font-size: 18px;
	}
	.stafftitle{
		font-size: 24px;
	}

	.conmaintitle{
		font-size: 22px;
	}

	.consub{
		letter-spacing: 2px;
	}

/*文字サイズ関連　ここまで*/

	.cb{
	    display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.mimg{
		display: none;
		height: auto;
	}
	.headbanner{
		width: 100%;
		height: auto;
		min-height: auto;
		background:none;

	}
	
	.lastpo{
		margin: 0 auto;
	}
}


@media screen and  (max-width: 480px) {
	.marcontent{
		margin-top: 15px;
	}
	.messfirst{
		font-size: 16px;
		letter-spacing: 5px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.message02 p{
		font-weight: 500;
		margin-top: 15px;
		margin-bottom: 5px;
	}

	.contitle{
		font-size: 18px;
		text-align: left;
		padding-left: 10px;

	}
	.spwordbk{
	color: rgba(255,255,255,1.00);
	text-shadow: 0 0 10px #000,0 0 20px #000;
	font-weight:500;
	font-size: 18px;
	}
	
	/*.entrybtn{
	padding: 5px 5px;
	border: solid 1px  rgba(51,122,183,1.00);
	background-color:rgba(255,255,255,1.00);
	font-size: 12px;
}*/
}




/*bxslider*/
.tophead div div.bx-wapper , .tophead div div div.bx-viewport , .tophead div div ul#bxslider, .bx-wrapper{
	padding-left: 0px;
	max-height:100vh !important;
}

/*.syainslide .bx-wrapper {
	max-width: 100%;
}

@media screen and  (max-width: 767px) {
	.bx-wapper , .bx-viewport , #bxslider , .bx-wrapper{
		height: 350px !important;
	}

}*/

/*Q&A用*/

.ghost{
  	display: inline-block;
  	padding: 10px 10px;
	margin-bottom:25px;
  	border: solid 2px #32619A;
  	border-radius: 3px;
  	background: rgba(252,252,252,1.0);
  	color: #32619A;
  	text-decoration: none;
  	font-weight: 200;
	font-size: 14px;
}
.ghost:hover{
  background: #fff;
}

.q_a1{
	font-size: 18px;
	font-weight:400;
	color: #32619A;
	padding-left: 3em;
	text-indent: -3em;
}

.q_a2{
	font-weight:400;
	color: #B9523A;
	padding-left: 3em;
	text-indent: -3em;
	
}

div .q_a1 span{
	background-color: #32619A;
	color: #fff;
	font-weight: 400;
	padding: 10px;
	margin-right:10px;
	border-radius: 3px;

}


div .q_a2 span{
	background-color: #B9523A;
	color: #fff;
	font-weight: 400;
	padding: 10px;
	margin-right:10px;
	border-radius: 3px;

}

div .q_a3 span{
	background-color: #32619A;
	color: #fff;
	font-weight: 400;
	padding: 5px;
	margin-right:0;
	border-radius: 3px;

}

.q_a_text{
	font-size:16px;
	
}

.q_a_text_sm{
	font-size:14px;
	
}

@media screen and  (max-width: 768px){
.img_pd{
	padding: 30px 0 0 0;
	
}
}

/*テーブル関連*/
table {
  border-collapse: collapse;
  width: 100%;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #999;
}
table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}
@media screen and  (max-width: 480px){
	table {
    border-top: 1px solid #999;
  }
  table td {
    display: block;
    text-align: left;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }

}
/*テーブル関連　ここまで*/

/*スタッフの下画像*/

.staff_gazou_oya{
	position: relative;
	height: 370px;
	padding-left: 20%;
}
.staff_gazou_ko{
	position: absolute;
	bottom: 0;
}
@media screen and  (max-width: 991px){
	.staff_gazou_oya{
	height: 500px;
	padding-left: 5%;
	}
}
	
@media screen and  (max-width: 767px){
	.staff_gazou_oya{
	position:static;
	height: auto;
	}
	.staff_gazou_ko{
	position: static;
	bottom: 0;
	}
}

.staff_gazou_oya02{
	position: relative;
	height: 370px;
	padding-left: 0px;
}
.staff_gazou_oya03{
	position: relative;
	height: 370px;
	padding-left: 0px;
}
.staff_gazou_oya04{
	position: relative;
	height: 370px;
	padding-left: 10%;
}

.staff_gazou_oya05{
	position: relative;
	height: 480px;
	padding-left: 10%;
}

.staff_gazou_oya06{
	position: relative;
	height: 480px;
	padding-left: 10%;
}

.staff_gazou_ko02{
	position: absolute;
	bottom: 0;
}
.staff_gazou_ko03{
	position: absolute;
	bottom: 0;
}
.staff_gazou_ko04{
	position: absolute;
	bottom: 0;
}

.staff_gazou_ko05{
	position: absolute;
	bottom: 0;
}

.staff_gazou_ko06{
	position: absolute;
	bottom: 0;
}

@media screen and  (max-width: 1199px){
	.staff_gazou_oya04{
	position: relative;
	height: 450px;
	padding-left: 10%;
}
}

@media screen and  (max-width: 991px){
	.staff_gazou_oya02{
	height: 400px;
	}
	.staff_gazou_oya03{
	height: 450px;
	}
	
	.staff_gazou_oya06{
	height: 551px;
	}
}
	
@media screen and  (max-width: 767px){
	.staff_gazou_oya02{
	position:static;
	height: auto;
	padding-left: 0px;
	}
	.staff_gazou_ko02{
	position: static;
	bottom: 0;
	}
	.staff_gazou_oya03{
	position:static;
	height: auto;
	padding-left: 0px;
	}
	.staff_gazou_ko03{
	position: static;
	bottom: 0;
	}
	.staff_gazou_oya04{
	position: static;
	height:auto;
	padding-left: 0px;
	}
	.staff_gazou_ko04{
	position: static;
	bottom: 0;
}
	.staff_gazou_ko06{
	position: static;
	height:auto;
	padding-left: 0px;
	
}

}

.mess_big{
	font-size: 32px;
}

.mess_sm{
	font-size: 18px;
}

.boss_messe{
	font-size: 18px;
}

@media screen and  (max-width: 991px){
	.boss_gazou{
	margin-left: 0px!important;
	margin-right: auto!important;
	}
	.txtwrapper02{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
	}
	.txt02{
	display: inline-block;
    text-align: left;
    margin: 10px;
	}
	.boss_messe{
	font-size: 16px;
}
}

/*各上下左右マージン指定*/


.mt30 { margin-top: 30px  ; }
.mt60 { margin-top: 60px  ; }



.mb30 { margin-bottom: 30px  ; }
.mb60 { margin-bottom: 60px  ; }




.kome{
	font-size: 12px;
}

.box_zadankai{
	padding-bottom: 40px;
}

.box_zadankai2{
	margin-top: -90px;
	margin-bottom: -50px;
}

.box_zadankai_top{
	padding-top: 60px;
	padding-bottom: 40px;
}

.zadaikai_bg{
background-image: url(../images/check.jpg);
}

.zadaikai_bg2{
background-image: url(../images/check.jpg);
margin-top: 100px;
margin-bottom: 40px;
}

@media screen and  (max-width: 511px){
	.box_zadankai{
		padding-top: 20px;
	padding-bottom: 20px;
}
	
.box_zadankai2{
	margin-top: 20px;
	margin-bottom: 20px;
}
	.zadaikai_bg2{
margin-top: 0px;
margin-bottom: 0px;
}
}


@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*.honbun{
	width: 80%;
  margin: 0 auto;
  max-width: 500px;
}*/

.entry_text{
	font-size: 18px;
}

@media screen and  (max-width: 740px){
	.entry_text{
	font-size: 14px;
}
}

@media screen and (min-width:991px) and ( max-width:1230px) {
	.mr-menu{
	margin-right: 0px!important
	}
}

.saiyou_list01{
	list-style-image: url("../images/check.png");
}

.flexbox {
  display: flex;
  flex-wrap: wrap;
  /*border: 1px solid #ddd;*/
  padding: 0.4em;
  margin: 0 0 2em;
}

.flexbox > div {
  /*background: #ddd;*/
  padding: 1em;
  flex: 1 0 00px;
  margin: 0.4em;
}

.under{
	background: linear-gradient(transparent 70%, #FFAEBC 70%);
}

.flow_box{
    padding: 0.5em 1em;
    margin: 2em 0;
    /*color: #5d627b;*/
    background: white;
    border-top: solid 5px #384A74;
	border-bottom: solid 1px #A7A7A7;
	border-left: solid 1px #A7A7A7;
	border-right: solid 1px #A7A7A7;
    /*box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);*/
}

.flow_box2{
    padding: 8px 19px;
    margin: 2em 0;
    /*color: #2c2c2f;*/
    background: #FFCDCD;
    border-top: solid 5px #CF5959;
    border-bottom: solid 5px #CF5959;
}

.arrow_down{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
}

.red_marker{
	background:linear-gradient(transparent 60%, rgba(255,102,102,0.51) 60%);
}

.maru_n_list ol  {
  position: relative;
  margin: 0;
  padding: 0
}
.maru_n_list ol li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
.maru_n_list ol li span {
  position: absolute;
  left: 0;
  margin: 0
}

.page-top {
    position: fixed;
    bottom: 70px;
    right: 20px;
    font-size: 80%;
    z-index: 200;
}

.page-top a {
    background-color: rgba(0,91,158,0.52);
    text-decoration: none;
    color: white;
    width: 80px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}

.staff_jyosi{
	padding-right: 15px;
	padding-left: 15px;
}

@media screen and  (max-width: 991px){
	.staff_jyosi{
	padding-right: 0;
	padding-left: 0;
}
}
@media screen and  (min-width: 767px){
	.mt60-md{
	margin-top: 60px;
	}
	
	.mb60-md{
	margin-bottom: 60px;
	}
	
	.mt30-md{
	margin-top: 30px;
	}
	.mb30-md{
	margin-bottom: 30px;
	}
	
	.mt-per-md{
	margin-top: 2%;
	}
	
}

.next{
	letter-spacing: 5px;
}

.top-width{
	max-width: 800px;
	max-height: 534px;
}

.qlink{
    margin-bottom:20px;

}

.leftpad{
    margin-top: 25px;
    padding-left: 15px;
}

.leftpad2{
    margin-top: 25px;
    padding-left: 0;
}

.katoken {
    padding-left:1em;
    text-indent:-1em !important;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 1200px){
.faqcontainer {
    width: 88%;
}
}

.recruit_greeting_bk{
background-image: url(../images/recruit_greeting.jpg);
background-size: cover;
}

.white_area{
	background-color:rgba(255, 255, 255, .8);
}

.recruit_greeting_box {
	margin: 16px auto;
	text-align: center;
	display: block;
}
.recruit_greeting_box .txt {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 18px;
	text-align: left;
	display: inline-block;
	line-height: 1.7em;
	letter-spacing: 0.04em;
}

.president_sign{
	
	width: 100%;
	height: 100%;
	max-width: 300px;
	margin-right: 0;
	margin-left: 60%;
	display: block;
  
}

.w-200{
	width: 200px;
	height: auto;
}

@media screen and (min-width:767px) and (max-width:1199px){
	
.recruit_greeting_box {
		padding: 30px;
	}
}


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


	.president_sign{
		max-width: 300px;
		text-align: center;
    margin: 0 auto;
	}


	.white_area{
		background-color:rgba(255, 255, 255, .8);
		padding: 30px;
		margin: 0 30px;
	}

}

.tab-area{
/*width: 400px;*/
margin: 0 auto;
}
.tab-btn{
display:none; /*タブの切り替えを制御するラジオボタンを非表示に*/
}
.tab-list-wrap{
padding:0; /*デフォルトの値をクリア*/
margin: 0; /*デフォルトの値をクリア*/
list-style-type:none; /*デフォルトの値をクリア*/
/*display:flex;*/ /*ボタンを横並びに*/
justify-content:center;
display: flex
}

@media screen and  (max-width: 767px){
	.tab-list-wrap{
display: block;
}
}
 
.tab-list{
display:block;
/*width: 30%;*/
padding: 8px 0;
text-align:center;
border:1px solid #2D9B2C;
width: 80%;
border-radius: 4px 4px;
background: #ffffff;
box-sizing:border-box; /*borderの値を横幅に含める*/
cursor:pointer; /*オンマウス時にカーソルを指の形に*/
margin-bottom: 0px!important;
}
 
#tab-btn1:checked ~ .tab-list-wrap #tab-list1,
#tab-btn2:checked ~ .tab-list-wrap #tab-list2{
background:#C5FFC5; /*対応するボタンにチェックが入ったときに背景を#ffffff（白）に*/
}
.tab-content{
padding:20px;
/*border-bottom: 1px solid #4e7bcc;
border-left: 1px solid #4e7bcc;
border-right: 1px solid #4e7bcc;*/
display:none; /*初期状態を非表示に*/
}
#tab-btn1:checked ~ .tab-content-wrap #tab-content1,
#tab-btn2:checked ~ .tab-content-wrap #tab-content2{
display: block;/*対応するボタンにチェックが入ったときに表示*/
}
/*1*/
.rec_menu_outer {
		margin: 1.5rem auto;
		position: absolute;
		/*width: 100%;*/
		left: 0;
		}
	.rec_menu {
		width: 100%;
		padding: 10px 20px;
		}
	.rec_menu_parent {
		background-color: white;
		cursor: pointer;
		list-style: none;
		text-align: center!important;
		background: rgba(66,66,66,0.23)!important;
		font-weight: bold;
		}
	.rec_menu_parent::before {
		content: '▼';
		display: inline-block;
		transform: rotate(-90deg);
		transition: .4s;
		}

.rec_menu_parent::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "もっと見る";
    background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 20%, #fff 50%, #fff 100%);
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 3rem 0 2rem;
	transition: .3s;
	z-index: 99;
	left:0;
	/*border-bottom: rgba(207,207,207,0.40) 1px solid;
	border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;*/
}
.rec_menu_parent.active::after {
    content: "閉じる";
    background: #FFF;
    padding: 1rem 0 1rem;
}


	.rec_menu_parent.active::before {
		transform: rotate(0deg);
		}

	.rec_menu_child {
		border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
		background-color: white;
		color: white;
		height: 160px;
		opacity: 1;
		/*visibility: hidden;*/
		overflow: hidden;
		transition: .4s;
		position: relative;
		z-index: 98;
		}
	.rec_menu_child.active {
		height: 700px;
		opacity: 1;
		visibility: visible;
		}


/*2*/


.rec_menu_outer02 {
		margin: 1.5rem auto;
		position: absolute;
		}
	.rec_menu02 {
		width: 100%;
		padding: 10px 20px;
		}
	.rec_menu_parent02 {
		background-color: white;
		cursor: pointer;
		list-style: none;
		text-align: center!important;
		background: rgba(66,66,66,0.23)!important;
		font-weight: bold;
		}
	.rec_menu_parent02::before {
		content: '▼';
		display: inline-block;
		transform: rotate(-90deg);
		transition: .4s;
		}

.rec_menu_parent02::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "MORE";
    background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 20%, #fff 50%, #fff 100%);
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 3rem 0 1rem;
	transition: .3s;
	z-index: 97;
	left:0;
	border-bottom: rgba(207,207,207,0.40) 1px solid;
	border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
}
.rec_menu_parent02.active::after {
    content: "CLOSE";
    background: #FFF;
    padding: 1rem 0 1rem;
}


	.rec_menu_parent02.active::before {
		transform: rotate(0deg);
		}

	.rec_menu_child02 {
		border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
		background-color: white;
		color: white;
		height: 100px;
		opacity: 1;
		/*visibility: hidden;*/
		overflow: hidden;
		transition: .4s;
		position: relative;
		z-index: 96;
		}
	.rec_menu_child02.active {
		height: 900px;
		opacity: 1;
		visibility: visible;
		}


/*3*/

.rec_menu_outer03 {
		margin: 1.5rem auto;
		position: absolute;
		}
	.rec_menu03 {
		width: 100%;
		padding: 10px 20px;
		}
	.rec_menu_parent03 {
		background-color: white;
		cursor: pointer;
		list-style: none;
		text-align: center!important;
		background: rgba(66,66,66,0.23)!important;
		font-weight: bold;
		}
	.rec_menu_parent03::before {
		content: '▼';
		display: inline-block;
		transform: rotate(-90deg);
		transition: .4s;
		}

.rec_menu_parent03::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "MORE";
    background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 20%, #fff 50%, #fff 100%);
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 3rem 0 1rem;
	transition: .3s;
	z-index: 95;
	left:0;
	border-bottom: rgba(207,207,207,0.40) 1px solid;
	border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
}
.rec_menu_parent03.active::after {
    content: "CLOSE";
    background: #FFF;
    padding: 1rem 0 1rem;
}


	.rec_menu_parent03.active::before {
		transform: rotate(0deg);
		}

	.rec_menu_child03 {
		border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
		background-color: white;
		color: white;
		height: 100px;
		opacity: 1;
		/*visibility: hidden;*/
		overflow: hidden;
		transition: .4s;
		position: relative;
		z-index: 94;
		}
	.rec_menu_child03.active {
		height: 900px;
		opacity: 1;
		visibility: visible;
		}
/*4*/

.rec_menu_outer04 {
		margin: 1.5rem auto;
		position: absolute;
		}
	.rec_menu04 {
		width: 100%;
		padding: 10px 20px;
		}
	.rec_menu_parent04 {
		background-color: white;
		cursor: pointer;
		list-style: none;
		text-align: center!important;
		background: rgba(66,66,66,0.23)!important;
		font-weight: bold;
		}
	.rec_menu_parent04::before {
		content: '▼';
		display: inline-block;
		transform: rotate(-90deg);
		transition: .4s;
		}

.rec_menu_parent04::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "MORE";
    background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 20%, #fff 50%, #fff 100%);
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 3rem 0 1rem;
	transition: .3s;
	z-index: 93;
	left:0;
	border-bottom: rgba(207,207,207,0.40) 1px solid;
	border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
}
.rec_menu_parent04.active::after {
    content: "CLOSE";
    background: #FFF;
    padding: 1rem 0 1rem;
}


	.rec_menu_parent04.active::before {
		transform: rotate(0deg);
		}

	.rec_menu_child04 {
		border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
		background-color: white;
		color: white;
		height: 100px;
		opacity: 1;
		/*visibility: hidden;*/
		overflow: hidden;
		transition: .4s;
		position: relative;
		z-index: 92;
		}
	.rec_menu_child04.active {
		height: 400px;
		opacity: 1;
		visibility: visible;
		}

/*5*/


.rec_menu_outer05 {
		margin: 1.5rem auto;
		position: absolute;
		}
	.rec_menu05 {
		width: 100%;
		padding: 10px 20px;
		}
	.rec_menu_parent05 {
		background-color: white;
		cursor: pointer;
		list-style: none;
		text-align: center!important;
		background: rgba(66,66,66,0.23)!important;
		font-weight: bold;
		}
	.rec_menu_parent05::before {
		content: '▼';
		display: inline-block;
		transform: rotate(-90deg);
		transition: .4s;
		}

.rec_menu_parent05::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "もっと見る";
    background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 20%, #fff 50%, #fff 100%);
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 3rem 0 1rem;
	transition: .3s;
	z-index: 91;
	left:0;
	border-bottom: rgba(207,207,207,0.40) 1px solid;
	border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
}
.rec_menu_parent05.active::after {
    content: "閉じる";
    background: #FFF;
    padding: 1rem 0 1rem;
}


	.rec_menu_parent05.active::before {
		transform: rotate(0deg);
		}

	.rec_menu_child05 {
		border-left: rgba(207,207,207,0.40) 1px solid;
	border-right: rgba(207,207,207,0.40) 1px solid;
		background-color: white;
		color: white;
		height: 100px;
		opacity: 1;
		/*visibility: hidden;*/
		overflow: hidden;
		transition: .4s;
		position: relative;
		z-index: 90;
		}
	.rec_menu_child05.active {
		height: 300px;
		opacity: 1;
		visibility: visible;
		}
@media screen and  (max-width: 1199px){
	.rec_menu_child.active{
		height: 550px;
	}
}

@media screen and  (max-width: 991px){
	.rec_menu_child.active{
		height: 990px;
	}
}

@media screen and  (max-width: 750px){
	.rec_menu_child.active{
		height: 970px;
	}
}

@media screen and  (max-width: 720px){
	.rec_menu_child.active{
		height: 920px;
	}
}

@media screen and  (max-width: 690px){
	.rec_menu_child.active{
		height: 890px;
	}
}

@media screen and  (max-width: 670px){
	.rec_menu_child.active{
		height: 850px;
	}
}

@media screen and  (max-width: 640px){
	.rec_menu_child.active{
		height: 820px;
	}
}

@media screen and  (max-width: 600px){
	.rec_menu_child.active{
		height: 760px;
	}
}

@media screen and  (max-width: 560px){
	.rec_menu_child.active{
		height: 700px;
	}
}

@media screen and  (max-width: 500px){
	.rec_menu_child.active{
		height: 640px;
	}
}

@media screen and  (max-width: 450px){
	.rec_menu_child.active{
		height: 550px;
	}
	
}

@media screen and  (max-width: 400px){
	.rec_menu_child.active{
		height: 500px;
	}
	
}

@media screen and  (max-width: 350px){
	.rec_menu_child.active{
		height: 430px;
	}
	
}

.p-row{
	padding-left: 0px;
	padding-right: 0px;
	}

@media screen and  (max-width: 991px){
	.p-row{
	padding-left: 15px;
	padding-right: 15px;
	}
}

.w-100{
	width: 100%;
}


.fs-dai{
	font-size: 28px;
}

.fs-cyu{
	font-size: 24px;
}

.fs-syou{
	font-size: 20px;
}

@media screen and  (max-width: 1199px){
	.fs-dai{
	font-size: 24px;
	}

	.fs-cyu{
		font-size: 20px;
	}

	.fs-syou{
		font-size: 18px;
	}
}

.bg-green{
	background:#38844b;
}

.bg-02{
	background:#4F9099;
}

.bg-03{
	background:#BE6F3D;
}

.bg-04{
	background:#604F98;
}

.bg-05{
	background:#4F6898;
}

.bg-06{
	background:#984F4F;
}


.text-green{
	color: #549D60;
}

.text-white{
	color: #FFFFFF;
}

.p-01{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

.bold{
	font-weight: bold;
}

.int-01{
	line-height: 45px;
	padding-left: 12%;
}

.int-border{
	border-left: #C7C7C7 solid 2px;
	border-right: #C7C7C7 solid 2px;
}

@media screen and  (max-width: 991px){
	.int-border{
	border-left: none;
	border-right: none;
}
	.int-01{

	padding-left: 0%;
}
	
	.frame-box-001 {
	padding: 30px;
	position: relative;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 30px;
	height: 50px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 1px #C7C7C7;
	border-top: solid 1px #C7C7C7;
	/*top: 0;*/
	left: 0;
}

.frame-box-001::after {
	border-right: solid 1px #C7C7C7;
	border-bottom: solid 1px #C7C7C7;
	bottom: 0;
	right: 0;
}
}

.int-02{
	display: flex;
	align-items: center;
}

@media screen and  (max-width: 991px){
	.int-02{
	display: block;
	text-align: center;
}

}

.int-bg-01{
	background: #eee64a;
	line-height: 50px;

}

@media screen and  (max-width: 767px){
.conmaintitle{
	text-align: center;
	}
}

.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item div{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child div{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #000000;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 170px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  background: #4F985B;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
/*.news-list .item a:hover .title{
  color: #00F;
}*/

@media screen and (max-width: 767px){
.news-list .item div{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

.con-5{
	padding: 15px;
}

.con-01-title{
	background-color: #4F985B;
	color: white;
	padding: 5px;
}

.con-02-title{
	background-color: #49A1B5;
	color: white;
	padding: 5px;
}

.con-03-title{
	background-color: #BE6F3D;
	color: white;
	padding: 5px;
}

.con-04-title{
	background-color: #604F98;
	color: white;
	padding: 5px;
}

.con-05-title{
	background-color: #4F6898;
	color: white;
	padding: 5px;
}

.con-06-title{
	background-color: #984F4F;
	color: white;
	padding: 5px;
}


.con-01-text{
	color: #4F985B;
}

.con-02-text{
	color: #49A1B5;
}

.con-03-text{
	color: #BE6F3D;
}

.con-04-text{
	color: #604F98;
}

.con-05-text{
	color: #4F6898;
}

.con-text_h{
	height: 3rem;
}

.con-06-text{
	color: #984F4F;
}


.btn-01{
	background-color: #4F985B;
	color: white;
	border-radius: 30px;
	width: 80%;
}

.btn-01:link,.btn-02:link,.btn-03:link,.btn-04:link,.btn-05:link,.btn-06:link{
	color: white;
}
	

.btn-02{
	background-color: #49A1B5;
	color: white;
	border-radius: 30px;
	width: 80%;
}

.btn-03{
	background-color: #BE6F3D;
	color: white;
	border-radius: 30px;
	width: 80%;
}

.btn-04{
	background-color: #604F98;
	color: white;
	border-radius: 30px;
	width: 80%;
}

.btn-05{
	background-color: #4F6898;
	color: white;
	border-radius: 30px;
	width: 80%;
}

.btn-06{
	background-color: #984F4F;
	color: white;
	border-radius: 30px;
	width: 80%;
}

.btn-01:hover{
	background-color: #35663D;
	color: white;
}

.btn-01:active{
	background-color: #35663D;
	color: white;
}

.btn-02:hover{
	background-color: #326E7C;
	color: white;
}



.btn-03:hover{
	background-color: #8A502C;
	color: white;
}

.btn-04:hover{
	background-color: #3D3261;
	color: white;
}

.btn-05:hover{
	background-color: #324261;
	color: white;
}

.btn-06:hover{
	background-color: #613232;
	color: white;
}

.con-border01{
	border: solid #4F985B 7px;
}

.con-border02{
	border: solid #49A1B5 7px;
}

.con-border03{
	border: solid #BE6F3D 7px;
}

.con-border04{
	border: solid #604F98 7px;
}

.con-border05{
	border: solid #4F6898 7px;
}

.con-border06{
	border: solid #984F4F 7px;
}

.con-5-img {
  position: relative;
  }

.con-5-img div {
  position: absolute;
  bottom: -18px;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	background: #F7BD21;
width: 100%;
	text-align: center;
  padding-top: 5px;
	padding-bottom: 5px;
  }

.con-5-img div p{
	padding: 0;
	margin: 0;
}

.hr01{
	border-top: solid #000000 3px;
}

.bg-yerow{
	background: #FFDB7C;
}

.bg-white{
	background: white;
}

.m-0{
	margin: 0;
}

.p-2{
	padding: 15px;
}

.pt-5{
	padding-top: 50px;
}

.pb-5{
	padding-bottom: 50px;
}

.int-border02{
	border: solid #000000 3px;
}

.bosyu-bg{
	background: #FFFFFF;
	padding: 30px;
}

.bosyu-border01{
	border: #4F985B solid 30px;
}

.bosyu-border02{
	border: #4F9099 solid 30px;
}

.bosyu-border03{
	border: #BE6F3D solid 30px;
}

.bosyu-border04{
	border: #604F98 solid 30px;
}

.bosyu-border05{
	border: #4F6898 solid 30px;
}

.bosyu-border06{
	border: #984F4F solid 30px;
}


@media screen and (max-width: 767px){
	.bosyu-border01{
	border: #4F985B solid 15px;
	}
	
	.bosyu-border02{
	border: #4F9099 solid 15px;
	}
	
	.bosyu-border03{
	border: #BE6F3D solid 15px;
	}
	
	.bosyu-border04{
	border: #604F98 solid 15px;
	}
	
	.bosyu-border05{
	border: #4F6898 solid 15px;
	}
}

.bosyu-jisi01{
	background-color: #4F985B;
	color: white;
	padding: 5px;
}

.bosyu-jisi02{
	background-color: #4F9099;
	color: white;
	padding: 5px;
}

.bosyu-jisi03{
	background-color: #BE6F3D;
	color: white;
	padding: 5px;
}

.bosyu-jisi04{
	background-color: #604F98;
	color: white;
	padding: 5px;
}

.bosyu-jisi05{
	background-color: #4F6898;
	color: white;
	padding: 5px;
}

.bosyu-jisi06{
	background-color: #984F4F;
	color: white;
	padding: 5px;
}

@media screen and (max-width: 767px){
	.bosyu-jisi01{
	background-color: white;
	color: #4F985B;
	}
	
	.bosyu-jisi02{
	background-color: white;
	color: #4F9099;
	}
	
	.bosyu-jisi03{
	background-color: white;
	color: #BE6F3D;
	}
	
	.bosyu-jisi04{
	background-color: white;
	color: #604F98;
	}
	
	.bosyu-jisi05{
	background-color: white;
	color: #4F6898;
	}
	
	.bosyu-jisi06{
	background-color: white;
	color: #984F4F;
	}
}

.bosyu-text01{
	color: #4D9458;
}

.bosyu-text02{
	color: #4F9099;
}

.bosyu-text03{
	color: #BE6F3D;
}

.bosyu-text04{
	color: #604F98;
}

.bosyu-text05{
	color: #4F6898;
}

.bosyu-text06{
	color: #984F4F;
}

.jissi-gaiyo01{
	position: relative;
  padding: 0 65px;
  text-align: center;
}

.jissi-gaiyo02{
	position: relative;
  padding: 0 65px;
  text-align: center;
}

.jissi-gaiyo03{
	position: relative;
  padding: 0 65px;
  text-align: center;
}

.jissi-gaiyo04{
	position: relative;
  padding: 0 65px;
  text-align: center;
}

.jissi-gaiyo05{
	position: relative;
  padding: 0 65px;
  text-align: center;
}

.jissi-gaiyo06{
	position: relative;
  padding: 0 65px;
  text-align: center;
}

.jissi-gaiyo01:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #4D9458;
}
.jissi-gaiyo01 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.jissi-gaiyo02:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #4F9099;
}
.jissi-gaiyo02 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.jissi-gaiyo03:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #BE6F3D;
}
.jissi-gaiyo03 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.jissi-gaiyo04:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #604F98;
}
.jissi-gaiyo04 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.jissi-gaiyo05:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #4F6898;
}
.jissi-gaiyo05 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.jissi-gaiyo06:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #984F4F;
}
.jissi-gaiyo06 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.btn-gaiyou{
	background-color: #F7BD21;
    color: #000000;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
	border-width: 0!important;
	cursor: pointer;
}

/*.btn-gaiyou:link{
	background-color: #F7BD21;
    color: #000000;
}*/

/*.btn-gaiyou:checked{
	background-color: #F7BD21;
    color: #000000;
}*/


.btn-gaiyou:hover{
	background-color: #FAD677;
	color: #000000;
	text-decoration: none;
}

/*.btn-gaiyou:active {
	background-color: #FAD677;
	color: #000000;
	text-decoration: none;
}*/

@media screen and (max-width: 767px){
	.btn-gaiyou:hover{
	background-color: #F7BD21;
}

}


.btn-bosyu01{
	    background-color: #4F985B;
    color: white;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
}

.btn-bosyu02{
	    background-color: #4F9099;
    color: white;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
}

.btn-bosyu03{
	    background-color: #BE6F3D;
    color: white;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
}

.btn-bosyu04{
	    background-color: #604F98;
    color: white;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
}

.btn-bosyu05{
	    background-color: #4F6898;
    color: white;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
}

.btn-bosyu06{
	    background-color: #984F4F;
    color: white;
    border-radius: 30px;
    padding-left: 20%;
	padding-right: 20%;
}


.btn-bosyu01:hover{
	background-color: #35663D;
	color: white;
	text-decoration: none;
}

.btn-bosyu02:hover{
	background-color: #3E7178;
	color: white;
	text-decoration: none;
}

.btn-bosyu03:hover{
	background-color: #884F2B;
	color: white;
	text-decoration: none;
}

.btn-bosyu04:hover{
	background-color: #3E3363;
	color: white;
	text-decoration: none;
}

.btn-bosyu05:hover{
	background-color: #3A4D71;
	color: white;
	text-decoration: none;
}

.btn-bosyu06:hover{
	background-color: #713A3A;
	color: white;
	text-decoration: none;
}

.fs-12{
	font-size: 12px;
}


.fs-14{
	font-size: 14px;
}

.fs-16{
	font-size: 16px;
}

.fs-18{
	font-size: 18px;
}

.fs-20{
	font-size: 20px;
}

.fs-22{
	font-size: 22px;
}

.fs-24{
	font-size: 24px;
}

.fs-26{
	font-size: 26px;
}

.fs-28{
	font-size: 28px;
}

.fs-30{
	font-size: 30px;
}

.modal {
    padding-right: 0px !important;
}

.modal-open {
    padding-right: 0px !important;
}

#modal01 .close{
	color: #000000;
	background: #F7BD21;
	opacity: 1;
	padding: 5px;
}

#modal02 .close{
	color: #000000;
	background: #F7BD21;
	opacity: 1;
	padding: 5px;
}

#modal03 .close{
	color: #000000;
	background: #F7BD21;
	opacity: 1;
	padding: 5px;
}

#modal04 .close{
	color: #000000;
	background: #F7BD21;
	opacity: 1;
	padding: 5px;
}

#modal05 .close{
	color: #000000;
	background: #F7BD21;
	opacity: 1;
	padding: 5px;
}

.sankasya_box01{
	border: #4F985B solid 30px;
}

.sankasya_box02{
	border: #4F9099 solid 30px;
}

.sankasya_box03{
	border: #BE6F3D solid 30px;
}

.sankasya_box04{
	border: #604F98 solid 30px;
}

.sankasya_box05{
	border: #4F6898 solid 30px;
}

@media screen and (max-width: 767px){
	.sankasya_box01{
	border: #4F985B solid 15px;
	}
	
	.sankasya_box02{
	border: #4F9099 solid 15px;
	}
	
	.sankasya_box03{
	border: #BE6F3D solid 15px;
	}
	
	.sankasya_box04{
	border: #604F98 solid 15px;
	}
	
	.sankasya_box05{
	border: #4F6898 solid 15px;
	}
}

.sankasya_title{
	color: #4D9458;
}

.sankasya_title02{
	color: #4F9099;
}

.sankasya_title03{
	color: #BE6F3D;
}

.sankasya_title04{
	color: #604F98;
}

.sankasya_title05{
	color: #4F6898;
}

.sankasya_title06{
	color: #984F4F;
}

.sankasya_border01{
	border-bottom: solid 1px #4D9458;
}

.sankasya_border02{
	border-bottom: solid 1px #4F9099;
}

.sankasya_border03{
	border-bottom: solid 1px #BE6F3D;
}

.sankasya_border04{
	border-bottom: solid 1px #604F98;
}

.sankasya_border05{
	border-bottom: solid 1px #4F6898;
}

.sankasya_border06{
	border-bottom: solid 1px #984F4F;
}


.sankasya_border{
	border: solid 1px #707070;
	padding-top: 5px;
	padding-bottom: 5px;
}


@media screen and (min-width: 767px){
	.modal-dialog{
		width: 700px;
	}
}

.modal-header{
	border-bottom-width: 0px;
}

.sankasya_pa{
	padding-left: 15px;
	padding-right: 15px;
}

/*遠隔トグル*/

.toggle {
display: none;
}
.option {
position: relative;
height: 0px;
/*margin-bottom: 1em;*/
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
margin-top: -23px;
}
/*.title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
}*/
/*.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}*/
.content {
max-height: 0;
overflow: hidden;
position: absolute;
z-index: 99;
width: 100%;
}
/*.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}*/
.toggle:checked + .title + .content {
max-height: 1800px;
transition: all 1.5s;
}
/*.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}*/

/*遠隔トグルowari*/

.syousai_bg{
	background: #FFFFFF;
	box-shadow: 1px 1px 2px gray;
}

.bg_grey{
	background: #F7F7F7;
}

.mt-1{
	margin-top: 15px;
}

.pt30{
	padding-top: 30px;
}

.pb30{
	padding-bottom: 30px;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.btn-tojiru{
	background: #F7BD21;
	padding: 10px;
}

.btn-tojiru:hover{
	background: #FBDE91;
}

.pt15{
	padding-top: 15px;
}

.pb15{
	padding-bottom: 15px;
}

.bg-grey{
	background: #DDDDDD;
}

@media screen and (min-width:991px) {
.pl-0{
	padding-left: 0;
}

.pr-0{
	padding-right: 0;
	}
}

@media screen and (max-width:990px) {
.pl-0{
	padding-left: 0;
	padding-right: 0;
}

.pr-0{
	padding-right: 0;
	padding-left: 0;
	}
}

.mt-05{
	margin-top: 5px;
}

.rec_table th,.rec_table td{
	border: none;
}

.rec_table th{
	background-color: white;
	text-align: left;
}

.rec_td_s_h{
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
}

.rec_td_l_h{
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	/*border-bottom: #E2E2EB solid 1px;*/
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 0;
}

.rec_td_l_h_01{
	color: #4F985B;
}

.rec_td_l_h_01:before {
  position: relative;
  top: 5px;
 /* margin: 0 10px 0 0;*/
  content: url("../images/intern_top/rec_l_h_01.png");
}

.rec_td_l_h_02{
	color: #49A1B5;
}

.rec_td_l_h_02:before {
  position: relative;
  top: 5px;
 /* margin: 0 10px 0 0;*/
  content: url("../images/intern_top/rec_l_h_02.png");
}

.rec_td_l_h_03{
	color: #BE6F3D;
}

.rec_td_l_h_03:before {
  position: relative;
  top: 5px;
 /* margin: 0 10px 0 0;*/
  content: url("../images/intern_top/rec_l_h_03.png");
}


.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.inner-box {
    
    height: 100%;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	/*box-shadow: 1px 1px 2px #E2E2EB;*/
}

.inner-color01{
	border: solid #4F985B 7px;
}

.inner-color02{
	border: solid #49A1B5 7px;
}

.inner-color03{
	border: solid #BE6F3D 7px;
}

.rec_01_title{
	background-color: #4F985B;
	color: white;
	padding: 10px;
}

.rec_02_title{
	background-color: #49A1B5;
	color: white;
	padding: 10px;
}

.rec_03_title{
	background-color: #BE6F3D;
	color: white;
	padding: 10px;
}

.rec_tr_01{
	color: #4F985B;
}

.rec_tr_02{
	color: #49A1B5;
}

.rec_tr_03{
	color: #BE6F3D;
}