@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 head 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.headMain { max-width: 1200px; margin: 0 auto 40px; }
.headMain .mainTitle { background-image: url(/adv/ms-ins_Womenday2026/img/main_title1.jpg); background-size: cover; font-size: 0; line-height: 0; padding-top: calc( 360 / 1200 * 100% ); margin-bottom: 20px; }
.headMain .mainTxt { padding-right: calc( 50 / 1100 * 100% ); padding-left: calc( 50 / 1100 * 100% ); }
.headMain .mainTxt .txtInner { max-width: 800px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	.headMain { max-width: 500px; }
	.headMain .mainTitle { background-image: url(/adv/ms-ins_Womenday2026/img/main_title2.jpg); padding-top: calc( 410 / 500 * 100% ); margin-bottom: 10px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 mainBg 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.mainBg { background: url(/adv/ms-ins_Womenday2026/img/main_bg1.jpg) no-repeat center bottom; background-size: 1200px 250px; }

@media screen and (max-width: 767px) {
	.mainBg { background-size: 100% auto; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 talk 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.talkTitle { height: 55px; background: url(/adv/ms-ins_Womenday2026/img/title_bg.jpg) no-repeat left top; background-size: cover; border-radius: 26px; font-family: "Zen Maru Gothic"; font-size: 3rem; line-height: 5.2rem; color: #46826e; text-align: center; margin-bottom: 30px; }
.talkTxt { overflow: hidden; }
.talkTxt .txtImg { width: 290px; }
.talkTxt .txtImg.imgTypeL { float: left; padding: 0 30px 30px 0; }
.talkTxt .txtImg.imgTypeR { float: right; padding: 0 0 30px 30px; }
.imgPhoto1 { overflow: hidden; border-radius: 45px 10px 45px 10px; margin-bottom: 12px; }
.imgPhoto2 { overflow: hidden; max-width: 700px; border-radius: 90px 10px 90px 10px; margin-right: auto; margin-left: auto; }
.imgPhoto2 span { display: block; margin-bottom: -60px; }
.imgName1 { font-size: 1.6rem; line-height: 2rem; text-align: center; margin-bottom: 6px; }
.imgName2 { font-size: 2rem; line-height: 2.2rem; font-weight: 700; text-align: center; }
.imgName2 span { font-size: 1.4rem; line-height: 2.2rem; }
.talkTxt dl { display: table; }
.talkTxt dl:not(:last-child) { margin-bottom: 15px; }
.talkTxt dl dt { display: table-cell; width: 65px; color: #46826e; text-align: right; padding-right: 15px; }
.talkTxt dl dd { display: table-cell; }

@media screen and (max-width: 767px) {
	.talkTitle { height: auto; border-radius: 32px; font-size: 2rem; line-height: 2.6rem; padding: 6px; margin-bottom: 25px; }
	.talkTxt { display: flex; flex-wrap: wrap; }
	.talkTxt dl:nth-child(2) { order: 1; }
	.talkTxt dl:not(:nth-child(2)) { order: 3; }
	.talkTxt .txtImg.imgTypeL,
	.talkTxt .txtImg.imgTypeR { order: 2; float: none; padding: 10px 0 25px; margin-right: auto; margin-left: auto; }
	.imgPhoto1 { overflow: hidden; width: 220px; border-radius: 45px 10px 45px 10px; margin-right: auto; margin-left: auto; }
	.imgPhoto2 { border-radius: 45px 10px 45px 10px; }
	.imgPhoto2 span { margin: 0 calc( -30 / 500 * 100% ); }
}



/* ――――――――――――――――――――――――――――――
［ imgMessage ］
―――――――――――――――――――――――――――――― */

.imgMessage { position: relative; }
.imgMessage .messageImg { overflow: hidden; max-width: 700px; border-radius: 90px 10px 90px 10px; margin-right: auto; margin-left: auto; }
.imgMessage .messageTxt { position: absolute; bottom: 40px; left: 0; text-align: center; }
.imgMessage .messageTxt span { display: inline-block; background-color: #ffffff; font-family: "Zen Maru Gothic"; font-size: 2.6rem; line-height: 2.6rem; color: #46826e; padding: 1px 5px 4px; }
.imgMessage .messageTxt span:not(:last-child) { margin-bottom: 15px; }

@media screen and (max-width: 767px) {
	.imgMessage .messageImg { border-radius: 45px 10px 45px 10px; margin-bottom: 20px; }
	.imgMessage .messageImg span { display: block; margin: 0 calc( -80 / 500 * 100% ); }
	.imgMessage .messageTxt { position: static; }
	.imgMessage .messageTxt span { background-color: transparent; font-size: 2rem; line-height: 3rem; padding: 0; }
	.imgMessage .messageTxt span:not(:last-child) { margin-bottom: 0; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 logo 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.logo { max-width: 520px; margin-right: auto; margin-left: auto; }