@charset "UTF-8";

/*------------------------------------------------------------
LP style
------------------------------------------------------------*/
body{
	background-image: none;
	-webkit-text-size-adjust: 100%;
}
.sectioning_layout-inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
#main {
	line-height: 1.5;
}
#main img {
	vertical-align: top;
}
#main ul, #main ol {
    padding-left: 30px;
    margin: 0;
}
.bt0 {
    border-top: none;
}
.bb0 {
    border-bottom: none;
}
.line-p {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffcccc 0%) repeat scroll 0 0;
}
.caution {
    color: #ff0066;
}
.blue {
    color: #193477;
}
.blueA {
    color: #227389;
}
a:hover img {
    opacity:0.7;
}
a.new_win:after {
    content: url(/mobile/img/icon_out2.png);
    width: 15px;
    height: 12px;
    margin-left: 2px;
}
a.link span.blank, a.link .new_win {
	margin-right:5px;
	padding-right:15px;
	background:url(/mobile/img/icon_out2.png) right center no-repeat;
}



/*------------------------------------------------------------
display: none
------------------------------------------------------------*/
.pc {
}
.sp {
    display: none !important;
}
@media all and (max-width: 640px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}



/*------------------------------------------------------------
.text-kome
------------------------------------------------------------*/
.text-kome {
    font-size: 14px;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.text-kome02 {
    font-size: 14px;
    padding-left: 2.0em;
    text-indent: -2.0em;
}
@media all and (max-width: 1024px) {
	.text-kome {
		font-size: 13px;
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
	.text-kome02 {
		font-size: 13px;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
}



/*------------------------------------------------------------
.link-arrow
------------------------------------------------------------*/
.link-arrow {
	text-align: center;
	font-size: 19px;
}
.link-arrow a {
    display: inline-block;
    vertical-align: middle;
}
.link-arrow a:before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 36px;
    vertical-align: middle;
    background: url(/option/support/user-support/lp/onsite/img/04_ico_arrow.png);
    background-size: 34px 34px;
    background-repeat: no-repeat;
    margin-right: 15px;
}
@media all and (max-width: 1024px) {
	.link-arrow a {
		font-size: 15px;
	}
	.link-arrow a:before {
		width: 24px;
		height: 26px;
		background-size: 24px 24px;
	}
}



/*------------------------------------------------------------
.accordion_component
------------------------------------------------------------*/
.accordion_component {
    max-width: 1260px;
    margin: 0 auto;
}
.accordion_header {
    background-color: #fff;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 10px;
    border-radius: 8px;
    text-align: center;
}
.accordion_header:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    background: url(/option/support/user-support/lp/onsite/img/btn-blind-open_gray.png) left top no-repeat;
    background-size: contain;
}
.accordion_header.accordion-close:after, .accordion_header.accordion-close.ac-leftIcon:before {
    background-image: url(/option/support/user-support/lp/onsite/img/btn-blind-close_gray.png);
}
.accordion_contents {
    padding-top: 20px;
    padding-bottom: 0;
}
@media all and (max-width: 1024px) {
	.accordion_component {
		width: 100%;
	}
	.accordion_header:not(.ac-leftIcon) {
		padding-right: 3rem;
	}
	.accordion_header {
		font-size: 18px;
		border-radius: 8px;
	}
}



/*------------------------------------------------------------
table
------------------------------------------------------------*/
#main table {
    width: 100%;
}
#main table th {
    border: 1px solid #ccc;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
	font-size: 18px;
	background: #227389;
	color: #ffffff;
}
#main table td {
    border: 1px solid #ccc;
    padding: 15px;
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
    background: #ffffff;
}
#main table td.price {
    text-align: center;
    line-height: 1.2;
    padding: 5px;
    font-size: 18px;
}
#main table td.price span {
    font-size: 15px;
}
@media all and (max-width: 1024px) {
	#main table th {
		padding: 10px;
		font-size: 12px;
	}
	#main table td {
		padding: 10px;
		font-size: 12px;
	}
	#main table td.price {
		font-size: 14px;
	}
	#main table td.price span {
		font-size: 10px;
	}
	#main table .sp-title {
		background: #ffffff;
		color: #333;
		font-weight: bold;
		font-size: 16px;
	}
}




/*------------------------------------------------------------
.Area01
------------------------------------------------------------*/
#main {
	margin:40px auto 0;
	width: 100%;
	word-break: break-word;
}
#main .Area01 {
    background: #cef7fb;
}
#main .Area01 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area01 h1 {
	margin: 0;
}
#main .Area01:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main{
		width: 100%;
		margin:0 auto;
	}
	#main .Area01 img {
		width: 100%;
	}
}



/*------------------------------------------------------------
.Area02
------------------------------------------------------------*/
#main .Area02 {
    background: #ffffff;
    padding: 50px 20px 0;
}
#main .Area02 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area02 .imgArea {
    text-align: center;
}
#main .Area02:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area02 {
		padding: 25px 10px 0;
	}
	#main .Area02 img {
		width: 100%;
		max-width: 942px;
	}
}



/*------------------------------------------------------------
.Area03
------------------------------------------------------------*/
#main .Area03 {
    background: #e8f2f7;
    padding: 40px 20px;
}
#main .Area03 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area03 .boxArea {
    width: 100%;
    margin: 0 0 10px;
    display: inline-block;
}
#main .Area03 .boxArea .oneBox {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
    position: relative;
}
#main .Area03 .boxArea .oneBox:last-child {
    margin: 0;
}
#main .Area03 .boxArea .oneBox .titleBox {
    background: #005a8d;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#main .Area03 .boxArea .oneBox .titleBox.bg-gray {
    background: #8194a6;
}
#main .Area03 .boxArea .oneBox .titleBox .text01 {
	text-align: center;
	font-size: 30px;
	padding: 15px 10px;
	color: #ffffff;
}
#main .Area03 .boxArea .oneBox .infoBox {
    background: #ffffff;
    padding: 10px 0 0;
    display: inline-block;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    width: 100%;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-left {
    float: left;
    width: 25%;
    text-align: center;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-left img {
    height: 233px;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-right {
    float: right;
    width: 75%;
    display: inline-block;
    padding: 10px 10px 0 0;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .img-tell {
    text-align: left;
    margin-bottom: 20px;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-right img {
    width: 100%;
    max-width: 433px;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_text {
    float: left;
    width: 60%;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img {
    float: left;
    width: 40%;
    text-align: center;
}
#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img img {
    width: 100%;
    max-width: 159px;
}
#main .Area03 .boxArea .oneBox .infoBox .btn01 {
    position: absolute;
    bottom: 20px;
    right: 95px;
    text-align: center;
}
#main .Area03:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area03 {

padding: 25px 10px;

}
	#main .Area03 .boxArea .oneBox {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	#main .Area03 .boxArea .oneBox .titleBox .text01 {
		font-size: 22px;
	}
	#main .Area03 .boxArea .oneBox .infoBox {
		padding: 15px;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-left {
		float: none;
		width: 100%;
		display: none;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-left img {
		height: 120px;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-right {
		float: none;
		width: 100%;
		padding: 0;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .img-tell {
		text-align: center;
		margin-bottom: 20px;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_text {
		float: none;
		width: 100%;
		font-size: 15px;
		margin-bottom: 10px;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	#main .Area03 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img img {
		width: 100%;
		max-width: 180px;
	}
	#main .Area03 .boxArea .oneBox .infoBox .btn01 {
		position: static;
	}
	#main .Area03 .boxArea .oneBox .infoBox .btn01 img {
		width: 100%;
		max-width: 250px;
	}
}



/*------------------------------------------------------------
.Area04
------------------------------------------------------------*/
#main .Area04 {
    background: #f3f5e8;
    padding: 50px 20px;
}
#main .Area04 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area04 .inner .title-img {
    text-align: center;
    margin-bottom: 40px;
}
#main .Area04 .boxArea {
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}
#main .Area04 .boxArea .oneBox {
    float: left;
    width: 23.5%;
    margin: 0 0.75%;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 10px;
    position: relative;
    height: 400px;
    border-radius: 8px;
}
#main .Area04 .boxArea .oneBox .ab-one {
    position: absolute;
    top: -6px;
    left: 2px;
}
#main .Area04 .boxArea .oneBox .ab-new {
    position: absolute;
    top: -6px;
    left: 16px;
}
#main .Area04 .boxArea .oneBox .title01 {
    padding: 0 0 0 80px;
    font-size: 22px;
    height: 56px;
}
#main .Area04 .boxArea .oneBox .imgArea {
    padding: 20px 10px;
    text-align: center;
    width: 370px;
    height: 255px;
    display: table-cell;
    vertical-align: middle;
}
#main .Area04 .boxArea .oneBox .text-under {
    text-align: center;
    font-size: 19px;
}
#main .Area04 .text03{
    text-align: center;
    font-size: 22px;
}
#main .Area04 .whiteBox {
    padding: 25px 10px;
    text-align: center;
    width: 80%;
    margin: 15px auto 0;
    background: #fff;
    border-radius: 8px;
}
#main .Area04 .whiteBox ul {
    text-align: left;
    display: inline-block;
    margin-bottom: 15px;
}
#main .Area04 .whiteBox ul li {
    float: left;
    margin-right: 60px;
    font-size: 19px;
}
#main .Area04 .whiteBox ul li:last-child {
    margin-right: 0;
}
#main .Area04:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area04 {
		padding: 25px 10px;
	}
	#main .Area04 .inner .title-img {
		margin-bottom: 25px;
	}
	#main .Area04 .inner .title-img img {
		width: 100%;
		max-width: 350px;
	}
	#main .Area04 .boxArea {
		margin-bottom: 0;
	}
	#main .Area04 .boxArea .oneBox {
		width: 49%;
		margin: 0 2% 20px 0;
		height: 280px;
	}
	#main .Area04 .boxArea .oneBox:nth-child(even) {
		margin: 0 0 20px 0;
	}
	#main .Area04 .boxArea .oneBox .ab-one {
		position: absolute;
		top: -6px;
		left: 2px;
		width: 12%;
	}
	#main .Area04 .boxArea .oneBox .ab-one img {
		width: 100%;
	}
	#main .Area04 .boxArea .oneBox .ab-new {
		position: absolute;
		top: -6px;
		left: 2px;
		width: 12%;
	}
	#main .Area04 .boxArea .oneBox .ab-new img {
		width: 100%;
	}
	#main .Area04 .boxArea .oneBox .title01 {
		padding: 0;
		font-size: 18px;
		text-align: center;
		height: 42px;
	}
	#main .Area04 .boxArea .oneBox .imgArea {
		padding: 20px 0;
		text-align: center;
		width: 100%;
		height: 160px;
		display: table;
	}
	#main .Area04 .boxArea .oneBox .imgArea img {
		max-width: 100%;
		max-height: 120px;
	}
	#main .Area04 .boxArea .oneBox .text-under {
		font-size: 14px;
	}
	#main .Area04 .text03 {
		font-size: 16px;
	}
	#main .Area04 .whiteBox {
		padding: 20px 15px;
		width: 100%;
	}
	#main .Area04 .whiteBox ul li {
		float: none;
		margin-right: 0;
		font-size: 15px;
	}
}
@media all and (max-width: 570px) {
	#main .Area04 .boxArea .oneBox {
		height: 300px;
	}
	#main .Area04 .boxArea .oneBox .ab-one {
		position: absolute;
		top: -6px;
		left: 2px;
	}
	#main .Area04 .boxArea .oneBox .ab-one img {
		width: 35px;
	}
	#main .Area04 .boxArea .oneBox .ab-new {
		position: absolute;
		top: -6px;
		left: 2px;
	}
	#main .Area04 .boxArea .oneBox .ab-new img {
		width: 30px;
	}
	#main .Area04 .boxArea .oneBox .title01 {
		padding: 0 0 0 35px;
		font-size: 14px;
		text-align: left;
		height: 42px;
	}
}


/*------------------------------------------------------------
.Area05
------------------------------------------------------------*/
#main .Area05 {
    background: #e8f2f7;
    padding: 50px 20px;
}
#main .Area05 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area05 .inner .title-img {
    text-align: center;
    margin-bottom: 40px;
}
#main .Area05 .boxArea {
    width: 100%;
    display: table;
}
#main .Area05 .boxArea .oneBox {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 45%;
}
#main .Area05 .boxArea .oneBox .titleBox {
    background: #227389;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 15px 10px;
}
#main .Area05 .boxArea .oneBox .titleBox .text01 {
	text-align: center;
	font-size: 30px;
	color: #ffffff;
}
#main .Area05 .boxArea .oneBox .titleBox .text01.mark01:before {
    content: '';
    display: inline-block;
    width: 66px;
    height: 66px;
    vertical-align: middle;
    background: url(/option/support/user-support/lp/onsite/img/05_ico_mark01.png);
    background-size: 66px 66px;
    background-repeat: no-repeat;
    margin-right: 15px;
}
#main .Area05 .boxArea .oneBox .titleBox .text01.mark02:before {
    content: '';
    display: inline-block;
    width: 66px;
    height: 66px;
    vertical-align: middle;
    background: url(/option/support/user-support/lp/onsite/img/05_ico_mark02.png);
    background-size: 66px 66px;
    background-repeat: no-repeat;
    margin-right: 15px;
}
#main .Area05 .boxArea .oneBox .infoBox {
    background: #ffffff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    padding: 15px 10px;
}
#main .Area05 .boxArea .oneBox .infoBox .text-price {
    text-align: center;
    font-size: 30px;
}
#main .Area05 .boxArea .oneBox .infoBox .text-kaki {
    text-align: center;
    font-size: 26px;
}
#main .Area05 .boxArea .oneBox .infoBox .text-price span {
    font-size: 20px;
}
#main .Area05 .boxArea .oneBox .infoBox .text-price .link-arrow_under {
	vertical-align: middle;
	display: inline-block;

	line-height: 1;
}
#main .Area05 .boxArea .oneBox .infoBox .text-kaki .link-arrow_under:before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    background: url(/option/support/user-support/lp/onsite/img/05_ico_arrow.png);
    background-size: 36px 36px;
    background-repeat: no-repeat;
    margin-right: 15px;
}
#main .Area05 .boxArea .plusBox {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 10%;
}
#main .Area05 .boxArea .plusBox .text-plus {
    font-size: 80px;
    font-weight: bold;
    color: #227389;
    line-height: 1;
}
#main .Area05:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area05 {
		padding: 25px 10px;
	}
	#main .Area05 .inner .title-img {
		margin-bottom: 25px;
	}
	#main .Area05 .inner .title-img img {
		width: 100%;
		max-width: 350px;
	}
	#main .Area05 .boxArea {
		display: block;
	}
	#main .Area05 .boxArea .oneBox {
		display: block;
		width: 100%;
	}
	#main .Area05 .boxArea .oneBox .titleBox .text01 {
		font-size: 22px;
	}
	#main .Area05 .boxArea .oneBox .titleBox .text01.mark01:before {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
	#main .Area05 .boxArea .oneBox .titleBox .text01.mark02:before {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
	#main .Area05 .boxArea .oneBox .infoBox .text-price {
		font-size: 28px;
	}
	#main .Area05 .boxArea .oneBox .infoBox .text-price span {
		font-size: 16px;
	}
	#main .Area05 .boxArea .oneBox .infoBox .text-kaki {
		text-align: center;
		font-size: 22px;
	}
	#main .Area05 .boxArea .oneBox .infoBox .text-kaki .link-arrow_under:before {
		width: 24px;
		height: 26px;
		background-size: 24px 24px;
	}
	#main .Area05 .boxArea .plusBox {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	#main .Area05 .boxArea .plusBox .text-plus {
		font-size: 50px;
	}
}
@media all and (max-width: 420px) {
	#main .Area05 .boxArea .oneBox .titleBox .text01 {
		font-size: 20px;
	}
	#main .Area05 .boxArea .oneBox .infoBox .text-price {
		/* font-size: 20px; */
	}
}





/*------------------------------------------------------------
.Area06
------------------------------------------------------------*/
#main .Area06 {
    background: #f3f5e8;
    padding: 50px 20px;
}
#main .Area06 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area06 .inner .title-img {
    text-align: center;
    margin-bottom: 10px;
}
#main .Area06 .inner .sub-img {
    text-align: center;
    margin-bottom: 10px;
}
#main .Area06 .inner .text-t {
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}
#main .Area06 .inner .text-s {
    text-align: center;
    margin-bottom: 30px;
    font-size: 19px;
}
#main .Area06 .inner .img-s {
	display: none;
}
#main .Area06 .boxArea {
    width: 100%;
    display: inline-block;
    background: url(/option/support/user-support/lp/onsite/img/06_ph.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#main .Area06 .boxArea .oneBox {
    float: left;
    width: 35%;
    margin: 0 0 40px;
    position: relative;
}
#main .Area06 .boxArea .oneBox:nth-child(even) {
    float: right;
}
#main .Area06 .boxArea .oneBox .ab-new {
    position: absolute;
    top: -20px;
    left: 15px;
}
#main .Area06 .boxArea .oneBox .titleBox {
    background: #fbe789;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: table;
    width: 100%;
    height: 82px;
    padding: 15px 15px;
}
#main .Area06 .boxArea .oneBox .titleBox .number {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 13%;
}
#main .Area06 .boxArea .oneBox .titleBox .number span {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50px;
}
#main .Area06 .boxArea .oneBox .titleBox .text01 {
	text-align: left;
	font-size: 24px;
	font-weight: bold;


	display: table-cell;
	vertical-align: middle;
	width: 65%;
	line-height: 1.2;
}
#main .Area06 .boxArea .oneBox .titleBox .text02 {
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 9%;
}
#main .Area06 .boxArea .oneBox .titleBox .text02 img {
	width: 100%;
	max-width: 49px;
}
#main .Area06 .boxArea .oneBox .infoBox {
    background: #ffffff;
    padding: 15px 15px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
#main .Area06 .boxArea .oneBox .infoBox .text-info {
    padding: 0 15px;
    font-size: 16px;
}
#main .Area06 .boxArea .oneBox .infoBox .text-price {
    font-size: 30px;
    text-align: center;
    border-top: 2px dashed #7c7c7c;
    padding-top: 15px;
    margin-top: 15px;
    line-height: 1;
}
#main .Area06 .boxArea .oneBox .infoBox .text-price span {
    font-size: 20px;
}

#main .Area06:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area06 {
		padding: 25px 10px;
	}
	#main .Area06 .inner .title-img img {
		max-width: 100px;
		width: 100%;
	}
	#main .Area06 .inner .sub-img img {
		max-width: 170px;
		width: 100%;
	}
	#main .Area06 .inner .text-t {
		font-size: 24px;
		margin-bottom: 15px;
	}
	#main .Area06 .inner .sArea {
		text-align: center;
	}
	#main .Area06 .inner .sBox {
		display: inline-block;
		max-width: 500px;
	}
	#main .Area06 .inner .text-s {
		text-align: left;
		margin-bottom: 15px;
		font-size: 16px;
		float: left;
		width: 90%;
	}
	#main .Area06 .inner .img-s {
		float: right;
		width: 10%;
		text-align: right;
		display: block;
	}
	#main .Area06 .inner .img-s img {
		width: 100%;
		max-width: 50px;
	}
	#main .Area06 .boxArea {
		background: none;
	}
	#main .Area06 .boxArea .oneBox {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}
	#main .Area06 .boxArea .oneBox:nth-child(even) {
		float: none;
	}
	#main .Area06 .boxArea .oneBox .titleBox {
		height: auto;
	}
	#main .Area06 .boxArea .oneBox .titleBox .number {
		width: 7%;
	}
	#main .Area06 .boxArea .oneBox .titleBox .text01 {
		font-size: 18px;
	}
	#main .Area06 .boxArea .oneBox .infoBox {
		padding: 15px;
	}
	#main .Area06 .boxArea .oneBox .infoBox .text-price {
		font-size: 28px;
	}
	#main .Area06 .boxArea .oneBox .infoBox .text-price span {
		font-size: 16px;
	}
	#main .Area06 table {
		margin-bottom: 10px;
	}
}
@media all and (max-width: 650px) {
	#main .Area06 .boxArea .oneBox .titleBox .number {
		width: 10%;
	}
}
@media all and (max-width: 520px) {
	#main .Area06 .inner .text-s {
		width: 80%;
	}
	#main .Area06 .inner .img-s {
		width: 20%;
	}
	#main .Area06 .boxArea .oneBox .titleBox .number {
		width: 13%;
	}
	#main .Area06 .boxArea .oneBox .titleBox .number span {
		font-size: 18px;
		width: 30px;
		height: 30px;
	}
}



/*------------------------------------------------------------
.Area07
------------------------------------------------------------*/
#main .Area07 {
    background: #e8f2f7;
    padding: 50px 20px;
}
#main .Area07 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area07 .inner .title-img {
    text-align: center;
    margin-bottom: 10px;
}
#main .Area07 .inner .text-t {
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}
#main .Area07 .inner .text-s {
    text-align: center;
    margin-bottom: 30px;
    font-size: 19px;
}
#main .Area07:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area07 {
		padding: 25px 10px;
	}
	#main .Area07 .inner .title-img img {
		max-width: 100px;
		width: 100%;
	}
	#main .Area07 .inner .text-t {
		font-size: 24px;
		margin-bottom: 15px;
	}
	#main .Area07 .inner .text-s {
		margin-bottom: 20px;
		font-size: 16px;
	}
	#main .Area07 .sp table {
		margin-bottom: 10px;
	}
}



/*------------------------------------------------------------
.Area08
------------------------------------------------------------*/
#main .Area08 {
    background: #f3f5e8;
    padding: 50px 20px;
}
#main .Area08 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area08 .inner .title-img {
    text-align: center;
    margin-bottom: 20px;
}
#main .Area08 .inner .text-s {
    text-align: center;
    margin-bottom: 30px;
    font-size: 19px;
}

#main .Area08 .boxArea {
    max-width: 860px;
    margin: 0 auto;
}
#main .Area08 .boxArea .oneBox {
    width: 100%;
    margin: 0 0 20px;
    position: relative;
}
#main .Area08 .boxArea .oneBox:last-child {
    margin: 0;
}

#main .Area08 .boxArea .oneBox .titleBox {
    background: #227389;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 15px 10px;
}
#main .Area08 .boxArea .oneBox .titleBox .text01 {
	text-align: center;
	font-size: 30px;
	color: #ffffff;
}
#main .Area08 .boxArea .oneBox .infoBox {
    background: #ffffff;
    padding: 30px 30px 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
#main .Area08 .boxArea .oneBox .infoBox:last-child {
	padding: 30px 30px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-left {
    float: left;
    width: 20%;
    padding-right: 10px;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-right {
    float: right;
    width: 80%;
    display: inline-block;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .img-tell {
    text-align: left;
    margin-bottom: 20px;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-right img {
    width: 100%;
    max-width: 433px;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_text {
    float: left;
    width: 70%;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img {
    float: right;
    width: 30%;
    text-align: right;
}
#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img img {
    width: 100%;
    max-width: 159px;
}
#main .Area08 .boxArea .oneBox .infoBox .bb-dash {
    border-bottom: 2px dashed #7c7c7c;
    padding-bottom: 15px;
}
#main .Area08 .boxArea .arrowArea {
    text-align: center;
    margin: 20px 0;
}
#main .Area08 .boxArea .oneBox .infoBox .btn01 {
    text-align: center;
}
#main .Area08:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area08 {
		padding: 25px 10px;
	}
	#main .Area08 .inner .title-img img {
		width: 90%;
		max-width: 350px;
	}
	#main .Area08 .inner .text-s {
		margin-bottom: 20px;
		font-size: 16px;
	}
}
@media all and (max-width: 768px) {
	#main .Area08 .boxArea {
		width: 100%;
	}
	#main .Area08 .boxArea .oneBox {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	#main .Area08 .boxArea .oneBox .titleBox .text01 {
		font-size: 22px;
	}
	#main .Area08 .boxArea .oneBox .infoBox {
		padding: 15px 10px 0;
	}
	#main .Area08 .boxArea .oneBox .infoBox:last-child {
		padding: 15px 10px;
	}
	#main .Area08 .boxArea .oneBox .infoBox .imgArea-left img {
		max-width: 100px;
		width: 100%;
	}
	#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .img-tell {
		margin-bottom: 20px;
	}
	#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_text {
		float: none;
		width: 100%;
		font-size: 15px;
		margin-bottom: 10px;
	}
	#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#main .Area08 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img img {
		width: 100%;
	}
	#main .Area08 .boxArea .oneBox .infoBox .btn01 img {
		width: 100%;
		max-width: 250px;
	}
	#main .Area08 .boxArea .arrowArea {
		margin: 10px 0;
	}
}



/*------------------------------------------------------------
.Area09
------------------------------------------------------------*/
#main .Area09 {
    background: #f6e6e6;
    padding: 50px 20px;
}
#main .Area09 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area09 .inner .title-img {
    text-align: center;
    margin-bottom: 20px;
}
#main .Area09 .inner .text-s {
    text-align: center;
    margin-bottom: 30px;
    font-size: 19px;
}
#main .Area09 .inner .img-s {
    display: none;
}
#main .Area09 .boxArea {
    width: 100%;
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
}
#main .Area09 .boxArea .ab-img {
    position: absolute;
    top: -225px;
    left: 70px;
}
#main .Area09 .boxArea .oneBox {
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
    position: relative;
}
#main .Area09 .boxArea .oneBox:last-child {
    margin: 0;
}

#main .Area09 .boxArea .oneBox .titleBox {
    background: #005a8d;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#main .Area09 .boxArea .oneBox .titleBox.bg-gray {
    background: #8194a6;
}
#main .Area09 .boxArea .oneBox .titleBox .text01 {
	text-align: center;
	font-size: 30px;
	padding: 15px 10px;
	color: #ffffff;
}
#main .Area09 .boxArea .oneBox .infoBox {
    background: #ffffff;
    padding: 10px 0 0;
    display: inline-block;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    width: 100%;
}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-left {
    float: left;
    width: 25%;


    text-align: center;
}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-left img {

    height: 233px;
}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-right {
    float: right;

    width: 75%;
    display: inline-block;
    padding: 10px 10px 0 0;

}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .img-tell {
    text-align: left;
    margin-bottom: 20px;
}

#main .Area09 .boxArea .oneBox .infoBox .imgArea-right img {
    width: 100%;
    max-width: 433px;
}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_text {
    float: left;
    width: 60%;
}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img {
    float: left;
    width: 40%;

    text-align: center;
}
#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img img {
    width: 100%;
    max-width: 159px;
}
#main .Area09 .boxArea .oneBox .infoBox .btn01 {
    position: absolute;
    bottom: 20px;
    right: 95px;
    text-align: center;
}
#main .Area09:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area09 {
		padding: 25px 10px;
	}
	#main .Area09 .inner .title-img img {
		width: 90%;
		max-width: 350px;
	}
	#main .Area09 .inner .sArea {
		text-align: center;
		font-size: 0;
	}
	#main .Area09 .inner .sBox {
		display: inline-block;
		max-width: 500px;
	}
	#main .Area09 .inner .text-s {
		text-align: left;
		margin-bottom: 0;
		font-size: 16px;
		float: right;
		width: 70%;
	}
	#main .Area09 .inner .img-s {
		float: left;
		width: 30%;
		text-align: left;
		line-height: 1;
		padding-right: 10px;
		display: block;
	}
	#main .Area09 .inner .img-s img {
		width: 100%;
		vertical-align: bottom;
	}
	#main .Area09 .boxArea {
	}
	#main .Area09 .boxArea .ab-img {
		display: none;
	}
	#main .Area09 .boxArea .oneBox {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	#main .Area09 .boxArea .oneBox .titleBox .text01 {
		font-size: 22px;
	}
	#main .Area09 .boxArea .oneBox .infoBox {
		padding: 15px;
	}
	#main .Area09 .boxArea .oneBox .infoBox .imgArea-left {
		float: none;
		width: 100%;
		display: none;
	}
	#main .Area09 .boxArea .oneBox .infoBox .imgArea-left img {
		height: 120px;


	}
	#main .Area09 .boxArea .oneBox .infoBox .imgArea-right {
		float: none;
		width: 100%;
		padding: 0;
	}
	#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .img-tell {
		text-align: center;
		margin-bottom: 20px;
	}

	#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_text {
		float: none;
		width: 100%;
		font-size: 16px;
		margin-bottom: 10px;
	}
	#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	#main .Area09 .boxArea .oneBox .infoBox .imgArea-right .imgArea-right_img img {
		width: 100%;
		max-width: 180px;
	}
	#main .Area09 .boxArea .oneBox .infoBox .btn01 {
		position: static;
	}
	#main .Area09 .boxArea .oneBox .infoBox .btn01 img {
		width: 100%;
		max-width: 250px;
	}
}


/*------------------------------------------------------------
.Area10
------------------------------------------------------------*/
#main .Area10 {
    background: #ffffff;
    padding: 50px 20px;
}
#main .Area10 .inner {
    margin: 0 auto;
    max-width: 1260px;
}
#main .Area10 .inner .title-img {
    text-align: center;
    margin-bottom: 20px;
}
#main .Area10 .inner .text-s {
    text-align: center;
    margin-bottom: 30px;
    font-size: 22px;
}
#main .Area10 .imgArea {
    text-align: center;
}
#main .Area10 .btnArea {
    text-align: center;
}
#main .Area10 .btnArea .pc {
    display: inline-block;
}
#main .Area10:after {
	content: "";
	display: block;
	clear: both;
}
@media all and (max-width: 1024px) {
	#main .Area10 {
		padding: 25px 10px;
	}
	#main .Area10 .inner .title-img img {
		width: 90%;
		max-width: 350px;
	}
	#main .Area10 .inner .text-s {
		margin-bottom: 20px;
		font-size: 16px;
	}
	#main .Area10 .imgArea img {
		width: 100%;
		max-width: 900px;
	}
	#main .Area10 .btnArea img {
		width: 100%;
		max-width: 640px;
	}
}



/*------------------------------------------------------------
tablet size（1024px以下に適応）
------------------------------------------------------------*/
@media screen and (max-width:1024px) and (min-width:769px) {
body {
	min-width: 100%;
	background-size: 100% auto;
}
.sectioning {
	min-width: 100%;
}
footer{
	padding:0;
	width:100%;
	min-width:100%;
	text-align:center;
}
.footerInner{
	width:100%;
	padding:50px 0;
}
footer .snsArea,
footer .linkArea,
footer .dArea,
footer .langArea{
	display: block;
	width:100%;
	text-align:center;
	margin:0;
}
/*1/26*/
.footerInner div{
	display: block;
	width:100%;
	text-align:center;
}
footer .snsArea ul.sns{
	float:none;
	display:table;
	table-layout:fixed;
	margin:0 auto 50px;
}
footer .snsArea ul.sns li{
	float:none;
	display:table-cell;
	padding:0 10px;
	width:100%;
	text-align:center;
}

footer .linkArea ul.link{
	float:none;
	margin:0 auto 30px;
	max-width:100%;
}
footer .linkArea ul.link li{
	float:none;
	display:inline-block;
	padding:0 20px;
	width:auto;
	text-align:center;
}
footer .dArea{
	margin-bottom:20px;
}
footer .langArea{
	padding: 20px 0 0;
    width: 100% !important;
}
footer .langArea .lang{
	float:none;
	padding-right:0;
	margin:0 auto 50px;
	display:inline-block;
}
footer .langArea .copyright{
	float:none;
}
footer .dArea{
	float:none;
}
footer .bigFooter{
	width:100%;
	padding-left:6.1%;
	padding-right:6.1%;
	min-width:100%;
	text-align:left;
}
footer .bigFooter .bigFooterInner{
	width:100%;
}
.popupFooter{
	min-width:100%;
}
}



/*------------------------------------------------------------
tablet size（768px以下に適応）
------------------------------------------------------------*/
@media all and (max-width: 768px) {
	.allPd {
		padding-left: 0;
		padding-right: 0;
	}

}