@charset "UTF-8";

body{
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	color: #152540;
}

a{
	color: inherit;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: none;
	color: inherit;
}

#opacity_wrap{
	opacity: 0;
}

#opacity_wrap.loaded{
	opacity: 1;
	transition: .6s;
}

#opacity_wrap.loaded_block{
	opacity: 1;
	transition: .6s;
}

/* ヘッダー */
#header{
	width: 100%;
	height: 407px;
	padding: 0 23px;
	display: flex;
	align-items: center;
	background-position: center;
	/*justify-content: center;transition: .3s;*/
	position: relative;
	background-color: #fff;
	flex-direction: column;
	overflow: hidden;
	z-index: 1;
}

#header.bg{
/*	background-image: url("../img/bg/bg.gif");*/
	background-image: url("../img/bg/bg.gif"); /* 2301修正 */
	transition: 2s;
	
}

#header.bg_block{
	background-image: url("../img/bg/bg.gif");
/*	transition: 2s;*/
	
}

#header.bg_block h1 #B,
#header.bg_block h1 #S,
#header.bg_block h1 #S_1_,
#header.bg_block h1 #S_2_,
#header.bg_block h1 #S_3_,
#header.bg_block h1 #X,
#header.bg_block h1 #D,
#header.bg_block h1 #G{
opacity: 1;
}

#header .world{
	max-width: 530px;
	height: auto;
	margin-top: 25px;
	opacity: 0;
	width: 100%;
}

#header.bg_block .world{
	max-width: 530px;
	height: auto;
	margin-top: 25px;
	opacity: 1;
	width: 100%;
}

#header.logoload .world{
	-webkit-animation: opa 1500ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: opa 1500ms 1 700ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: opa 1500ms 1 700ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: opa 1500ms 1 700ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: opa 1500ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header .ratte{
	position: absolute;
	bottom: 0;
	left: -775px;
	width: 183px;
	right: 0;
	margin: auto;
	opacity: 0;
}

#header.logoload .ratte{
	-webkit-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.bg_block .ratte{
	-webkit-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header h1{
	margin-bottom: 0;
	font-size: 0;
	width: 562px;
	/*position: absolute;
	top: 139px;*/
	margin-top: -78px;
}

#header h1 g{
	-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

#header h1 #B,
#header h1 #S,
#header h1 #S_1_,
#header h1 #S_2_,
#header h1 #S_3_,
#header h1 #X,
#header h1 #D,
#header h1 #G{
opacity: 0;
}

#header.logoload #B{
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #S_1_{
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #S{
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #X{
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #S_3_{
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #D{
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #G{
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165,.44,.64,1) forwards;
}

#header.logoload #S_2_{
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165,.44,.64,1) forwards;
}

@-moz-keyframes jump{
0%{
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

20%{
opacity:0;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

40%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,-30%,0) scaleY(1.2);
-moz-transform:translate3d(0,-30%,0) scaleY(1.2);
-o-transform:translate3d(0,-30%,0) scaleY(1.2);
-ms-transform:translate3d(0,-30%,0) scaleY(1.2);
transform:translate3d(0,-30%,0) scaleY(1.2);
}

50%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,10%,0) scaleY(.8);
-moz-transform:translate3d(0,10%,0) scaleY(.8);
-o-transform:translate3d(0,10%,0) scaleY(.8);
-ms-transform:translate3d(0,10%,0) scaleY(.8);
transform:translate3d(0,10%,0) scaleY(.8);
}

70%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0%,0) scaleY(1);
-moz-transform:translate3d(0,0%,0) scaleY(1);
-o-transform:translate3d(0,0%,0) scaleY(1);
-ms-transform:translate3d(0,0%,0) scaleY(1);
transform:translate3d(0,0%,0) scaleY(1);
}

80%,100%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0,0) scaleY(1);
-moz-transform:translate3d(0,0,0) scaleY(1);
-o-transform:translate3d(0,0,0) scaleY(1);
-ms-transform:translate3d(0,0,0) scaleY(1);
transform:translate3d(0,0,0) scaleY(1);
}
}

@-webkit-keyframes jump{
0%{
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

20%{
opacity:0;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

40%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,-30%,0) scaleY(1.2);
-moz-transform:translate3d(0,-30%,0) scaleY(1.2);
-o-transform:translate3d(0,-30%,0) scaleY(1.2);
-ms-transform:translate3d(0,-30%,0) scaleY(1.2);
transform:translate3d(0,-30%,0) scaleY(1.2);
}

50%{
opacity:1;-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,10%,0) scaleY(.8);
-moz-transform:translate3d(0,10%,0) scaleY(.8);
-o-transform:translate3d(0,10%,0) scaleY(.8);
-ms-transform:translate3d(0,10%,0) scaleY(.8);
transform:translate3d(0,10%,0) scaleY(.8);
}

70%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0%,0) scaleY(1);
-moz-transform:translate3d(0,0%,0) scaleY(1);
-o-transform:translate3d(0,0%,0) scaleY(1);
-ms-transform:translate3d(0,0%,0) scaleY(1);
transform:translate3d(0,0%,0) scaleY(1);
}

80%,100%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0,0) scaleY(1);
-moz-transform:translate3d(0,0,0) scaleY(1);
-o-transform:translate3d(0,0,0) scaleY(1);
-ms-transform:translate3d(0,0,0) scaleY(1);
transform:translate3d(0,0,0) scaleY(1);
}
}

@-o-keyframes jump{
0%{
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

20%{
opacity:0;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

40%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,-30%,0) scaleY(1.2);
-moz-transform:translate3d(0,-30%,0) scaleY(1.2);
-o-transform:translate3d(0,-30%,0) scaleY(1.2);
-ms-transform:translate3d(0,-30%,0) scaleY(1.2);
transform:translate3d(0,-30%,0) scaleY(1.2);
}

50%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,10%,0) scaleY(.8);
-moz-transform:translate3d(0,10%,0) scaleY(.8);
-o-transform:translate3d(0,10%,0) scaleY(.8);
-ms-transform:translate3d(0,10%,0) scaleY(.8);
transform:translate3d(0,10%,0) scaleY(.8);
}

70%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0%,0) scaleY(1);
-moz-transform:translate3d(0,0%,0) scaleY(1);
-o-transform:translate3d(0,0%,0) scaleY(1);
-ms-transform:translate3d(0,0%,0) scaleY(1);
transform:translate3d(0,0%,0) scaleY(1);
}

80%,100%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0,0) scaleY(1);
-moz-transform:translate3d(0,0,0) scaleY(1);
-o-transform:translate3d(0,0,0) scaleY(1);
-ms-transform:translate3d(0,0,0) scaleY(1);
transform:translate3d(0,0,0) scaleY(1);
}
}

@keyframes jump{
0%{
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

20%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,102%,0) scaleY(.9);
-moz-transform:translate3d(0,102%,0) scaleY(.9);
-o-transform:translate3d(0,102%,0) scaleY(.9);
-ms-transform:translate3d(0,102%,0) scaleY(.9);
transform:translate3d(0,102%,0) scaleY(.9);
}

40%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,-30%,0) scaleY(1.2);
-moz-transform:translate3d(0,-30%,0) scaleY(1.2);
-o-transform:translate3d(0,-30%,0) scaleY(1.2);
-ms-transform:translate3d(0,-30%,0) scaleY(1.2);
transform:translate3d(0,-30%,0) scaleY(1.2);
}

50%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,10%,0) scaleY(.8);
-moz-transform:translate3d(0,10%,0) scaleY(.8);
-o-transform:translate3d(0,10%,0) scaleY(.8);
-ms-transform:translate3d(0,10%,0) scaleY(.8);
transform:translate3d(0,10%,0) scaleY(.8);
}

70%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0%,0) scaleY(1);
-moz-transform:translate3d(0,0%,0) scaleY(1);
-o-transform:translate3d(0,0%,0) scaleY(1);
-ms-transform:translate3d(0,0%,0) scaleY(1);
transform:translate3d(0,0%,0) scaleY(1);
}

80%,100%{
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:translate3d(0,0,0) scaleY(1);
-moz-transform:translate3d(0,0,0) scaleY(1);
-o-transform:translate3d(0,0,0) scaleY(1);
-ms-transform:translate3d(0,0,0) scaleY(1);
transform:translate3d(0,0,0) scaleY(1);
}
}

#header .logosub{
	margin-bottom: 0;
	font-size: 0;
	content: url("../img/logo/logo_sub.svg");
	width: 300px;
	margin-top: 20px;
	opacity: 0;
	position: absolute;
	top: 306px;
}

#header.logoload .logosub{
	-webkit-animation: opa 1500ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: opa 1500ms 1 700ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: opa 1500ms 1 700ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: opa 1500ms 1 700ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: opa 1500ms 1 1000ms cubic-bezier(.165,.44,.64,1) forwards;
}

@keyframes opa{
0%{
}

100%{
opacity:1;
}
}


@media only screen and (max-width: 810px) {
#header{
	height: 477px;
}
#header .ratte {
    left: 11px;
    width: 183px;
    margin: 0;
}
}
@media only screen and (max-width: 550px) {
#header{
	height: 302px;
}

#header h1{
	width: 330px;
	/*top: 106px;*/
	margin-top: -41px;
}

#header .world {
    max-width: 310px;
    margin-top: 35px;
}

#header .logosub {
    width: 238px;
    top: 198px;
}

#header .ratte {
    left: 11px;
    width: 88px;
    margin: 0;
}
}


/* ナビ */
#nav{
	width: 100%;
}

#nav .menu{
	width: 100%;
	background-color: #fff;
	color: #fff;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	transition: .3s;
	position: fixed;
	top: -70px;
	left: 0;
	z-index: 4;
}

#nav .menu a{
	position: relative;
	margin: 0 21px;
}

#nav .menu a.logo{
	font-size: 0;
	content: url("../img/logo/bss.svg");
	width: 120px;
	position: absolute;
	left: 29px;
	transition: .3s;
	margin-bottom: 0;
	margin: 0;
	top: 16px;
}

#nav .menu a.logo2{
	font-size: 0;
	content: url("../img/logo/sdgs.svg");
	width: 230px;
	position: absolute;
	left: 0;
	right: 0;
	transition: .3s;
	margin-bottom: 0;
	margin: auto;
	top: 17px;
}

#nav .menu .bor-b::after {
    content: '';
    width: 0;
    right: 50%;
    bottom: -15px;
    transition: all 0.3s ease;
    border-bottom: 3px solid #fff;
    position: absolute;
    display: block;
}

#nav .menu .bor-b::before {
    content: '';
    width: 0;
    left: 50%;
    bottom: -15px;
    transition: all 0.3s ease;
    border-bottom: 3px solid #fff;
    position: absolute;
    display: block;
}

#nav .menu .bor-b:hover::after {
    width: 50%;
    border-bottom: 3px solid #fff;
}

#nav .menu .bor-b:hover::before {
    width: 50%;
    border-bottom: 3px solid #fff;
}

#nav .menu li{
	position: relative;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.06em;
	transition: .3s;
}

#nav .menu li.info2-nav{
	letter-spacing: 0.08em;
}




.is-fixed {
  display: inherit;
}

#nav.is-fixed .menu{
	background-color: #fff;
	color: #003878;
	height: 70px;
	justify-content: flex-end;
	top: 0;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

#nav.is-fixed .menu.active{
	box-shadow: none;
}

#nav.is-fixed .menu a.inquery{
	display: inherit;
	margin: 0 8px 1px;
}

#nav.is-fixed .menu li{
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.02em;
}

#nav.is-fixed .menu li::after{
	display: none;
}

#nav.is-fixed .menu .bor-b::after {
    bottom: -8px;
    border-bottom: 2px solid #003878;
}

#nav.is-fixed .menu .bor-b::before {
    bottom: -8px;
    border-bottom: 2px solid #003878;
}

#nav.is-fixed .menu .bor-b:hover::after {
    border-bottom: 2px solid #003878;
}

#nav.is-fixed .menu .bor-b:hover::before {
    border-bottom: 2px solid #003878;
}







#nav .Toggle {
	position: fixed;
	right: 7.5px;
	top: -55px;
	width: 55px;
	height: 55px;
	cursor: pointer;
	z-index: 13;
	background-color: #009edb;
	transition: .3s;
}



#nav.is-fixed .Toggle {
	top: 7.5px;
}

#nav .Toggle.active  {
	display: inherit;
}
  
#nav .Toggle span {
	display: block;
	position: absolute;
	width: 25px;
	border-bottom: solid 3.5px #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 15px;
}
  
#nav .Toggle span:nth-child(1) {
	top: 28px;
}
  
#nav .Toggle span:nth-child(2) {
	top: 38px;
}
  
#nav .Toggle.active span:nth-child(1) {
	top: 34px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 3.5px #fff;
}
  
#nav .Toggle.active span:nth-child(2),
#nav .Toggle.active span:nth-child(3) {
	top: 34px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 3.5px #fff;
}
  
#nav .Toggle small {
	position: absolute;
	color: #fff;
	font-size: 8px;
	letter-spacing: 0.1em;
	content: url("../img/icon/menu.svg");
	width: 35px;
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
	position: absolute;
}



/* ハンバーガーメニュー内 */
nav.NavMenu{
	position: fixed; 
	z-index: 3;
	top: 0px;
	left: 0;
	text-align: center;
	width: 100%; 
	transform: translateY(-100%); 
	overflow-y: auto!important;
	height: 100%;
	opacity: 0;
 }

nav.NavMenu.is-fixed{
	display: inherit;
	top: 70px;
	opacity: 1;
	transition: .6s;
 }

nav.NavMenu.is-fixed.active{
	box-shadow: none;
 }
 
nav.NavMenu.active{
	transform: translateY(0%);
}

.accordion-container {
    width: 100%;
    margin: 0 auto;
    display: block;
	padding: 55px 0 55px;
	background-color: #fff;	
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
}

.accordion-container .accordion-title2 {
	margin: 0;
	font-weight: 700;
	letter-spacing: 0.1em;
	pointer-events: inherit;
	font-size: 20px;
	padding: 15px 0px 15px;
	background-color: #fff;
	text-align: center;
	color: #152540;
	transition: .3s;
}

.accordion-container .accordion-title2:hover{
	color: #e5243b;
}

@media only screen and (max-width: 600px) {
#nav .menu {
    height: 52px;
}

#nav .menu a.logo2 {
    width: 175px;
    top: 13px;
}

#nav.is-fixed .menu {
    height: 52px;
}

#nav.is-fixed .Toggle {
	top: 0;
	right: 0;
}

#nav .menu a.logo{
    display: none;
}
	
#nav .Toggle {
    width: 52px;
    height: 52px;
	right: 0;
}

nav.NavMenu.is-fixed {
    top: 52px;
}

#nav .Toggle span {
    width: 24px;
    left: 14px;
}

#nav .Toggle span:nth-child(1) {
    top: 27px;
}

#nav .Toggle span:nth-child(2) {
    top: 36px;
}
	
#nav .Toggle small {
	width: 36px;
	top: 10px;
}
	
#nav .Toggle.active span:nth-child(1) {
    top: 32px;
}
#nav .Toggle.active span:nth-child(2) {
    top: 32px;
}

.accordion-container .accordion-title2 {
    font-size: 19px;
	letter-spacing: 0.07em;
    padding: 17px 0px 17px;
}

.accordion-container {
    padding: 41px 0 41px;
}
}

/* フッター */
#footer{
	text-align: center;
	padding: 24px 0;
	background-color: #e5243b;
}

#footer h1{
	margin-bottom: 0;
	font-size: 0;
}

#footer h1 .bss_w{
	content: url("../img/logo/bss_w.svg");
	width: 170px;
	margin: 0;
}

@media only screen and (max-width: 600px) {
#footer h1 .bss_w{
	width: 117px;
}
#footer{
	padding: 18px 0 17px;
}
}