html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body,#container{
width:100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Sans Unicode", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	overflow-x : hidden;
}

#mypageparts-sp {
	display: none;
}

div#footer .pagetop {
	background: #fff;
}


@media screen and (min-width: 640px) {
html,body,#container{
min-width: 1080px;
}
	#mypageparts-sp {
		display: none;
	}


	a{
		color: #908d7d;
	}
	a:hover{
		text-decoration:underline;
	}

	#body a:hover img {
		opacity: 0.8;
	}

	._sp {
		display: none !important;
	}
/* header */

	.button_navigation {
		display: none;
	}


	#header {
		background: url(/msppoint/shared/img/common/bg_logo.jpg);
	}

	#header h1.logo {
		background: url(/msppoint/shared/img/common/bg_logo.jpg);
		height: 50px;
		min-width: 1080px;
		max-width: 1080px;
		margin: 0 auto;
		width: 100%;
	}
	#header h1.logo a {
		display: block;
		width: 1001px;
		min-width: 100%;
		margin: 0 auto;
		padding: 15px 0px 0px 5px;
	}

	h1.logo a::before {
		content: url(/msppoint/shared/img/common/h1_icon.png);
		margin-right: 0.2em;
	}

	#header div.navigation {
		background: url(/msppoint/shared/img/common/bg_navigation.jpg);
		min-width: 1080px;
	}
	#header div.navigation ul {
		overflow: hidden;
		margin: 0 auto;
		width: 1080px;
		display: flex;
		padding: 15px 0;
		justify-content: center;
	}

	#header div.navigation li {
		color: #fff;
		height: 36px;
		padding: 0 10px;
		box-sizing: border-box;
		border-right: 1px solid #89cbfc;
	}

	#header div.navigation li:first-child {
		border-left: 1px solid #89cbfc;
	}

	#header div.navigation li:nth-child(1) a {
		background: url(/msppoint/shared/img/common/nav01_o.png) no-repeat;
	}

	#header div.navigation li:nth-child(2) a {
		background: url(/msppoint/shared/img/common/nav02_o.png) no-repeat;
	}

	#header div.navigation li:nth-child(3) a {
		background: url(/msppoint/shared/img/common/nav07_o.png) no-repeat;
	}

	#header div.navigation li:nth-child(4) a {
		background: url(/msppoint/shared/img/common/nav04_o.png) no-repeat;
	}

	#header div.navigation li:nth-child(5) a {
		background: url(/msppoint/shared/img/common/nav08_o.png) no-repeat;
	}

	#header div.navigation li:nth-child(6) a {
		background: url(/msppoint/shared/img/common/nav06_o.png) no-repeat;
	}

	#header div.navigation li a {
		display: block;
	}

	#header div.navigation li a img {
		opacity: 1;
		transition: .3s;
	}

	#header div.navigation li.selected a img,
	#header div.navigation li a:hover img {
		opacity: 0;
		transition: .3s;
	}



/*
	#header div.navigation li a {
		color: #fff;
		display: block;
		padding: 10px 17px;
		line-height: 1.0;
		font-weight: bold;
		transition: .3s;
		line-height: 30px;
		border-radius: 0.5em;
	}

	#header div.navigation li.selected a,
	#header div.navigation li a:hover {
		background: #fff;
		text-decoration: none;
		color: #0068b7;
		transition: .3s;
	}
*/

/* main /////////////////////////////////////////// */

	#contents {
		overflow: hidden;
		width: 1080px;
		margin: 0 auto;
		padding-top: 30px;
		padding-left: 2px;
	}


	#body {
		width: 765px;
		float: left;
	}


/* sidebar /////////////////////////////////////////// */

	div#sidebar {
		width: 285px;
		float: right;
	}
	h3.sidebar_title {
		position: relative;
		background-color: #0068b7;
		padding-left: 10px;
		width: 285px;
	}
	div.sidebar_content {
		border: 3px solid #0068b7;
		position: relative;
	}

	div.sidebar_box {
		margin-top: 10px;
	}

	div.sidebar_content_inner {
		margin: 0 auto;
		text-align: center;
		width: 250px;
		padding: 15px;
	}
	div.sidebar_content_inner img.btn_reg {
		padding-top: 11px;
	}
	div.sidebar_content_inner div.card_box {
		color: #908d7d;
		font-size: 12px;
	}
	div.card_box:hover img{ opacity: .9;}
	div.card_box:hover > a:first-child + a { opacity: .8; text-decoration: underline;}
	div.sidebar_content_inner div.card_box > a:first-child + a {
		background: url(/msppoint/shared/img/common/sidebar_p_ico.png) 0 3px no-repeat;
		width: 168px;
		margin: 0 auto;
		padding-left: 10px;
		text-align: left;
		color: #908d7d;
	}
	div.card_box > a:first-child {
		display: block;	
	}
	div.card_box > a:first-child img {
		margin-bottom: 13px;
	}
	div.card_box:first-child {
		border-bottom: 1px dashed #a1a1a1;
		padding-bottom: 15px;
		margin-bottom: 19px;
	}
	div.sidebar_ads {
		text-align: center;
		display: none;
	}
	div.sidebar_ads a img {
		margin-top: 10px;
	}
	div.sidebar_ads a:hover {
		opacity: .9;
	}

/* footer */
	div#footer {
		min-width: 1080px;
		background: #f2f2f2;
		font-size: 12px;
		position: relative;
		margin: 113px 0 0;
		padding-bottom: 50px;
	}

	div#footer .navigation {
		width: 1001px;
		margin: 0 auto;
		overflow: hidden;
	}

	div#footer .navigation>li:nth-child(4) {
		float: right;
	}

	div#footer .navigation a {
		color: #888;
		text-decoration: none;
	}
	div#footer .navigation_parent {
		float: left;
		padding-top: 44px;
		width: 235px;
	}
	div#footer ul li a:hover {
		opacity: 0.8;
		text-decoration: underline;
	}
	div#footer > ul > li {
		padding-left: 15px;
		line-height: 1.7;
		list-style: none;
	}

	#footer .navigation_childrent li {
		list-style: none;
	}

	ul.pc_ll a,
	#footer .navigation_childrent li a,
	#footer .navigation_childrent li span{
		padding-left: 15px;
		background: url(/msppoint/shared/img/common/footer_li_ico.png) 0 5px no-repeat;
	}
	
	#footer .navigation_childrent li span{
		color: #c4c1b1;
	}

	#footer a.footer_title {
		background: url(/msppoint/shared/img/common/footer_list_ico.png) left center no-repeat;
		padding-left: 20px;
		font-size: 14px;
		color: #000 !important;
		cursor: text;
		font-weight: bold;
	}
	#footer a.footer_title:hover {
		cursor: text;
		text-decoration: none;
	}


	div#footer .copyright {
		min-width: 1080px;
		background: url(/msppoint/shared/img/common/footer_bg.jpg) repeat-x;
		height: 383px;
	}
	div#footer .copyright span {
		text-align: center;
		padding-top: 323px;
		color: #d2cdba;
		display: block;
	}
	a.backtotop {
		position: absolute;
		top: -35px;
		right: 14px;
	}

	#aside {
		display: none;
	}


/* Topic Path ------------------------------------------- */

	div.topic_path {
		padding-bottom: 22px;
		padding-left: 2px;
		margin-top: -7px
	}
	div.topic_path ul li {
		display: inline-block;
		font-size: 12px;
		color: #423b1b;
		margin-right: 6px;
	}
	div.topic_path ul li:after {
		content: ">";	
		padding-left: 14px;
	}
	div.topic_path ul li:last-child:after {
		content: '';	
	}
	div.topic_path ul li a:hover {
		text-decoration: underline;	
	}
	div.topic_path ul li a {
		color: #423b1b;
	}
	div.topic_path ul > li:first-child a {
		color: #908d7d;
	}

/* page_title ------------------------------------------- */

	#body h2.payment_title,
	#body h2.contents_title {
		padding-bottom: 33px;
		padding-left: 3px;
	}

	#body h2.payment_title img,
	#body h2.contents_title img {
		vertical-align: bottom;
	}

	#body h2.payment_title span,
	#body h2.contents_title span {
		display: none;
	}

	#body h3 {
		padding: 0.5em 1em;
		border-left: 4px solid #0068b7;
		font-size: 115%;
		margin: 10px 0px 25px;
		color: #000;
	}

	#body h3.h3_02{
		border-bottom:1px solid #ccc;
	}

	#body h3.h3_03{
		border-bottom:1px solid #ccc;
		background-color: #ecf7ff;
	}

	#body h3.h3_04{
		background-color: #ecf7ff;
	}

	.feature_bnr {
		overflow: hidden;
		margin: 1em 0;
		clear: both;
		display: none;
	}

	.feature_bnr p {
		text-align: left;
		width: 50%;
		float: left;
	}

	.feature_bnr p:nth-child(2) {
		text-align: right;
	}

	.feature_bnr p img {
		width: 97%;
	}

}

ul.tab {
	margin: 0 5px 25px;
	padding-bottom : 17px;
}
ul.tab {
	display: flex;
	overflow: hidden;
}
ul.tab li {
	width: 50%;
	position: relative;
}

ul.tab li a {
	background: #f2f2f2;
	color: #0068b7;
	display: block;
	transition: .3s;
}

ul.tab li.tab_active a {
	background: #0068b7;
	color: #fff;
	transition: .3s;
}

ul.tab li.tab_active a:after {
}

ul.tab li a span {
	padding: 0.75em 0;
	font-size: 18px;
	display: block;
	text-align: center;
	letter-spacing: 0.15em;
	line-height: 1.0;
}

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

ul.tab li a span {
	font-size: 2.5vw;
}
}

ul.tab li a span small {
	font-size: 14px;
}

ul.tab li a:hover {
	background: #4e96cd;
	color: #fff;
	text-decoration: none;
	transition: .3s;
}


ul.tab li.tab_active:before{
	content: "";
	display: block;
	width: 24px;
	height: 17px;
	position: absolute;
	bottom: -17px;
	left:50%;
	right: 50%;
	margin: auto;
	background: url(/msppoint/shared/img/common/template_icon_01.jpg) no-repeat center top;
}



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

	#header h1 a img {
		position: absolute;
		width: 60%;
		top: 50%;
		transform: translateY(-50%);
	}

	._pc {
		display: none !important;
	}

	body{
		-webkit-text-size-adjust: none;
		font-size: 12px;
		color: #423b1b;
		line-height: 1.6;
	}
	.clear-fix:after{
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	img{
		width:100%;
		vertical-align: top;
	}

	a {
		color: #919191;
		text-decoration: none;
	}

	#wrapper {
		margin: auto;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	#container {
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
	}

/* header */

	#header{
		position: relative;
		border-bottom: 1px solid #ccc;
		height:49px;
	}
	#header h1.logo, #header p.logo{
		font-size: 133.33%;
		line-height: 49px;
		margin-left:9px;
		float: left;
		font-weight: bold;
	}
	#header h1.logo a,#header p.logo a{
		color:#544921;
		font-size: 0.78em;
	}

	#header h1.logo a::before {
		margin: 0 0 0 0;
		content: " ";
		display: inline-block;
		width: 2.5em;
		height: 1.5em;
		background: url(/msppoint/shared/img/common/h1_icon.png) no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	#header .button_navigation {
		float: right;
		position: relative;
		width:50px;
	}
	#header .button_navigation ._mp{
		display: none;
	}

	#header .button_navigation img {
		width: 100%;
	}

	#header img {
		width: 100%;
	}

	div#header .navigation {
		display: none;
	}

/* footer */

	div#sidebar {
		display: none !important;
	}

	#footer{
		background-color: #fffae6;
		padding-bottom: 102px;
	}
	#footer ul.navigation li{
		border-bottom: 1px solid #ccc;
		background: url(/msppoint/shared/img/common/template_icon_arrow_right.jpg) no-repeat 10px 21px #fff;
	}
	#footer ul.navigation li a,#footer ul.navigation li span{
		display: block;
		padding: 16px 27px 16px;
		color: #919191;
	}
	#footer ul.navigation li span{
		color: #bdbdbd;
	}
	#footer ul.navigation ul li:first-child{
		border-top: 1px solid #ddd9cb;
	}

	#footer ul.navigation li.navigation_parent{
		background: url(/msppoint/shared/img/common/template_icon_arrow_bottom.jpg) no-repeat 10px 22px #f2f2f2;
	}
	#footer ul.navigation li.navigation_parent.selected{
		background: url(/msppoint/shared/img/common/template_icon_arrow_top.jpg) no-repeat 10px 22px #f2f2f2;
	}
	#footer ul.navigation li.navigation_parent>a{
		color:#888;
	}
	#footer ul.navigation li.navigation_parent ul.navigation_childrent{
		background-color:#fff;
		display:none;
	}
	ul.navigation_childrent li span{
		display: block;
	}
	p.page_top{
		margin-top:16px;
		text-align: center;
	}
	p.page_top img{
		width: 72.5px;
	}
	p.copyright{
		font-size: 58.3%;
		color: #d2cdba;
		text-align: center;
		margin-top:30px;
	}

	#aside{
		display: block;
		position: absolute;
		width: 250px;
		top:0;
		height: 100%;
		right: -250px;
	}
	#aside ul.navigation{
		display: block;
		top:50px;
		background:#fff;
		width:100%;
		font-size: 116.7%;
	}
	#aside ul.navigation li{
		border-bottom: 1px solid #ddd9cb;
		background: url(/msppoint/shared/img/common/template_icon_arrow_right.jpg) no-repeat 10px 21px;
	}
	#aside ul.navigation li a{
		display: block;
		padding: 16px 27px 16px;
		color: #919191;
	}
	#aside ul.navigation li:first-child{
		border-top: 1px solid #ddd9cb;
	}
	
	#aside ul.navbnr{
		margin-top: 1em;
	}
	
	#aside ul.navbnr li{
		margin-top: 1em;
		padding: 0 1em;
	}

	.sp_list {
		border-top: 1px solid #ccc;
		text-align: center;
		margin: 2em auto 2em;
		padding-top: 1em;
		display: none;
	}

	.sp_list p {
		margin: 1em 0;
	}

	.sp_list p img {
		width: 60%;
		margin: 0 auto;
	}

/* card_nyukai */

	.list_type_01 {
		border-top:1px solid #ccc;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.list_type_01 li{
		border-bottom:1px solid #ccc;
		font-size:78%;
		background-color: #fefefe;
		text-align: center;
		background:url(/msppoint/shared/img/common/template_icon_arrow_right_li.jpg) no-repeat 97% center;
		width: 50%;
	}
	.list_type_01 li a{
		color:#908d7d;
		display:block;
		padding:22px;
	}
	.list_type_01 li span{
		display: block;
	}
	.list_type_01 li span.img_list_01{
		margin-bottom: 12px;
	}
	.list_type_01 li span.img_list_01 img{
		width: 50%;
	}


/* topic_path ------------------------------------------- */

	.topic_path {
		display: none;
	}

/* page_title ------------------------------------------- */

	#body h2.payment_title,
	#body h2.contents_title {
		font-size:166.7%;
		padding: 0 0.5em;
		font-weight: bold;
		margin: 1.25em 1em;
		border-left: 4px solid #0068b7;
	}

	#body h2.payment_title img,
	#body h2.contents_title img {
		display: none;
	}

	#card h3,
	#news h3,
	#body h3 {
		font-size:133.3%;
		padding: 8px 15px;
		margin: 10px 0px 15px;
	}

	#card h3 {
		margin-bottom: 0;
	}

	#card h3:before,
	#news h3:before,
	#body h3:before {
		content: "";
		margin-right: 0.5em;
		display: inline-block;
		width: 4px;
		height: 1.25rem;
		background: #0068b7;
		transform: translateY(20%);
	}


	#body h3.h3_02{
		border-bottom:1px solid #ccc;
	}

	#body h3.h3_03{
		border-bottom:1px solid #ccc;
		background-color: #fcfaf3;
	}

	#body h3.h3_04{
		background-color: #ecf7ff;
	}

	.list_type_01 li{
		border-bottom:1px solid #ccc;
		font-size:78%;
		background-color: #fefefe;
		text-align: center;
		background:url(/msppoint/shared/img/common/template_icon_arrow_right_li.jpg) no-repeat 95% center;
	}
	
	.list_type_01 li:first-child{
		border-right: 1px solid #ccc;
	}

	.btn_03{
		padding:1em 2em;
	}
}

/*20190220*/

@media screen and (min-width: 640px) {

	h3.sidebar_title{
		box-sizing: border-box;
	}
	
	h3.sidebar_title img{
		vertical-align: bottom;
	}

	div.card_box > a:first-child{
		width: 80%;
		margin: 0 auto;
	}
	
	div.card_box > a:first-child img{
		width: 100%;
		margin: 0;
		vertical-align: bottom;
	}
	
}

div.card_box:first-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

div.sidebar_content_inner div.card_box:last-child{
	display: none;
}

div.sidebar_content_inner div.card_box > a:first-child + a{
	display: none;
}

@media screen and (max-width: 640px) {
	
	#card .list_type_01 li{
		width: 100%;
	}
	#card .list_type_01 li .text_list_01,
	#card .list_type_01 li:last-child{
		display: none;
	}
	
	.list_type_01 li span.img_list_01{
		margin-bottom: 0;
	}

	.list_type_01 li span.img_list_01 img{
		max-width: 120px;
	}
}
/*20190220*/

/*20190517*/
@media screen and (min-width: 640px) {
	
	.footer-facility{
		width: 1001px;
		margin: 0 auto;
		padding: 2em 0;
		background: #ffffff;
	}
	
	.footer-facility ul{
		display: flex;
		justify-content: space-around;
	}
	
	.footer-facility ul img{
		height: 42px;
		width: auto;
	}
	
	
	.footer_bottom{
		min-width: 1080px;
		background: url("/msppoint/shared/img/common/footer_bg.jpg") repeat-x;
		background-color: #ffffff;
		padding-top: 353px;
		
	}
	
	.footer_bottom .footer_bottom_wrap{
		width: 1001px;
		background: #ffffff;
		margin: 0 auto;
		padding-bottom: 30px;
		position: relative;
	}
	
	.mf-logo{
		position: absolute;
		top:0;
		right: 0;
	}
	
	.mf-logo:hover{
		opacity: 0.7;
	}
	
	.mf-logo img{
		width: 100px;
		height: auto;
	}
	
	.footer_bottom_list{
		display: flex;
		margin-bottom: 0.5em;
	}
	
	.footer_bottom_list li{
		margin-right: 1em;
	}
	
	div#footer .copyright{
		min-width: auto;
		height: auto;
		background: none;
	}
	
	div#footer .copyright span{
		text-align:left;
		padding-top: 0;
		display: inline;
	}
}

@media screen and (max-width: 640px) {
	#footer{
		background-color: #fffae6;
		padding-bottom: 0;
	}
	
	.footer_bottom{
		background-color: #ffffff;
	}
	
	.footer-facility{
		margin-top: 1.5em;
	}
	
	.footer-facility ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid #ddd9cb;
	}
	
	.footer-facility ul li{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd9cb;
	}
	
	.footer-facility ul li:nth-child(odd){
		border-right: 1px solid #ddd9cb;
	}
	
	.footer-facility ul li a{
		display: block;
		width: 100%;
		text-align: center;
		padding: 1em;
	}
	
	.footer-facility ul li img{
		height: 8vw;
		width: auto;
	}
	
	.mf-logo{
		width: 25%;
		margin: 1em auto;
	}
	
	
	.footer_bottom_list {
		border-top: 1px solid #ddd9cb;
	}
	
	
	.footer_bottom_list li {
		border-bottom: 1px solid #ddd9cb;
		background: url(/msppoint/shared/img/common/template_icon_arrow_right.jpg) no-repeat 10px 21px;
	}
	
	.footer_bottom_list li:first-child{
		background: none;
	}
	
	.footer_bottom_list li:first-child,
	.footer_bottom_list li a {
		display: block;
		padding: 16px 27px 16px;
	}
	
	.footer_bottom_wrap{
		padding-bottom: 102px;
	}
}

/*20210114*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

@media screen and (min-width: 767px) { .footer { min-width: 1280px; } }

.footer .pagetop { margin-top: 75px; }

.footer .pagetop:before { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

.footer .pagetop:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

.footer .pagetop .pagetop__inner { text-align: center; }

@media screen and (min-width: 767px) { .footer .pagetop .pagetop__inner { text-align: right; padding: 0 20px; width: 1280px; margin: 0 auto; } }

.footer .pagetop .pagetop__inner a { display: block; padding: 10px 0; font-size: 0.8rem; color: #4d80c3; text-decoration: none; }

@media screen and (min-width: 767px) { .footer .pagetop .pagetop__inner a { display: inline-block; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer .pagetop .pagetop__inner a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer .pagetop .pagetop__inner a span { position: relative; padding-right: 15px; }

.footer .pagetop .pagetop__inner a span:after { content: ""; position: absolute; top: 50%; right: 0px; width: 8px; height: 8px; margin-top: -1px; border-top: 1px solid #4d80c3; border-right: 1px solid #4d80c3; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.footer__head { padding: 25px 25px 40px; }

@media screen and (min-width: 767px) { .footer__head { padding: 40px 40px 50px; width: 1280px; margin: 0 auto; box-sizing: border-box; overflow: hidden; } }

.footer__nav { font-size: 1.3rem; margin-bottom: 15px; }

@media screen and (min-width: 767px) { .footer__nav { font-size: 0.7rem; width: 100%; float: left; letter-spacing: 0.2rem; margin-bottom: 0; }
  .footer__nav a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__nav a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer__nav li { padding-bottom: 10px; }

@media screen and (min-width: 767px) { .footer__nav li { float: left; width: 20%; min-height: 4em; }
	.footer__nav li:last-child { min-height: 0; } }

.footer__nav li a { color: #444; text-decoration: none; }

.footer__sns img { width: 43px !important; height: 43px !important; }

@media screen and (min-width: 767px) { .footer__sns img { width: 40px !important; height: 40px !important; } }

@media screen and (min-width: 767px) { .footer__sns { float: left; width: 110px; } }

.footer__sns dt { display: block; font-size: 1.4rem; padding-bottom: 10px; letter-spacing: 0.25rem; font-weight: normal; }

@media screen and (min-width: 767px) { .footer__sns dt { font-size: 1.2rem; } }

.footer__sns dd { float: left; width: 40px; }

.footer__sns dd:nth-of-type(2) { margin-left: 10px; }

@media screen and (min-width: 767px) { .footer__sns dd a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__sns dd a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

@media screen and (min-width: 767px) { .footer__body { width: 1200px; margin: 0 auto; } }

.footer__body ul { border-top: 1px solid #ccc; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (min-width: 767px) { .footer__body ul { margin: 0 auto 20px; border-bottom: 1px solid #ccc; padding-top: 35px; padding-bottom: 35px; width: 1204px; } }

.footer__body ul li { font-size: 1.4rem; text-align: center; width: 50%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-bottom: 1px solid #ccc; box-sizing: border-box; }

.footer__body ul li img { width: auto; }

.footer__body ul li:nth-of-type(odd) { border-right: 1px solid #ccc; }

.footer__body ul li img { max-height: 44px; }

.footer__body ul li a { display: block; width: 100%; }

@media screen and (max-width: 768px) { .footer__body ul li a { padding: 10px 20px; } }

@media screen and (min-width: 767px) { .footer__body ul li { font-size: 1.3rem; text-align: center; float: none; border: none; padding: 0; }
  .footer__body ul li:not(:first-of-type) { border-left: 1px solid #ddd; }
  .footer__body ul li:nth-of-type(odd) { border-right: none; }
  .footer__body ul li img { max-height: none; height: auto; }
  .footer__body ul li { width: 133px; }
  .footer__body ul li:nth-of-type(1) img { width: 91px; }
  .footer__body ul li:nth-of-type(2) img { width: 96px; }
  .footer__body ul li:nth-of-type(3) img { width: 111px; }
  .footer__body ul li:nth-of-type(4) img { width: 97px; }
  .footer__body ul li:nth-of-type(5) img { width: 97px; }
  .footer__body ul li:nth-of-type(6) img { width: auto; height: 40px; }
  .footer__body ul li:nth-of-type(7) img { width: auto; height: 40px; }
  .footer__body ul li:nth-of-type(8) img { width: auto; height: 50px; }
  .footer__body ul li:nth-of-type(9) img { width: 96px; }
  .footer__body ul li a { display: block; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__body ul li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

@media screen and (max-width: 768px) { .footer__body ul li.num_04 img { max-width: 85%; } }

.footer__body .footer__link { border-bottom: 1px solid #ccc; text-align: center; }

@media screen and (min-width: 767px) { .footer__body .footer__link { text-align: right; margin: 0 40px 20px; padding: 0 0 10px 0; } }

.footer__body .footer__link .link-text { color: #444; font-size: 1.3rem; text-decoration: none; display: block; padding: 11px 0; }

@media screen and (min-width: 767px) { .footer__body .footer__link .link-text { font-size: 0.8rem; letter-spacing: 1.2px; display: inline-block; padding: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__body .footer__link .link-text:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer__body .footer__link .link-text span { position: relative; padding-right: 10px; }

.footer__body .footer__link .link-text span:after { content: ""; position: absolute; top: 50%; right: 0px; width: 5px; height: 5px; margin-top: -3px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.footer__foot .links { padding: 0 25px 0px; }

.footer__foot .links ul { overflow: hidden; margin-bottom: 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }

@media screen and (min-width: 767px) { .footer__foot .links { padding: 0px 0 0 40px; }
  .footer__logo img { height: 2.2rem; }
  .footer__foot .links ul { margin-bottom: 0; } }

.footer__foot .links li { float: left; font-size: 0.8rem; padding-bottom: 10px; }

.footer__foot .links li a { display: inline-block; padding: 0 15px; position: relative; text-decoration: none; color: #343434; }

.footer__foot .links li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 8px; margin-top: -4px; background: #c1c1c1; }

.footer__foot .links li:first-of-type { font-size: 1.0rem; color: #878787; padding: 0 5px 11px 0; }

.footer__foot .links li:first-of-type a:after { display: none; }

.footer__foot .links li:nth-of-type(2) a:after { display: none; }

@media screen and (min-width: 767px) { .footer__foot .links li { padding-bottom: 0px; }
  .footer__foot .links li:first-of-type { font-size: 0.7rem; padding-bottom: 1px; }
  .footer__foot .links li a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; padding: 0 17px; }
  .footer__foot .links li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }
  .footer__foot .links li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background: #c1c1c1; }
  .footer__foot .links li:first-of-type { padding: 0 3px 0 0; } }

.footer__foot .copyright { font-size: 0.8rem; padding: 0px 0 25px; text-align: left; display: inline-block; line-height: 1.5; color: #999; }

@media screen and (min-width: 767px) { .footer__foot { width: 1280px; margin: 0 auto 20px; overflow: hidden; position: relative; }
  .footer__foot .copyright { float: left; padding: 7px 0 0 0px; font-size: 0.7rem; text-align: left; } }

.footer__logo { max-width: 108px; margin: 30px auto 20px; }

@media screen and (min-width: 767px) { .footer__logo { float: right; width: 203px; height: 32px; max-width: none; text-align: right; margin: 0 40px 0 0; } }


@media screen and (max-width: 767px) { 
	.footer__body ul li img { max-height: 33px; }
	.footer__nav li { font-size: 0.75rem; }
	.footer__logo { max-width: 100%; text-align: center; }
	.footer__logo img { max-width: 108px; }
}


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

	#card a.sp_arive_btn {
		padding: 10px;
		display: block;
		background-image: linear-gradient(-225deg, #70A1F7 0%, #6FCEDA 100%);
		border-radius: 3px;
		font-size: 1.0rem;
		color: #fff !important;
		letter-spacing: 1px;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		text-decoration: none;
	}

	#card a.sp_login_btn {
		color: #3EA9E4;
		display: block;
		margin: 0;
		padding: 2px;
		width: 100%;
		text-decoration: none;
		cursor: pointer;
		border-radius: 3px;
		font-size: 1.0rem;
		font-weight: bold;
		box-sizing: border-box;
		position: relative;
		background-image: -webkit-linear-gradient(4deg, #5789f4, #6fceda);
		background-image: -o-linear-gradient(4deg, #5789f4, #6fceda);
		background-image: linear-gradient(94deg, #5789f4, #6fceda);
	}

	#card a.sp_login_btn span {
		padding: 8px;
		color: #5789f4;
		display: block;
		background: #fff;
		text-align: center;
	}
}

/*
2022.09 append
//////////////////////////////////////////////// */

@media screen and (min-width: 767px) { 

	#header .group_header {
		display: flex;
		max-width: 1080px;
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
	}

	#header .group_header h1.logo {
		height: auto;
		min-width: 540px;
		max-width: 540px;
		margin: 0;
		width: 50%;
	}

	#header .group_header .group_logo {
		padding: 7px 0;
		margin-left: 20px;
	}

	h1.logo a::before {
		vertical-align: bottom;
		width: 27px;
		height: 24px;
		display: inline-block;
	}

	#header .group_header h1.logo a {
		padding: 0;
		width: 540px;
	}

	#header .group_header h1.logo a img {
		vertical-align: bottom;
	}

	#header .group_header .group_logo img {
		vertical-align: bottom;
	}

	.footer__logo {
		width: 350px;
	}

	.footer__nav {
		font-size: 0.7rem;
		letter-spacing: 0.15rem;
	}

}


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

	#header {
		height: auto;
	}

	.group_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 88%;
	}

	.group_header > div {
		color: #fff;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	#header h1.logo a::before {
		width: 2em;
	}

	#header .group_header h1.logo {
		position: relative;
		width: 60%;
		display: block;
	}

	#header .group_header h1.logo img {
		position: absolute;
		width: 75.5%;
	}

	#header .group_header p.group_logo {
		margin-right: 9px;
		width: 26.5%;
	}

/* inner */

	.group_header.top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 75%;
	}

	#header .group_header.top h1.logo img {
		position: absolute;
		width: 85%;
	}

	#header .group_header.top p.group_logo {
		width: 30%;
	}

	#header .button_navigation {
		position: absolute;
		right: 0;
		top: 0;
	}

	.footer__logo a:first-child img {
		max-width: 90px;
	}

	.footer__logo a:last-child img {
		max-width: 194px;
	}

}


@media screen and (min-width: 767px) and (orientation: portrait) {

	html, body, #container {
		min-width: 1280px;
		max-width: 100%;
	}

	.footer .pagetop .pagetop__inner {
		box-sizing: border-box;
	}

}

@media screen and (min-width: 767px) and (orientation: landscape) {

	html, body, #container {
		min-width: 1280px;
		max-width: 100%;
	}

	.footer .pagetop .pagetop__inner {
		box-sizing: border-box;
	}

}