@media only screen and (max-width: 750px) {

body {
	font-size: 100%; /* 16px */
	color: #000000;
	background: #ffffff;
	line-height:1.75;
	word-break:break-word;
}

a,
span,
img{
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}

a, a:link, a:visited {
	color: #00466A;
}

a:hover {
	color: #00466A;
}

body {
	font-size: 14px;
}

#top {
	position: relative;
}

#md-site {
}

.container-inner {
	width: auto;
}
	
	.fade-in {
		opacity : 0.0;
		-webkit-transform : translate(0, 50px);
		-moz-transform : translate(0, 50px);
		-o-transform : translate(0, 50px);
		-ms-transform : translate(0, 50px);
		transform : translate(0, 50px);
		-webkit-transition : all 500ms;
		-moz-transition : all 500ms;
		-o-transition : all 500ms;
		-ms-transition : all 500ms;
		transition : all 500ms;
	}
	.scroll-in {
		opacity : 1;
		-webkit-transform : translate(0, 0);
		-moz-transform : translate(0, 0);
		-o-transform : translate(0, 0);
		-ms-transform : translate(0, 0);
		transform : translate(0, 0);
	}



/* HEADER */


#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:82px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:3000;
}
#header.show{
	position:fixed;
	/*
	background-color:rgba(0,70,106,0.9);
	*/
	background-image: url("../images/common/mdnav-bg.jpg");
}

#header .container-inner {
	padding:10px 70px 10px 15px;
	background-image: url("../images/common/h-bg_sp.png");
	background-position: center top;
	background-repeat: repeat-x;
	background-size: auto 100%;
}

#header .primary{
	
}
#header .h-logo {
	display:block;
	margin:0;
	line-height:0;
}
#header .h-logo a {
	display:inline-block;
	text-decoration:none;
}
#header .h-logo a:hover,
#header .h-logo a:active {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#header .h-logo a img {
	width: auto;
	max-height: 62px;
}

#header .secondary{
	/* display:none; */
}


/* ↓ 240611 */
#header .head_btnbox{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1800;
	text-align: center;
}
#header .head_btnbox:after{
	content: "";
	display: block;
	width: 100%;
	height: 70px;
	background: linear-gradient( to top, rgb(0 0 0 /.85) 5%,  transparent );
	mix-blend-mode: multiply;
	position: absolute;
	bottom: 0;
	left: 0;
}
#header .sns_area{
	position: relative;
	isolation: isolate;
	z-index: 2;
	padding-bottom: 18px;
	display: flex;
	justify-content: center;
	gap: 0 24px;
}
#header .sns_area .links{
	width: 35px;
	height: 35px;
	display: inline-block;
}
#header .sns_area .links:hover{
	opacity: .6;
}
#header .sns_area .links img{
	width: 100%;
	height: auto;
}


#header .nav-btn{
	display: none;
}
/* ↑ 240611 */




/* FOOTER */

#footer {
	color: #ffffff;
	background-image: url("../images/common/f-bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#footer .container-inner {
	padding: 40px 25px;
	background-image: url("../images/common/f-wrapper.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#footer a{
	color: #ffffff;
}

#footer .f-sign{
    margin-bottom: 15px;
}

#footer .f-name{
	display:block;
	margin-bottom: 0;
	text-align: center;
}
#footer .f-name a{
	text-decoration:none;
}
#footer .f-name a:hover {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#footer .f-address{
	margin-bottom: 5px;
	text-align: center;
}
#footer .f-address .f-place,
#footer .f-address .f-tel,
#footer .f-address .f-fax{
    display: block;
	font-size: 87.5%; /* 14px */
}
	#footer .f-address .f-place{
		margin-right: 14px;
	}
	#footer .fbtn-list{
		letter-spacing: -.4em;
		text-align: center;
	}
	#footer .fbtn-list > li{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-right: 3%;
	}
	#footer .fbtn-list > li:last-child{
		margin-right: 0;
	}
	#footer .fbtn-list > li a{
		display: block;
		padding: 8px 15px;
		color: #ffffff;
		font-size: 106.25%; /* 17px */
		font-weight: bold;
		letter-spacing: 2.0pt;
		text-indent: 2.0pt;
		text-decoration: none;
		border: 1px solid #ffffff;
	}
	#footer .fbtn-list > li a:hover {
		filter:alpha(opacity=60); /* IE 6,7*/
		-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
		-moz-opacity:0.6; /* FF , Netscape */
		-khtml-opacity: 0.6; /* Safari 1.x */
		opacity:0.6;
		zoom:1; /*IE*/
	}
#footer .f-banner a{
	display:inline-block;
	padding:0;
	line-height:0;
}
#footer .f-banner a:hover{
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#footer .copyright {
	margin: 0;
	padding:10px 0;
	font-size: 87.5%;
	text-align:center;
}






/* NAVIGATION */

#nav{
    display: none;
}

#sp-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3500;
	margin-bottom:0;
}

#sp-menu a {
}

#sp-menu .menu {
	float: right;
	width: 60px;
	height: 60px;
}

#sp-menu .menu a {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
	background-color: #B50005;
}
	/*
	#sp-menu .menu.show a:not(.close){
		background-color: rgba(255,255,255,0.9);
	}
	*/

	#sp-menu .menu a .icon{
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right:0;
		margin:auto;
		width: 25px;
		height: 2px;
		background: #ffffff;
		transition: .2s;
	}
	#sp-menu .menu a .icon:before,
	#sp-menu .menu a .icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right:0;
		margin:auto;
		width: 25px;
		height: 2px;
		background: #ffffff;
		transition: .3s;
	}
	/*
	#sp-menu .menu.show a:not(.close) .icon,
	#sp-menu .menu.show a:not(.close) .icon:before,
	#sp-menu .menu.show a:not(.close) .icon:after{
		background-color: #00466A;
	}
	*/
	#sp-menu .menu a .icon:before{
		margin-top: -6px;
	}
	#sp-menu .menu a .icon:after{
		margin-top: 6px;
	}
	#sp-menu .menu a.close .icon{
		background: transparent;
	}
	#sp-menu .menu a.close .icon:before{
		margin-top: 0;
	}
	#sp-menu .menu a.close .icon:after{
		margin-top: 0;
	}
	#sp-menu .menu a.close .icon:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#sp-menu .menu a.close .icon:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#sp-menu .menu a .text{
		display: block;
		position: absolute;
		bottom:10%;
		left:0;
		right:0;
		margin:auto;
		color:#ffffff;
		font-size:0.64em;
		font-weight:bold;
		text-align:center;
	}
	/*
	#sp-menu .menu.show a:not(.close) .text{
		color: #00466A;
	}
	*/



#md-nav {
	position:fixed;
	top:82px;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
	margin:auto;
	padding-bottom: 60px;
	z-index:2000;
	display:none;
	/*
	background-color:rgba(0,70,106,0.9);
	*/
	background-image: url("../images/common/mdnav-bg.jpg");
	background-position: center top -82px;
	background-repeat: no-repeat;
	background-size: cover;
}


#sp-nav {
	margin: 30px;
}
#sp-nav li {
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 1.4;
    letter-spacing: 1.2pt;
	color: #1eb5e1;
}
#sp-nav > li {
    margin-bottom: 15px;
}
#sp-nav li a,
#sp-nav li span.parent {
	display: block;
	padding: 8px 30px;
	font-size: 125%; /* 20px */
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
    position: relative;
	border-bottom: 1px solid transparent;
}
#sp-nav li a:hover,
#sp-nav li.on > a:hover,
#sp-nav li.on > span.parent,
#sp-nav li.open > span.parent,
#sp-nav li span.parent.open {
	font-weight: bold;
}
	#sp-nav > li > a,
	#sp-nav > li > span.parent{
		padding-left: 40px;
	background-position: left 4px;
	background-repeat: no-repeat;
	background-size: 28px auto;
	}
#sp-nav > li.on > a,
#sp-nav > li.on > span.parent,
#sp-nav > li.open > span.parent,
#sp-nav > li > span.parent.open,
#sp-nav > li > a:hover {
	background-image: url("../images/common/nav-icon_sp.png");
	/*
	border-bottom-color: #cccccc;
	*/
}
	#sp-nav > li span.parent.open{
		border-bottom-color: #cccccc;
	}
#sp-nav li ul {
	display: none;
	padding: 12px 0 12px 15px;
}
#sp-nav > li > ul {
	padding-left: 40px;
}
#sp-nav li li {
    margin-bottom: 10px;
}
#sp-nav li li:last-child {
	margin-bottom: 0;
}
#sp-nav li li a,
#sp-nav li li span.parent {
	display: block;
	padding: 6px 0 6px 15px;
	font-size: 112.5%; /* 18px */
	background-image: url("../images/common/listmark-type01_w.png");
	background-position: 0 14px;
	background-repeat: no-repeat;
	background-size: 8px auto;
    position: relative;
}
    #sp-nav li li a{
        display: inline-block;
        position: relative;
    }
    #sp-nav li li a:before{
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 15px;
        margin: auto;
        height: 1px;
        background-color: transparent;
    }
#sp-nav li span.parent span {
    display: inline-block;
}
    #sp-nav li span.parent:before{
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background-color: #B6272D;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    #sp-nav li span.parent:after,
    #sp-nav li span.parent span:before{
        content: "";
        display: block;
        width: 10px;
        height: 2px;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        right: 5px;
        bottom: 0;
        margin: auto;
        transition-duration:0.3s;
        -webkit-transition-duration:0.3s;
        -moz-transition-duration:0.3s;
        -o-transition-duration:0.3s;
        -ms-transition-duration:0.3s;
    }
    #sp-nav li span.parent:after{
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
    }
    #sp-nav li span.parent.open:after{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
    }
    #sp-nav li span.parent.open span:before{
        background-color: transparent;
    }
	
    #sp-nav li li.on > a:before{
        background-color: #cccccc;
    }
	
.nav-btn{
	margin: 0 30px 30px;
	letter-spacing: -.4em;
    text-align: center;
}
.nav-btn > li{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 3%;
	letter-spacing: normal;
	background-color: #ffffff;
}
.nav-btn > li.members{
    display: none;
}
.nav-btn > li:last-child{
	margin-right: 0;
}
.nav-btn > li a{
	display: block;
	padding: 8px 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	background-color: #AC0005;
	box-sizing: border-box;
}
.nav-btn > li a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}
.nav-btn > li.members a:before{
	width: 18px;
	height: 22px;
	background-image: url("../images/common/btn-member.png");
	background-size: auto 22px;
}
.nav-btn > li.contact a:before{
	width: 22px;
	height: 14px;
	background-image: url("../images/common/btn-contact.png");
	background-size: auto 14px;
}
.nav-btn > li a:hover{
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}



/* TITLE */

#title {
	margin: 0;
    width: auto;
	padding-top: 73.8666667%; /* w750 × h554 */
	background-image: url(../images/common/title-bg_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 73.8666667%;
	position: relative;
}
#title .title-wrapper{
	width: 100%;
	background-image: url("../images/common/title-wrapper_sp.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
}
#title .title-wrapper .title-innerwrapper{
	padding-top: 25px;
	padding-bottom: 25px;
}
#title .title-wrapper .title-innerwrapper .title{
	color: #ffffff;
	font-size: 150%; /* 24px */
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: bold;
	letter-spacing: 1.5pt;
	text-align: center;
}
#title .title-wrapper .title-innerwrapper .title_en{
	margin-bottom: 0;
	text-align: center;
}
#title .title-wrapper .title-innerwrapper .title_en img{
	width: auto;
	max-height: 43px;
}


/* CONTENT */

#content {
	margin-bottom:10px;
}

#content .container-inner {
	padding: 10px 15px;
}
	
	#content .breadcrumb-box{
		margin-bottom: 0;
	}
	.breadcrumb-box .container-inner{
		padding-top: 15px;
		padding-bottom: 15px;
	}

#breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	font-size: 87.5%;
}
#breadcrumb li a{
	color:#000000;
}
#breadcrumb li.on{
	color:#000000;
	font-weight:bold;
}

#c-wrapper {
}

#main {
	margin-bottom:50px;
}

#side {
	padding:10px;
}

#content #side #snav {
	padding:0 10px;
}

.section {
	margin-bottom: 60px;
}

.section-s {
	margin-bottom: 40px;
}

.section-ss {
	margin-bottom: 20px;
}

.section-sss {
	margin-bottom: 10px;
}

.section-ssss {
	margin-bottom: 5px;
}

.pagetop {
	position:fixed;
	bottom:0;
	right:0;
	text-align: right;
	margin: 0;
	z-index:5000;
}
.pagetop a {
	display:block;
	width: 40px;
	height: 40px;
	line-height:0;
	text-decoration:none;
	background-color: #BE272D;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	position: relative;
}

.pagetop a:hover {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
.pagetop a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.inlink{
	margin-top:-65px;
	padding-top:65px;
}


/* SUBNAV */
	
	.subnav-box{
	}
	#content .subnav-innerwrapper{
	}
	.subnav-list,
	.subnav-list > li .lists{
		display: flex;
		align-content: stretch;
		flex-wrap: wrap;
		text-align: center;
	}
	.subnav-list > li,
	.subnav-list > li .lists > li{
		position: relative;
		width: 50%;
		padding-right: 1px;
		padding-bottom: 1px;
	}
	.subnav-list > li:nth-child(even),
	.subnav-list > li .lists > li:nth-child(even){
		padding-right: 0;
	}
	.subnav-list > li a,
	.subnav-list > li .lists > li a{
		display: block;
		padding: 20px;
		color: #666666;
		position: relative;
		background-color: #DDDDDD;
	}
	.subnav-list > li a{
		font-size: 106.25%; /* 17px */
	}
	.subnav-list > li.on > a,
	.subnav-list > li .lists > li.on > a,
	.subnav-list > li a:hover,
	.subnav-list > li .lists > li a:hover{
		color: #000000;
		font-weight: bold;
	}
	/*
	.subnav-list > li:before,
	.subnav-list > li .lists > li:before{
		content: "";
		display: block;
		width: 1px;
		height: 24px;
		position: absolute;
		top: 24px;
		right: 0;
		margin: auto;
		background-color: #999999;
	}
	.subnav-list > li:nth-child(even):before,
	.subnav-list > li .lists > li:nth-child(even):before{
		display: none;
	}
	*/
	.subnav-list > li.on a.parent:after,
	.subnav-list > li.on .lists > li a.parent:after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		right: 0;
		bottom: -19px;
		left: 0;
		margin: auto;
		border-top: 10px solid #DDDDDD;
		border-right: 14px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 14px solid transparent;
	}
	.subnav-list > li .subbox{
		width:100%;
		display:inline;
		transition:none;
		overflow:visible !important;
		line-height: 0;
	}
	.subnav-list > li .lists{
		margin-bottom: 0;
		width:200%;
		padding: 12px 0;
		line-height: 1.7;
	}
	.subnav-list > li:nth-child(even) .lists{
		margin-left:-100%;
	}
	.subnav-list > li .lists > li a{
		padding-right: 10px;
		padding-left: 10px;
		background-color: #EAEAEA;
	}
	#content .subnav-list > li .inner-box{
		padding: 0;
	}
	
	
/* BOTTOMS */

#bottoms{
	position:fixed;
	z-index:5000;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
}
#bottoms .bottoms-list{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	align-items: center;
    width: 100%;
    height: 60px;
}
	.bottoms-list > li{
		-webkit-flex-grow: 1;
		flex-grow: 1;
		width: 25%;
		height: 60px;
		background-color: #fdf2f1;
		border-top: 1px solid #FF0000;
		border-right: 1px solid #FF0000;
	}
	.bottoms-list > li:last-child{
		border-right: none;
	}
	.bottoms-list > li > a{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		height: 60px;
		color: #FF0000;
		font-size: 87.5%;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
	.bottoms-list > li > a .text{
		display: block;
		padding-top: 23px;
		line-height: 1.4;
		background-image: url("../images/common/anchor-cross.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 15px auto;
	}
	.bottoms-list > li > a .ls{
		letter-spacing: 7.5pt;
		text-indent: 7.5pt;
	}
	.bottoms-list > li > a:hover {
		filter:alpha(opacity=60); /* IE 6,7*/
		-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
		-moz-opacity:0.6; /* FF , Netscape */
		-khtml-opacity: 0.6; /* Safari 1.x */
		opacity:0.6;
		zoom:1; /*IE*/
	}





}