@charset "utf-8";

.cnt1{
    width: 100%;
    height: auto;
    font-size: 1.8em;
    color: #535353;
    box-sizing: border-box;
    line-height: 200%;
}
table.future{width: 70%;    margin: auto;}
table.future td{    text-align: left;    padding-bottom: 15px;}
table.future td.td1{font-weight: bold;
    width: 20%;}

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

.plf {
  display: flex;
  padding:10px;
}

.plf >div {
  padding:10px;
 
}



.kahen_Box{
     width: 100%;
    min-width: 300px;
     border:#ddd 1px solid;
     margin:0;    
}

.kahen_img img{
     width: 90%;
    padding: 5% 5%;

}

.pd-10_1 {
    padding: 0px 0px 15px 28px;
}



.plf dt{
  float: left;
}

.plf dd{
  margin-left: 100px;
}

.htr-tbl1 {
	width: 100%;
}
.htr-tbl1 tr td {
	border-collapse: collapse;
	padding: 11px 10px;
	box-sizing: border-box;
	
	border: 1px solid #DDDDDD;
	line-height:180%;
	vertical-align: middle;
	font-size: 16px;
}

.htr-tbl2 {
	width: 100%;
    max-width: calc(300px + 4%);
    margin: 0 auto 10px;
    padding: 25px 10px 0px 0px;
    box-sizing: border-box;
    text-align: left;
}
.htr-tbl2 tr td {
	border-collapse: collapse;
	padding: 5px;
	box-sizing: border-box;
	
	
	line-height:150%;
	vertical-align: middle;
	
}

.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 31%;
	padding: 10px;
}
.col_3 > div img{
	width: 100%;
} 
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}


.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 22%;
	padding: 10px;
}

.col_4 > div img{
	width: 100%;
} 
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 45.9%;
	}
}
@media screen and (max-width: 780px) {
	.col_4 > div{
		width: 43.8%;;
	}
}

@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 42.8%;;
	}
}


.class_box1 {
    width: 100%;
    max-width: calc(500px + 4%);
    margin: 0 auto;
    padding: 25px 10px 0px 0px;
    box-sizing: border-box;
    text-align: left;
}


.blue_3p {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #2967b3;
}
.blue_3p .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #2967b3;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 10px;
    width: 110px;
}
.blue_3p p {
    margin: 10px;
    padding: 20px;
}



.red_3p {
    position: relative;
    margin: 0em 0;
    padding: 25px 10px 7px;
    border: solid 2px #cc141d;
}
.red_3p .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #cc141d;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 10px;
    width: 110px;
}
.red_3p p {
    margin: 10px;
    padding: 20px;
}


.yew_3p {
    position: relative;
    margin: 0em 0em 2em 0em;
    padding: 25px 10px 7px;
    border: solid 2px #f8c101;
}
.yew_3p .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #f8c101;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 5px;
    width: 110px;
}
.yew_3p p {
    margin: 10px;
    padding: 20px;
}

.info-table1{
	width:100%;
	height:auto;
	border:0;
	border-top:solid 1px #f18800;
	border-left:solid 1px #ccc;
	background: #fff;
	}

.info-table1 tr td{
	padding:10px;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	}
	
.info-table1 tr td.col1{
/*	background-color :rgba(243, 151, 0, 0.1);*/
	font-weight:bold;
	    letter-spacing: 2px;
	}
	
.info-table1 tr.row1 td.col1{
	border-top: solid 4px #f7c80f;
	    width: 30%; 
	}
	
.info-table1 tr.row1 td.col2{
	border-top: solid 4px #f7c80f;
	    padding: 0 10px 0 30px;  
	}
.info-table1 tr td.col2{
	    text-align: left;
	    padding-left: 30px; 
	}
	
.info-table1 tr td.col2 a{color: #535353;    text-decoration: none;}
	
.info-table1 tr.row1 td.col2 img{
    display: inline-block;
    width: 120px;
    vertical-align: middle;}
.cnt-child1 span.bold {    font-weight: bold;
    font-size: 110%;}
.cnt-child1 span.name {text-align: right;
    display: block;
    font-size: 110%;
}
.hikari{width: 15%;    margin: auto;}
.hikari img{width: 100%;}
.show-sp2{display: none;}

@media screen and (max-width:868px) {
.plf {
  width:100%;
  padding:0px;
  display:block;
}

.plf >div {
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.pd-10_1 {
    padding: 0px 0px 15px 218px;
}
}

@media screen and (max-width:768px) {
table.future{width: 90%;}


	}
@media screen and (max-width:668px) {	
.pd-10_1 {
    padding: 0px 0px 15px 120px;
}

.htr-tbl1 tr td {
    font-size: 14px;
}
}

@media screen and (max-width:568px) {	
.pd-10_1 {
    padding: 0px 0px 15px 90px;
}
}

@media screen and (max-width:480px) {
table.future td{    width: 100%;    display: block;}
table.future td.td1{    width: 100%;text-align: center;}
.info-table1 tr td.col2{padding-left: 10px;}
.show-sp{display: none;}
.show-sp2{display: inline-block;}
	
.pd-10_1 {
    padding: 0px 0px 15px 27px;
}

.cnt1{
   
    font-size: 1.4em;
}	
}