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





/* sec_01 */
.sec_01 { position: relative; width: 100%; background-color: #295ece}
.sec_01_inner { width: 95%; margin: 0 auto; padding: 30px 20px 30px 20px}

.sec_01_logo {width: 60%; margin-bottom: 20px;}
.sec_01_l_inner h1 {color: #fff; margin-bottom: 20px;
border-bottom: 1px #fff solid; padding-bottom: 5px}
.sec_01_l_inner h2 {color: #fff; margin-bottom: 10px; font-size: 1.6rem}
.sec_01_l_inner p {color: #fff; margin-top: 20px}

.arrow_01 img { width: 15px; margin-right: 10px; margin-bottom: 4px}

.slide img{width: 160px}


.sec_01_triangle {position: absolute; bottom: -2px; right: -2px; width: 200px}

.slide_word { margin-top: 20px}


/* sec_02 */
.sec_02_r_inner { position: relative; width: 100%} 
.sec_02_triangle { position: absolute; top: 0px; left:0px; width: 20%; z-index: 1}

.sec_02_inner_word { width: 95%; margin: 0 auto; padding: 30px 20px 30px 20px;}

.sec_02_logo_1 {position: relative; width: 100%; text-align: center; z-index: 2}
.sec_02_logo_1 img {width: 60%; margin-top: 40px}

.sec_02_logo_2 {position: relative; width: 100%; text-align: center; z-index:3}
.sec_02_logo_2 img {width: 80%; margin-top: 10px }

.sec_02_r_inner h1 {color: #212121; margin-bottom: 20px;}
.sec_02_r_inner p {color: #212121; margin-top: 20px}


/* sec_03 */
.sec_03 { width: 100%; position: relative; padding-bottom: 60px}

.sec_03_inner { width: 95%; margin: 0 auto;padding: 30px 20px 30px 20px;}

.sec_03_triangle {position: absolute; bottom: 0px; right: 0px; width: 40%; z-index: 1}

.sec_03_up_contents { width: 100% }

.sec_03_pt_01 {width: 100%; margin-bottom: 20px}
.sec_03_pt_01 h1 {width: 60%; margin: 0 auto}

.sec_03_up_p {width: 100%}

.sec_03_down_contents {position: relative; width: 100%; border: 10px #295ece solid; background-color: #fff;
z-index: 2; padding: 30px}

.sec_03_l { border-bottom: 1px #295ece solid; padding-bottom: 30px; text-align: center}
.sec_03_r { padding-top: 30px; text-align: center}

h2.sec_03_pt_02 {width: 30%; margin: 0 auto; margin-bottom: 20px}
h2.sec_03_pt_03 {width: 20%; margin: 0 auto; margin-bottom: 20px}

.sec_03_r address { font-size: 4.0rem; font-weight: bold; color: #295ece}

.sec_03_tel_bt { margin-top: 10px; margin-bottom: 10px}

.sec_03_up_contents p {width: 100%}




/* width 769以上　1024px未満 */

@media screen and (min-width : 769px){

/* sec_01 */	
.sec_01_inner { width: 80%; padding: 100px 20px 100px 20px}	

.BoxL-64 .sec_01_l_inner {width: 80%}

.sec_01_logo {margin-bottom: 30px; width: 100%}
.sec_01_l_inner h1 {}
.sec_01_l_inner h2 {margin-bottom: 10px}
.sec_01_l_inner p {margin-top: 30px}	
	
.sec_01_triangle {width: 300px}	
	
	
/* sec_02 */
.sec_02_triangle { width: 40%; z-index: 2}	
	
.sec_02_inner_word { width: 95%; margin: 0 auto; padding: 30px 20px 30px 20px; text-align: right}	
	
.sec_02_logo_1 {width: 100%; text-align: right;}
.sec_02_logo_1 img {width: 60%; margin-top: 40px; margin-right: 30px}

.sec_02_logo_2 {width: 100%; text-align: right; }
.sec_02_logo_2 img {width: 40%; margin-top: 10px; margin-right: 30px}	
	
.sec_02_r_inner h1 {margin-top: 40px}	
.sec_02_r_inner p {margin-top: 40px; width: 70%; float: right}
	
.sizeHerf { width: 50%; float: right}
	
	
/* sec_03 */
.sec_03 { width: 100%; padding-bottom: 100px; padding-top: 100px}	
	
.sec_03_tel_bt {display: none}
	
.sec_03_inner { width: 90%; }

.sec_03_triangle {width: 60%;}	
	
.sec_03_pt_01 {}
.sec_03_pt_01 h1 {width: 40%; float: left; margin-bottom: 20px}

.sec_03_up_p {margin-bottom: 40px}
	
.sec_03_down_contents {padding: 60px 30px 20px 30px}	
	
.sec_03_l { border-bottom: 0px; border-right: 1px #295ece solid; padding-right: 30px }
.sec_03_r { padding-top: 0px;}
	
.sec_03_contact_bt { width: 70%; margin: 0 auto}
	
h2.sec_03_pt_02 {width: 20%; }
h2.sec_03_pt_03 {width: 12%; }

}	

	






/* width 1000以上 */

@media screen and (min-width : 1000px){	
	

	
	
}