@charset "utf-8";
/* CSS Document */
#PC-------------------------------------------------------------------------------------------------------------------------- {}
#be_no02_06bk{
	background-image: url(../images/birth/be_no02_06bk.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#br_no01{
	background-color: #FFF;
}
.br_no01_01 {
	position: relative;
}
.br_no01_01_title {
	position: absolute;
	left: min(4.688vw,90px);
	top: min(19.792vw,380px);
}
.br_no01_01_title01 {
	font-size: min(1.563vw,30px);
	font-weight: 700;
	color: #FFF;
	line-height: 100%;
}
.br_no01_01_title02{
	font-size: min(5.729vw,110px);
	font-weight: 700;
	color: #FFF;
	line-height: 100%;
	background: linear-gradient(transparent 75%, #000000 25%);
	padding: 0 0.2em;
}


.br_no01_02{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.br_no01_02_01 {
	font-size: min(2.5vw,48px);
	font-weight: 700;
	color: #FFF;
	background-color: #000;
	
	margin-top: min(2.604vw,50px);
	padding-right: 0.5em;
	padding-left: 0.5em;
	
	display: flex;
	align-items:center;
}
.br_no01_02_02 {
	font-size: min(2.083vw,40px);
	font-weight: 700;
	color: #FFF;
	background-color: #000;
	
	margin-top: min(1.042vw,20px);
	padding-right: 0.5em;
	padding-left: 0.5em;
	
	display: flex;
	align-items:center;
}
.br_no01_02_02 span {
	font-size: min(1.563vw,30px);
	padding-right: 0.5em;
}

.br_no01_03 {
	font-size: min(1.25vw,24px);
	margin-top: min(1.042vw,20px);
}





#br_no02{
	background-color: #000000c2;
	position: relative;
}
.br_no02_box,
.br_no03_box {
	display: grid;
	grid-template-columns: min(29.167vw,560px) min(32.292vw,620px);
	column-gap: min(11.458vw,220px);
}


.br_no02_box_L {
	color: #FFF;
}
.br_no02_box_L_Title,
.br_no03_box_L_Title {
	font-size: min(1.979vw,38px);
	font-weight: 700;
	text-align: right;
	line-height: 100%;
}
.br_no02_box_L_Title span {
	font-size: min(3.125vw,60px);
	color: #0f8cff;
}

.br_no02_box_L_line {
	height: min(0.417vw,8px);
	width: 100%;
	background: linear-gradient(
		to right,
		#ffffff 0%,
		#ffffff 50%,
		#0f8cff 50%,
		#0f8cff 100%
	);
	margin-top: min(0.521vw,10px);
}

.br_no02_box_L_SubT,
.br_no03_box_L_SubT {
	font-size: min(2.083vw,40px);
	font-weight: 700;
	padding-top: min(1.563vw,30px);
}
.br_no02_box_L_txt,
.br_no03_box_L_txt {
	font-size: min(1.042vw,20px);
	padding-top: 30px;
	line-height: 2em;
	text-align: justify;
}
.br_no02_box_L_txt span,
.br_no03_box_L_txt span {
	font-size: min(1.563vw,30px);
	font-weight: 700;
}
.br_no02_box_R,
.br_no03_box_R{
	display: flex;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
}
.br_no02_box_R div,
.br_no03_box_R div{
	display: grid;
	row-gap: min(3.646vw,70px);
}
.br_no02_box_R_img,
.br_no03_box_R_img {
	width: 100%;
	border-radius: min(1.042vw,20px);
	box-shadow: 6px 6px #000;
}
.br_no02_box_R_img {
	width: 100%;
	box-shadow: 6px 6px #000;
}
.br_no03_box_R_img {
	width: 100%;
	box-shadow: 6px 6px #666;
}

#br_no03{
	background-color: #bfbebe80;
}
.br_no03_box_L {
}

.br_no03_box_L_Title span {
	font-size: min(3.125vw,60px);
	color: #232583;
}
.br_no03_box_L_line {
	height: min(0.417vw,8px);
	width: 100%;
	background: linear-gradient(
		to right,
		#b3b3b3 0%,
		#b3b3b3 50%,
		#232583 50%,
		#232583 100%
	);
	margin-top: min(0.521vw,10px);
}





#br_no04{
	background-color: #000000c2;
}
#br_no05{
	background-color: #bfbebe80;
}
#br_no06{
	background-color: #000000c2;
}
#br_no07{
	background-color: #eff3f4;
	background-size: cover;
	background-image: url(../images/birth/no07_bk.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	padding-bottom: min(36.458vw,700px);
}
.br_no07_box {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: min(3.125vw,60px);
}
.br_no07_box_L {
}
.br_no07_box_L_title {
	font-size: min(1.979vw,38px);
	line-height: 100%;
	font-weight: 700;
}
.br_no07_box_L_line {
		height: min(0.417vw,8px);
	background: linear-gradient(
		to right,
		#232583 0%,
		#232583 20%,
		#b3b3b3 20%,
		#b3b3b3 100%
	);
	margin-top: min(0.521vw,10px);
}
.br_no07_box_L_txt01 {
	font-size: min(2.188vw,42px);
	font-weight: 700;
	padding-top: min(0.521vw,10px);
	background: linear-gradient(transparent 80%, #ffd800 30%);
	display: inline-block;
	line-height: 100%;
	margin-top: min(1.563vw,30px);
}
.br_no07_box_L_txt02 {
	font-size: min(1.042vw,20px);
	margin-top: 30px;
	line-height: 2em;
}
.br_no07_box_L_txt02 span {
	font-size: min(1.563vw,30px);
	font-weight: 700;
}
.br_no07_box_R {
	text-align: right;
	padding-top: min(2.604vw,50px);
}
.br_no07_box_R_img {
	width: min(20.208vw,388px);
}








#br_no08{
	background-color: #FFF;
}

#br_no08{
	background-color: #FFF;
}
.br_no08_title {
	font-size: min(2.083vw,40px);
	font-weight: 700;
	text-align: center;
	padding-bottom: min(2.604vw,50px);
	color: #5d7bc8;
}
.br_no08_title::after {
	content: "";
	display: block;
	width: min(2.604vw,50px);
	height: 2px;
	background: #5a78b4;
	margin: min(1.563vw,30px) auto 0;
}

.br_no08_box01 {
	display: grid;
	grid-template-columns: min(21.979vw,422px) min(21.979vw,422px) min(21.979vw,422px);
	column-gap: min(3.49vw,67px);
}
.br_no08_box01_img {
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	box-shadow: 2px 2px 4px #CCC;
	width: 100%;
	transition: 0.5s;
}
.br_no08_box01_img:hover {
	box-shadow: 0px 0px 8px 8px #CCC;
}













#br_no09{
	background-color: #FFFFFF;
}
#br_no10{
	background-color: #eff3f4;
}
#PC_END-------------------------------------------------------------------------------------------------------------------------- {}
@media screen and (max-width: 737px) {
#SP-------------------------------------------------------------------------------------------------------------------------- {}
#be_no02_06bk{
	background-image: url(../images/birth/be_no02_06bk.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}
.br_s_no01_01_title_bk{
	background-repeat: no-repeat;
	background-position: center center;
	height: 160px;
	width: 100%;
	background-size: cover;
	background-image: url(../images/birth/no01_01_sp.jpg);
	margin-top: 70px;
}
.br_s_no01_01_title img{
	max-width: 360px;
	width: 100%;
	margin-top: -20px;
}
.br_no01_02{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.br_no01_02_01 {
	font-size: 19px;
	font-weight: 700;
	color: #000;
	background-color: #FFF;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: flex;
	align-items: center;
}
.br_no01_02_02 {
	font-size: 19px;
	font-weight: 700;
	color: #000;
	background-color: #FFF;
	margin-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	display: flex;
	align-items: center;
}
.br_no01_02_02 span {
	font-size: 19px;
	padding-right: 0.5em;
}

.br_no01_03 {
	font-size: 16px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}





#br_no02{
	background-color: #000000c2;
	position: relative;
}
.br_no02_box,
.br_no03_box {
	display: grid;
	grid-template-columns: 100%;
	column-gap: 220px;
}


.br_no02_box_L {
	color: #FFF;
}
.br_no02_box_L_Title,
.br_no03_box_L_Title {
	font-size: 38px;
	font-weight: 700;
	text-align: left;
	line-height: 100%;
	font-size: 19px;
	padding-right: 20px;
	padding-left: 20px;
}
.br_no02_box_L_Title span {
	font-size: 30px;
	color: #0f8cff;
}

.br_no02_box_L_line {
	height: 4px;
	width: 100%;
	background: linear-gradient(
		to right,
		#0f8cff 0%,
		#0f8cff 50%,
		#ffffff 50%,
		#ffffff 100%
	);
	margin-top: 10px;
}

.br_no02_box_L_SubT,
.br_no03_box_L_SubT {
	font-size: 24px;
	font-weight: 700;
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
}
.br_no02_box_L_txt,
.br_no03_box_L_txt {
	font-size: 15px;
	padding-top: 16px;
	line-height: 2em;
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
}
.br_no02_box_L_txt span,
.br_no03_box_L_txt span {
	font-size: 16px;
	font-weight: 700;
}
.br_no02_box_R,
.br_no03_box_R{
	display: flex;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
.br_no02_box_R div,
.br_no03_box_R div{
	display: grid;
	row-gap: 20px;
}
.br_no02_box_R_img,
.br_no03_box_R_img {
	width: 100%;
	border-radius: 20px;
}
.br_no02_box_R_img {
	width: 100%;
	box-shadow: 6px 6px #000;
}
.br_no03_box_R_img {
	width: 100%;
	box-shadow: 6px 6px #666;
}





#br_no03{
	background-color: #bfbebe80;
}
.br_no03_box_L {
}

.br_no03_box_L_Title span {
	font-size: 30px;
	color: #232583;
}
.br_no03_box_L_line {
	height: 4px;
	width: 100%;
	background: linear-gradient(
		to right,
		#232583 0%,
		#232583 50%,
		#b3b3b3 50%,
		#b3b3b3 100%
	);
	margin-top: min(0.521vw,10px);
}





#br_no04{
	background-color: #000000c2;
}
#br_no05{
	background-color: #bfbebe80;
}
#br_no06{
	background-color: #000000c2;
}
#br_no07{
	background-color: #eff3f4;
	background-size: cover;
	background-image: url(../images/birth/no07_bk.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 250% auto;
	padding-bottom: min(94.98vw,700px);
}
.br_no07_box {
	display: grid;
	grid-template-columns: 100%;
	column-gap: 60px;
}
.br_no07_box_L {

}

.br_s_no07_box_L_img img{
	box-sizing: border-box;
	width: 100%;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.br_no07_box_L_title {
	font-size: 19px;
	line-height: 100%;
	font-weight: 700;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 30px;
}
.br_no07_box_L_line {
		height: 4px;
	background: linear-gradient(
		to right,
		#232583 0%,
		#232583 50%,
		#b3b3b3 50%,
		#b3b3b3 100%
	);
	margin-top: 10px;
}
.br_no07_box_L_txt01 {
	font-size: 25px;
	font-weight: 700;
	padding-top: 10px;
	line-height: normal;
	margin-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	background : none;
}
.br_no07_box_L_txt02 {
	font-size: 15px;
	margin-top: 16px;
	line-height: 2em;
	padding-right: 20px;
	padding-left: 20px;
}
.br_no07_box_L_txt02 span {
	font-size: 16px;
	font-weight: 700;
}
.br_no07_box_R {
	text-align: right;
	padding-top: 50px;
	display: none;
}
.br_no07_box_R_img {
	width: 388px;
}








#br_no08{
	background-color: #FFF;
	display: none;
}
.br_no08_title {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 50px;
	color: #5d7bc8;
	display: none;
}
.br_no08_title::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background: #5a78b4;
	margin: 30px auto 0;
}

.br_no08_box01 {
	display: none;
	grid-template-columns: 100%;
	column-gap: 67px;
}
.br_no08_box01_img {
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	box-shadow: 2px 2px 4px #CCC;
	width: 100%;

	transition: 0.5s;
}
.br_no08_box01_img:hover {
	box-shadow: 0px 0px 8px 8px #CCC;
}
#br_no09{
	background-color: #FFFFFF;
	padding-top: 50px;
}
#br_no10{
	background-color: #eff3f4;
}
#SP_END-------------------------------------------------------------------------------------------------------------------------- {}
}