/************ Common ************/

body {
    margin: 0;
    background: #f8f2ea;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

}

p,span,a,div {
	font-size: 14px;
	line-height: 1.8em;
}

p,span,h2,div {
	letter-spacing: .1em;
}

a {
	text-decoration: none;
	transition: 0.3s;
}

a:hover {
	opacity: 0.6;
}

img {
 max-width: 100%;
}

header {
	display: none;
}

.Wrap {
	width: 100%;
	overflow: hidden;
}

.mincho {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.marugo {
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	letter-spacing: 0.2em;
	font-size: 1em!important;
}

.clearfix {
	content: "";
	clear: both;
	display: block;
}

.Wid900 {
	max-width: 900px;
	margin: 0 auto;
}

.Wid680 {
	max-width: 680px;
	margin: 0 auto;
}

.Green {
	background: #00893d;
	color: #fff;
}


@media screen and (min-width:481px) {
	.pcnone {
		display: none;
	}
}


@media screen and (max-width:480px) {
	.spnone {
		display: none;
	}
}

/************ FuwatAnime ************/

.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); }
}

/************ Headline ************/

.H2 {
	font-size: 19px;
	font-weight: normal;
}

.H2:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 27px;
    background-image: url(../img/top/bag_icon.png);
    background-size: contain;
    vertical-align: middle;
    margin: 0px 10px 7px 0;
}

.H3 {
	color: #00893d;
	border-left: 5px solid;
    padding: 11px;
    font-weight: normal;
    font-size: 19px;
}

.H3__sub {
	
}

/************ Header ************/

.Top-bar {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

.Title {
	font-size: 12px;
	padding: 3px 0;
}

.Header__wrapper {
	max-width: 900px;
    margin: 22px auto 25px;
    display: flex;
    justify-content: space-between;
}

.Header__right {
    width: 310px;
}

.Header__left {
	width: 477px;
}

.Header__right--head {
	text-align: center;
	padding: 2px 0;
	font-size: 12px;
	margin-bottom: 5px;
}

.Header__right--body {
    font-weight: bold;
}

.Header__right--body:before {
    background-image: url(../img//top/tel_icon.png);
    width: 62px;
    height: 50px;
    margin: 3px 10px 0 0;
    content: " ";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
}

.Header__right--body span {
    font-size: 14px;
    display: block;
    width: 238px;
    float: left;
}

@media screen and (max-width:940px) {
	.Top-bar {

	}
}

@media screen and (min-width:768px) and ( max-width:802px){
	.Header__right--body span {
		font-size: 13px;
		width: 219px;
	}
}

@media screen and (max-width:480px) {
	.Header__left {
    	width: 340px;
	}
}

@media screen and (max-width:768px) {
	header {
		text-align: center;
	}
	.Header__wrapper {
		display: inline-block;
	}
	.Header__right {
		display: none;
	}
}

/************ Main Content ************/


.Main-content {
	margin-top: 30px;
}

.Heroimg__wrap {
    background-color: #e4d7c6;
    margin-bottom: 30px;
}

.Heroimg {
    max-width: 1100px;
    margin: 0 auto;
}

.Heroimg img {
	margin-bottom: -8px;
}

.header_sp_2 {
	box-shadow: 1px 6px 13px 3px #f3e0c9;
}

.KV-line {
    background-image: url(../img/under/KV_line.png);
    background-repeat: repeat;
    background-size: 15%;
    height: 10px;
}

.Under-topimg {
 	text-align: center;
    background-repeat: no-repeat;
    height: 170px;
    margin-bottom: 40px;
    position: relative;
    background-position: 0 -186px;
    background-size: 100%;
}

.Page-title {
	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translateY(-50%) translateX(-50%);
  	transform: translateY(-50%) translateX(-50%);
  	font-size: 17px;
    padding: 5px 20px;
    background: #00893d;
    color: #fff;
    font-weight: bold;
}

.Page-title p {
    background: #00893d;
    color: #fff;
    font-size: 23px;
    padding: 10px 20px;
}

.Kennan-img {
   background-image: url(../img/under/kennan_bg.jpg);
}

.Yokote-img {
	background-image: url(../img/under/yokote_bg.jpg);
}

.Shien-img {
	background-image: url(../img/under/kikan_bg.jpg);
	background-position: 0 -111px;
}

.Zigyo-img {
	background-image: url(../img/under/company_bg.jpg);
}

@media screen and (min-width:667px) {
	.Under666 {
		display: none;
	}	
}

@media screen and (max-width:666px) {
	.Up667 {
		display: none;
	}
	.Under666 {
		width: 200px;
	}
}

@media screen and (min-width:633px) {
	.Under632 {
		display: none;
	}
}

@media screen and (max-width:632px) {
	.Up633 {
		display: none;
	}
	.Under632 {
		width: 200px;
	}
}


@media screen and (max-width:550px) {
	.Under-topimg {
		background-position: 0;
	}
}

@media screen and (max-width:480px) {
	.Heroimg {
		margin-bottom: 40px;
	}
}

/************ Cbox ************/

.Cbox {
    background: #fff;
    margin-bottom: 40px;
}

.Cbox__head {
    letter-spacing: .1em;
    padding: 15px 0;
}

.Cbox__body {
    padding: 30px 0 40px;
}

.Cbox__parallel {
	overflow: hidden;
}

.Cbox__parallel p {
	margin: 5px 0 0 20px;
}

.Cbox__parallel--1 {
	float: left;
	width: 160px;
}

.Cbox__parallel--1 img {
	width: 100%;
}

.Cbox__parallel--2 {
    float: left;
    width: 75%;
}

.Cbox__parallel--left {
	float: left;
	width: 172px;
}

.Cbox__parallel--right {
    float: left;
    width: 74%;
}

.Cbox__img {
	margin: 10px 0 20px;
}

.Cbox__body--small {
    margin-bottom: 30px;
}

.Cbox__body--small:last-child {
	margin-bottom: 20px;
}

.training {
    border-radius: 10px;
    padding: 20px 35px;
    background: #fbfafa;
}

.step {
    width: 80px;
    text-align: center;
    padding: 3px 5px 7px;
	background: #79d66f;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
}

.mup-blue {
	color: #29bed0;
	text-decoration: underline;
	font-weight: bold;
}

.Table3__wrap tr:hover .step {
	background: #66ea85;
	transition: 0.2s;
	font-size: 11.5px;
}

@media screen and (max-width:768px) {
	.Cbox {
    	border: 20px solid #fff;
	}
	.Cbox__head {
    	padding: 15px;
	}
}

@media screen and (min-width:610px) and ( max-width:768px) {
	.Cbox__parallel--right,.Cbox__parallel--2  {
    	width: 69%;
	}
}

@media screen and (min-width:481px) and ( max-width:609px) {
	.Cbox__parallel--right,.Cbox__parallel--2 {
    	width: 59%;
	}	
}

@media screen and (max-width:480px) {
	.Cbox__parallel--left,.Cbox__parallel--1 {
    	float: none;
    	width: 240px;
    	margin: auto;
	}
	.Cbox__parallel--right,.Cbox__parallel--2 {
    	float: none;
   	 width: 100%;
	}
	.Cbox__parallel p {
	 	margin: 5px 0 0 0;
	}

}

/************ Plug ************/

.Plug__head {
    background-color: #81c369;
    margin-bottom: 20px;
    padding: 15px 15px 10px 20px;
}

.Plug__halfbox {
	margin-bottom: 20px;
}

.Plug__foot {
    border: 1px solid #c54f06;
}

.Plug__foot--title {
    background-color: #c54f06;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
}

.Plugbtn {
	margin: 0 auto 10px;
    width: 90%;
}

.Plugbtn p {
	width: 70%;
    margin: 10px auto 15px;
    text-align: center;
}

.cf:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width:640px) {

	.Plug__wrap {
		padding: 30px 0;
	}

	.Plug__head {
	    margin-bottom: 40px;
	    padding: 15px 15% 15px;
	}

	.Plug__body {
		margin: 0 auto;
		max-width: 740px;
	}

	.Plug__halfbox {
	    margin: 0 2% 40px;
    	width: 45%;
    	float: left;
	}

	.Plugbtn {
		margin: 0 2% 30px;
		width: 45%;
		float: left;
	}

	.Plug__foot {
	    margin: 0 40px 20px;
	}

	.Plug__foot--wrap {
		max-width: 740px;
		margin: 0 auto;
	}
}

/************ Menu ************/

.Menu {
	margin-bottom: 60px;
}

.Menu__head {
    text-align: center;
    color: #fff;
    background: #c54f06;
    padding: 2px 0;
}

.Menu__body {
    display: flex;
    border: 5px solid #c54f06;
    padding: 40px 0 60px;
    background: #fff;
}

.Menu__body--double {
    display: flex;
}

.Menu__item {
    width: 182px;
    padding: 0 15px;
}

.Menu__item.first-child {
	margin-left: 21px;
}

.Menu__item.third {
    margin-left: 0;
}

.Menu__item.last-child {
	margin-right: 21px;
}

.Menu__item--head {
    height: 56px;
    display: table;
}

.MenuH4 {
    color: #c54f06;
    display: table-cell;
    vertical-align: middle;
}

.Menu__item--body {
    margin-top: 20px;
}

.Menu__item--body img {
    border: 1px solid #e5e4e4;
    padding: 8px 8px 8px 8px;
    box-shadow: 0 0 8px #c6c4c4;
    border-radius: 7px;	
    box-sizing: border-box;
}

.Menu__item--head:hover,.Menu__item--body:hover {
	opacity: .7;
}

.Menu__item--foot {
    background: #00346d;
    color: #FFF;
    text-align: center;
    padding: 11px 0;
    margin-top: 20px;
    font-size: 13px;
    border-bottom: 3px solid #00142a;
}

.Menu__item--foot span {
	font-size: 12px;
	padding-left: 3px;
}

.Menu__item--foot:hover {
	border-bottom: none;
	margin-top: 23px;
}

@media screen and (min-width:820px) and ( max-width:870px) {
	.Menu__item.first-child {
		margin-left: 0;
	}
	..Menu__item.last-child {
		margin-right: 0;
	}
	.Menu__item {
		padding: 0 11px;
	}
}

@media screen and (min-width:769px) and ( max-width:819px) {
	.Menu__item.first-child {
		margin-left: 0;
	}
	..Menu__item.last-child {
		margin-right: 0;
	}
	.Menu__item {
		padding: 0 3px;
	}
}

@media screen and (min-width:481px) and ( max-width:768px) {
	.Menu__body {
    	flex-direction: column;
	}
	.Menu__body--double {
    	display: flex;
	}
	.Menu__body--double.second {
    	margin-top: 40px;
	}
	.Menu__item {
	    width: 45%;
	}
	.Menu__item--body {
		margin-top: 10px;
	}
	.Menu__item.second {
    	margin-right: 21px;
	}
	.Menu__item.third {
    	margin-left: 21px;
	}
}

@media screen and (max-width:480px) {
	.Menu__body--double {
		flex-direction: column;
    	padding: 0 40px;
	}
	.Menu__body {
    	flex-direction: column;
    	padding: 10px 0 40px;
	}	
	.Menu__item {
    	width: 100%;
    	padding: 20px 0;
	}
	.Menu__item.first-child {
		margin-left: 0;
	}
	.Menu__item--head {
    	width: 100%;
    	text-align: center;
	}
	.Menu__item--body {
		max-width: 100%;
		margin-top: 0;
		text-align: center;
	}
}


/************ Footer ************/

.Footer__wrapper {
    background: #e8e2da;
    position: relative;
}

.Footer__wrapper--inner {
	display: flex;
	padding: 50px 0 80px;
}

.Footer__left {
    margin-right: 75px;
}

.Footer__item {
    margin-bottom: 30px;
}

.Footer__Sbox {
	margin-left: 20px;
}

.Footer__Sbox p, .Footer__Sbox a {
	font-size: 14px;
}

.FooterH3 {
	font-size: 19px;
    margin: 0 0 15px;
}

.Footer__Sbox a:hover {
	opacity: .7;
}

.Footer__item a {
	display: block;
	color: #8a580e;
	text-decoration: underline;
}

.Footer-img {
    float: right;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 410px;
}

.Copyright {
	background: #ccc6c0;
	text-align: center;
	font-size: 10px;
	padding: 10px;
}

@media screen and (max-width:768px) {
	.Footer__wrapper--inner {
		flex-direction: column;
		padding: 50px 20px 80px;
	}
	.Footer__left {
		margin-right: 0;
	}
	.FooterH3 {
		font-size: 16px;
	}
}

@media screen and (max-width:600px) {
	.Footer__wrapper--inner {
		padding: 50px 20px 100px;
	}
	.Footer-img {
		width: 300px;
	}
}

@media screen and (max-width:480px) {
	.Footer__tel {
    display: flex;
}
}

/************ Under-Page ************/


.big-font {
	margin-bottom: 30px;
}

.big-font span {
	font-size: 19px;
    background: linear-gradient(rgba(255, 255, 255, 0) 40%, #fce8c7 60%);
}

.Table__wrapper {
    display: flex;
    width: 100%;
}

.Table__head {
    width: 10%;
    text-align: center;
    background: #f8f2ea;
    font-size: 20px;
    margin-right: 30px;
    padding-top: 15px;
    padding-left: 4px;
}

.Table__head.last-child {
	height: 170px;
}

.Table__body {
    width: 90%;
    margin-bottom: 30px;
}

.Table__body h3 {
	font-size: 22px;
    margin: 22px 0 15px;
    color: #00893d;
}

.Fgreen {
	color: #00893d;
    padding-right: 5px;
}

.Dot {
	padding-right: 5px;
}

.Table2 {
    background: #f8f2ea;
    margin: 20px 0 40px;
    font-size: 15px;
}

.Table2__wrapper {
    display: flex;
    width: 100%;
    border-bottom: 3px solid #fff;
}

.Table2__head {
    width: 20%;
    text-align: center;
    padding: 15px 0;
    border-right: 3px solid #fff;
    font-weight: bold;
    display: table;
}

.Table2__body {
    width: 80%;
    padding: 15px 0 15px 50px;
}

.Small__Halfbox__left {
    width: 27%;
    float: left;
    padding-top: 5px;
    padding-right: 15px;
}

@media screen and (max-width:480px) {
	.Small__Halfbox__left {
	width: 95%;
	margin-bottom: 10px;
	}
}	

.Green .Table3 table a { color: #00893d;  text-decoration: underline;}


.Table3 table { width: 90%; margin: 0 auto;	padding-top: 15px; }
.Table3 table a { color: #3ba3ea; text-decoration: underline;}
.Table3 th,.Table3 td  { padding: 10px 10px 0; }
.Table3 th  {
	font-size: 10px;
	color: #afafaf;
	letter-spacing: 1px;
	width: 14%;
	padding-right: 30px;
	float: left;
	background: no-repeat;
}

/*----------------------------------------------------
  .Table3
  ----------------------------------------------------*/

  .Table3 {
  	border-top: 2px dotted #e8e4e4;
  	margin-bottom: 30px;
  }

  .Table3__wrap th  { width: 18%; text-align: left; }

  .Table3__wrap { margin: 0 }
  .Table3__wrap th,
  .Table3__wrap td{
  	display: block;
  	border-top: none;
	height: 70px;
  	border-bottom: 2px dotted #e8e4e4;
  }

@media screen and (max-width:649px) {
	  .Table3__wrap th,
	  .Table3__wrap td{
  	padding-top: 15px;
  	padding-bottom: 15px;
  	height: auto!important;
	}
}

  .Table3__wrap td{
  	margin-bottom: 10px;
  	width: 69%;
  	float: left;
  }

@media screen and (max-width:649px) {
  .Table3__wrap td{
	width: 100%;
	padding-bottom: 20px;
  }

  .Table3__wrap th {
  	border-bottom: none;
  	padding-bottom: 5px;
  }
}


  .Contact-img {
  	max-width: 385px;
  	margin: 0 auto;
  }  

  .Contact-img a:hover {
  	opacity: 0.6;
  }

.Policy-box {
	margin: 30px 0;
}

.Policy-box:first-child {
	margin-top: 10px;
}

.Policy-box:last-child {
	margin-bottom: 60px;
}

.Ph4 {
	margin: 0;
}

.Policy-box p {
	margin: 0;
}

.Mbox {
    margin: 10px 0 25px;
}

.Mbox p a {
	text-decoration: underline;
	color: #00893d;
	padding-right: 5px;
}

@media screen and (min-width:570px) and ( max-width:768px) {
	.Table2__head {
		width: 25%;
	}
	.Table2__body {
		padding: 15px 0 15px 30px;
	}
}

@media screen and (min-width:481px) and ( max-width:569px) {
	.Table2__head {
		width: 30%;
	}
	.Table2__body {
		padding: 15px 0 15px 15px;
	}
}

@media screen and (max-width:534px) {
	.Table2__head.height2 {
		height: 50px;
		display: table;
	}
	.Table2__head--inner2 {
		display: table-cell;
		vertical-align: middle;
	}
}

@media screen and (max-width:517px) {
	.Table2__head.height1 {
		height: 50px;
		display: table;
	}
	.Table2__head--inner1 {
		display: table-cell;
		vertical-align: middle;
	}
}

@media screen and (max-width:500px) {
	.Table__head.last-child {
    	height: 230px;
	}
}

@media screen and (max-width:480px) {
	.Table2__head {
		width: 30%;
	}
	.Table2__body {
		padding: 15px;
	}
	.Policy-box:last-child {
		margin-bottom: 20px;
	}
}