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

.page_top_bg01 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.page_top_bg01 {
	background-image: url(../img/page_top_bg01.jpg) ; }

.top_ipw01 {
	text-align: center;
	text-shadow:0px 2px 6px #FFFFFF;
	padding: 2% 3% 1.5%;
    margin: 10% 0 11%;
	color: #000000;
    background-color: rgba(255,255,255,0.60);
    display: inline-block;
}



.case_box01 {
    display: flex;
    flex-wrap: wrap;
    padding:  1.4em 0 0;
}

.case_box01_in {
    width: calc(96% / 2);
    margin: 0 4% 0 0;
}

.case_box01_in:last-of-type {
    margin: 0;
}


.text_box01 {
    font-size: 16px;
    line-height: 1.8em;
}

.text_box01 h3 {
    font-weight: 600;
    font-size: 125%;
    padding-bottom: 0.4em;
}

img.tb_img01 {
    width: 30%;
    float: right;
    padding: 0 0 1% 2%;
}

img.tb_img02 {
    width: 40%;
    float: right;
    padding: 0 0 1% 2%;
}

.kome01 {
    font-size: 88%;
    line-height: 1.6;
}

.service_box01 {
    font-size: 20px;
    background-color: #fffad9;
    padding: 4%;
    line-height: 1.8;
}

.service_box01 a:hover {
    text-decoration: underline;
}


.table_box1 {
	width:100%;
	padding:0 0; }

.table_box1_in {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0.8em 0 0.5em; }

.table_box1_in td {
	border: 1px solid #cccccc;
	vertical-align: middle;
	padding: 0.5em 0.8em;
    text-align: center;
	line-height: 1.4;}

.w_td_t01 {
	width: 50%;
}

.w_td01 {
    background-color: #EDF5FF;
}

.table_box2 {
	width:100%;
	padding:0 0; }

.table_box2_in {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0.3em 0 1.2em; }

.table_box2_in td {
	border: 1px solid #ffffff;
	vertical-align: middle;
	padding: 0.5em 0.8em;
	line-height: 1.4;}

.w_td_t02 {
	width: 20%;
}

.w_td_t03 {
	width: 15%;
}

.w_td_t04 {
	width: 65%;
}

.w_td_t05 {
	width: 32.5%;
}

.w_td02 {
    background-color: #036EB7;
    color: #ffffff;
    text-align: center;
}

.w_td03 {
    background-color: #D5E7FF;
}


@media screen and (max-width: 768px) { /*tablet*/



}


@media screen and (max-width: 640px) { /*sp width*/

.top_ipw01 {
	padding: 5% 3% 2.5%;
    margin: 10% 3% 11%;
}


.service_box01 {
    font-size: 16px;
}

.text_box01 {
    font-size: 14px;
}

img.tb_img01 {
    width: 50%;
    float: right;
    padding: 0 0 1% 2%;
}

img.tb_img02 {
    width: 50%;
    float: right;
    padding: 0 0 1% 2%;
}

.case_box01_in {
    width: 100%;
    margin: 0 0 5% 0;
}

.case_box01_in:last-of-type {
    margin: 0;
}

}