@charset "utf-8";

@import url(normalize.css);
@import url(common_parts.css);
@import url(common.css);


/*　mind　==============================*/
table { width: 100%; }
.pc_cont { display: none; }
.sp_cont { display: block; }

/* mv  ----------*/
#mv { position: relative; }
#mv h1 { position: absolute; top: 50%; left: 50%; font-size: 2.3rem; color: #fff; transform: translate(-50%, -50%); }
#mv img { width: 100%; }

/* main  ----------*/
#main .inner { margin: 0 1rem 0; }
.change_tag { margin: 2rem 1.5rem 1.50rem; border-bottom: 5px solid #0080DE; }
.change_tag .flb { display: flex; }
.change_tag .flb li { cursor: pointer; width: 50%; background: #BFC9D5; font-size: 7px; text-align: center; color: #fff; font-weight: bold; padding: 0.7rem 0; }
.change_tag .flb li.disp_on { background: #17597C; border-top-right-radius: 20px; }

.page_header { margin: 0 1.5rem; }

.line_box { position: relative; }
.line_box::before { content: ""; position: absolute; top: -1.5px; vertical-align: middle; border-top: 3px solid #707070; width: 45%; }
.line_box::after { content: ""; position: absolute; bottom: -1px; vertical-align: middle; border-bottom: 3px solid #707070; width: 45%; }
.line_box ul { border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 4rem; }

.philosophy .line_box { margin: 4rem; }
.philosophy .line_box h3 { font-size: 18px; }
.philosophy .line_box p { font-size: 14px; }

.greeting h2 { margin: 4rem 0; text-align: center; }
.greeting h2 span { display: block; }
.greeting h3 { font-size: 1.8rem; text-align: center; margin-bottom: 2rem; }
.greeting p { font-weight: bold; }
.greeting ul { padding: 4rem; }
.greeting .cont_box { margin: 4rem 0 5rem; padding: 0 4rem; }
.greeting .cont_box p { font-size: 14px; line-height: 3; }
.greeting p span { font-size: 18px; }
.greeting .img_box { margin: 3rem 0 8rem; position: relative; }
.greeting .img_box .box_line::before { content: ""; position: absolute; top: -1.5px; vertical-align: middle; border-top: 3px solid #707070; width: 45%; }
.greeting .img_box .box_line::after { content: ""; position: absolute; bottom: -1px; vertical-align: middle; border-bottom: 3px solid #707070; width: 45%; }
.greeting .img_box .box_line p { padding: 6rem 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; text-align: center; }

.btn_link { margin-bottom: 4rem; }

@media screen and ( min-width: 479px ) {
	.Philosophy th { width: 25vw; }
}
@media screen and ( min-width: 796px ) {
	.pc_cont { display: block; }
	.sp_cont { display: none; }
	#main .inner { margin: 0 6.25vw 2.7vw; }
	#mv h1 { left: 9.65vw; font-size: 3.8vw; transform: translateY(-50%); }
/*	.change_tag { margin: 8rem 0 10rem; }*/
	.change_tag { margin: 4.2vw 0 5.2vw; }
	.change_tag .flb li { font-size: 2rem; padding: 1.5rem 0; }
	.change_tag .flb li.disp_on { background: #17597C; border-top-right-radius: 35px; }
	
	.page_header { margin: 0; }
	
	.philosophy .line_box { margin: 0; }

/*	.change_tag .flb li { cursor: pointer; width: 50%; background: #BFC9D5; font-size: 4rem; text-align: center; color: #fff; font-weight: bold; padding: 3rem 0; }*/
	.change_tag .flb li { cursor: pointer; width: 50%; background: #BFC9D5; font-size: 2.1vw; text-align: center; color: #fff; font-weight: bold; padding: 1.55vw 0; }
/*	.change_tag .flb li.disp_on { background: #17597C; border-top-right-radius: 70px; }*/
	.change_tag .flb li.disp_on { background: #17597C; border-top-right-radius: 3.7vw; }
	
	.line_box h3 { font-size: 5.5rem; text-align: center; }
	.line_box th { width: 45%; vertical-align: middle; border-top: 3px solid #707070; border-bottom: 3px solid #707070; }
	
	.line_box p { font-weight: bold; }
	.line_box .flb { display: flex; align-items: center; }
/*	.btn_link { margin: 29rem auto 29rem; max-width: 370px; }*/
	.btn_link { margin: 15.1vw auto; max-width: 20vw; }
	
	.philosophy .line_box .flb li { width: 50%; }
/*	.philosophy .line_box h3 { font-size: 5.5rem; text-align: center; }*/
	.philosophy .line_box h3 { font-size: 2.85vw; text-align: center; }
/*	.philosophy .line_box p { font-size: 4rem; padding: 8rem 0 11rem; }*/
	.philosophy .line_box p { font-size: 2.083vw; padding: 8rem 0 11rem; }
	
/*	.greeting h2 { font-size: 4rem; text-align: center; margin: 10rem 0; }*/
	.greeting h2 { font-size: 2.08vw; text-align: center; margin: 5.2vw 0; }
	.greeting h2 span { display: inline; }
/*	.greeting h3 { font-size: 4rem; text-align: center; margin-bottom: 15rem; }*/
	.greeting h3 { font-size: 2.08vw; text-align: center; margin-bottom: 7.8vw; }
	.greeting p { font-size: 1.25vw; font-weight: bold; }
	.greeting p span { font-size: 2.08vw; }
	
	.greeting .line_box { margin-bottom: 15rem; }
	.greeting .line_box .flb li { width: 50%; }
/*	.greeting .line_box h3 { font-size: 5.5rem; text-align: center; }*/
	.greeting .line_box h3 { font-size: 2.87vw; text-align: center; margin: auto; }
/*	.greeting .line_box p { font-size: 4rem; padding: 11rem 0 11rem 7rem; }*/
	.greeting .line_box p { font-size: 2.08vw; padding: 5.7vw 0 5.7vw 3.7vw; }
	
	.greeting .cont_box { margin-bottom: 6vw; padding: 0 6.8vw; width: 80%; }
/*	.greeting .cont_box p { font-size: 2.4rem; line-height: 3; }*/
	.greeting .cont_box p { font-size: 1.25vw; line-height: 3; }
	.greeting .img_box { margin: 12vw 0 0; position: relative; }
	.greeting .img_box .box_line::before { content: ""; position: absolute; top: -1.5px; vertical-align: middle; border-top: 3px solid #707070; width: 45%; }
	.greeting .line_box li:nth-of-type(1) { width: 45%; }
	.greeting .img_box .box_line::after { content: ""; position: absolute; bottom: -1px; vertical-align: middle; border-bottom: 3px solid #707070; width: 45%; }
/*	.greeting .img_box .box_line p { padding: 6rem 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }*/
	.greeting .img_box .box_line p { padding: 3.2vw 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; text-align: left; }
}


@media screen and ( min-width: 769px ) {
	.change_tag, .philosophy, .greeting > div:not(.img_box, .cont_box) { width: 80%; margin-left: auto; margin-right: auto; }
}