@charset "UTF-8";

/* --------------------------------
共通
-------------------------------- */
.main {max-width: 1226px;margin: 0 auto; font-size: 100%; line-height: 1.5;margin-top: 20px;padding-right: 13px;padding-left: 13px;}


/* --------------------------------
レイアウト
-------------------------------- */
/* a:hover{text-decoration: none;} */
.site-header {border-bottom: none;}
.wrapper {padding-right: 9px;padding-left: 9px}
.area_gray {padding: 25px 30px;background-color: #e9e9e9;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:24px;}
.list_definition p a{color: #005e8c;text-decoration: underline;}
.list_definition p span{font-weight: bold;}
/* .heading {margin-bottom: 40px;padding: 10px 9px 10px;border-top: 2px solid #c00;border-bottom: 1px solid #bbb;font-size: 1.18em;font-weight: bold;} */
.heading {margin-bottom: 25px;padding: 10px 9px 10px;border-top: 2px solid #c00;border-bottom: 1px solid #bbb;font-size: 121.43%;font-weight: bold;}
.section{ margin-bottom:42px;}
.section01 .wrapper p + p {font-size:0.875em;margin-bottom:25px;}
.section01 .wrapper p:first-child{margin-bottom: 16px;}
.section01 .wrapper img {margin: 0 auto;display: block;max-width: 100%;height: auto;}
.section.section02{margin-bottom:50px;}
.section02 .service_list {display: flex;justify-content: space-between;padding:14px 0px;border-bottom:1px solid #e5e5e5;align-items: center;}
.section02 .service_list:first-child{padding-top:0;}
.section02 .service_list:last-child{border:none;}
.section02 .service_list p{font-weight: bold;font-size:1.125em;flex:1;padding-right:16px;}
.section02 .service_list .service_btn {display: flex;}
.section02 .service_list a{font-weight: 700;text-align: center;border-width: 1px;border-style: solid;border-color: rgb(92, 92, 96);border-image: initial;width:200px;padding: 9px 0px 6px;color:#333333;font-size:0.875em;}
.section02 .service_list a:hover{text-decoration: none;}
.section02 .service_list .btn_white:hover { color: #fff;background-color: #333333;}
.section02 .service_list .btn_red:hover {color: #fff;opacity: 0.5;}
.section02 .service_list .btn_white{transition: background-color 0.3s ease 0s,color 0.3s ease 0s;}
.section02 .service_list .btn_red {margin-left:16px;background-color: #cb0000;color: #fff;border:none;transition: opacity 0.3s ease 0s;}
.section02 .wrapper {max-width: 1100px;margin: 0 auto 40px;}
.section02 .area_gray {padding:34px;}
.section02 .area_gray .list_account > p{margin-bottom: 20px;padding-bottom: 12px;border-bottom: 1px solid #bbb;font-size: 1.18em;font-weight: bold;}
.section02 .area_gray .delete_account {margin-bottom:16px;}
.section02 .area_gray .delete_account a{margin-bottom:2px;display: inline-block}
.section02 .area_gray .list_account a {color: #005e8c;background: url(../img/arrow_icon.png)no-repeat 0 0.5em;padding-left: 10px;display: inline-block;}
.section02 .area_gray .delete_account p{font-size:0.87em;}
	/* --------------------------------
		ページトップ
	-------------------------------- */
	.pagetop-container {
		position: relative;
	}
	.pagetop.is-absoluted {
		position: absolute;
		bottom: 0;
	}
	.pagetop img {
		width: 50px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.pagetop {
		visibility: visible;
		opacity: 1;
		position: fixed;
		z-index: 999;
		right: 24px;
		bottom: 24px;
		cursor: pointer;
		-webkit-transition: opacity 0.3s, visibility 0.3s, background 0.3s;
		transition: opacity 0.3s, visibility 0.3s, background 0.3s;
		background: #c00;
		font-size: 0;}

		.pagetop.is-hidden {
			visibility: hidden;
			opacity: 0;
		}

		.pagetop:hover img {
			-ms-transform: translateY(-4px);
			transform: translateY(-4px);
		}

@media only screen and (min-width: 768px) {
.section01 .wrapper .sp_img {display: none;}
}

@media only screen and (max-width: 767px) {
/* --------------------------------
共通
-------------------------------- */
.sh-name {font-size: 128.571%;font-weight: bold;}
.main { max-width: none; min-width: inherit; margin: 0; font-size: 100%; }



/* --------------------------------
レイアウト
-------------------------------- */
.heading {font-size: 1em;margin-bottom: 25px;}
.area_gray {margin-bottom: 1.5em;padding: 20px 15px;}
.section02 .area_gray {margin-bottom: 50px;}
.section01 .wrapper .pc_img {display: none;}
.section01 .wrapper p + p {margin-bottom: 20px;}
.section02 .service_list {display: block; padding: 32px 0px;}
.section02 .service_list:first-child {padding: 0px 0px 20px;}
.section02 .service_list{padding: 18px 0px;}
.section02 .service_list p {font-size: 1em;padding-bottom:8px;}
.section02 .area_gray {padding: 28px 20px;}
.section02 .area_gray .list_account > p {font-size: 1.14em;}
.section02 .area_gray .list_account > p {margin-bottom: 16px;}
.section02 .wrapper {margin-bottom: 30px;}
.section.section02{margin-bottom: 30px;}
.section02 .service_list a {width:50%;font-size: 1em;padding: 12px 0 8px;}
	/* --------------------------------
		ページトップ
	-------------------------------- */
.pagetop img {
    width: 37px;
}
.pagetop {
    right: 15px;
}
}