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

.t_ttl02 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .t_ttl02 {
        font-size: 1.8rem;
        margin-bottom: 40px;
    }
}
@media (min-width: 1024px) {
    .t_ttl02 {
        font-size: 2.0rem;
        margin-bottom: 40px;
    }
}
.t_ttl02_ {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
    margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
    .t_ttl02_ {
		font-size: 1.3rem;
		line-height: 1.8;
        margin-bottom: 20px;
    }
}

.column_2box {
    width: 100%;
    margin-bottom: 60px;
}
.column_2box .text {
    width: auto;
}
.column_2box .image {
    width: 70%;
    max-width: 400px;
    /*margin: 0 auto;*/
    margin-left: auto;
}
.column_2box .text_image {
    width: 70%;
    max-width: 400px;
    margin-bottom: 10px;
}
.column_2box .image img,
.column_2box .text_image img {
    width: 100%;
    height: auto;
}
@media (min-width: 1024px) {
    .column_2box {
        width: 100%;
        display: flex;
        /*justify-content: space-between;*/
        justify-content: flex-start;
        margin-bottom: 120px;
    }
    .column_2box .text {
        width: 54%;
        /*max-width: 850px;*/
    }
    .column_2box .text_image {
        width: 70%;
        margin: 0;
    }
    .column_2box .image {
        width: 40%;
        margin-left: auto;
        /*max-width: 430px;*/
    }
    .column_2box .text_image,
    .column_2box .image {
        width: 100%;
        height: auto;
    }
}
@media (min-width: 1200px) {
    .column_2box .text {
        width: 60%;
        max-width: 850px;
    }
    .column_2box .image {
        max-width: 380px;
    }
}
.column_2box_ {
    width: 100%;
    margin-bottom: 60px;
}
.column_2box_ .text {
    width: auto;
}
.column_2box_ .image {
    width: 70%;
    max-width: 400px;
    /*margin: 0 auto;*/
    margin-left: auto;
}
.column_2box_ .text_image {
    width: 70%;
    margin-bottom: 10px;
}
.column_2box_ .image img,
.column_2box_ .text_image img {
    width: 100%;
    height: auto;
}
.column_2box_ .text_image2 {
	max-width: 640px;
	width: 90%;
	margin: 0 auto;
}
@media (max-width: 1023px) {
    .column_2box_ .text_image {
		display: none;
	}
    .column_2box_ .image {
		display: none;
	}
}
@media (min-width: 1024px) {
    .column_2box_ {
        width: 100%;
        display: flex;
        /*justify-content: space-between;*/
        justify-content: flex-start;
        margin-bottom: 120px;
    }
    .column_2box_ .text {
        width: 54%;
        /*max-width: 850px;*/
    }
    .column_2box_ .text_image {
        width: 100%;
        margin: 0;
    }
	.column_2box_ .text_image2 {
		display: none;
	}
    .column_2box_ .image {
        width: 40%;
        margin-left: auto;
        /*max-width: 430px;*/
    }
}
@media (min-width: 1200px) {
    .column_2box_ .text {
        width: 60%;
        max-width: 850px;
    }
    .column_2box_ .image {
        max-width: 380px;
    }
}

.t_content {
    background: #dde9f2;
    width: 100%;
}
.t_content .outline {
    width: 90%;
    max-width: 1000px;
    padding: 2em 0;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .t_content .outline {
        padding: 4em 0;
    }
}


/*table*/

.t_ts01 {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    background: #fff;
    border: none;
}
.t_ts01 th,
.t_ts01 td {
    display: block;
    width: 100%;
    border: none;
    font-size: 0.875rem;   
    padding: 10px;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
}
.t_ts01 th {
    font-weight: 700;
    color: #fff;
    background: #0e68ab;
}
@media screen and (min-width: 768px) {
    .t_ts01 th,
    .t_ts01 td {
        display: table-cell;
        border-bottom: 1px solid #ccc;
    }
    .t_ts01 tr th:first-child {
        width: 30%;
    }
}

/*gmap*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 50px;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.hope_graph {
    width: 100%;
    margin-bottom: 4em;
}
.hope_graph li {
    width: 100%;
}
.hope_graph li {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .hope_graph {
        display: flex;
        justify-content: space-between;
        margin-bottom: 7em;
    }
    .hope_graph li {
        width: 48%;
    }
}
.t_icimg80 {
    margin: 80%;
    margin: 0 auto;
}
.t_icimg80 img {
    width: 100%;
    height: auto;
}
.t_icimg100 {
    margin: 100%;
    margin: 0 auto;
}
.t_icimg100 img {
    width: 100%;
    height: auto;
}

/*br*/
.pc_br { display: none; }
@media screen and (min-width: 768px) {
	.sp_br { display: none; }
	.pc_br { display: block; }
}