/*chibaumi_sp.css*/

h3.sec_sub_head_bl {
	font-size: 2rem;
	margin-top: 30px;
	margin-bottom: 16px;
}

h4.normal {
	font-size: 1.6rem;
    margin-bottom: 15px;
	padding: 8px 12px 8px 26px;
	position: relative;
}

h4.normal:before {
	content: '';
	width: 4px;
	height: 70%;
	background: #002864;
	border-radius: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	margin: auto;
}

/*--------------------
広がる動作
---------------------*/

.reveal_section__hole {
	width: 130%;
	height: auto;
	aspect-ratio: 1 / 1;
}

.utau_cont {
	width: 90%;
}

.utau_copy {
	font-size: 2.0rem;
}

.utau_text {
	font-size: 1.4rem;
}


/*--------------------
千の波が千葉を育てる。
---------------------*/

.chibaumi_main_wrap {
	width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
	overflow: visible;
}

.chibaumi_main {
	padding: 20px 0 0;
}

.chibaumi_main h2 {
	font-size: 2.6rem;
}

.chibaumi_main p {
	text-align: left;
	width: calc(100% - 90px);
	line-height: 1.6;
}

.chibaumi_main .nami_01 {
	width: 46.5px;
	left: 25px;
	top: -20px;
}

.chibaumi_main .nami_02 {
	width: 42px;
	left: 10px;
	top: 50%;
}

.chibaumi_main .nami_03 {
	width: 52px;
	top: auto;
	bottom: 8%;
	left: 70px;
}


.chibaumi_main .nami_04 {
	width: 42px;
	top: 65px;
}

.chibaumi_main .nami_05 {
	width: 59px;
	right: 20px;
	top: 40%;
}

.chibaumi_main .nami_06 {
	width: 58px;
	right: 10px;
	top: auto;
	bottom: 30%;
}

.chibaumi_nami_c {
	max-width: calc(100% - 80px);
	margin-top: 50px;
}

/*--------------------
4つの海、4つの物語
---------------------*/

.umi_story_wrap {
	flex-direction: column;
}

.umi_story_wrap .umi_story_l,
.umi_story_wrap .umi_story_r {
	width: 100%;
}

.umi_story_wrap .umi_story_r {
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
}

.umi_story_wrap .c_area {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 16px;
}

.umi_story_wrap .c_area > p {
	font-size: 1.2rem;
}

.umi_story_map {
	margin-top: 40px;
}


/*--------------------
モーダル中身のコンテンツ
---------------------*/

.modal-body {
	width: calc(100% - 30px);
	padding: 40px 30px 40px 30px;
}

/*--------------------
千の波が千葉を育てる。
---------------------*/

ul.to_mirai {
	flex-direction: column;
	gap: 16px;
	margin-top: 48px;
}

ul.to_mirai > li {
	width: 100%;
	padding: 20px 16px 20px 16px;
}

ul.to_mirai > li > h4 {
	font-size: 2rem;
}

.uminomegumi_linkbts_wrap_ic {
	width: 285px;
	top: -82px;
}

.uminomegumi_linkbts {
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.uminomegumi_linkbts_wrap {
	padding: 24px 24px 24px 24px;
	margin-top: 130px;
}

.uminomegumi_linkbts > * > a {
	font-size: 1.6rem;
}

/*--------------------
千波（ちば）の海マップ
---------------------*/

.modal_cont h4 {
	font-size: 2.2rem;
}

.modal_cont h4 span {
	font-size: 1.4rem;
}

.modal-close {
	width: 60px;
	height: 60px;
}

.modal-close span {
	width: 24px;
	height: 24px;
}

.modal_cont ul.mo_suisan {
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 16px;
}

.modal_cont ul.mo_suisan > li > img {
	width: 64px;
	min-width: 64px;
	height: 64px;
}

/*--------------------
4つの海、それぞれの誇り
---------------------*/

.flex-2col {
	flex-direction: column;
}

.flex-2col > * {
	flex: initial;
	width: 100%;
}

.brand_set_frame .brand_head > p {
	font-size: 1.4rem;
}

.brand_set_frame .brand_head h4 span {
	font-size: 1.4rem;
}

.brand_set_frame .brand_set {
	flex-direction: column;
}

.brand_set .brand_item {
	flex: initial;
	width: 100%;
}

.brand_item .brand_item_tit > p {
	line-height: 1.4;
}

.brand_item .brand_item_tit h5 {
	font-size: 1.6rem;
}

.brand_msg {
	border-radius: 10px;
	padding: 30px 100px 30px 16px;
}

.brand_msg p {
	font-size: 1.6rem;
}

.brand_msg img {
	width: 84px;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto 0;
}

/*--------------------
海の恵みをいただく
---------------------*/

.uminomegumi {
	flex-direction: column;
	gap: 40px;
	margin-top: 40px;
}

.uminomegumi .uminomegumi_item {
	flex: initial;
	width: 100%;
}

.uminomegumi_item h3 {
	font-size: 2rem;
	margin-top: 12px;
}

/*--------------------
海が育てた祝いの文化
---------------------*/

.about_maiwai {
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.about_maiwai .about_maiwai_l {
	width: 100%;
}

.maiwai_img {
	width: 216px;
	margin: 0 auto;
}

.maiwai_design_tit {
	font-size: 1.6rem;
	text-align: center;
}

ul.maiwai_design {
	margin-top: 20px;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.tairyo_bata {
	flex-direction: column;
}

.tairyo_bata_text {
	width: 100%;
}

.tairyo_bata_img {
	margin: 30px auto 0;
	max-width: 100%;
}

.tairyo_design_tit {
	font-size: 1.6rem;
	padding: 10px 16px 10px 16px;
}

.tairyo_design_wrap .gray_frame {
	padding: 30px 16px 30px 16px;
}

.tairyo_design > dl {
	column-gap: 18px;
}

.tairyo_design > dl > dt {
	width: 82px;
}

.tairyo_design > dl > dd {
	width: calc(100% - 80px);
}

.tairyo_design {
	gap: 30px
}

.tairyo_design > dl > dt > p {
	font-size: 1.5rem;
	border-width: 2px;
}

/*--------------------
海で遊び、学び、味わう
---------------------*/

.umigyo_list {
	gap: 10px 2.6%;
}

.umigyo_list .umigyo_item {
	width: 48.7%;
	border-radius: 10px;
}

.umigyo_item .umigyo_item_cont {
	padding: 12px 10px 30px 10px;
}

.umigyo_item .umigyo_item_cont h4 {
	font-size: 1.6rem;
}

.umigyo_item .umigyo_item_cont p {
	font-size: 1.3rem;
	margin-top: 8px;
	margin-bottom: 0;
}

/*--------------------
海とくらしのものがたり
---------------------*/

.mirai_wrap {
	padding-bottom: 40px;
}

.umilife_wrap .mvlist {
	display: block;
}

.umilife_wrap .mvlist .mvlsit_item {
	padding: 0;
	margin-top: 30px;
}

.umilife_wrap .mvlist .mvlsit_item .mv_img img {
	border-radius: 10px;
}

.umilife_wrap .mvlsit_item .mvlist_cont {
	margin-top: 16px;
}

.umilife_wrap .mvlsit_item .mvlist_cont .mvlist_text {
	font-size: 1.6rem;
	margin-top: 8px;
}

.umilife_wrap .mvlist .mvlsit_item .mv_img {
	margin: 0 auto;
	width: 100%;
}

.mirai_img01 {
	width: 100%;
	max-width: 662px;
}

.linkbt_box {
	padding: 24px 24px 24px 24px;
	margin-top: 40px;
}

.linkbt_box_items {
	flex-direction: column;
	gap: 16px;
}

.reveal_section {
	height: 80vh;
}