@charset "utf-8";
/* CSS Document */

h1 { padding-top: 5px;
margin-left: 10px;
float: left;}

h2{
	width: 100%;
	color: #FFFFFF;
	/* [disabled]background-color: #197f87; */
	padding: 8px;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-size: 1.3em;
	background: linear-gradient(180deg, #009139 0%, #009139 50%, #008136 50%, #008136 100%);
	text-shadow: 1px 1px black;
}

h3{width: 100%; padding: 5px;box-sizing: border-box;margin-bottom: 15px;border-left: 5px solid #068938;border-bottom: 2px solid #068938;margin-top: 1em;font-size: 1.1em;}

h4{width: 100%; padding: 3px 5px;box-sizing: border-box;margin-bottom: 15px;border-left: 1px solid #008136;border-bottom: 1px solid #008136;margin-top: 1em;font-size: 1em; margin-left:5px;}


.otoiawase{margin-top: 10px; float: right;}
.otoiawase a{
    color: #000000;
    font-size: 90%;
    border: 1px solid #a5a5a5;
    padding: 2px 5px;
    text-decoration: none;
    background-color: #fff;
    margin-left: 5px;
} 
.otoiawase a:hover{color: #ffffff;background-color: #1b9630;} 

.top_block_area{width: 1000px; margin: 20px auto;text-align: center;}
.top_block_area img:hover{opacity: 0.7;}
/*
.top_block{
    float: left;
    border: 1px solid #ccc;
    background-color: #5D9786;
    width: 333px;
    height: 222px;
    box-sizing: border-box;
}

.top_block img{
    width: 100%;
}
*/

.top_block_img{
    float: left;
	margin: 0 auto;
	width:250px;
}

footer{
	/* [disabled]background-color: #1B6B67; */
	background: repeating-linear-gradient(-45deg, #1b9630 0px, #1b9630 3px, #23ac39 3px, #23ac39 10px);
}
.o_link{text-align: center;width: 100%;background-color: #1b9630; padding: 10px 0px;font-size: 0.8em;color: white;}
.o_link a{color: white; text-decoration: none;}
.o_link a:hover{text-decoration:underline;}
.footerbox{margin: 20px auto 0px; color: #FFFFFF;line-height: 1.4em;font-size: 0.8em;text-align: center;padding-bottom: 20px; font-weight:bold;}

.contents_wrapper{
    margin-top: 0px;
    height: 100%;
    margin-bottom: 0px;
	display: flex
}
.sidenav{
    /*float: left;*/
    width: 230px;
    /* [disabled]background-color: #e1f0f3; */
    padding: 10px;
    box-sizing: border-box;
	position: sticky;
	position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
	top:10px;
	height: 100%;
    /* [disabled]min-height: 480px; */
}
.navtitle{
    width: 100%;
    background-color: #f7ee13;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
    font-weight: bold;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
	font-size: 1.1em;
}
.sidenav a{color: #000000;text-decoration: none;display: block;padding: 15px 10px;}
.sidenav a:hover{background-color: #1b9630;color: #FFFFFF;}
.sidenav ul li{font-size: 0.95em;border-bottom: 1px dotted #a5a5a5 }
.sidenav ul li:first-child{border-top: 1px solid #a5a5a5}
.sidenav ul li:last-child{border-bottom: 1px solid #a5a5a5}
.subnav li{margin-left: 15px;font-size: 0.9em!important;margin-bottom: 0!important;}
.subnav li:first-child{border-top: 1px dotted #a5a5a5!important}
.subnav li:last-child{border-bottom: none!important}

.contents{
    /* [disabled]float: right; */
    width: 770px;
    padding: 10px 10px 10px 30px;
    box-sizing: border-box;
	border-left: 1px solid #a5a5a5;
	min-height: 650px;
}
.pankuzu{font-size: 0.8em;margin-bottom: 9px;}
.pankuzu a{color: #000000;text-decoration: underline;}
.pankuzu a:hover{color: #068938;}

.contents p{font-size: 0.95em;margin: 10px;line-height: 1.5em;}
.contents p a{color: #000000;}
.contents p a:hover{color: #FFF;background-color:#068938; }

.contents ul{font-size: 0.95em;margin: 10px;line-height: 1.5em;}
.contents ul a{color: #000000;}
.contents ul a:hover{color: #FFF;background-color:#068938; }

.list_disc {list-style-type: disc;list-style-position: inside;}
.list_disc li{margin-left: 1.4em;text-indent: -1.4em;}

.jirei_list li{margin-left: 6em;text-indent: -6em;margin-bottom: 20px;line-height: 1.5em;}
.jirei_list span{color: #068938;}
.jirei_border {border-bottom: 1px dotted #a5a5a5;margin-left: 0!important;}
.jirei_Q{
	font-weight: bold;
	margin-top: 2em!important;
	margin-bottom: 1em!important;
	color: #008136;
}

.jirei_A{
	margin-bottom: 1em;
}


.shiken-box {
	border: 1px dotted #808080;
	padding: 20px;
}

.name{line-height:2em;}

.box01 {
	
	width: 100%;
}

.box01 .left {
	float: left;
	margin-right: 15px;
	min-height: 100px;
	width: 15%;
}
.box01 .right {
	width: 75%;
}

.box02 {
	
	width: 100%;
}

.box02 .left {
	float: left;
	margin-right: 30px;
	width: 15%;
}
.box02 .left35 {
	float: left;
	margin-right: 30px;
	width: 35%;
}
.box02 .right {
	float: right;
}
.green {
	color: #008136;
}

.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}

.yoko_box{display: flex;align-items: flex-start;}
.osusume img{width: 240px;}

.c_box{width: 90%;background-color: #f7f7f7;margin: 0 auto;border: 1px solid #808080;padding: 10px;box-sizing: border-box;}

.table_wrapper{width: 95%;margin: 0 auto;}
.table_wrapper_n{width: 95%;margin: 0 auto;}

table {
  border-collapse:collapse;
  border-spacing:0;
  margin: 0 auto;
  }

table, th, tr, td {
  border: solid 1px #a5a5a5;
  font-size: 0.95em;
  padding:10px;
  line-height: 1.5em;
  vertical-align:middle;
  }
th{background-color: #1b9630;color: #fff;text-align: center;}

table a{color: #000000;}
table a:hover{color: #FFF;background-color:#068938; }

.flow_01{
	display: flex;
	margin: 0 auto;
	/* [disabled]padding:40px 0; */
}
.flow_01 div{ margin-right: 2px;}
.flow_01 a{
	-webkit-border-radius: 10px;/* for Safari and Chrome */
	-moz-border-radius: 10px; /* for Firefox */
	-o-border-radius: 10px; /* for opera */
	behavior: url('PIE.htc');/* for IE */
	background-color: #0462b3;
	padding: 30px 3px;
	font-size: 0.85em;
	border-radius: 10px;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	border: 1px solid #a5a5a5;
	box-sizing: border-box;
}
.flow_01 a:hover{ background-color: #d0e9ff; color:#0462b3;}
.yaji_01{width: 20px;height: 20px;margin: 25px 0 0 2px;}

.flow_02{display:flex; margin:0 auto; padding:10px 0}
.flow_02 div{ margin-right: 2px;}
.flow_02 a{
	background-color: #ff7d0d;
	padding: 30px 14px;
	font-size: 0.85em;
	border-radius: 10px;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	border: 1px solid #a5a5a5;
	box-sizing: border-box;
}
.flow_02 a:hover{ background-color: #fff5b2; color:#bfa800;}
.yaji_02{width: 20px;height: 20px;margin:0 0 0 2px; vertical-align:middle;}

.flow_03{display:flex; margin:0 auto; padding:10px 0}
.flow_03 div{ margin-right: 2px;}
.flow_03 a{ background-color: #0097af; padding:30px 14px; font-size:0.85em; border-radius:10px; text-decoration:none; color:#FFF; display:inline-block; border:1px solid #a5a5a5; box-sizing:border-box;}
.flow_03 a:hover{ background-color: #86e0ef; color:#01005a;}
.yaji_03{width: 20px;height: 20px;margin:0 0 0 2px; vertical-align:middle; margin-left:1em;}

.button{ }
.button a{ color:#FFF; background-color:#17733a;padding: 5px 10px; margin-left:0.8em;}
.button a:hover{ background-color:#068938}

.kigyou_wrap01{width:100%; margin-bottom:1em;}
.kigyou_wrap01_s{width:99%; margin-bottom:1em;}
.kigyou_wrap02{width:49%;float:left;}
.kigyou_wrap02r{width:49%;float:right;}
.kigyou_t01{width:98%; background-color:#068938; color:#FFF; font-weight:bold; padding:4px;}
.kigyou_t01_s{width:99%; background-color:#068938; color:#FFF; font-weight:bold; padding:4px;}
.kigyou_t02{width:98%; background-color:#d8e698; font-weight:bold; padding:2px;}
.kigyou_name li{margin-right:1em;}
.news_wrap{width:100%; border:1px solid #a5a5a5;}
.news{border-bottom:1px dotted #a5a5a5;}
.date{ font-sizet:0.9em; font-weight:bold}
.new{ font-weight:0.9em; background-color:#F33; color:#FFF; margin-left:1em; padding:0px 3px;}
.info_box{width:95%; margin:0 auto;}
.info_box img{ float:left; width:300px; margin:20px;}
.info_box img:hover{opacity: 0.7;}
.title_m{background-color:#d2f7e0; font-weight:bold; margin:10px 0px!important; padding:5px;}
.title_m2{background-color:#d2f7e0; font-weight:bold; margin:10px 0px!important; padding:2px;}
.leaf p a{color: #000000;}
.leaf p a:hover{color: #FFF;background-color:#068938; }
.leaf img{vertical-align:middle;}
.tokuten{vertical-align:middle; margin-right:5px;}
.tokuten2{vertical-align:middle; margin-right:10px;}
.title_m_p{padding-top:6px;}
.title_m_p2{padding-top:2px;margin:2px 2px 2px 10px!important;}
.gaiyou_p{padding-top:35px;}
.gaiyou_gazou{margin:20px auto 20px 90px;}
.cap_faq_txt{font-size:0.8em;}
.balloon2-right {
	/* [disabled]position: relative; */
	display: block;
	margin: 1em auto;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	/* [disabled]border: solid 3px #1b9630; */
	box-sizing: border-box;
	text-align:center;
}
/*
.balloon2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.balloon2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #1b9630;
  z-index: 1;
}
*/
.balloon2-right p {
  margin: 0;
  padding: 0;
}

.balloon_t{color:#002911; font-size:1em!important;}
.shikaku_i_wrap{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	margin-top:1em!important;
	margin-bottom:1em!important;}
.shikaku_icon{width:150px;background-color:#0055ad;height: 3.3em;margin: auto 2px;color:#FFF;padding: 10px;font-size:0.9em; border-radius:10px;}
.plus{margin: 55px 10px;}
.tokuten_g a:hover{opacity:0.7;}
.stream{border:1px solid black;}
.secret_movie{margin:0 auto; width:410px;}
.secret_movie p{margin:0;}

.password{ margin-left:0.7em; border:1px solid #008136; padding:10px;}
.password p{font-size:0.9em; margin:0px;}
.password form{margin:0 auto; width:20em;}


@media screen and (max-width: 600px) {
  .top_block_area{
    width: 95%;
	margin: 10px auto;
}
/*	
  .top_block{
    width: 50%;
}
*/
  .top_block_img{
    width: 50%;
	height: auto;
}

  .footerbox{width: 100%;}
	
	
.sidenav{float: none;width: 100%;display: none;}
.contents{float: none;width: 100%;border-left: none;padding: 10px 10px 10px 10px;min-height: auto;}
.res_img{width:100%;margin: 0 auto;display: block;}
.res_img80{width:80%;margin: 0 auto;display: block;}
.res_img50{width:50%;margin: 0 auto;display: block;}
.plus{width:15%;margin: 5px auto;display: block;}
.res_img_auto{margin: 0 auto;display: block;}
.yoko_box{display:block;}
.osusume img{width: 95%;}
.table_wrapper{overflow-x: scroll;}
.table_wrapper_n table{width: 95%!important;}
	
.shiken-box {
	width: 95%;
	padding: 10px;
}

.flow_01{display:block; margin:0 auto; padding:0px 0px 20px 0px}
.flow_01 div{margin-right: 0px;text-align:center;}
.flow_01 a{ width:95%; display:block; margin:0 auto; padding:6px 0px; border-radius:5px; font-size:0.95em;}
.yaji_01{ transform: rotate(90deg);	margin:2px 0 2px 0;}

.flow_02{display:block; margin:0 auto; padding:0px 0px 20px 0px}
.flow_02 div{margin-right: 0px;text-align:center;}
.flow_02 a{ width:95%; display:block; margin:0 auto; padding:6px 0px; border-radius:5px; font-size:0.95em;}
.yaji_02{ transform: rotate(90deg);	margin:2px 0 2px 0;}
.flow_02 br{display:none;}

.flow_03{display:block; margin:0 auto; padding:0px 0px 20px 0px}
.flow_03 div{margin-right: 0px;text-align:center;}
.flow_03 a{ width:95%; display:block; margin:0 auto; padding:6px 0px; border-radius:5px; font-size:0.95em;}
.yaji_03{ transform: rotate(90deg);	margin:2px 0 2px 0;}
.flow_03 br{display:none;}

.info_box{width:100%; margin:0 auto;}
.info_box img{ float:left; width:50%; margin:0px;}
.title_m_p{padding-top:0px;}
.gaiyou_p{padding-top:5px;}
.gaiyou_gazou{margin:20px auto 20px 0px;}

.balloon2-right {
	/* [disabled]margin: 0em 15px 0em 0.6em; */
	min-width: 120px;
	max-width: 100%;
}
.balloon_t{color:red; font-size:0.95em!important; line-height:1.2em!important;}

.shikaku_icon{ line-height:1.2em; height:5em;}
.stream{width:100%;}
.secret_movie{width:90%;}

}

@media screen and (max-width: 430px) {
.kigyou_wrap01{margin-bottom:0;}
.kigyou_wrap01_s{margin-bottom:0;}
.kigyou_wrap02{width:100%;float:none;}
.kigyou_wrap02r{width:100%;float:none; margin-left:0em;}
.kigyou_t02{width:95%;}
.youtube iframe{width:100%;}

	}
	
@media screen and (max-width: 400px) {
.top_block_img{
    width: 95%;
	height: auto;
	float: none;
}
.info_box img{ float:none; width:90%; margin:0 auto;}

.shikaku_i_wrap{display: -webkit-block;
    display: block;}
.shikaku_icon{ margin:2px auto; width:90%; height:auto;}	
	}

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

/*--汎用 --*/
.floatL { float: left; }
.floatR { float: right; }
.floatL_rsp { float: left; }
.floatR_rsp { float: right; }
.textC {text-align: center;}
.textL {text-align: left;}
.textR {text-align: right;}
.boxCenter {
	display: block;
	margin: 0 auto;
}
.boxleft {
	display: block;
	margin: 0 auto 0px 0px;
}

.boxright {
	display: block;
	margin: 0 0px 0px auto;
}

.inboxCenter {
	display: inline-block;
	margin: 0 auto;
}
.bold{font-weight:bold;}
.red{ color:red;}
.under{text-decoration: underline;}

.fs1{font-size: 1em!important;}
.fs12{font-size: 1.1em!important;}
.fs13{font-size: 1.2em!important;}
.fs14{font-size: 1.3em!important;}
.fs15{font-size: 1.4em!important;}

.soroe1{text-indent: -1em;padding-left: 1em;}
.soroe2{text-indent: -2em;padding-left: 2em;}
.soroe3{text-indent: -3em;padding-left: 3em;}
.soroe4{text-indent: -4em;padding-left: 4em;}
.soroe5{text-indent: -5em;padding-left: 5em;}
.soroe6{text-indent: -6em;padding-left: 6em;}
.soroe7{text-indent: -7em;padding-left: 7em;}
.soroe8{text-indent: -8em;padding-left: 8em;}
.soroe9{text-indent: -9em;padding-left: 9em;}
.soroe10{text-indent: -10em;padding-left: 10em;}

.hr_dot{
	border:none;
	border-top:dashed 1px #ccc;
	height:1px;
	color:#FFFFFF;
	margin-top: 50px;
        }

/*--clearfix --*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */


/*--margin --*/

.auto {
	margin: 0 auto;
}

.mt0 {
	margin-top: 0!important;
}

.mt5 {
	margin-top: 5px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt25 {
	margin-top: 25px!important;
}

.mt30 {
	margin-top: 30px!important;
}

.mt35 {
	margin-top: 35px!important;
}

.mt40 {
	margin-top: 40px!important;
}

.mt45 {
	margin-top: 45px!important;
}

.mt50 {
	margin-top: 50px!important;
}

.mt60 {
	margin-top: 60px!important;
}

.mt65 {
	margin-top: 65px!important;
}

.mt70 {
	margin-top: 70px!important;
}

.mt75 {
	margin-top: 75px!important;
}

.mt80 {
	margin-top: 80px!important;
}

.mt85 {
	margin-top: 85px!important;
}

.mb0 {
	margin-bottom: 0!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb15 {
	margin-bottom: 15px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.mb25 {
	margin-bottom: 25px!important;
}

.mb30 {
	margin-bottom: 30px!important;
}

.mb35 {
	margin-bottom: 35px!important;
}

.mb40 {
	margin-bottom: 40px!important;
}

.mb45 {
	margin-bottom: 45px!important;
}

.mb50 {
	margin-bottom: 50px!important;
}

.mr0 {
	margin-right: 0!important;
}

.mr5 {
	margin-right: 5px!important;
}

.mr10 {
	margin-right: 10px!important;
}

.mr15 {
	margin-right: 15px!important;
}

.mr20 {
	margin-right: 20px!important;
}

.mr25 {
	margin-right: 25px!important;
}

.mr30 {
	margin-right: 30px!important;
}

.mr35 {
	margin-right: 35px!important;
}

.mr40 {
	margin-right: 40px!important;
}

.mr45 {
	margin-right: 45px!important;
}

.mr50 {
	margin-right: 50px!important;
}

.ml0 {
	margin-left: 0!important;
}

.ml5 {
	margin-left: 5px!important;
}

.ml10 {
	margin-left: 10px!important;
}

.ml15 {
	margin-left: 15px!important;
}

.ml20 {
	margin-left: 20px!important;
}

.ml25 {
	margin-left: 25px!important;
}

.ml30 {
	margin-left: 30px!important;
}

.ml35 {
	margin-left: 35px!important;
}

.ml40 {
	margin-left: 40px!important;
}

.ml45 {
	margin-left: 45px!important;
}

.ml50 {
	margin-left: 50px!important;
}

.ml55 {
	margin-left: 55px!important;
}

.ml60 {
	margin-left: 60px!important;
}

.ml65 {
	margin-left: 65px!important;
}

.ml70 {
	margin-left: 70px!important;
}

.ml75 {
	margin-left: 75px!important;
}

.ml80 {
	margin-left: 80px!important;
}

.ml85 {
	margin-left: 85px!important;
}

.ml90 {
	margin-left: 90px!important;
}


.ml95 {
	margin-left: 95px!important;
}

.ml100 {
	margin-left: 100px!important;
}

.pt5{padding-top:5px!important;
}
.pt10{padding-top:10px!important;
}
.pt15{padding-top:15px!important;
}