@charset "utf-8";
/*
Theme Name: 非営利型一般社団法人 日本水泳指導振興協会
Theme URI: https://suieishidou.jp/
Description: 非営利型一般社団法人 日本水泳指導振興協会のテーマです
*/

.box1600 {
	position:relative;
	width:100%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}

.bg-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  background: url('../../images/mizunowa/mainvisual_bg_pc.jpg') center/cover no-repeat;
  overflow: hidden;
  padding-top:52%;
}

#mizunowa-action {
	background:none !important;
	color:#333;
}

#mizunowa-action .base {
	padding-left:0;
	padding-right:0;
}

@media (max-width: 1660px){
#mizunowa-action .base,
#mizunowa-action section#mizunowa05 .ma_title01 {
	padding-left:3rem;
	padding-right:3rem;
}
}

@media (max-width: 980px){
#mizunowa-action .base,
#mizunowa-action section#mizunowa05 .ma_title01 {
	padding-left:2rem;
	padding-right:2rem;
}
}

#mizunowa-action section {
	padding-top:9%;
	padding-bottom:9%;
	position:relative;
}

@media (max-width: 680px){
#mizunowa-action section {
	padding-top:15%;
	padding-bottom:15%;
}
}

#mizunowa_visual {
	position:relative;
}

#mizunowa_visual .text {
	z-index:99;
	/*中央*/
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	margin: auto;
	display:inline-block;
	left: 11%;
}

#mizunowa_visual .text h1 {
	font-size:clamp(30px, 5vw, 96px);
	color:#FFF;
	line-height:1.2;
	margin-bottom:1.5rem;
}

#mizunowa_visual .text h1 strong {
	font-weight:900;
	letter-spacing:0;
	text-indent:-1rem;
	display: block;
}

#mizunowa_visual .text h1 span {
	font-size:0.5em;
	display:block;
	font-weight:900;
	letter-spacing:0;
}

#mizunowa_visual .text p {
	color:#FFF;
	font-weight:900;
	font-size:clamp(15px, 1.4vw, 20px);
	letter-spacing: 0;
}

.overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 10;
}

.ma_title01 strong {  
	text-indent: 5px;
	font-weight:700;
	display: inline-block;
}

.ma_title01 strong:before,
.ma_title01 strong:after {
	content:"/";
}

.ma_title01 span {
	display:block;
	font-size:clamp(36px, 4.8vw, 72px);
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
	margin-top:1rem;
}

#mizunowa04 .ma_title01 h2,
#mizunowa05 .ma_title01 h2 {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	flex-direction:column-reverse; /*逆順*/
}

.ma_title02 {
	text-align:center;
	margin-bottom:6rem;
}

.ma_title02 span {  
	text-indent: 5px;
	font-weight:700;
	display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#0650a3;
}

.ma_title02 span:before,
.ma_title02 span:after {
	content:"-";
}

.ma_title02 strong {
	display:block;
	font-size:clamp(22px, 3vw, 48px);
	font-weight:bold;
	line-height:1;
	margin-top:1rem;
}

#mizunowa04 .ma_title01 h2 {
	color:#0650a3;
}

/*装飾*/
.deco {
  position: absolute;
  inset: 0;
  overflow: clip;
  pointer-events: none;
}

.slash {
  position: absolute;
  top: 0;
  width: 25vw;
  height: 300vw;
  opacity: 0.2;
}

.slash-1 {
  rotate: 45deg;
  transform-origin: right top;
}

.slash-2 {
  rotate: -45deg;
  transform-origin: left top;
}

.bg-white01 {
	background:rgba(255,255,255,0.3);
}

.bg-white02 {
	background:rgba(255,255,255,1);
}


#mizunowa-action section#mizunowa01 {
	background:url(../../images/mizunowa/ma01_bg.png) no-repeat center center #0650a3;
	background-size:cover;
	background-attachment:fixed;
	color:#FFF;
	padding-bottom:0;
	margin-bottom: 15%;
}

#mizunowa01 .slash-1 {
	left: calc(50% - 10vw);
}

#mizunowa01 .slash-2 {
	left: calc(50% + 25vw);
}

#mizunowa01 .imgbox {
	margin-top:9rem;
	margin-bottom:-18%;
}

#mizunowa01 .box p {
	margin-bottom:3rem;
	font-size:clamp(16px, 1.4vw, 18px);
	letter-spacing:0;
	line-height:2;
}

#mizunowa01 .box p strong {
	font-size:clamp(20px, 2vw, 32px);
	letter-spacing:0;
	font-weight:900;
	line-height:1.8;
	display:block;
	margin-bottom:4.5rem;
}

#mizunowa-action section#mizunowa02 {
	background:url(../../images/mizunowa/ma02_bg.png) no-repeat center center;
	background-size:contain;
	background-attachment:fixed;
	margin-top:-15%;
	padding-top: 21%;
}

#mizunowa-action section#mizunowa02 p {
	text-align:center;
	margin-bottom:9rem;
	line-height:2;
	font-size:clamp(16px, 1.4vw, 18px);
}

#mizunowa-action section#mizunowa02 .imgbox {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#mizunowa-action section#mizunowa02 .imgbox img:nth-child(1) { margin-top:-9rem;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(2) {}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(3) { margin-top:-6rem;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(4) { margin-top:-12rem}

#mizunowa-action section#mizunowa03 {
	background:url(../../images/mizunowa/ma03_bg.png) no-repeat bottom center ;
	background-size:cover;
	background-attachment:fixed;
}

#mizunowa-action section#mizunowa03 dl {
	background:#0650a3;
	border-radius:0 3rem 0 3rem;
}

#mizunowa-action section#mizunowa03 dl dt img {
	border-radius:0 3rem 0 0;
}

#mizunowa-action section#mizunowa03 dl dd {
	padding:3rem;
	border-radius:0 0 0 3rem;
	color:#FFF;
	font-size:clamp(18px, 1.8vw, 24px);
	text-align:center;
	font-weight:700;
}

#mizunowa-action section#mizunowa04 {
	background:#fafafa;
}

#mizunowa-action section#mizunowa04 .deco .dia {
	content: "";
	width: 50vw;
	margin-left: auto;
	margin-right: auto;
	rotate: 45deg;
	aspect-ratio: 1;
	left: -35%;
  
  /*中央*/
	position: absolute;
	top: 50%;
	transform: translateY(-70%) ;
	-webkit- transform: translateY(-70%);
	margin: auto;
	display:inline-block;
}

#mizunowa-action section#mizunowa04 ul li {
	font-size:clamp(18px, 1.8vw, 24px);
	font-weight:500;
	padding-bottom:3rem;
	padding-top:3rem;
	padding-left:9rem;
	border-bottom:2px solid #DDD;
	background:url(../../images/mizunowa/icon_check01.png) no-repeat 10px 3rem;
	
}

#mizunowa-action section#mizunowa05 {
	background:url(../../images/mizunowa/ma05_bg.png) no-repeat center center #0650a3;
	background-size:cover;
	background-attachment:fixed;
	color:#FFF;
	padding-bottom:4.5%;
}

#mizunowa-action section#mizunowa05 .box1600 {
	position:relative;
}

#mizunowa-action section#mizunowa05 .ma_title01 {
	position:absolute;
	right:0;
	text-align:right;
}

#mizunowa-action section#mizunowa05 .slash-1 {
	left: calc(50% - -45vw);
}

#mizunowa-action section#mizunowa05 ul li:nth-child(1) {
  order: 4;
}

#mizunowa-action section#mizunowa05 ul li:nth-child(2) {
  order: 5;
}

#mizunowa-action section#mizunowa05 ul li:nth-child(3) {
  order: 1;
}

#mizunowa-action section#mizunowa05 ul li:nth-child(4) {
  order: 2;
}

#mizunowa-action section#mizunowa05 ul li:nth-child(5) {
  order: 3;
}

#mizunowa-action section#mizunowa05 ul {
	flex-wrap: wrap-reverse;
}

#mizunowa-action section#mizunowa05 ul li {
	margin-right:3.5%;
	margin-bottom:6rem;
	font-size: clamp(16px, 1.8vw, 24px);
	letter-spacing:0;
	position:relative;
}

#mizunowa-action section#mizunowa05 ul li span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	padding-top: 1.5rem;
	padding-left: 1.5rem;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: clamp(24px, 4.8vw, 60px);
	line-height: 1;
}

#mizunowa-action section#mizunowa05 ul li span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 10rem;
  aspect-ratio: 1;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #248bff;
}

#mizunowa-action section#mizunowa05 ul li:nth-child(5) {
	margin-right:0;
}

#mizunowa-action section#mizunowa05 ul li figure img {
	margin-bottom:2rem;
}

#mizunowa-action section#mizunowa05 ul li figure figcaption {
	letter-spacing:0.75px;
	font-weight:700;
}

#mizunowa-action section#mizunowa06 {
	background:url(../../images/mizunowa/ma06_bg.png) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	text-align:center;
}

#mizunowa-action section#mizunowa06 p {
	font-size: clamp(16px, 1.8vw, 24px);
	letter-spacing:0.75px;
	font-weight:700;
	line-height:2;
	margin-bottom:6rem;
}

#mizunowa-action section#mizunowa06 dl {
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	background:#f2f8ff;
	padding:4.5rem 6rem;
	border-radius:0 3rem 0 3rem;
}

#mizunowa-action section#mizunowa06 dl dt {
	margin-bottom:3rem;
	color:#0650a3;
	font-weight:700;
	font-size: clamp(16px, 1.4vw, 18px);
}

#mizunowa_footer {
	padding-top:6rem;
	padding-bottom:6rem;
	background:url(../../images/mizunowa/mafooter_bg.jpg) no-repeat center center;
	background-size:cover;
	color:#FFF;
}

#mizunowa_footer h3 {
	margin-bottom:1rem;
	font-weight:700;
	font-size:clamp(16px, 1.4vw, 18px);
}

#mizunowa_footer table {
	display:inline-block;
	border-collapse:separate;
	border-spacing:10px 0;
	margin-left:-10px;
	vertical-align: bottom;
}

#mizunowa_footer table th {
	text-align:center;
}

#mizunowa_footer table th,
#mizunowa_footer table td {
	padding:1rem;
	border-bottom:1px solid #FFF;
}

#mizunowa_footer_box {
	text-align:right;
	margin-top: auto;
}

#mizunowa_footer_ban {
	margin-bottom:3rem;
}


@media (max-width: 1200px){
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(1) { margin-top:-3rem;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(2) {}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(3) { margin-top:-1.5rem;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(4) { margin-top:-6rem}
}

@media (max-width: 980px){

#mizunowa_visual .text {
	left:0;
	padding-left:2rem;
	padding-right:2rem;
}


#mizunowa_visual .text h1 strong {
	text-indent:-0.5rem;
}

#mizunowa01 .ma_title01.w30 {
	width:100%;
	margin-bottom:3rem;
}

#mizunowa01 .box.w55 {
	width:100%;
}

#mizunowa01 .box p strong {
	margin-bottom:3rem;
}

#mizunowa01 .imgbox {
	margin-top:3rem;
}

#mizunowa-action section#mizunowa02 {
	padding-top:24%;
}

#mizunowa_footer {
	padding-bottom:9rem;
}

#mizunowa_footer_info.w48 {
	width:100%;
	margin-bottom:3rem;
}

#mizunowa_footer table th {
	width:25%;
}

#mizunowa_footer table td a {
	color:#FFF;
}

#mizunowa_footer table td small {
	font-size:0.8em;
}

#mizunowa_footer_box.w48 {
	width:100%;
	text-align:left;
}

#mizunowa_copy small {
	font-size:0.8em;
}

}

@media (max-width: 680px){

#mizunowa_visual .text {
	top: inherit;
	transform: inherit;
	-webkit- transform: inherit;
	width:100%;
	height: 100%;
	display:block;
}

#mizunowa_visual .text h1 {
	margin-top:4.5rem;
}

#mizunowa_visual .text p {
	position:absolute;
	bottom:4.5rem;
	width: calc(100% - 4rem);
}

.bg-wrapper {
  background: url('../../images/mizunowa/mainvisual_bg_sp.jpg') center/cover no-repeat;
  padding-top:145%;
}

.ma_title02 {
	margin-bottom:3rem;
}

#mizunowa01 .slash-1 {
  left: 100%;
}

#mizunowa-action section#mizunowa02 p {
	margin-bottom:3rem;
}

#mizunowa-action section#mizunowa02 .imgbox img.w23 {
	width:48%;
}

#mizunowa-action section#mizunowa02 .imgbox img:nth-child(1) { margin-top:0; margin-bottom:2rem;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(2) { margin-bottom:2rem;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(3) { margin-top:0;}
#mizunowa-action section#mizunowa02 .imgbox img:nth-child(4) { margin-top:0}

#mizunowa-action section#mizunowa03 dl.w31 {
	width:80%;
	margin:0 auto 2rem auto;
}

#mizunowa-action section#mizunowa03 dl.w31 dt img {
	width:100%;
	height:auto;
}

#mizunowa04 .ma_title01.w30 {
	width:100%;
	margin-bottom:3rem;
}

#mizunowa04 .box.w55 {
	width:100%;
}

#mizunowa-action section#mizunowa05 .ma_title01 {
	position:inherit;
	text-align:left;
	right:inherit;
	margin-bottom:3rem;
	padding-left:0;
	padding-right:0;
}

#mizunowa-action section#mizunowa05 ul {
  flex-wrap: wrap;
}

#mizunowa-action section#mizunowa05 ul li.w31 {
	width:80%;
	margin:0 auto 3rem auto;
}

#mizunowa-action section#mizunowa05 ul li:nth-child(1),
#mizunowa-action section#mizunowa05 ul li:nth-child(2),
#mizunowa-action section#mizunowa05 ul li:nth-child(3),
#mizunowa-action section#mizunowa05 ul li:nth-child(4),
#mizunowa-action section#mizunowa05 ul li:nth-child(5) {
  order: inherit;
}

#mizunowa-action section#mizunowa05 ul li figure img {
	margin-bottom:1rem;	
}

#mizunowa-action section#mizunowa06 dl {
	padding:2rem;
}

#mizunowa-action section#mizunowa06 dl dt {
	margin-bottom:1.5rem;
}

#mizunowa_footer_ban {
	margin-bottom:1.5rem;
}

}

@media (max-width: 480px){
#mizunowa01 .box p {
	margin-bottom:2rem;
}

#mizunowa04 .ma_title01.w30,
#mizunowa-action section#mizunowa05 .ma_title01 {
	margin-bottom:2rem;
}

#mizunowa-action section#mizunowa03 dl.w31 {
	width:100%;
}

#mizunowa-action section#mizunowa04 ul li {
	background-size:10%;
	padding-left:6rem;
}

#mizunowa-action section#mizunowa05 ul li.w31 {
	width:100%;
}
}

@media (max-width: 980px){
.cd-fixed-bg {
	background-size: cover;
	background-attachment: scroll;
}

#mizunowa-action section#mizunowa01 {
	background:url(../../images/mizunowa/ma01_bg_sp.png) no-repeat center center #0650a3;
}


#mizunowa-action section#mizunowa02 {
	background: url(../../images/mizunowa/ma02_bg_sp.png) no-repeat center center;
}

#mizunowa-action section#mizunowa03 {
	background: url(../../images/mizunowa/ma03_bg_sp.png) no-repeat bottom center;
}

#mizunowa-action section#mizunowa05 {
	background: url(../../images/mizunowa/ma05_bg_sp.png) no-repeat center center #0650a3;
}

#mizunowa-action section#mizunowa06 {
  background: url(../../images/mizunowa/ma06_bg_sp.png) no-repeat center center;
}

}