@charset "utf-8";
/*
Theme Name:八尾河内音頭まつりテーマ
Theme URL:https://www.yaokawachiondo.com
Description:八尾河内音頭まつり
Author:OFFICEZ
Version:2025
*/

*{margin:0;padding:0;line-height:calc(0.25rem+1em+0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat;ol,ul{list-style:none;})}
html{block-size:100%;-webkit-text-size-adjust:none}
@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}
body{text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type="file"])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}:where(textarea){resize:vertical}
@supports(resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}
h1{font-size:2em}:where(ul,ol){list-style-position:inside}:where(ul,ol)[role="list"]{list-style:none}
a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation;}:where(input[type="file"]){cursor:auto}:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{cursor:pointer}
@media(prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset 145ms cubic-bezier(0.25,0,0.4,1)}:where(:not(:active)):focus-visible{transition-duration:0.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled]{cursor:not-allowed}


/*M PLUS Rounded 1c*/
@font-face {
font-family:"M PLUS Rounded 1c";
src:url("./font/MPLUSRounded1c-Regular.ttf") format("TrueType");
font-display:swap;
font-style:normal;
font-weight:500;
}

@font-face {
font-family:"M PLUS Rounded 1c";
src:url("./font/MPLUSRounded1c-Medium.ttf") format("TrueType");
font-display:swap;
font-style:normal;
font-weight:600;
}

@font-face {
font-family:"M PLUS Rounded 1c";
src:url("./font/MPLUSRounded1c-Bold.ttf") format("TrueType");
font-display:swap;
font-style:normal;
font-weight:700;
}

body,html {
	margin:0;
	padding:0;
	font-style: normal;
	font-weight:500;
	font-display:swap;
	color:#0a174f;
}

body {
  font-family:"M PLUS Rounded 1c", Arial, Verdana, 游ゴシック,メイリオ, Meiryo, sans-serif;
}

a {
text-decoration:none!important;
cursor: pointer!important;
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity:1.0;
color:inherit;
}

a:hover {
opacity:0.7;
}


/*　スマホ用改行　*/
.br-sp {display: none;}

@media (max-width:767px) {
.br-sp {display: block;}
}

/* タブレットのみ改行 */
.br-tb {display: none;}

@media screen and (min-width:768px) and (max-width:1024px) {
.br-tb {display:block;}
}


/*------------------------------------------------
　ヘッダー
------------------------------------------------*/

header {
  position: fixed;
  z-index:999;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(20px, 5.333333333333333vw, 20px) clamp(20px, 5.333333333333333vw, 25px);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  background:#fff;
  box-shadow: rgba(17, 12, 46, 0.1) 0px 48px 100px 0px;
}

header::before {
    width:102%;
    height:13vh;
    position:absolute;
    overflow-x:hidden;
    z-index: -1;
    bottom:-85%;
    left:-1%;
    right:0;
    content:'';
    background:url(./img/header-back.svg) no-repeat;
}

@media screen and (min-width:2100px) and (max-width:6000px) {
header::before {
    width:102%;
	height:150px;
    position:absolute;
    overflow-x:hidden;
    z-index: -1;
    bottom:-140px;
    left:-1%;
    right:0;
    content:'';
    background:url(./img/header-back.svg) no-repeat;
	background-size:cover;}
}

@media screen and (min-width:1301px) and (max-width:2099px) {
header::before {
	height:150px;
    bottom:-140px;}
}

@media screen and (min-width: 820px) and (max-width: 1300px) {
header {padding: 20px 30px 10px;}
header::before {
    height:13vh;
    bottom:-12.8vh;
}
}

@media screen and (min-width: 768px) and (max-width:1159px) {
header {padding: 20px 30px 0px;}
header::before {
	height:100%;
	bottom: -90%;
}
}

@media (max-width:768px) and (orientation: landscape) {
header {
    padding: clamp(10px, 20px, 20px);
}
}

@media only screen and (max-width:767px){
header { 
	padding:10px 25px 5px 20px;
	box-shadow:none;
}
header::before {
	width:120%;
	height: 80px;
	left:-10%;
	right:0;}
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation: landscape){
header::before {
    width:120%;
    height:80px;
    right: 0;
	top:88px;}
}

.header-container {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
}

.header-container:before {
	position:absolute;
	content:url(./img/top/dancer01.svg);
	width:150px;
	height:200px;
    top:95%;
    left:10%;
	filter: drop-shadow(-10px 0px 30px rgba(255,255,255,0.1));
}	

.header-container:after {
	position:absolute;
	content:url(./img/top/dancer02.svg);
	width:180px;
	height:200px;
    top:90%;
    right:10%;
	filter: drop-shadow(-0px 0px 20px rgba(255,255,255,0.3));
}	

@media only screen and (max-width:1159px){
.header-container:before {
display:none;
}	

.header-container:after {
display:none;}	
}


@media only screen and (max-width:1400px){
.header-container {
  -ms-grid-columns: 0.7fr 2fr;
  grid-template-columns: 0.7fr 2fr;
}
}

@media only screen and (max-width:1220px){
.header-container {
  -ms-grid-columns: 0.6fr 2fr;
  grid-template-columns: 0.6fr 2fr;
}
}

@media only screen and (max-width:1180px){
.header-container {
  -ms-grid-columns: 0.58fr 2fr;
  grid-template-columns: 0.58fr 2fr;
}
}


/* サイトロゴ */
.header-logo {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

@media (max-width: 768px) and (orientation: landscape) {
  .header-logo {
    width: clamp(70px, 17.991004497751124vw, 140px);
  }
}

/* サイトロゴ　振興会 */
.logo-link {
display: block;
width:260px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.logo-link p {
font-size:12px;
text-align:center;
margin:0 auto 12px;
color:#2e3192;
border:1.5px solid #2e3192;
}
.logo-link:hover {
  opacity: 0.6;
}

.logo-link.active p {
text-align:center;
color:#fff;
font-weight:normal;
border-color:#fff;
}
.logo-link.active img {
	/* background: #fff;*/
	mix-blend-mode:screen;
	
}

@media screen and (min-width:1160px) and (max-width:1300px) {
.logo-link {
width:220px;
}
}

@media screen and (min-width: 768px) and (max-width: 1159px) {
.logo-link {
width:230px;
}
.logo-link p {
	margin:0 auto 5px;}
}

@media (max-width:768px) and (orientation: landscape) {
  header {
    padding: clamp(10px, 20px, 20px);
  }
}

@media only screen and (max-width:767px){
.logo-link {
width:220px;
}
.logo-link p {
font-size:11px;
margin:0 auto 5px;}		
}



/*------------------------------------------------
　グローバルメニュー
------------------------------------------------*/

@media (min-width: 1160px) {
  .nav-menu {
    padding-top: 0 !important;
}

.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /*gap: clamp(20px, 2.0833333333333335vw, 40px);*/
    border:none;
    letter-spacing: 0.2px;
}

/* メニューアイコン */
.menu-list .aboutFes,
.menu-list .festival,
.menu-list .info,
.menu-list .sponsorship {
	text-align: center;
	position:relative;
}

.menu-list .aboutFes:before,
.menu-list .festival:before,
.menu-list .info:before,
.menu-list .sponsorship:before {
	position:absolute;
	content:"";
	height:105px;
	width:1.8px;
	background:#2e3192;
	left:0;
	top:0;
	z-index:999;
}

.menu-list .sponsorship:after {
	position:absolute;
	content:"";
	height:102px;
	width:2px;
	background:#2e3192;
	right:0;
	top:0;
	z-index:999;
}
.menu-list .aboutFes a {
	position:relative;
	padding:55px 0 7px;
}

.menu-list .festival a,
.menu-list .info a,
.menu-list .sponsorship a {
	position:relative;
	padding:65px 0 17px;
}
	
.menu-list .aboutFes a:after,
.menu-list .festival a:after,
.menu-list .info a:after,
.menu-list .sponsorship a:after {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	position:absolute;
}	
.menu-list .aboutFes a:after {
	content:url(./img/aboutFes.svg);
	width:28px;
	height:40px;
    top:10%;
    left: 50%;
}
.menu-list .festival a:after {
	content:url(./img/festival.svg);
	width:35px;
	height:40px;
    top:12%;
    left:50%;
}
.menu-list .info a:after {
	content:url(./img/info.svg);
	width:40px;
	height:40px;
    top:17%;
    left:50%;
}	
.menu-list .sponsorship a:after {
	content:url(./img/sponsorship.svg);
	width:42px;
	height:40px;
    top:18%;
    left:50%;
}

/* メニュー　●リスト */	
.menu-list ul {
width:calc( 100% / 2 - 200px );
}

.menu-list ul.menu-maru li {
	position:relative;
}
.menu-list ul.menu-maru li:nth-of-type(2)::after {
	position:absolute;
	content:"";
	width:84%;
	height:1px;
	background:#2e3192;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

ul.menu-maru {
    list-style-type:none;
    margin:0;
	max-width:230px;
}

ul.menu-maru li {
    display: flex;
    align-items: center;
	padding:0 0 0 15px;
    /* position: relative; */
}

ul.menu-maru li::before,
ul.menu-maru li::after {
    position: absolute;
    content: '';
}

ul.menu-maru li::before {
    left:18px;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #2e3192;
}

.menu-list ul.menu-maru li a {
	font-size: 14px!important;
	padding: 10px 20px;
}	

/* メニューボタン */
.menu-list ul.menu-btn {
	max-width:200px;
}

.menu-list ul.menu-btn li {
	position:relative;
}

.menu-list ul.menu-btn li.contact a {
	background:#2e3192;
	color:#fff;
	font-weight:normal;
	padding: 14px 0 14px 10px;
	margin-bottom: 10px;
}

.menu-list ul.menu-btn li.contact.alone a {
	background:#2e3192;
	color:#fff;
	font-weight:normal;
	padding:20px 0 20px 10px;
	margin-bottom:10px;
}
	
.menu-list ul.menu-btn li.application a {
	background:#ff4606;
	color:#fff;
	font-weight:normal;
	line-height:1.3;
	padding:14px 0 14px 15px;
}	
.menu-list ul.menu-btn li a {
	font-size:15px!important;	
	text-align:center;
}
.menu-list ul.menu-btn li span {
	font-size:12.5px!important;
	display:block;

}
.menu-list ul.menu-btn li::after {
    position: absolute;
    content: '';
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.menu-list ul.menu-btn li.contact:after {
	content:url(./img/mail.svg);
	width:27px;
	height:27px;
    top:50%;
    left:7%;
}
.menu-list ul.menu-btn li.application:after {
	content:url(./img/document.svg);
	width:27px;
	height:27px;
    top:50%;
    left:7%;
}
/*　SNSボタン　*/
.menu-list ul.menu-sns {
	width:50px;
}

.menu-list ul.menu-sns li {
	background:#2e3192;
	width:40px;
	margin:10px 0px 10px 10px;
	border-radius:50%;
}
.menu-list ul.menu-sns li a img {
	padding:10px;
}
}

/* グローバルメニューの幅 */
@media screen and (min-width:1401px) and (max-width:5000px) {
.menu-list .aboutFes,
.menu-list .festival,
.menu-list .info,
.menu-list .sponsorship {
	width: 130px;
}
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
.menu-list .aboutFes,
.menu-list .festival,
.menu-list .info,
.menu-list .sponsorship {
	width: 122px;
}
}

@media screen and (min-width:1159px) and (max-width:1200px) {
.menu-list .aboutFes,
.menu-list .festival,
.menu-list .info,
.menu-list .sponsorship {
	width:118px;
}
}

.menu-link {
display: block;
color:#0a174f;
font-weight:600;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}

.menu-link:hover {
  opacity: 0.7;
}

.nav-menu.active .menu-link {
  color: #fff;
}

@media (min-width:1160px) {
.menu-link {
	font-size: clamp(14px, 14.8px, 16px);
}
}


/*------------------------------------------------
　グローバルメニュー　スマホ用
------------------------------------------------*/

@media screen and (min-width:820px) and (max-width:1159px) {
  .nav-menu {
    padding-right:20%!important;
    padding-left:20%!important;
}
}

@media only screen and (max-width:1159px){
.nav-menu {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding-right: clamp(30px, 8vw, 60px);
    padding-bottom: clamp(30px, 8vw, 60px);
    padding-left: clamp(30px, 8vw, 60px);
    transition-duration: 300ms;
    /* transform: translateX(200%); */
    /* overflow: auto; */
    /* ナビメニューの背景色を変えたい時 */
    visibility: hidden;
    opacity: 0;
    background-color: rgba(46,49,146,0.95);
}
  .nav-menu.active {
    /* transform: translateX(0); */
    visibility: visible;
    opacity: 1;
  }

.menu-link {
    font-size:18px;
    padding-top: clamp(10px, 2.6666666666666665vw, 20px);
    padding-bottom: clamp(10px, 2.6666666666666665vw, 20px);
    text-align: center;
    border-style: solid;
    border-color: #fff;
    border-bottom-width: 1px;
}

.menu-list ul.menu-btn li {
	position:relative;
}

.menu-list ul.menu-btn li.contact a {
	background:#fff;
	color:#2e3192;
	padding: 14px 0 14px 10px;
	margin: 10px auto;
	border-bottom:none;
}	
.menu-list ul.menu-btn li.application a {
	background:#ff4606;
	color:#fff;
	line-height:1.3;
	padding:14px 0 14px 15px;
	border-bottom:none;
}	
.menu-list ul.menu-btn li a {;	
	text-align:center;
}

.menu-list ul.menu-btn li::after {
    position: absolute;
    content: '';
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.menu-list ul.menu-btn li.contact:after {
	content:url(./img/mail_kon.svg);
	width:38px;
	height:27px;
    top:40%;
    left:7%;
}
.menu-list ul.menu-btn li.application:after {
	content:url(./img/document.svg);
	width:33px;
	height:27px;
    top:40%;
    left:7%;
}	
.menu-list .aboutFes br {
	display:none;
}
.menu-list span {
	display:block;}
/*　SNSボタン　*/
.menu-list ul.menu-sns {
	width:calc(120px + 20px);
	display: flex;
	margin:auto;
    align-items: center;
}

.menu-list ul.menu-sns li {
	background:#222;
	width:60px;
	float:left;
	margin:13px 10px 0 10px;
	border-radius:50%;
}
.menu-list ul.menu-sns li a img {
	padding:12px;
}	
}

/* グローバルメニュースマホ用　トグル */
.hamburger-button {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  /* height: clamp(13px, 3.466666666666667vw, 26px); */
  margin-right: 0;
  margin-left: auto;
  cursor: pointer;
  background: none;
  background:#2e3192;
  padding: 15px 10px;
}

.hamburger-button.active {background: #fff;padding: 24px 9px;}

.hamburger-lines {
  position: relative;
  width: clamp(40px, 10.666666666666666vw, 90px);
  height: clamp(13px, 3.466666666666667vw, 26px);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

@media (max-width:1159px) {
  .hamburger-lines {
    width: clamp(35px, 4vw, 50px);
    height: clamp(13px, 3.466666666666667vw, 26px);
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .hamburger-lines {
    width: clamp(30px, 7.496251874062969vw, 50px);
    height: clamp(15px, 2.998500749625187vw, 20px);
  }
}

.hamburger-lines.active {
  height: 1px;
}

.hamburger-lines .line {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(1.5px, .26666666666666666vw, 2px);
  margin: auto;
border-radius:3px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  /* ハンバーガーメニューの線の色を変えたい時 */
  background-color: #fff;
}

.hamburger-lines.active .line {
  /* ハンバーガーメニューオープン時の線の色を変えたい時 */
background-color: #fff;
background:#2e3192;
}

.hamburger-lines .line:nth-child(1) {
  top: 0;
}

.hamburger-lines .line:nth-child(2) {
  bottom:50%;
}

.hamburger-lines.active .line:nth-child(3) {
  display:none;
}

.hamburger-lines .line:nth-child(3) {
  bottom: 0;
}

@media (min-width:1160px) {
/* タブレットサイズ以上でハンバーガーメニューを丸ごと非表示 */
  .hamburger-button {
    display: none;
  }
}

@media only screen and (max-width: 480px){
.hamburger-button {
	margin-top: -25px;
	margin-right: -15px;
	padding: 18px 9px;
}
.hamburger-lines .line:nth-child(1) {
  top:-3px;
}
.active > .hamburger-lines .line:nth-child(1) {
  top:0px;
}
.hamburger-lines .line:nth-child(2) {
	bottom:50%;
	height: 1.3px;}

.active > .hamburger-lines .line:nth-child(2) {
	height: 1.5px;
	}
	
.hamburger-lines .line:nth-child(3) {
  bottom:-3px;
}
}





/*PC　スティッキーメニュー（スクロール時） */

@media (min-width:1160px) {
header.changeNav {
		background: rgba(255,255,255,.9);
		/*border-bottom: 1px solid #d1d1d1;*/
	padding: 7px 30px;
	box-shadow: rgba(17, 12, 46, 0.1) 0px 48px 100px 0px;
}

header.changeNav::before {
    display:none;
}

header.changeNav .header-container:before {
	display:none;
}	

header.changeNav .header-container:after {
	display:none;
}
	
header.changeNav .logo-link {
width:210px;
}
header.changeNav .logo-link p {
	font-size: 11px;margin: 2px auto 5px;
}

header.changeNav .menu-link {
	font-size: 13px;
}
	
header.changeNav .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border:none;
    letter-spacing: 0.2px;
}

header.changeNav .menu-list .aboutFes:before,
header.changeNav .menu-list .festival:before,
header.changeNav .menu-list .info:before,
header.changeNav .menu-list .sponsorship:before {
	position:absolute;
	content:"";
	height:75px;
	width:1.8px;
	background:#2e3192;
	left:0;
	top:0;
	z-index:999;
}

header.changeNav .menu-list .sponsorship:after {
	position:absolute;
	content:"";
	height: 74px;
	width:2px;
	background:#2e3192;
	right:0;
	top:0;
	z-index:999;
}
	
header.changeNav .menu-list .aboutFes a {
	position:relative;
	padding: 42px 0 5px;
	line-height: 1.2;
}

header.changeNav .menu-list .festival a,
header.changeNav .menu-list .info a,
header.changeNav .menu-list .sponsorship a {
	position:relative;
	padding: 52px 0 4px;
}
	
header.changeNav .menu-list .aboutFes a:after,
header.changeNav .menu-list .festival a:after,
header.changeNav .menu-list .info a:after,
header.changeNav .menu-list .sponsorship a:after {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	position:absolute;
}	
header.changeNav .menu-list .aboutFes a:after {
	content:url(./img/aboutFes.svg);
	width: 25px;
	height:40px;
	top: 7%;
	left: 50%;
}
header.changeNav .menu-list .festival a:after {
	content:url(./img/festival.svg);
	width:35px;
	height:40px;
	top: 7%;
	left:50%;
}
header.changeNav .menu-list .info a:after {
	content:url(./img/info.svg);
	width:40px;
	height:40px;
	top: 12%;
	left:50%;
}	
header.changeNav .menu-list .sponsorship a:after {
	content:url(./img/sponsorship.svg);
	width:42px;
	height:40px;
	top: 15%;
	left:50%;
}
	
header.changeNav .menu-list ul {
width:calc( 100% / 2 - 200px );
}

header.changeNav .menu-list ul.menu-maru li {
	position:relative;
}
header.changeNav .menu-list ul.menu-maru li:nth-of-type(2)::after {
	display:none;	
}

header.changeNav ul.menu-maru {
    list-style-type:none;
    margin:0;
	max-width:220px;
}

header.changeNav ul.menu-maru li {
    display: flex;
    align-items: center;
}

header.changeNav ul.menu-maru li::before,
header.changeNav ul.menu-maru li::after {
    position: absolute;
    content: '';
}

header.changeNav ul.menu-maru li::before {
    left:18px;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #2e3192;
}
	
header.changeNav .menu-list ul.menu-maru li a {
	font-size:14px!important;
	padding:5px 20px;
}

header.changeNav .menu-list ul.menu-maru li.sns::before {
	display:none;	
}

header.changeNav .menu-list ul.menu-maru li.sns {
	display:flex;
	justify-content:flex-end;
	gap: 12px;
	width: calc( 100% - 12px);
}	

header.changeNav .menu-list ul.menu-maru li.sns a {
	background-color: #2e3192;
	padding:5px;
	flex-basis:26px;
	height:26px;
}
	
header.changeNav .menu-list ul.menu-btn {
	max-width:180px;
}

header.changeNav .menu-list ul.menu-btn li {
	position:relative;
}

header.changeNav .menu-list ul.menu-btn li.contact a {
background:#2e3192;
color:#fff;
font-weight:normal;
padding: 10px 0 10px 10px;
margin-bottom: 5px;
}

/*　SNSボタン　*/
header.changeNav .menu-list ul.menu-sns {
	width:40px;
}

header.changeNav .menu-list ul.menu-sns li {
	background:#2e3192;
	width:35px;
	margin:5px 0px 5px 10px;
	border-radius:50%;
}
header.changeNav .menu-list ul.menu-sns li a img {
	padding:10px;
}

	
/*申込ボタンがない時*/
header.changeNav .menu-list ul.menu-btn li.contact.alone a {
padding:18px 0 18px 10px;
}

	
header.changeNav .menu-list ul.menu-btn li.application a {
	background:#ff4606;
	color:#fff;
	font-weight:normal;
	line-height: 1.2;
	padding: 10px 0 10px 15px;
}	
header.changeNav .menu-list ul.menu-btn li a {
	font-size: 14px!important;
	text-align:center;
}
header.changeNav .menu-list ul.menu-btn li span {
	font-size: 11px!important;
	display:block;
}

header.changeNav.menu-list ul.menu-btn li::after {
    position: absolute;
    content: '';
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

header.changeNav .menu-list ul.menu-btn li.contact:after {
	content:url(./img/mail.svg);
	width:27px;
	height:27px;
    top:50%;
    left:7%;
}
header.changeNav .menu-list ul.menu-btn li.application:after {
	content:url(./img/document.svg);
	width:27px;
	height:27px;
    top:50%;
    left:7%;
}	
}


/*------------------------------------------------
　フッター
------------------------------------------------*/
.footer-banner ul {
    display: flex;
   justify-content:center;
	flex-wrap:row;
	gap:50px;
}
.footer-banner ul li {
	text-align:center;
	line-height: 2.5;
	font-size: 14px;
	color: #555;
	position:relative;
	letter-spacing:1px;
}
.footer-banner ul li:after {
	content:"";
	background:url(./img/link.svg);
	background-size:cover;
	top: 10px;
	right: 30px;
	position:absolute;
	width:15px;
	height:15px;
}
.footer-banner ul li a img{
	height: 60px;
	background:#fff;
}

.footer-banner ul li:nth-of-type(2) a img {
	border:1px solid #666;
	vertical-align: bottom;
	padding:8px 5px 5px;
}

@media only screen and (max-width:767px){
.footer-banner ul {
    display:flex;
    flex-wrap:wrap;
	justify-content:center;
    gap:30px 0;
}
.footer-banner ul li a {
	margin:auto;
	text-align:center;
}	
}

footer {
	text-align:center;
	margin: 200px auto 0;
	line-height:2;
}

footer h2 {
	font-size:18px;
	color:#0a174f;
}

footer h3 {
	font-size:14px;
	color:#0a174f;
}


.address-box {
	text-align:center;
	margin:10px auto 30px;
}

.address-box img {
	width:250px;
	margin:0 auto 30px;
}

footer .copyright {
	font-size:11px;
	padding:30px;
	line-height:1.7;
	text-align:center;
	background:#2e3192;
	color:#fff;
	letter-spacing:1px;
}

/* サブページ */
.subF .footer-banner {
    margin:200px auto 0;
	padding:80px 0;
    background-image: url(./img/dust_scratches.png);
    background-repeat: repeat;
}

.subF footer {
	text-align:center;
	color:#2e3192;
	margin:50px auto 0;
	line-height:2;
}