@charset "UTF-8";

@media screen and (min-width:751px) {
    .spv {
        display: none!important;
    }
    html{
        height: 100%;
        font-size: 62.5%;/* 10px */
        overflow-y: scroll;
        transition: opacity 0.3s;
    }

    body {
        background: #fff;
		font-family: 'メイリオ','Meiryo','Yu Gothic Medium', '游ゴシック Medium', 'YuGothic', '游ゴシック体','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
        font-size: 1.5rem;
        line-height: 1.5;
        min-width: 1060px;
		min-height: 100%;
        margin: auto;
        line-break: strict;
        word-break: normal;
        word-wrap: break-word;
        color: #000;
		overflow-x: hidden;
		text-align: left;
    }

	p,li,h3,h4 {
		text-align: justify;
        text-justify: inter-ideograph;
	}
	a {
		text-decoration: none;
		color: #000;
		transition: opacity 0.2s;
		display: inline-block;
		vertical-align: top;
	}
	a:hover {
		opacity: 0.7;
	}

	section {
		margin: auto;
		position: relative;
		max-width: 1000px;
	}
	section::after {
		content: '';
		clear: both;
		display: block;
	}

	header.basePage {
		position: relative;
		z-index: 1000;
		background: url("../images/header_bg.jpg") center top/1200px auto repeat-x;
		display: block;
		width: 100%;
		height: 190px;
	}
	header.basePage .wrapper {
		position: relative;
		width: 1000px;
		margin: auto;
	}
	header.basePage h1 {
		width: 1000px;
		height: 150px;
		margin: auto;
		padding: 16px 0 0 0;
		line-height: 0;
	}
	header.basePage h1 img {
		width: 440px;
	}

	header.basePage nav {
		background: #ffba63;
		position: relative;
	}
	header.basePage nav .inner {
		width: 1000px;
		margin: auto;
		position: relative;
	}
	header.basePage .emergencyBtn {
		position: absolute;
		right: 0;
		top: -132px;
		width: 200px;
		background: #fff;
		border-radius: 12px;
		border: 2px solid #aaa;
	}
	header.basePage .emergencyBtn a {
		display: block;
		color: #c00;
		height: 28px;
		line-height: 28px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	header.basePage .signBtn {
		position: absolute;
		right: 210px;
		top: -132px;
		width: 200px;
		background: #fff;
		border-radius: 12px;
		border: 2px solid #aaa;
	}
	header.basePage .signBtn a {
		display: block;
		color: #000;
		height: 28px;
		line-height: 28px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	header.basePage ul {
		display: block;
	}
	header.basePage ul::after {
		content: '';
		clear: both;
		display: block;
	}

	header.basePage li {
		display: block;
		width: 20%;
		float: left;
		font-size: 16px;
		line-height: 40px;
		font-weight: bold;
		text-align: center;
		border-right: #fff 3px solid;
		position: relative;
	}
	header.basePage li:first-child {
		border-left: #fff 3px solid;
	}
	header.basePage li a {
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;
		height: 100%;
		transition: background-color 0.2s, color 0.2s;
	}
	header.basePage li > a span {
		display: inline-block;
		padding-left: 34px;
	}
	header.basePage li:nth-child(1) > a span {
		background: url("../images/navi_icon_01.png") left center/auto 24px no-repeat;
	}
	header.basePage li:nth-child(2) > a span {
		background: url("../images/navi_icon_02.png") left 8px center/auto 24px no-repeat;
	}
	header.basePage li:nth-child(3) > a span {
		background: url("../images/navi_icon_03.png") left 5px center/auto 24px no-repeat;
	}
	header.basePage li:nth-child(4) > a span {
		background: url("../images/navi_icon_04.png") left 8px center/auto 28px no-repeat;
	}
	header.basePage li:nth-child(5) > a span {
		background: url("../images/navi_icon_05.png") left top 6px/auto 24px no-repeat;
	}
	header.basePage li a:hover {
		opacity: 1;
		color: #fff;
	}
	header.basePage li:nth-child(1) a:hover {
		background-color: #eb6877;
	}
	header.basePage li:nth-child(2) a:hover {
		background-color: #4b86de;
	}
	header.basePage li:nth-child(3) a:hover {
		background-color: #B969D2;
	}
	header.basePage li:nth-child(4) a:hover {
		background-color: #B969D2;
	}
	header.basePage li:nth-child(5) a:hover {
		background-color: #ffba00;
	}

	header.basePage li dl {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 40px;
		display: block;
		width: 100%;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
		opacity: 0;
		transform: scaleY(0);
		transform-origin: left top;
		transition: opacity 0.1s, transform 0.1s;
	}
	header.basePage li:hover dl {
		opacity: 1;
		transform: scaleY(1);
	}
	header.basePage li dl dd {
		display: block;
		width: 100%;
		border: 1px solid #ffba63;
		border-top: 0px;
		background: #fff;

		line-height: 40px;
		min-height: 40px;
	}
	header.basePage li dl dd a span {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.4rem;
		line-height: 2.2;
		padding: 4px 0 5px;
	}


	footer.basePage {
		background: #f1f1f1;
		padding: 25px 0;
		margin: 15px 0 0;
		clear: both;
	}
	footer.basePage .wrapper {
		width: 1000px;
		margin: auto;
	}
	footer.basePage .wrapper::after,
	footer.basePage .rightWrap ul::after {
		content: '';
		clear: both;
		display: block;
	}
	footer.basePage h2 {
		display: block;
		width: 320px;
		float: left;
	}
	footer.basePage h2 img {
		width: 100%;
	}
	footer.basePage .rightWrap {
		float: right;
		text-align: right;
	}
	footer.basePage .rightWrap ul li {
		float: left;
		font-size: 11px;
		line-height: 1;
		letter-spacing: normal;
	}
	footer.basePage .rightWrap ul li::after {
		content: '｜';
		display: inline-block;
	}
	footer.basePage .rightWrap ul li:last-child::after {
		content: '';
		display: none;
	}
	footer.basePage .rightWrap ul li a {
		color: #0068b7;
		text-decoration: underline;
		transition: none;
	}
	footer.basePage .rightWrap .copyright {
		text-align: right;
		font-size: 11px;
		line-height: 1;
		margin: 10px 0 0;
	}
	/*fee_spAndpc*/
	.fee_sp{
		display:none;
	}
	.fee_pc{
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom:20px;
	}

}/*media*/