.generalColumn1{
	float:left;
	width:63%;
	padding: 3px 1% 12px;
    background-color: #049849;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.generalColumn1:after{
    content: "";
	clear:both;
}


.generalTitle{
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	display:table; width:100%;
}

.generalTitle em{
	display:table-cell;
	vertical-align:middle;}

.generalDetail1{

    position: relative;

	float:left;
	width: 45%;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin: 6px 4% 0 1%;
	padding: 3px 1%;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
}

.generalDetail2{

    position: relative;

	float:left;
	width: 45%;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin: 6px 0 0 0%;
	padding: 3px 1%;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
}


.generalDetail1:after,.generalDetail2:after,.smartDetail:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -9px;
    background: url(/common/images/bg_arrow_bottom03.png) center 0 no-repeat;
}


.generalDetail1 span,.generalDetail2 span{
	font-size:16px;
	position:relative;
}
.generalDetail1:before,.generalDetail2:before,.smartDetail:before{
    top: 8px;
    left: 4%;
    font-family: 'icon';
    font-weight: normal;
    font-size: 16px;
    color: #049849;
    display: block;
    position: absolute;
    line-height: 1;
    content: "\e600";
}


.smartColumn1{
	float:left;
	width: 30%;
	padding: 3px 1% 12px;
	margin-left: 3%;
    background-color: #049849;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.smartColumn1:after{
    content: "";
	clear:both;
}

.smartTitle{
	color:#FFF;
	padding:0;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
}

.smartDetail{

    position: relative;

	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin: 6px 1% 0;
	padding: 3px 1%;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 8px 2px -5px;
}


.smartColumn1 span{
	font-size:16px;
}

.generalColumn2,.generalColumn3,.smartColumn2{box-sizing: border-box;
	float:left;
	position: relative;
	width: 32%;
	margin: 10px 1% 60px 0;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
}
.generalColumn2 .columnInner,.generalColumn3 .columnInner,.smartColumn2 .columnInner{box-sizing: border-box;
	padding: 5%;
}
.generalColumn3{
	margin: 10px 0 60px;
}
.smartColumn2{box-sizing: border-box;
	margin: 10px 0px 60px 3%;

}

/*@media all and (-ms-high-contrast:none){
  .smartColumn2 { min-height:1500px; } /* IE11 */
/*}
*/

.column1{
	clear:both;
}

.generalColumn2 .blockInner, .generalColumn3 .blockInner, .smartColumn2 .blockInner{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:15px 0;
	padding: 8px 20px;
	background: #e6f3ec;
	border: 1px solid #e6f3ec;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
}

.generalColumn2 p,.generalColumn3 p,.smartColumn2 p{
	text-align:center;
	margin-bottom:20px;
}

.generalColumn2 img,.generalColumn3 img,.smartColumn2 img{
	margin-top:5px;
}

.generalColumn2 p i,.generalColumn3 p i,.smartColumn2 p i{
	font-size:10px;
	font-style:normal;
	color:#FFF;
	padding: 4px 4px;
	background: #eb6d32;
	border: 1px solid #eb6d32;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 5px;
}

.generalColumn2:after,.generalColumn3:after,.smartColumn2:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 28px;
    margin: 1.2em 0 0;
    background: url(/common/images/bg_arrow_bottom02.png) center 0 no-repeat;
	background-size: 74px 28px;
}


.generalColumn4{
	float:left;
	width: 32%;
	margin: 0px 0px 30px 0px;
	text-align:center;
}
#wrap .generalColumn4 a{
	display:block;
	padding-right:40px!important;
}

.generalColumn5{
	float:left;
	width: 32%;
	text-align:center;
	margin: 0px 0px 30px 1%;
}
#wrap .generalColumn5 a{
	display:block;
	padding-left:40px;
	padding-right:40px!important;
}

.smartColumn3{
	float:left;
	width: 32%;
	text-align:center;
	margin: 0px 0px 30px 3%;
}
#wrap .smartColumn3 a{
	display:block;
	padding-right:40px!important;
}

.tabList [role="tablist"].tab3column > li > div > a {
	width: 125px;
}

.column3.columnWide01 .col,.column3.columnWide02 .col,.column3.columnWide03 .col{
	float:left !important;
	width:186px !important;
	margin-left:45px;
}

.column3.columnWide01 .col + .col:first-child:before,.column3.columnWide02 .col + .col:first-child:before,.column3.columnWide03 .col + .col:first-child:before {
	content: "";
}

.column3.columnWide01 .col + .col:before,.column3.columnWide02 .col + .col:before,.column3.columnWide03 .col + .col:before {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 76px;
	margin:110px 0 0 -34px;
    background: url(/common/images/bg_arrow_right02.png) 0 0 no-repeat;
}


.column3.columnWide03 .col + .col:before {
	margin-top:110px;
}


div.boxBlock02,div.boxBlock03,div.boxBlock04{
	padding:10px 8px 8px;
	background-color:#e6f3ec;
	border: 1px solid #e6f3ec;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
	min-height:263px;
}

#tabC03 div.boxBlock02,#tabC03 div.boxBlock03,#tabC03 div.boxBlock04{
	min-height:223px;}

div.boxBlock02 dt,div.boxBlock03 dt,div.boxBlock04 dt{
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background-color:#049849;
	border: 1px solid #049849;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
	margin-bottom:5px;
	padding:3px 0;
}

div.boxBlock02 dd.title,div.boxBlock03 dd.title,div.boxBlock04 dd.title{
	text-align:center;
	font-weight:bold;
	margin-top:12px;
}

div.boxBlock02 dd.icon,div.boxBlock03 dd.icon,div.boxBlock03 dd.icon{
	margin-top:10px;
}

div.boxBlock02 dd.detail p,div.boxBlock03 dd.detail p,div.boxBlock04 dd.detail p{
	margin-top:15px;
}



div.timeboxBlock01{
	font-weight:bold;
	color:#000;
	background-color:#b7d450;
	border: 1px solid #b7d450;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 4px;
	margin-bottom:20px;
	padding:3px 0;
}

div.timeboxBlock01 ul{
	padding:0px 15px;
	margin-bottom:15px;
}

div.timeboxBlock01 li{
	color:#333333;
	font-size:13px;
	margin-bottom:0;
}

div.timeboxBlock02{
	font-size:28px;
	font-weight:bold;
	line-height:1.2;
	color:#049849;
	background-color:#fff;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 4px;
	margin:15px;
	padding:25px 25px;
}

.mainNarrow .timeboxBlock02 .column1 .col {
    width: 564px;
	margin-bottom:0;
}

.qrBlock {
	clear:both;
}
.crCol {
	width:100%;
	display:table;
}
.aCol {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.gCol {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}


/* parts */

.boaderT {
	border-top:#666 dotted 1px;
}

.blockInner.parts0 {
	margin-top:109px !important;
	
}
.blockInner.parts1 {
	margin-top:110px !important;
	
}
.blockInner.parts2 {
	margin-top:120px !important;
	
}
.blockInner.parts3 {
	margin-top:143px !important;
	
}
.blockInner.parts4 {
	margin-top:237px !important;
	
}




/* modal */
.ss_modal {
  width: 745px;
  overflow: hidden;
  padding: 5px 5px 20px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#ss_modal01{padding:20px;}
#ss_modal01 h4{
	margin-top:30px;
	padding:0 25px;
}
#ss_modal01 h4.h4Title01{
	margin-bottom:0;
}

#ss_modal01 h4.h4Title01 .titleInner {
	display: inline-block;
	position: relative;
	padding: 10px 0 10px 22px;
	line-height: 1.1;
	font-size: 2.429em;
	font-weight: bold;
	border-bottom:none;
}
#ss_modal01 h4.h4Title01 .titleInner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: #049849;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#ss_modal01 h5{
	color:#000;
	border-bottom: 3px solid #049849;
	margin: 15px 0;
}

h5.h5Title01 .titleInner:before {
	content: "";
	display: none;
}

#ss_modal01 h5.h5Title01 .titleInner {
	font-size: 1.286em;
}

.ss_modal .ss_modalInner {
  padding: 30px 22px 20px;
}
.ss_modal .ss_modalInner .ss_leadText {
  margin-bottom: 25px;
  font-size: 1.429em;
  text-align: center;
}
.ss_modal .ss_close {
  text-align: center;
}
.ss_modal .ss_close a {
  display: inline-block;
  padding: 8px 55px 8px 65px;
  color: #fff;
  background: url(/kojin/hiraku/images/md_btn06.png) no-repeat 9px 50% #666666;
  font-size: 1.286em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 3px;
}
.ss_modal .ss_close a:hover {
  opacity: 0.7;
}

#ss_modal01 .ss_detailBlock {
}

#ss_modal01 .ss_detailBlock .ss_col {
  float: right;
  width: 324px;
}
#ss_modal01 .ss_detailBlock .ss_col:first-child {
  float: left;
  width: 324px;
}

#ss_modal01 .ss_detailBlock .ss_col {
  float: right;
  width: 324px;
}

#ss_modal01 .ss_btn .btnT02 {
  padding: 12px 30px 12px 20px;
  font-size: 1.714em;
  font-weight: bold;
}
#ss_modal01 .ss_btn .btnT02 span:before {
  font-size: 0.833em;
}
#ss_modal01 .ss_btn .btnT02 .ss_smallFont {
  font-size: 0.667em;
}

#ss_modal01 .ss_detail{
	background:#e6f3ec;
	padding:10px;
	margin-bottom:20px;
}

#ss_fixedTop {
	right: 50px;
	top: 50px;
	width: 1px;
	height: 1px;
	position: fixed;
	z-index: 9999;
	display: block;
}
#ss_fixedTop a{
	outline:none;
}
#ss_fixedTop img {
	width: 100%;
}


.tabList .column2 .col {
	float:left !important;
    width: 314px;
    margin-left: 20px;
		margin-bottom:7px;
}

#tabB00 .column2 .col,
#tabB01 .column2 .col {
	float:left !important;
    width: 438px;
    margin-left: 20px; margin-bottom:0;
}
.column1Btn{
	width:314px; margin:0 auto;}

/*modal*/
.mainVisual01{text-align:center;}
/*.mainVisual01 img{
    width: 100%;
}*/
.columnBlock01,
.columnBlock02 {
    margin: 10px 0 30px;
}
.columnBlock01 .col,
.columnBlock02 .col {
    width: 48%;
}
.columnBlock01 .col .btnT02,
.columnBlock02 .col .btnT02 {
    font-size: 130%;
}
a.btnT02:hover, a.btnT05:hover {
    background: #049849;
    opacity:0.7;
}
.columnBlock01 .col span.tOrange01,
.columnBlock02 .col span.tOrange01 {
    color: #F16B38;
}
.columnBlock01 .col span.tGreen01,
.columnBlock02 .col span.tGreen01 {
    font-size: 150%;
    color: #049849;
    font-weight: bold;
}
.columnBlock01 .col span.tUnderline,
.columnBlock02 .col span.tUnderline {
    text-decoration: underline;
}
.columnBlock01 .col a.glyphIcon01:before,
.columnBlock02 .col a.glyphIcon01:before {
	content: url(/kojin/hiraku/images/md_icon01.gif);
	position: absolute;
	left: 15px;
	top: 26%;
}
.columnBlock01 .col:nth-child(1),
.columnBlock02 .col:nth-child(1) {
    padding:0 0 20px;
    margin-right:4%;
}
.h2Title01point{
    display: inline;
    background: -moz-linear-gradient(#ec6e33,#ee6d34);
    background-image: -webkit-linear-gradient(#ec6e33, #ee6d34);
    background-image: -o-linear-gradient(#ec6e33, #ee6d34);
    background-image: linear-gradient(#ec6e33, #ee6d34);
    background-color: #ee6d34;
    border-radius: 3px;
    color: #fff;
    padding: 2px 8px;
    margin: 3px 10px 0 -6px;
    font-size: 0.7em;
    float: left;
}

.boaderR{
	border-right:solid 1px #ccc;
}

.tile09{
	padding-bottom:1px;}

@media screen and (min-width: 768px) {
	.minH4em{
		min-height:4em;}}

