@charset "UTF-8";

article, aside, footer, header, hgroup, main, nav, section {
	display: block;
}

.fa-phone:before{
	color:#fff;
}
ul {
	margin: 0 !important;
}
ul li {
	margin-bottom :0;
}
.mark{
	font-family: monospace, serif;
}

/* -----------------------------------------------------------------------------

 スマホスタイル

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

	/* -------------------- Common -------------------- */
	* {
		font-family: Hiragino Kaku Gothic ProN,ヒラギノ角ゴ Pro W3,游ゴシック,Yu Gothic,YuGothic,Meiryo,メイリオ,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
		color: #333;
		max-height: 999999px;
		box-sizing: border-box;
		line-height: 1.4;
	}
	html{
		font-size:62.5%;
		height: 100%;
	}
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
	h2 {
		font-size: 2.4rem;
		line-height: 1;
		color: #0080de;
		text-align: center;
		margin: 1em 0;
	}


	/* -------------------- Header -------------------- */
	header #header-title {
		position: fixed;
		width: 100%;
		height: 60px;
		background: #fff;
		z-index: 1000;
	}
	header #header-title h1 {
		display: inline-block;
		margin: 1.5em 0 0 1em;
		max-width: 260px;
		float: left;
	}
	header #header-title h1 img{
		height: 3.2rem;
		min-width: 15.4rem;
	}
	header #header-title nav {
		position: relative;
	}
	header #header-title nav div.btn {
		position: absolute;
		top: 0;
		right: 0;
		background:url(../images/btn-open.png) no-repeat 0 0;
		background-size: 60px 60px;
	}
	header #header-title nav div.active {
		background:url(../images/btn-close.png) no-repeat 0 0;
		background-size: 60px 60px;
	}
	header #header-title nav ul.inlink {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		z-index: 1000;
		background-color: #fff;
		margin: 0;
		display: none;
	}
	header #header-title nav ul.active {
		display: block;
	}
	header #header-title ul.inlink li {
		display: block;
		font-size: 1.8rem;
		padding-left: 2em;
		margin: 0;
	}
	header #header-title ul.inlink li:nth-child(2n+1) {
		background-color: #f5f5f5;
	}
	header #header-title ul.inlink a{
		color: #333;
		font-size: inherit;
		display: block;
		line-height: 3;
	}
	header #header-title a + span{
		font-weight:bold;
		font-size:2.0rem;
	}
	nav img.btn {
		width: 60px !important;
		height: 60px !important;
		float: right;
	}


	/* -------------------- KeyVisual -------------------- */
	.top-view a {
		background: linear-gradient(to bottom, #f7b425 5%, #f29500 100%);
		background-color: #f29500;
		border-radius: .3em;
		box-shadow: 1px 1px 4px rgba(0,0,0,.4);
		color: #fff !important;
		font-size: 1.8rem;
		font-weight: bold;
		max-width: 100%;
		text-align: center;
		text-decoration: none;
		padding: 1em 0;
		display: inline-block;
		width: 100%;
	}
	section.top-view {
		overflow:hidden;
		padding-top: 60px;
		background-color: #0080de;
		z-index: 10000;
	}
	section.top-view > div{
		overflow:hidden;
		margin: 0 .5em;
		padding: 2em 0;
	}
	section.top-view div.catch-title{
		padding: 0 .5em 3em;
		text-align: center;
	}
	section.top-view p{
		color: #fff;
		font-size: 1.5rem;
		opacity: .8;
	}	
	section.top-view div.catch-img{
		width: 95%;
		display: block;
		margin: 0 auto 2em;
	}
	section.top-view h1{
		color: #fff;
		font-weight:bold;
		font-size: 3rem;
		font-weight: 700;
		line-height: 1.5;
	}
	section.sup-txt{
		background-color:#f5f5f5;
		color:rgba(51,51,51,.6);
		font-size: 1.4rem;
		padding:5px 0;
		margin-bottom:1em;
	}
	section.sup-txt div{
		margin:0 auto;
	}
	section.sup-txt p{
		margin-left:1.2rem;
		text-indent:-1.2rem;
		padding: 0 .5em;
	}

	/* ------------------ Maintenance ------------------ */
	.mainte-container {
		width: 100%;
		padding: 1em;
		border-top: 1px double #ccc;
		border-bottom: 1px double #ccc;
		margin-bottom: 10px;
	}
	.mainte-title {
		text-align: center;
		font-size: 1.5rem;
		color: #333;line-height:2
	}
	.mainte-message {
		text-align: left;
		font-size: 1.3rem;
		color: #333;
		line-height: 1.4
	}

	/* -------------------- Notice -------------------- */
	.notice-container {
		width: 100%;
		padding: 1em;
		border-top: 1px double #ccc;
		border-bottom: 1px double #ccc;
		margin-bottom: 10px;
	}
	.notice-title {
		text-align: center;
		font-size: 1.5rem;
		color: #333;line-height:2
	}
	.notice-message p {
		text-align: left;
		font-size: 1.3rem;
		color: #333;
		line-height: 1.4
		margin-bottom: .5em;
	}
	.notice-message p:last-child {
		margin-bottom: 0;
	}

	/* -------------------- Features -------------------- */
	#features ul {
		overflow: hidden;
		padding: 0 .5em;
		display: table;
		margin:4em auto 2em auto !important;
	}
	#features ul li {
		clear: both;
		padding: 1em 0;

		display: table-row;
	}
	#features ul li:last-child {
		margin-bottom: 0;
	}
	#features ul li img {
		width: 50px;
		margin-right: 2em;
		float: left;

		padding: 1em 0;
		display: table-cell;
	}
	#features ul li p {
		font-size: 2rem;
		color: #0080de;

		display: table-cell;
		float: left;
		padding: .4em 0;
	}


	/* -------------------- SupportMenu -------------------- */
	#menu {
		margin-top: -6rem;
		padding-top: 6rem;
	}
	div.combination-menu {
		padding: 0 1em;
	}
	.ribbon_box{
		background: #f1f1f1;
		padding: 1em;
		margin-bottom: 2em;
	}
	div.support-pack div p.ribbon8 {
		font-weight: bold;
	}
	div.support-pack div p.ribbon8 span {
		font-weight: normal;
		color: inherit;
	}
	.ribbon8 {
		padding: 10px;
		font-size: 1.6rem;
		color: white;
		background: #0080DE;
		margin:5px 0 15px 0;
	}


	div.support-pack div ol {
		overflow: hidden;
	}
	div.support-pack div ol li{ 
		width: 48.3%;
		float: left;
		font-size: 16px;
		background-color:#fff;
		margin-bottom:10px;
		padding: .5em 0;
		display:flex;
	}
	div.support-pack div ol li p{ 
		align-self:center;
		width:100%;
	}
	div.support-pack div ol li span{ 
		vertical-align: -webkit-baseline-middle;
		line-height:1.5;
		font-size: 1.1rem;
		display:inline-block;
		width:100%;
		text-align:center;
	}
	div.support-pack div ol li:nth-child(even){
		margin-left:10px;
	}
	div.support-pack div.ex01 ol li:nth-child(4) p img{ 
		padding-top:5px;
	}
	div.support-pack div ol li.plus{ 
		text-align:center;
		background-color: unset;
		width: 44px;
		padding: 0;
		margin-left: 0;
		margin-bottom: 0;
		line-height:2.1;
	}
	div.support-pack div ol li.indent{
		padding-left:1em;
		text-indent:-1em;
	}
	div.support-pack div ol li img{ 
		display:block;
		margin:0 auto;
		width: 20%;
		height: 20%;
	}
	div.support-pack div ol li >i span { 
		display: block;
	}
	div.support-pack div ol li:nth-child(7) i{
		height:60px;
		line-height: 2;
	}
	div.support-pack .unit-price {
		text-align: right;
	}
	div.support-pack p.unit {
		display: inline-block;
	}
	div.support-pack p.price {
		display: inline-block;
		font-size: 2rem;
		font-weight: bold;
		color: #f2a100;
	}
	div.support-pack p.price span.yen,
	div.support-pack p.price span.hun {
		font-size: 1.4rem;
		color:#f2a100;
	}


	/* -------------------- SupportPrice -------------------- */
	#price {
		margin-top: -6rem;
		padding-top: 6rem;
	}
	#price .price-tbl {
		margin-bottom: 2em;
	}
	#price .price-tbl ul {
		margin: 0 .5em !important;
	}
	#price .price-tbl table {
		width: 100%;
		font-size: 1.4rem;
		margin-bottom: .5em;
	}
	#price .price-tbl table caption {
		margin: 0 .5em .5em;;
		font-size: 1.6rem;
	}
	#price .price-tbl table th,
	#price .price-tbl table td {
		border: 1px solid #ccc;
		padding: .5em;
		font-size: 1.6rem;
	}
	#price .price-tbl table thead th {
		width: 80% !important;
	}
	#price .price-tbl table thead th,
	#price .price-tbl table thead td {
		text-align :center;
		background: #0080de;
		color:#fff;
		font-size: 1.6rem;
	}
	#price .price-tbl table td {
		text-align:center;
	}
	#price .price {
		width: 7em;
		color: #f2a100;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: right;
		display: inline-block;
	}
	#price .price span {
		color: inherit;
		font-size: 1.4rem;
	}
	#price .price span.unit {
		font-weight: normal;
		font-size: 20px;
		color: #333;
	}
	#price .price span.unit {
		font-weight: normal;
		font-size: 20px;
		color: #333;
	}
	#price .baloon .price{
		font-size:50px;
	}
	#price .price-tbl ul li {
		font-size: 1.4rem;
		text-indent: -1em;
		padding-left: 1em;
	}

	/* --------------- SupportAreaMap --------------- */
	.support-area {
			margin: 0 .5em 2.5rem;
	}
	.support-area p.btn_support_area a {
		display: block;
		text-align: center;
		font-size: 1.8rem;
		line-height: 3;
		border: 1px solid #ccc;
		color: #333;
		margin: 0;
	}
	.support-area p.btn_support_area a::after {
		position: absolute;
		right: 50px;
		font-family:'FontAwesome';
		content: '\f0d7';
	}
	.support-area p.active a::after {
		position: absolute;
		right: 50px;
		font-family:'FontAwesome';
		content: '\f0d8';
	}


	#prefarea {
		margin-top: -1px;
	}
	#prefarea th,
	#prefarea td a{
		padding: 1em 0;
	}
	#prefarea table{
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
	}
	#prefarea th{
		text-align:center;
		border:1px solid #ccc;
		font-size: 1.6rem;
	}
	#prefarea td{
		text-align:center;
		border:1px solid #ccc;
		padding: 1em 0;
	}
	#prefarea td a{
		font-weight: normal;
		font-size: 1.6rem;
		color: #333;
	}
	#prefarea table{
		border:0;
		padding:0;
		width:100%;
	}
	#area01 th{
		background-color:#fbe0ec;
	}
	#area01 td{
		background-color:#fef7fa;
	}
	#area02 th{
		background-color:#def2fc;
	}
	#area02 td{
		background-color:#f5fbfe;
	}
	#area03 th{
		background-color:#fce8da;
	}
	#area03 td{
		background-color:#fef7f2;
	}
	#area04 th{
		background-color:#d5e8d5;
	}
	#area04 td{
		background-color:#f6faf6;
	}
	#area05 th{
		background-color:#fffdd5;
	}
	#area05 td{
		background-color:#fffeee;
	}
	#area06 th{
		background-color:#fbddcc;
	}
	#area06 td{
		background-color:#fdede4;
	}
	#prefareadetail {
		padding: 1em;
		border: 1px solid #ccc;
	}
	#prefareadetail p {
		font-size: 1.6rem;
	}
	#prefareadetail h1 {
		font-size: 1.8rem;
	}
	div#close {
		text-align:center;
		font-size: 1.6rem;
		border: 1px solid #ccc;
		line-height: 2.4;
		margin: 0 2em;
	}
	#cboxClose {
		display: none;
	}
	td.areaname p{
		width: 10em;
	}
	td.areaextcharge {}
	


	/* -------------------- Payment -------------------- */
	.payment-info {
		margin: 2em 0;
		padding: 0 .5em;
	}
	.payment-info .payment-logo, .payment-info .payment-logo3 {
		background-size: 100% auto;
		height: 35vw;
		background: url(/images/txt/payment-logo-sp.svg) no-repeat 0 0;
	}
	.payment-mes li {
		font-size: 1.4rem;
	}


	/* -------------------- Contact -------------------- */
	#contact{
		margin-top: -6rem;
		padding-top: 6rem;
	}
	#contact h3 {
		font-size: 2.4rem;
		color: #fff;
		text-align: center;
		margin: 0 auto .5em;
		border-bottom: 1px solid #fff;

	}
	#contact .info {
		margin-bottom: 1em;
	}
	#contact .info p {
		color: #fff;
		font-size: 1.4rem;
	}
	#contact > div{
		overflow: hidden;
		background-color: #0080de;
		width:100%;
		margin:0 auto;
		padding: 2em .5em;
		margin-top:2rem;
	}
	#contact div.contact-info{
		margin-bottom: 1em;
	}
	#contact .web-form {
		margin-bottom: 4em;
	}

	#contact div.contact-info p.company{
		font-size: 1.6rem;
	}
	#contact div.contact-info p.tel {
		font-family:'Roboto', sans-serif;
		font-size:3rem;
		line-height:1.2;
		text-align: center;
		margin:-.3em 0 .2em;
		color: #fff;
		font-weight: bold;
	}
	#contact div.contact-info p.tel a {
		color: inherit;
	}
	#contact div.contact-info p.call{
		background-color: #fff;
		color: #0080de;
		font-size: 1.4rem;
		text-align: center;
		display: block;
		margin: 0 auto .5em;
		line-height: 2;
	}

	#contact a.footer-form-btn{
		background: linear-gradient(to bottom, #f7b425 5%, #f29500 100%);
		background-color: #f29500;
		border-radius: .3em;
		box-shadow: 1px 1px 4px rgba(0,0,0,.4);
		color: #fff !important;
		font-size: 1.8rem;
		font-weight: bold;
		max-width: 100%;
		text-align: center;
		text-decoration: none;
		margin: 0 auto;
		padding: 1em 0;
		display:inline-block;
		width: 100%;
	}
	#contact div.web-form p.terms a {
		font-weight: normal;
		color: #fff;
	}


	/* -------------------- Footer -------------------- */
	footer {
		position: relative;
		background-color: #333;
		clear: both;
		width: 100%;
		padding-bottom: 7em;
	}
	footer #copyright {
		overflow: hidden;
		display: block;
		text-align: center;
		position: relative;
		color: #fff;
		padding:2.5em 0;
		margin:0 auto;
	}
	footer #copyright > div {
		overflow: hidden;
	}
	footer address {
		float: left;
		font-size: 1.3rem;
		color:#fff;
		padding: 0 0 0 .5em;
	}
	footer #copyright small {
		float: left;
		color: #fff;
		font-size: 1.1rem;
		padding: 1em .5em 0;
		display: block;
		width: 100%;
		text-align: center;
	}
	footer #label{
		position: absolute;
		top: 2.5em;
		right: .5em;
		display: inline-block;
		background:#fff;
		margin: 0 auto;
		padding: .5em;
	}
	footer #label .pmark {
		width: 51px;
	}
	footer #label .isms {
		width: 67px;
		margin-bottom: 2px;
	}

	/* -------------------- FixFooter -------------------- */
	#fix-footer {
		position: fixed;
		z-index: 1000;
		bottom: 0;
		background: #555;
		padding: 1em .5em;
		width: 100%;
	}
	.app-btn {
		background: linear-gradient(to bottom, #f7b425 5%, #f29500 100%);
		background-color: #f29500;
		border-radius: .3em;
		box-shadow: 1px 1px 4px rgba(0,0,0,.4);
		color: #fff !important;
		font-size: 1.8rem;
		font-weight: bold;
		max-width: 100%;
		text-align: center;
		text-decoration: none;
		padding: 1em 0;
		display: inline-block;
		width: 100%;
		
	}

}/*スマホEnd*/

/* -----------------------------------------------------------------------------

 950以上PC・949以下タブレットスタイル

----------------------------------------------------------------------------- */
@media(min-width:768px){

	/* -------------------- Common -------------------- */
	* {
		font-family: Hiragino Kaku Gothic ProN,ヒラギノ角ゴ Pro W3,游ゴシック,Yu Gothic,YuGothic,Meiryo,メイリオ,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
		font-size: 18px;
		line-height: 1.5;
		color: #333;
		max-height: 999999px;
	}
	html{
		font-size:62.5%;
		height: 100%;
	}
	body {
		background:url(/images/bg_cream_dust_@2X.png) repeat 0 0;
		-webkit-text-size-adjust: 100%;
		min-width:1020px;
	}
	.pc{
		display:block;
	}
	.sp{
		display:none;
	}
	section,main{
		display: block;
	}
	.content-outer {
		width: 1020px;
		margin: 0 auto;
	}
	.content-inner {
		width: 980px;
		margin: 0 auto;
	}
	.inner {
		width:1000px;
		margin:0 auto;
	}
	h2 {
		margin-bottom:4.0rem;
		font-size: 48px;
		padding-top: 5px;
		line-height: 1;
		color:#0080de;
		text-align:center;
		margin-top: 8.8rem;
	}

	/* -------------------- Header -------------------- */
	header {
		overflow: hidden;
		min-width: 1020px;
		height: 130px;
	}
	header #header-title {
		background: #fff;
		position: fixed;
		width: 100%;
		padding:40px 0;
		z-index: 10000;
		-webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0,.2);
		box-shadow: 0 8px 8px -8px rgba(0,0,0,.2);
	}
	header #header-title h1 {
		float:left;
	}
	header #header-title h1 img {
	min-width: 23.1rem;
	display: block;
	height: 4.8rem;
	}
	header #header-title div nav{
		display:flex;
		float:right;
	}
	header #header-title div nav ul.inlink{
		font-weight:normal;
		display:inline-block;
		margin:0;
	}
	header #header-title div nav ul.inlink li{
		float:left;
		height:48px;
		line-height:2.7;
		margin:0;
		margin-right:15px;
	}
	header #header-title div nav ul.inlink li:last-child{
		margin-right:0px;
	}
	header #header-title div nav ul.inlink a{
		color:#333!important;
		font-size:1.6rem;
		transition: .2s;
		opacity:.6;
		height:25px;
		display:inline-block;
	}
	header #header-title div nav ul.inlink li a:hover{
		border-bottom:4px solid #333;
		opacity: 1;
	}
	header #header-title div nav a.form-btn{
		background: linear-gradient(to bottom, #f7b425 5%, #f29500 100%);
		background-color: #f29500;
		color: #fff;
		border-radius:.4rem;
		margin-left:20px;
		font-weight:bold;
		line-height:2.7;
		font-size:18px;
		text-align:center;
		width:255px;
		font-family:メイリオ,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ Pro W3,游ゴシック,Yu Gothic,YuGothic,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	}
	header #header-title div nav a.form-btn:hover{
		filter: brightness(120%);
		letter-spacing: .08em;
		transition: .2s;
	}
	.ie8 header #header-title div nav a.form-btn{
			padding-top:.5rem;
	}

	/* -------------------- KeyVisual -------------------- */
	section.top-view{
		background-color: #0080de;
		z-index: 10000;
		overflow:hidden;
		min-width:1020px;
	}
	section.top-view > div{
		overflow:hidden;
		width:1000px;
		margin:0 auto;
		padding: 30px 0;
	}
	section.top-view div.catch-title{
		float: left;
		width: 470px;
		text-align: center;
		padding: 58px 0px;
	}
	section.top-view p{
		color: #fff;
		opacity: .8;
	}	
	section.top-view div.catch-img{
		width: 500px;
	}
	section.top-view div.catch-img img {
		width: 500px;
	}
	section.top-view h1{
		color: #fff;
		font-weight:bold;
		font-size: 58px;
		line-height: 1.5;
	}
	section div.catch-img{
		float:right;
	}
	section.sup-txt{
		background-color:#f5f5f5;
		color:rgba(51,51,51,.6);
		font-size: 14px;
		padding: 15px 0;
		text-align: center;
	}
	section.sup-txt div{
		max-width:1000px;
		margin:0 auto;
	}
	section.sup-txt p{
		text-align: center;
	}

	/* ------------------ Maintenance ------------------ */
	.mainte-container {
		width: 960px;
		padding: 6px 0 10px 0;
		border-top: 1px double #ccc;
		border-bottom: 1px double #ccc;
		margin-bottom: 10px;
		margin: 20px auto 0;
	}
	.mainte-title {
		text-align: center;
		font-size: 18px;
		color: #333;line-height:2
	}
	.mainte-message {
		text-align: center;
		font-size: 16px;
		color: #333;
		line-height: 1.4
	}

	/* -------------------- Notice -------------------- */
	.notice-container {
		width: 960px;
		padding: 6px 0 10px 0;
		border-top: 1px double #ccc;
		border-bottom: 1px double #ccc;
		margin-bottom: 10px;
		margin: 20px auto 0;
	}
	.notice-title {
		text-align: center;
		font-size: 18px;
		color: #333;line-height:2
	}
	.notice-message p {
		text-align: center;
		font-size: 16px;
		color: #333;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	.notice-message p {
		margin-bottom: 0;
	}

	/* -------------------- Features -------------------- */
	#features {
		margin-top: 80px;
	}
	#features ul {
		overflow: hidden;
		margin-top: 8.8rem;
	}
	#features ul li {
		float: left;
		width: 296px;
		margin-left: 19px;
		padding:10px 0;
		border-radius: 5px;
	}
	#features ul li img{
		width:100px;
		padding: 0 103px;
	}

	#features ul li:first-child {
		margin-left: 0;
	}
	#features ul li .fa {
		display: block;
		text-align : center;
		font-size: 100px;
	}
	#features ul li .fa-clock-o {
		color: #6aa3f2;
	}
	#features ul li .fa-map-marker {
		color:#f2756a;
	}
	#features ul li .fa-user,
	#features ul li .fa-map-marker,
	#features ul li .fa-clock-o{
		color:#0080de;
	}
	#features ul li p {
		text-align: center;
		font-size: 26px;
		color:#0080de;
	}

	/* -------------------- SupportMenu -------------------- */
	#menu{
		margin-top: -8.8rem;
		padding-top: 8.8rem;
	}
	div.combination-menu p.category{
		font-size: 26px;
		line-height: 1.4;
		margin-bottom: 10px;
		border-bottom: 2px solid #0080DE;
	}
	.ribbon_box{
		position:relative;
		display: block;
		position: relative;
		margin: 0 auto;
		background: #f1f1f1;
	}
	.ribbon8{
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px;
		margin: 0 0 0 -20px;
		width: calc(90% + 20px);
		font-size: 22px;
		color: white;
		background: #0080DE;
	}
	.ribbon8:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-right: solid 20px #6eb3e0;
	}
	div.support-pack{
		overflow:hidden;
		display:flex;
	}
	div.support-pack div.ex_01 ol{
		float:left;
	}
	div.support-pack div.ribbon_box,
	div.support-pack ol{
		position:relative;
		width:439px;
		float:left;
		padding:13px 0 0;
		padding-right:5px;
	}
	div.support-pack div.ribbon_box {
		height: 400px;
	}
	div.support-pack div p.ribbon8{
		font-weight: bold;
	}
	div.support-pack div p.ribbon8 span {
		color: inherit;
		font-size: 16px;
		font-weight: normal;
		display: block;
	}
	div.support-pack div p.ribbon8 span.hun{
		color:#fff;
	}
	div.support-pack div ol li{ 
		margin-left:15px;
		width:192px;
		height:105px;
		float: left;
		font-size: 16px;
		background-color:#fff;
		margin-bottom:10px;
		padding:5px;
		display:flex;
	}
	div.support-pack div ol li p{ 
		align-self:center;
		width:100%;
	}
	div.support-pack div ol li span{ 
		vertical-align: -webkit-baseline-middle;
		line-height:1.5;
		font-size:16px;
		display:inline-block;
		width:100%;
		text-align:center;
	}
	div.support-pack div ol li:nth-child(even){
		margin-left:10px;
	}
	div.support-pack div.ex01 ol li:nth-child(4) p img{ 
		padding-top:5px;
	}
	div.support-pack div ol li.plus{ 
		text-align:center;
		background-color: unset;
		width: 44px;
		padding: 0;
		margin-left: 0;
		margin-bottom: 0;
		line-height:2.1;
	}
	div.support-pack div ol li.indent{
		padding-left:1em;
		text-indent:-1em;
	}
	div.support-pack div ol li img{ 
		display:block;
		margin:0 auto;
		width:35px;
		height:35px;
	}
	div.support-pack div ol li >i span{ 
		display:block;
	}
	div.support-pack div ol li:nth-child(7) i{
		height:60px;
		line-height: 2;
	}
	div.support-pack .unit-price {
		text-align: right;
		padding-right: 10px;
	}
	div.support-pack p.unit {
		display: inline-block;
		font-size: 16px;
	}
	div.support-pack p.price{
		display: inline-block;
		font-size:40px;
		font-weight: bold;
		bottom:0;
		color:#f2a100;
	}
	div.support-pack p.price span.yen,
	div.support-pack p.price span.hun {
		font-size: 24px;
		color: #f2a100;
	}
	div.support-menu_01,
	div.support-menu_02 {
		overflow: hidden;
	}
	#pack,#menu {
		position: relative;
	}


	/* -------------------- Price -------------------- */
	#price {
		margin-top: -8.8rem;
		padding-top: 8.8rem;
	}
	#price .price-tbl{
		margin-bottom:4rem;
	}
	#price .price-tbl table {
		width: 100%;
		font-size: 21px;
		margin-bottom: 10px;
	}
	#price .price-tbl table caption {
		margin-bottom: 10px;
	}
	#price .price-tbl table th,
	#price .price-tbl table td {
		border: 1px solid #ccc;
		padding :5px 10px 0;
		height: 35px;
		line-height: 35px;
	}
	#price .price-tbl table thead th,
	#price .price-tbl table thead td {
		text-align :center;
		background: #0080de;
		padding:12px 0 7px;
		color:#fff;
		font-size:23px;
	}
	#price .price-tbl table td {
		text-align:center;
		padding-right: 20px;
	}
	#price .price {
		color: #f2a100;
		font-size: 32px;
		font-weight: bold;
		text-align: right;
		display: inline-block;
		width: 165px;
	}
	#price .price span {
		color: inherit;
		font-size: 18px;
	}
	#price .price span.unit {
		font-weight: normal;
		font-size: 20px;
		color: #333;
	}
	#price .price span.unit{
		font-weight: normal;
		font-size: 20px;
		color: #333;
	}
	#price .baloon .price{
		font-size:50px;
	}

	/* --------------- SupportAreaMap --------------- */
	.support-area .support_area {
		border: none;
		padding: 0;
		width: 980px;
		height: 580px;
		margin-top: 30px;
	}
	.support-area .support_area a {
		text-decoration:none;
	}
	.support-area .support_area td {
		border: 1px solid #fff;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
	}
	.support-area .support_area td a {
		color: #fff;
		display:block;
		text-decoration:none;
	}
	.support-area .btn_support_area {
		text-align: center;
		margin-bottom: 50px;
	}
	.support-area .btn_support_area a {
		position: relative;
		cursor: pointer;
		display: block;
		color: #333;
		width: 100%;
		border: 1px solid #ccc;
		line-height: 2.4;
		font-size: 28px;
	}
	.support-area .btn_support_area a::after {
		position: absolute;
		right: 50px;
		font-family:'FontAwesome';
		content: '\f0d7';
	}
	.support-area .active a::after {
		position: absolute;
		right: 50px;
		font-family:'FontAwesome';
		content: '\f0d8';
	}
	.support-area .btn_support_area a:hover {
		opacity:.8;
	}

	/* -------------------- AppBtn -------------------- */
	.app-btn {
		background-color: #f2a100;
		border-radius: .8rem;
		box-shadow: 1px 1px 4px rgba(0,0,0,.4);
		color: #fff!important;
		cursor: pointer;
		font-size: 30px;
		font-weight: bold;
		line-height: 2.4;
		max-width: 100%;
		text-align: center;
		text-decoration: none;
		margin: 30px auto;
		display: block;
	}
	.app-btn:hover {
		filter: brightness(120%);
		letter-spacing: .09em;
		transition: .2s;
	}
	/* -------------------- Payment -------------------- */
	.payment-info .payment-logo, .payment-info .payment-logo3 {
		width: 980px;
		height:166px;
		margin-top: -2px;
		margin-bottom: 0;
		background: url(/images/txt/payment-logo-pc.svg) no-repeat 0 0;
	}
	.payment-info {
		margin-bottom: 50px;
	}
	.payment-info .payment-logo > a {
		display:inline-block;
		width:300px;
		margin-top:8px;
		margin-left:574px;
		margin-left:580px;
	}
	.payment-info .payment-logo > a img {
		width:300px;
	}

	/* ------------------- Contact -------------------- */
	#contact {
		margin-top: -8.8rem;
		padding-top: 8.8rem;
		color: #fff;
	}
	#contact > div{
		overflow:hidden;
		margin:0 auto 50px;
		background-color: #0080de;
		padding: 50px 0;
	}
	#contact h3 {
		color: #fff;
		font-size: 48px;
		text-align: center;
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}
	#contact div.info p {
		font-size: 18px;
		text-align: left;
		color: #fff;
	}
	#contact div.contact-info  {
		width: 48%;
		float :right;
		margin: 0 auto;
	}

	#contact div.contact-info p.company{
		font-size:2.5rem;
	}
	#contact div.contact-info p.tel{
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		font-size: 43px;
		line-height: 1.2;
		text-align: center;
		color: #fff;
		margin-top:10px;
	}
	#contact div.contact-info p.call{
		background-color:#fff;
		color: #0080de;
		text-align:center;
		display: block;
	    line-height: 2.0;
		font-size: 14px;
		font-family:メイリオ,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ Pro W3,游ゴシック,Yu Gothic,YuGothic,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	}
	#contact div.web-form {
		width: 48%;
		float: left;
	}
	#contact div.web-form p.terms a {
		color: #fff;
		font-weight: normal;
	}
	#contact a.footer-form-btn {
		background: linear-gradient(to bottom, #f7b425 5%, #f29500 100%);
		background-color: #f29500;
		border-radius: .8rem;
		box-shadow: 1px 1px 4px rgba(0,0,0,.4);
		color: #fff!important;
		cursor: pointer;
		font-size: 26px;
		font-weight: bold;
		height:2.6;
		letter-spacing: .04em;
		line-height: 6.4rem;
		max-width: 100%;
		text-align:center;
		text-decoration: none;
		width: 100%;
		margin-top: 26px;
		display:inline-block;
		font-family:メイリオ,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ Pro W3,游ゴシック,Yu Gothic,YuGothic,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	}
	#contact a.footer-form-btn:hover {
		filter: brightness(120%);
		letter-spacing: .09em;
		transition: .2s;
	}
	.ie8 #contact a.footer-form-btn{
			color:red;
			padding-top:1rem;
			
	}
/* -------------------- Footer -------------------- */
	footer {
		background-color: #333;
		clear: both;
		width: 100%;
	}
	footer address {
		font-size:15px;
		color:#fff;
		margin-bottom:.5rem;
	}
	footer #copyright{
		display: block;
		text-align: center;
		color: #fff;
		padding: 30px 0;
		margin:0 auto;
		width: 1000px;
	}
	footer #copyright small {
		color: #fff;
		font-size: 14px;
	}
	footer #label{
		background:#fff;
		padding: 10px;
		float: right;
		position:absolute;
		bottom:90px;
		position:relative;
	}
	footer #label .pmark {
		width: 80px;
	}
	footer #label .isms {
		width: 105px;
		margin-bottom: 2px;
	}
	p.terms {
		text-align: center;
	}

}

/*PCスマホEnd*/