/*********************************************************************
html
**********************************************************************/
body {
	/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"Meiryo", "メイリオ","ＭＳ Ｐ明朝","MS PMincho",serif;*/
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.7;
	color: #000;
	background-color: #E1ECFF;
	background-image: url(../img/body_bg.png); 
	background-repeat: repeat-x;
	background-position: 0px 0px;
	overflow-x: hidden;
}



body.page-jushin{
	background-color: #EFF4E3;
}

body.page-shindan{
	background-color: #FFFFDD;
}

body.page-kikan{
	background-color: #EAFFFD;
}


img {
    /*width:100%;*/
    max-width: 100%;
    height: auto;
}


a:link {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #0000ff;
	text-decoration: underline;
}
a:focus{
  border:none;
  outline:none;
  }
a img:hover {
    opacity: 0.8;
}

/*********************************************************************
layout
**********************************************************************/


#wrapper{
		overflow: hidden;
	}
	
	
/* header
*********************************************************/

#header{
	height: 110px;
}


.logomark a {
 background-image: url(../img/logomark.png); 
 background-repeat: no-repeat;
 background-position: 0px 0px;
 text-indent:120%;
 overflow:hidden;
 white-space:nowrap;
 width:376px;
 height:64px;
 display: block;
 margin-top: 23px;

}

.logomark-env{
	text-align: right;
}

.logomark-env a{
 background-image: url(../img/logomark_env.png); 
 background-repeat: no-repeat;
 background-position: 0px 0px;
 text-indent:300%;
 overflow:hidden;
 white-space:nowrap;
  display: block;
 width:145px;
 height:45px;
 float: right;
 margin-top: 30px;
 }

.page-home #logomark a{
	margin-top: 20px
}
	
	
#nav-global{
	background-position: 0px 0px;
	height: 44px;
	width: 1250px;

	}



#nav-global ul, #nav-global ul li{
	margin: 0;
	padding: 0;
	list-style-type:none;

}

#nav-global > ul{
}

#nav-global > ul > li {
	float: left;


}



#nav-global > ul li.nav-global-home > a,
#nav-global > ul li.nav-global-katei > a,
#nav-global > ul li.nav-global-jushin > a,
#nav-global > ul li.nav-global-shindan > a,
#nav-global > ul li.nav-global-shindan2 > a,
#nav-global > ul li.nav-global-kikan > a{
 background-image: url(../img/nav1.png); 
 background-repeat: no-repeat;
 background-position: top center;
 text-indent:120%;
 overflow:hidden;
 *text-indent: -9999px;
 white-space:nowrap;
 width:200px;
 height:44px;
 display: block;
 margin-left: 5px;
 position: relative;
 outline: none;
}

#nav-global > ul li.nav-global-home > a{
 width:120px;
 }

#nav-global > ul li.nav-global-katei > a{
 background-image: url(../img/nav2.png); 
 background-position: top center;
 }

#nav-global > ul li.nav-global-jushin > a{
 background-image: url(../img/nav3.png); 
 background-position: top center;
 }

#nav-global > ul li.nav-global-shindan > a{
 background-image: url(../img/nav4.png); 
 background-position: top center;
 width:250px;
 }

#nav-global > ul li.nav-global-shindan2 > a{
 background-image: url(../img/nav4new.png); 
 background-position: top center;
 width:250px;
 }

#nav-global > ul li.nav-global-kikan > a{
 background-image: url(../img/nav5.png); 
 background-position: top center;
  width:250px;
 }


#nav-global > ul li a:hover{
	/*border-bottom: solid 7px #89edfc;*/
}


/* nav-global hover jquery hover*/







#nav-global > ul li li{
	float:none;
	margin: 0.5em 0;
 }

#nav-global > ul li li a,
#nav-global > ul li li a:hover{
 border:0;
 }
 
 
.dropdown-menu{
  	margin-left: -10px !important;
}

.nav-global-kikan .dropdown-menu{
  	margin-left: -100px !important;
}
    
 .dropdown-menu a{
	 border: 0 !important;
 }
 
  .nav-global-katei  .dropdown-menu{
	 border: solid 5px #006CD8;
 }
 
 .nav-global-jushin  .dropdown-menu{
	 border: solid 5px #2D8E48;
 }
 
  .nav-global-shindan  .dropdown-menu,
  .nav-global-shindan2  .dropdown-menu{
	 border: solid 5px  #D96D00;
 }
 
  .nav-global-kikan  .dropdown-menu{
	 border: solid 5px  #4DA6FF;
 }
 




/* nav-sub*/

.nav-sub, .nav-sub li{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.nav-sub li {
	float: left;
}

.nav-sub li a{
	display: block;
	padding: 0.5em 1em;
	position: relative;
	min-height: 2.7em;

}

.nav-sub{
	margin: 1em;
/* 	height: 3.3em; */
	border: solid 5px #006CD8;
	background-color: #fff;
	border-radius: 3.3em;
	padding-left:22px;
	
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    align-self: center;
    height: auto !important;
}


.nav-sub li a:hover{
	background-color: #006CD8;
	color: #fff;
	text-decoration: none;
}


.nav-sub li.active a{
	background-color: #006CD8;
	color: #fff;
	text-decoration: none;
}

.nav-sub li.active a:after{

    border-color: #006CD8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-color: #006CD8 transparent transparent\9 ;
    border-image: none;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-right: 15px solid transparent\9;
    border-left: 15px solid transparent\9;
    border-style: solid;
    border-width: 10px;
    border-width: 15px\9;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-left: -15px\9;
    position: absolute;
    top: 100%;
    width: 0;
    
}




/* nav-sub jushin */
.page-jushin .nav-sub,
.page-shindan .nav-sub,
.page-kikan .nav-sub{
	/*margin-top: 90px;*/
	*margin-top: 0px;
	height: 2.7em;
	border: none;
	background-color: #D9D900;
}

.page-jushin .nav-sub li a:hover,
.page-shindan .nav-sub li a:hover,
.page-kikan .nav-sub li a:hover{
	background-color: #B9B900;
	color: #2D8E48;
	text-decoration: none;
}


.page-jushin .nav-sub li a,
.page-shindan .nav-sub li a,
.page-kikan .nav-sub li a{
	color: #333 !important;
}

.page-jushin .nav-sub li.active a,
.page-shindan .nav-sub li.active a
.page-kikan .nav-sub li.active a{
	background-color:#2D8E48;
	color: #fff !important;
	text-decoration: none;
}

.page-jushin .nav-sub li.active a:after{
    border-color: #2D8E48 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-color: #2D8E48 transparent transparent\9;
    
}


/* nav-sub-shindan */


/* nav-sub jushin */
.page-shindan .nav-sub{
	background-color: #FFC926;
}

.page-shindan .nav-sub li a:hover{
	background-color: #FF9E06;
	color: #2D8E48;
	text-decoration: none;
}


.page-shindan .nav-sub li a{
	color: #333 !important;
}

.page-shindan .nav-sub li.active a{
	background-color:#D96D00;
	color: #fff !important;
	text-decoration: none;
}


.page-shindan .nav-sub li.active a:after{
    border-color: #D96D00 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-color: #D96D00 transparent transparent\9;
    
}


/* nav-sub kikan */
.page-kikan .nav-sub{
	background-color: #99E5FF;
}

.page-kikan .nav-sub li a:hover{
	background-color: #4DA6FF;
	color: #2D8E48;
	text-decoration: none;
}


.page-kikan .nav-sub li a{
	color: #333 !important;
}

.page-kikan .nav-sub li.active a{
	background-color:#4DA6FF;
	color: #fff !important;
	text-decoration: none;
}


.page-kikan .nav-sub li.active a:after{
    border-color: #4DA6FF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-color: #4DA6FF transparent transparent\9;
    
}


.box-contact{
  margin-top:30px;
  margin-bottom:-50px;
  margin-right:40px;
  }





.header-caption{
}


.header-contact{


}

.box-showcase{
	margin-top: 10px;
	margin-bottom: 20px;
	
}


#contents{
	background-color: #fff;
	border-radius: 10px;
	padding: 2em 3em 1em;
	margin-top: 1em;
}

.box-social {
    left: 400px;
    position: absolute;
    top: 50px;
}




/* footer
*********************************************************/

.footer-line{
	background-color: #666;
	height: 5px;
	border-radius: 5px;
	margin-top: 2em;
	filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;

}

#footer{

	padding: 2em;
}

.copyright{
	text-align: right;
	font-size: x-small;
}

.content-footer{
	background: #f8f8f8;
	padding: 0.3rem 0.8rem;
}
.content-footer a{
	font-size: 0.9rem;
	color: #3f3f3f;
}


/*********************************************************************
Typography
**********************************************************************/

/* Headings
*********************************************************/

h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: normal;
	font-size: medium;
}

.h-a{
	padding-bottom: 0.5em;
	line-height: 1.5;
	font-size: x-large;
}

.h-a:after{
	content: '';
	background-color: #006CD8;
	height: 5px;
	border-radius: 5px;
	width: 100%;
	display: block;
}
h2 {
    background: none repeat scroll 0 0 rgba(218, 211, 202, 0.6);
    background: #E9E5DF\9;
    border-left: 8px solid #583A3D;
    color: #583A3D;
    font-size: 1.6em;
    margin: 10px 0px;
    padding: 8px 5px;
}
h3 {
    border-bottom: 2px dashed #CCCCCC;
    border-top: 2px dashed #CCCCCC;
    font-size: 1.4em;
    margin: 4px 0px;
    padding:8px 0px 8px 5px;
}
h4 {
    border-left: 8px double #409349;
    font-size: 1.2em;
    margin: 10px 0px;
    padding:3px 0px 3px 4px;
}

.page-jushin .h-a:after{
	background-color: #2D8E48;
}

.page-shindan .h-a:after{
	background-color: #D96D00;
}

.page-kikan .h-a:after{
	background-color: #4DA6FF;
}

article h2{
  border-radius:20px;
  border:none;
  background:#0069D1;
  color:#FFF;
  padding:8px 16px;
  }
article h3{
  border-top:4px double #CCC;
  border-bottom:4px double #CCC;
  }
.date{
  text-align:right;
  border-bottom:1px solid #DFDFDF;
  color:#999;
  }
/* list
*********************************************************/

.li-hojo{
  padding-left:2em;
  list-style-type:katakana;
  }
.li-hojo li{
  list-style-position::outside;
  }
.box-topics li, .box-news li{
  margin-bottom:5px;
  }
.box-topics{
	margin-top: 15px;
	min-height: 19em;
}





/*********************************************************************
detail styling
**********************************************************************/




.nav-page-footer{
	text-align: right;
	margin-top: 2em;
}


.box-topics ul, .box-news ul {
    margin: 0 0 30px;
    padding: 0;
}
.box-topics ul li, .box-news ul li{
  padding-bottom:0.5em;
  border-bottom:1px solid #ECECEC;
}
/*.box-topics ul li span, .box-news ul li span {
    display: table-cell;
    padding-right: 10px;
}*/
.box-topics ul li a, .box-news ul li a {
    display: table-cell;
    *display: block;
    line-height: 1.3;

}
.box-topics ul li span.text-new, .box-news ul li span.text-new {
    display: inline;
}
.box-topics ul li, .box-news ul li {
    list-style: none outside none;
}


.box-banner{
	margin-top: 1em;
}
ol li {
    background: none repeat scroll 0 0 #FFFFE4;
    border: 4px solid #FFD4A0;
    border-radius: 7px;
    margin-bottom: 10px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 6px;
}
dl dt {
    font-size: 1.4em;
    margin-bottom: 10px;
}
dl dd {
    border-bottom: 1px solid #AE9891;
    line-height: 1.6em;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
.clearfix{
	*clear:both;
}	
.float-right {
    float: right;
}
.box-nagare {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDC0BA;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
}
.box-voice, .box-torikumi {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDC0BA;
    border-radius: 5px;
    margin: 0 20px;
    padding: 20px;
}
.dl-voice dd, .dl-torikumi dd {
    background: none repeat scroll 0 0 #FFF3A0;
    margin: 0px;
    padding: 4px;
}
.text-sub {
    clear: right;
    color: #C45754;
    font-size: 0.7em;
}
.bar-advice {
    background: url("/2014/common/img_cmn/bar-advice.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 20px 20px;
}
.advice4 {
    background-position: -10px -10px;
    height: 54px;
    width: 960px;
}
.advice3 {
    background-position: -10px -74px;
    height: 54px;
    width: 960px;
}
.advice2 {
    background-position: -10px -138px;
    height: 54px;
    width: 960px;
}
.advice1 {
    background-position: -10px -202px;
    height: 54px;
    width: 960px;
}
.table-check {
    margin: 0 auto 30px;
    width: 80%;
}
.table-check th {
    background-color: #FFFDF2;
    white-space: nowrap;
}
.h5-advice {
    background: none repeat scroll 0 0 #73CBB4;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom:10px;
    padding: 0.1em;
    width: 200px;
}
.box-border{
    border: 15px solid #73CBB4;
    border-radius: 8px;
    margin-top: 1em;
	  margin-right:1em;
    margin-left:1em;
    padding: 1em;
  }
.box-border-ecosoft{
    border: 15px solid #FFDBE1;
    border-radius: 8px;
    margin: 1em;
    padding: 1em;
  }
h4 span{
  font-size:0.8em;
  font-weight:normal;
  }
.box-taisaku {
    border: 15px solid #73CBB4;
    border-radius: 8px;
    list-style: none outside none;
    margin-left: 25px;
    margin-right: 1em;
    margin-top: 1em;
    padding: 1em;
}
.table-taisaku {
    margin-top: 1em;
    width: 100%;
}
.table-taisaku:first-child {
    margin-top: 0;
}
.table-taisaku tr {
    border: 4px solid #73CBB4;
}
.table-taisaku th {
    background: none repeat scroll 0 0 #73CBB4;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: bold;
    vertical-align: middle;
    width: 1.5em;
}
.table-taisaku td {
    color: #125611;
    font-size: 1.1em;
    padding: 10px;
}
.table-nagare td {
    color: #464646;
    padding: 5px;
    vertical-align: top;
}
.box-kounetsuhi {
    border: 4px solid #FF7F00;
    border-radius: 8px;
    font-size: 1.2em;
    margin-bottom: 15px;
    padding: 6px;
}
.bold,.text-bold,.text-important{
  font-weight:bold;
}

.text-underline,.text-important{
	text-decoration: underline;
}

.text-red,.text-important{
	color: #FF2626;	
}
.text-kounetsuhi {
    color: #FF7F00;
    font-size: 1.1em;
    margin-left: 0;
}
.box-kounetsuhi span {
    color: #FF7F00;
    font-size: 1.5em;
}
.box-co2 {
    border: 4px solid #FF5B26;
    border-radius: 8px;
    font-size: 1.2em;
    padding: 6px;
}
.text-co2 {
    color: #FF5B26;
    font-size: 1.1em;
    margin-left: 0;
}
.box-co2 span {
    color: #FF5B26;
    font-size: 1.5em;
}
.btn-default{
  color:#000!important;
  text-decoration:none!important;
  }
.btn-success, .btn-warning, .btn-danger, .btn-primary, .btn-info{
  color:#FFF!important;
  text-decoration:none!important;
  }
.btn-kekka {
    font-size: 1.5em;
    text-align: center;
    display: block;
    padding: 1.2em 0.5em;
    margin: 0.6em 0;
}
.fb_iframe_widget{
  top:-6px!important;
  }
.table-contact{
  width:75%;
  margin:auto;
  }
.table-contact th{
  background:#CCC;
  }
/*
#twitter-widget-0{
  max-width:100px;
  }
*/
#mixi1ea0acfc88f9418fe1cbdf31d3fb1fdc{
  max-width:70px!important;
  }
.logomark-env a{
}
.text-archive{
  margin-top:-20px;
  padding: 5px 0;
  border-top: 1px solid #006CD8;
  border-bottom: 1px solid #006CD8;
  }
.table-activity{
  width:100%;
  margin-bottom:30px;
  }
.table-activity h4{
  border-left:none;
  font-weight:bold;
  }
.table-activity td:nth-child(2){
  padding-left:20px;
  text-align:right;
  }
.text-step{
  background:#249BFF;
  color:#FFF;
  padding:5px 20px 3px;
  border-radius:14px;
  }
.btn-activity{
  font-size:1.4em;
  border-radius:20px;
  }
.box-about-soft{
  border:#249BFF 3px solid;
  border-radius:10px;
  padding:0px 20px 20px;
  margin:20px 0;
  }
.box-about-soft h3{
  background:#249BFF;
  color:#FFF;
  padding:10px 20px;
  border-radius:20px;
  border:none;
  position:relative;
  display:inline;
  top:-10px;
  left:-30px;
  margin-bottom:-15px;
  }
.box-margin-left{
  margin-left:15px;
  }
.table-about-shindan h4{
  border:none;
  color:#FF8816;
  margin-bottom:0;
  }
.text-circle-point{
  background:#249BFF;
  display:block;
  text-align:center;
  line-height:60px;
  color:#FFF;
  width:60px;
  height:60px;
  border-radius:100%;
  margin-right:20px;
  }
.table-about-voice{
  border:2px solid #249BFF;
  width:100%;
  margin-bottom:15px;
  }
.table-about-voice td{
  padding:15px;
  }
.table-about-voice td:first-child{
  width:220px;
  }
.table-about-voice td:nth-child(2){
  vertical-align:top;
  text-align:left;
  }
.table-about-voice td h4{
  border:none;
  font-weight:bold;
  }
.text-caution{
  color:#ED0A0F;
  }
.qtip{
  font-size:1em!important;
  }
.qtip p{
  line-height:1.4em;
  }
.qtip hr{
  border-color:#4B6218;
  margin-bottom:5px;
  }
.qtip ul{
  padding-left:0;
  margin-bottom:0;
  list-style:none;
  }
.qtip ul li{
  line-height:1.5em;
  border-bottom:1px dashed #3F6E4A;
  }
.qtip-content{
  padding:10px!important;
  }
#cboxOverlay{
  background-color:#000;
  opacity:0.7;
	filter:alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
	}
area:hover{
  cursor:pointer;
    }
.table-conpact{
  width:inherit;
  }
.table-conpact th{
  background-color:#FFF9D8;
  }
.li-pocedure{
  padding-left:1em;
  margin-bottom:1.5em;
  list-style:none;
  }
.li-pocedure li{
  border-bottom:1px dotted #CCC;
  }
.table-form-shindanshi th{
  background:#D5FFE2;
  }
.table-form-shindanshi tr:first-child th{
  background:#58DC92;
  text-align:center;
  }
.table-form-soudanin th{
  background:#E7F5FF;
  }
.table-form-soudanin tr:first-child th{
  background:#7EAAE6;
  text-align:center;
  }
.td-sub {
  background: #EDEDED;
}
.text-new{
  background:#F42D51;
  display:table-cell;
  font-size:0.8em;
  }
.box-nagare img.pull-left{
  margin-right:10px;
  }
.box-tool{
	padding: 5px 10px;
	background:#fff7a1;
	border: 5px solid #ffe065;
	margin-top:15px;
	border-radius:10px;
}
.box-tool a{
	text-decoration: none;
	color: #978114;
}
.box-tool a:hover{
	color: #4f440c;
	text-decoration: underline;
}
.cse .gsc-control-cse, .gsc-control-cse{
	padding: 0!important;
	background: none!important;
	border: none!important;
	height: 23px;
}
.gsib_a{
	padding:0!important;
}
input.gsc-input{
	font-size: inherit!important;
}
form.gsc-search-box{
	margin-bottom:0!important;
}
.box-tool .cse .gsc-search-button input.gsc-search-button-v2, .box-tool input.gsc-search-button-v2{
	min-width: inherit!important;
	padding:5px 5px!important;
	width: 20px!important;
	height: 20px!important;
	background: #ff9e00!important;
	border: none!important;
	margin-bottom:-4px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right:2px!important;
}
.nav-tabs {
    border-bottom: 1px solid #006cd8;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-color: #006cd8 #006cd8 transparent;
}
.nav-tabs > li > a:hover {
    border-color: #b2d8ff #b2d8ff #006cd8;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #b2d8ff;
}
/*********************************************************************
seika20140807追記
**********************************************************************/

.co2 {
    /*width:100%;*/
    max-width: 100%;
    height: auto;
    margin:30px 0;
    font-size: 1.4em;
}
/*.seika{
	line-height: 1.9em;
}*/
h3.title{
	font-size: 1.4em;
    margin: 10px 0px;
    padding:8px 0px 8px 5px;
    border-style: none;
}
li.style_a{
	margin:10px 0;
	
}
/*********************************************************************
page
**********************************************************************/

.page-header-jushin,
.page-header-shindan,
.page-header-kikan{
	background-color:#2D8E48;
	color: #fff;
	font-size: x-large;
	position: absolute;
	*position: static;
	margin: 10px -500% 10px  -500%;
	padding: 0 500%;
	white-space: nowrap;
	height: 70px;
	line-height: 70px;
	font-weight: bold;

}

.page-header-shindan{
	background-color:#D96D00;	
}

.page-header-kikan{
	background-color: #4DA6FF;	
}

.underline{
	text-decoration: underline;
}

.li-application{
	padding-left: 0;
	margin-top:20px;
	margin-bottom:20px;
}

.li-application li{
	list-style: none;
	background: #e1ffe7;
	padding: 5px;
	margin-bottom: 5px;
	border-left: 8px double #2D8E48;
	color: #224c29;
}

.box-application div div{
	margin-bottom: 20px;
	border:1px solid #ddd;
	border-radius: 10px;
	padding: 15px 20px;
	float: left;
	width: 100%;
}

.box-application div div h3{
	background: #2D8E48;
	padding: 9px;
	text-shadow: 0px 1px 1px black;
	box-shadow: 0px 1px 1px 0px #1a341b;
	color: #FFF;
	border: none;
	text-align: center;
}

.box-application div div h4{
	text-align: center;
	border-width: 1px 0;
	border-color: #CCC;
	border-style: solid;
	padding: 10px 0;
}

.box-application div div:before,.box-application div div:after{
	content: ' ';
	clear: both;
}
.page-jushin .nav-sub li a{
	padding: 0.5em 0.8em;	
}
.box-anchor-pref{
	margin:20px 0;
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.box-anchor-pref a{
	display: inline-block;
	margin: 3px;
	background: #B0DE78;
	padding: 3px 6px;
	color: #3f6219;
	border-radius: 10px;
}
.box-entrance{
	margin-bottom:10px;
}
.box-kikan-text ul{
	padding-left: 0;
}
.box-kikan-text ul li{
	background: #CAED9E;
	padding: 1em;
	margin: 8px 0;
	list-style: none;
	border:1px solid #ccc; 
}

/*********************************************************************
bootstrap overwrite
**********************************************************************/


.breadcrumb {
    background:none;
    font-size: small;
    margin: 0;
    padding: 0;
}

.breadcrumb > li + li:before {
    content: "> ";
    padding: 0 0px;
}


.breadcrumb a {
    color: #333 !important;
}



/* dropdown hover */

li.dropdown:hover ul.dropdown-menu {
	display: block;
}
a.menu:after, .dropdown-toggle:after {
	content: none;
}


img.w-50{
    width: 50%;
}



/* media queries
*********************************************************/

/*pc*/
@media screen and (min-width: 481px) {

	.container{
		width:1170px;
	}


	.top .col-xs-9{
		width: 78%;
	}
	.top .box-entrance .col-md-3,
	.top .box-entrance .col-md-4{
		padding-right: 0; padding-left: 10px;
	}

	.top .col-md-3.sidemenu{
		width: 20.5%;
		padding-right: 0; padding-left: 10px;
	}


.onepoint{
	margin-left:170px;
}

.onepoint2{
	 position:relative;
	 left:30px;
}



}/* end @media*/



/* 	フォーム */

input[type="radio"] {
    margin: 0.3em;
}

.form-inline .radio {
    margin-right: 1em;
    line-height: 1.8em;
}



/*smartphone*/

@media (max-width: 480px) {
	#header{
		height: auto;
	}
	#nav-global{
		height: auto;
		width: auto;
		margin-top:40px;
	}
	#nav-global > ul > li{
		float: none;
	}
	#nav-global > ul > li[class^=nav-global] >a{
		background: #0069D1;
		background-image: none;
		border-top:1px solid #047aef;
		border-bottom:1px solid #003e7c;
		color: #FFF;
		padding: 5px;
		text-decoration: none;
		height: auto;
		margin-left: 0;
		overflow: inherit;
		position: static;
		text-indent: inherit;
		width: auto;
	}
	.logomark a{
		background: url("../img/logomark_sp.png") no-repeat;
		height: 51px;
		width: 300px;
		margin: 23px auto 0;
	}
	.logomark-env{
		text-align:center;
	}
	.logomark-env a{
		margin-top: 0;
	}
	.nav-sub, .page-jushin .nav-sub, .page-shindan .nav-sub, .page-kikan .nav-sub{
		height: auto;
		border-radius: 0;
		padding-left: 0;
		margin: 1em 0;
		font-size: 0.8em;
		
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.nav-sub li{
		float: none;
	    display: block;
	    width: 100%;
	}
	.nav-sub li.active a::after{
		content: none;
	}
	.page-shindan .nav-sub li a{
		border-top:1px solid #f9d052;
		border-bottom:1px solid #e6ba35;
	}
	.page-jushin .nav-sub li a{
		border-top:1px solid #f3f306;
		border-bottom:1px solid #bcbc00;
	}
	.page-kikan .nav-sub li a{
		border-top:1px solid #aceaff;
		border-bottom:1px solid #6ec8e5;
	}
	.nav-global-kikan .dropdown-menu{
		margin-left: 0!important;
	}
	.dropdown-menu > li > a{
		font-size: 0.8em;
		padding: 3px 5px;
	}
	h1,h2,h3,h4,h5,.h-a,.h-b,.h-c{
		font-size: inherit;
	}
	#contents{
		padding: 3em 1em 1em;
	}





 .col-md-3.sidemenu{
	 position: static;
	}



}/* end @media*/




     
	 
	 




/* 固定
*********************************************************/

body{
	overflow:visible;
}






/* flow
*********************************************************/

	.box-flow{
		width: 80%;
		border: 3px solid #e48b3d;
		padding: 1rem;
		margin: auto;
		display: block;
	}
	.box-flow dl,.box-flow dl dd{
		border-bottom: none;
		margin:0;
		padding:0;
	}
	.box-flow dt span{
		background: #e48b3d;
		color: #FFF;
		padding: 0.3rem 0.8rem;
		display: inline-block;
		margin-right:0.5rem;
		font-size: medium;
	}

.arrow-bottom{
	display: block;
	position: relative;
	width: 0;
	height: 0;
	margin: 30px auto 0;
	border: 16px solid transparent;
	border-top-color: #0069d1;
}

.arrow-bottom:after{
	display: block;
	position: absolute;
	content: '';
	top: -32px;
	left: -8px;
	width: 16px;
	height: 16px;
	background: #0069d1;
}


.list-important{
	list-style: none;
	margin-left:1em;
}

.list-important li{
	list-style-position: outside;
}

.list-important li:before{
	content: "※";
	margin-left: -1em;
}

.radius-box{
	border: 1px solid #CDC0BA;
	border-radius: 5px;
	margin: 15px 10px;
	padding: 10px 0;
}







.btn{
    white-space: normal;
    margin-bottom: 0.5em;
}


/* ============================
	扉ページ　ボタン設定 190626
============================ */

.box-button .col-xs-12{
	margin-bottom: 0.5em;
}

.box-button .btn{
	width: 518px;
	height: 100px;
	padding-left: 25px;
	display: table-cell;
	
	border-radius: 10px;
	border: 1px solid  #ccc;
	background: #eee;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;
	
	font-family: 'M PLUS 1p', sans-serif;
	color: #666;
	font-weight: bold;
	text-align: left;
	
	text-decoration: none;
	position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.box-button .btn{
		transform: rotate(0.05deg);
		text-shadow: 0 0 0.1px rgba(51,51,51,0.5);
}


.box-button .btn:hover{
	opacity: 0.5;
}

.box-button .btn p{
	font-size: 23px;
	line-height: 27px;
	text-shadow: 2.121px 2.121px 0px rgba(255, 255, 255, 0.65);
	margin-bottom: 0;
	vertical-align: middle;
}

.box-button .btn span{
	font-size: 19px;
	font-weight: normal;
	text-shadow: none;
	display: block;
}

.box-button .btn span span{
	font-size: 17px;
}


.box-button .btn sub{
	bottom: 0;
}

.btn-green{
	border: 1px solid  #018c46 !important;
	background: #aff19c !important;
	
	color: #2a7337 !important;
}

.btn-yellow{
	border: 1px solid  #d86d01 !important;
	background: #fdf07a !important;
	
	color: #ee7c2a !important;
}

.btn-orange{
	border: 1px solid  #D96D00!important;
	background: #fcdf88 !important;
	
	color: #D96D00 !important;
}

.btn-red{
	border: 1px solid  #e65a75 !important;
	background: #feb9a9 !important;
	
	color: #e05148 !important;
}

.btn-blue{
	border: 1px solid  #002a81 !important;
	background: #a2c6fa !important;
	
	color: #0c3488 !important;
}

.btn-sky{
	border: 1px solid  #14587f !important;
	background: #a7e2ea !important;
	
	color: #34547f !important;
}




.btn-bg-eco{
	background-image: url('/common/img/bg-uchieco.png') !important;
}

.btn-bg-ecoA{
	background-image: url('/common/img/bg-uchiecoA.png') !important;
}

.btn-bg-ecoB{
	background-image: url('/common/img/bg-uchiecoB2.png') !important;
}

.btn-bg-ecoC{
	background-image: url('/common/img/bg-kateiecoA.png') !important;
}

.btn-bg-ecoD{
	background-image: url('/common/img/bg-kateiecoB.png') !important;
}




.box-button .btn.disabled,
.box-button .btn[disabled],
.box-button fieldset[disabled] .btn{
	opacity: 0.5;
}

.box-button .btn[disabled]:after{
	content: '申込みは終了しました';
	color: #000;
	text-shadow:2px 2px 0px #ffffff,-2px -2px 0px #ffffff;
    font-size: 2em;
    position: absolute;
    top: 30%;
    z-index: 100;
    opacity: 1 !important;
    left: 20%;
}

.md-none{
	display: none;
}


@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
  
  .box-button .btn{
	  height:70px;
	  background-size: auto 45px !important;
	  padding-left: 10px;
  }
  
  .box-button .btn span{
	  font-size: 13px;
  }
  
  .box-button .btn p{
	  font-size: 18px;
	  line-height: 22px;
	  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.65);
  }
  
  .md-none{
	  display: block;
  }
  

  
}







/*===================================
	 スケジュールテーブル
=================================== */

@media screen and (min-width:300px){
.table.schedule{
	font-weight: bold;
	border: none;
	
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0;
    
    height: 117px;
    overflow: hidden;
    display: block;
}

.table.schedule td{
	background: #ffe59e;
	vertical-align: middle;
	text-align: center;
	height: 120px;
	width: 159px;
	border: none;
    padding-right: 2em;
	
	background-image: url(/shindan/common/img/td-schedule-a.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.table.schedule td span{
	display: block;
	margin-bottom: 0.5em;
}


.table.schedule td:last-child{
	width: 102px;
	background-image: url(/shindan/common/img/td-schedule-a2.png);
}


.table.schedule td:nth-child(4),
.table.schedule td:nth-child(7){
	background-image: url(/shindan/common/img/td-schedule-b.png);
}


}


@media screen and (max-width: 480px){
  /*0px以上で適用する内容*/
  .table.schedule{
	  background: none;
	  height: 100%;
  }
  
  .table.schedule td{
	display: block;
	width: 48%;
	height: 9em;
	margin: 1%;
	display: inline-block;
	background-color: #fff;
  }
  

  .table.schedule td span{
	margin-top: 1em;
  }
  
  br.sp-none{
	  display: none;
  }
  
  div#___gcse_0{
	  display: inline-block;
  }
}

.nav-button{
	display: none;
}
.d-sm-none{
	display: none;
}
.notice{
	border: 1px solid #000;
	padding: .5rem;
	font-weight: bold;
}

.ol {
    padding-left: 1em;
}

.ol li {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}



.d-flex{
	display: flex;
}


@media screen and (max-width:768px){
	html body,html body *{
		font-size: 16px;
	}
	body,
	.wrapper,
	.container{
		max-width: 100vw;
	}
	html.on,
	body.on{
		max-height: 100vh;
		overflow-y: hidden;
	}
	#header,
	#contents{
		padding: 0 15px;
		box-sizing: border-box;
	}
	#header,
	#contents,
	.container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container,
	.wrapper{
		float: none;
		width: 100%;
		overflow-x: hidden;
	}
	.header-logo a,
	.header-logo a img{
		display: inline-block;
		max-width: 100%!important;
		height: auto;
		width: auto!important;
	}
	.table-wrap{
		overflow-x: scroll;
	}
	#nav{
		float: none;
		width: auto;
		position: fixed;
		top:0;
		transform: translateX(100vw);
		transition: .4s;
	}
	#nav ul{
		overflow-y: scroll;
		height: 100vh;
	}
	#nav ul .li-nav{
		line-height: 1;
		padding: 12px;
	}
	#nav ul li a{
		box-sizing: border-box;
		padding: 10px 8px 10px 15px;
		height: 32px;
		line-height: 1;
	}
	#nav.on{
		transform: translateX(calc(100vw - 270px));
	}
	.nav-button{
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		left:-50px;
		top:30px;
		height: 30px;
		width: 30px;
		padding: 5px; 
		background-color: #313C3E;
	}
	.nav-button span{
		width: 100%;
		height: 2px;
		display: block;
		background-color: #FFF;
		position: relative;
	}
	.nav-button span:before{
		content:"";
		display: block;
		width: 100%;
		height: 2px;
		top:-7px;
		position: absolute;
		background-color: #FFF;
	}
	.nav-button span:after{
		content:"";
		display: block;
		width: 100%;
		height: 2px;
		top:7px;
		position: absolute;
		background-color: #FFF;
	}
	.d-block{
		display: block!important;
	}
	.table-form th,
	.table-form td{
		white-space: nowrap;
	}
	form{
		overflow-y: auto;
	}
	dl dd{
		padding-left: 0;
		padding-right: 0;
	}
	.box-contact{
		margin-bottom: -10px;
		margin-right: 10px;
	}
	.page-jushin form:not(.gsc-search-box) table th,
	.page-jushin form:not(.gsc-search-box) table td,
	.page-shindan form:not(.gsc-search-box) table th,
	.page-shindan form:not(.gsc-search-box) table td{
		display: block;
		width: 100%;
	}
	.page-jushin form:not(.gsc-search-box) table input,
	.page-jushin form:not(.gsc-search-box) table textarea,
	.page-shindan form:not(.gsc-search-box) table input,
	.page-shindan form:not(.gsc-search-box) table textarea{
		border: 1px solid #CCC;
		max-width: 100%;
	}
	.page-jushin form:not(.gsc-search-box),
	.page-shindan form:not(.gsc-search-box){
		overflow-x: scroll;
	}
	.page-jushin form.form-no-scroll{
		overflow-x: hidden;
	}
	.page-jushin form.form-no-scroll table{
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	.page-jushin form.form-no-scroll .text-info{
		white-space: normal;
		display: block;
	}
	.page-jushin form.form-no-scroll label{
		display: block;
	}
	.page-jushin form.form-no-scroll select[name="jyushin_kibou_date_year"],
	.page-jushin form.form-no-scroll select[name="jyushin_kibou_date_month"],
	.page-jushin form.form-no-scroll select[name="jyushin_kibou_date_day"],
	.page-jushin form.form-no-scroll select[name="jyushin_kibou_date_hour"]{
		margin-bottom: .5rem;
	}
	.page-jushin:not(.page-touroku) form:not(.gsc-search-box) table,
	.page-shindan form:not(.gsc-search-box) table{
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	.header-nav{
		display: none;
	}
	::-webkit-scrollbar {
	  height: 10px;
	}
	::-webkit-scrollbar-track {
	  margin: 0 2px;
	  background: #ccc;
	  border-radius: 5px;
	}
	::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}
	.row{
		margin: 0;
	}
	.d-xs-none{
		display: none;
	}
	select[name="jyushin_kibou_date_year"],
	select[name="jyushin_pref"]{
		max-width: 9rem;
		display: inline-block;
	}
	select[name="jyushin_kibou_date_month"],
	select[name="jyushin_kibou_date_day"],
	select[name="jyushin_kibou_date_hour"],
	select[name="jyushin_family"]{
		max-width:8rem;
		display: inline-block;
	}
	input[name="jyushin_zip1"],
	input[name="jyushin_zip2"]{
		max-width:10rem!important;
		display: inline-block;
	}
	input[name="jyushin_address"],
	input[name="jyushin_address2"]{
		max-width:20rem!important;
		display: inline-block;
	}
	input[name="jyushin_mail2"]{
		width: 100%;
	}
	#nav ul li,
	#nav ul li a,
	#nav ul .li-nav{
		width: 270px;
	}
	#nav ul li{
		background: no-repeat;
	}
	#nav ul li:not(.li-nav) a{
		position: relative;
		background-color: #FFF;
		border: 1px solid #b1b1b1;
		border-top: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#nav ul li:not(.li-nav) a:after{
		font-weight: bold;
		color: #f5b027;
		content: ">";
		display: inline-block;
	}
}