 @charset "UTF-8";
/* リセット
---------------------------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, table, th, td, button {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	word-wrap: break-word;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, table, th, td, button {
	font-size: 100%;
}

img {
	border: 0;
	vertical-align: top;
}

ol ,
ul {
	list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

address {
	font-style: normal;
}

sup {
	font-size: 1rem;
}

/* レイアウト
----------------------------------------*/

html {
	height: 100%;
}


/* オリジナルのレイアウト
----------------------------------------*/

body {
	color: #111;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Arial, Helvetica", sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;*/
	font-size: 1.4rem;
	line-height: 1.5;
	min-width: 980px;
	-webkit-text-size-adjust: 100%;
}


@media only screen and (max-width: 736px) {
	body {
		min-width: 320px;
		font-size: 1.3rem;
	}
}

a {
	color: #333;
	position: relative;
}
a:link {
	color: #333;
	text-decoration: underline;
}
@media only screen and (min-width: 737px) {
	a:hover {
		text-decoration: none;
	}
	
	.linkbox {
		cursor: pointer;
		transition: .3s;
	}
	.linkbox:hover {
		opacity: .6;
	}
	.br_sp {
		display: none;
	}
}

a.a_gaibu:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 .5em 0 .3em;
	background: url(../img/common/icon_blank_g.png) no-repeat center center;
	background-size: 100%;
}

a.a_gaibu_white:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 0 0 .3em;
	background: url(../img/common/icon_blank_white.png) no-repeat center center;
	background-size: 100%;
}
	
a.a_gaibu_red:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 0 0 .3em;
	background: url(../img/common/icon_blank_red.png) no-repeat center center;
	background-size: 100%;
}
a.a_gaibu_black:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 0 0 .3em;
	background: url(../img/common/icon_blank_bk.png) no-repeat center center;
	background-size: 100%;
}
	
.btn_green a.a_gaibu:after,
.btn_red a.a_gaibu:after,
.btn_orange a.a_gaibu:after,
.btn_blue a.a_gaibu:after {
	background-image: url(../img/common/icon_btn_gaibu.png);
}
a.a_gaibu_large:after {
	width: 18px;
	height: 18px;
	margin: 0 .5em;
}
a.a_pdf:after {
	content: url(../img/common/icon_pdf.png);
	vertical-align: -2px;
	margin-left: 3px;
}


/* link
----------------------------------------*/
.txt_telno a,
.link_txt:link {
	color: #06a3e0;
}

.icon_blank_blue a {
	color: #06a3e0 !important;
}



.link01 a:after {
	content: url(../img/common/icon_gnav_off.png);
	vertical-align: -2px;
	margin-left: 3px;
}

.link02 a {
	color: #19a500;
}

.link02 a:before {
	content: url(../img/common/icon_arrow_green.png);
	vertical-align: -2px;
	margin-right: 10px;
}

.link03 a::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 27px;
	vertical-align: -5px;
	margin-right: 10px;
	background: url(../img/common/icon_question.png) no-repeat;
	background-size: 100%;
}


.icon_blank_blue a::after  {
	content: "";
	margin-left: 2px;
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(../img/common/icon_blank_b.png) right .1em no-repeat;
}


.btnblock .link01 a:hover {
	opacity: 1;
}

@media only screen and (min-width: 737px) {
	.btnblock a:hover {
		opacity: .6;
		transition: .3s;
	}

	.contents a:hover img {
		opacity: .6!important;
		transition: .3s;
	}

	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

/*表示
----------------------------------------*/
/* PCだけ表示 */
.visible_pc {
	display: block !important;
}
/* SPだけ表示 */
.visible_sp {
	display: none !important;
}

/* PCだけ表示 */
.visible_pc_inline {
	display: inline !important;
}
/* SPだけ表示 */
.visible_sp_inline {
	display: none !important;
}

.visible_pc_inblock {
	display: inline-block;
}
.visible_pc_revert{
	display: revert !important;
}

@media only screen and (max-width: 736px) {
	/* PCだけ表示 */
	.visible_pc {
		display: none !important;
	}
	/* SPだけ表示 */
	.visible_sp {
		display: block !important;
	}

	/* PCだけ表示 */
	.visible_pc_inline {
		display: none !important;
	}
	/* SPだけ表示 */
	.visible_sp_inline {
		display: inline !important;
	}
	/* SPだけ改行 */
	.sp_br {
		display: block !important;
	}
	.visible_pc_inblock {
		display: none !important;
	}
	.visible_pc_revert{
		display: none !important;
	}
	/* PCだけ改行する */
	.br-pc { display:none; }
}

/* SPでtel:
----------------------------------------*/
.txt_telno {
}


/*color
----------------------------------------*/

.color_white { color: #fff !important;}
.color_red { color: #c00 !important;}
.color_blue { color: #2fade2 !important; }
.color_pink { color: #ea5672 !important; }
.color_green { color: #008030 !important; }
.color_lightgreen { color: #aacd06 !important; }
.color_orange { color: #FF8000 !important; }
.color_gray { color:#999 !important; }
.color_black { color:#333 !important; }

.back_color_red{background-color: #c00 !important}
.back_color_orange{background-color: #FF8000 !important}
.back_color_gray{background-color: #999 !important}
.back_color_black{background-color: #000 !important}

/*bg
----------------------------------------*/
.bg_white { background:#fff !important;}
.bg_red { background: #f11; color: #fff !important;}
.bg_blue { background: #0057ce; color: #fff !important;}
.bg_green { background: #008030; color: #fff !important;}
.bg_lightgreen { background: #aacd06 !important; color: #fff !important;}
.bg_orange { background: #FF8000; color: #fff !important;}
.bg_gray { background:#999!important; color: #fff !important;}
.bg_black { background:#333; color: #fff !important;}
.bg_yellow { background: #FF6 !important;}
.bg_lightgray { background: #eeefe7 !important;}

/*border
----------------------------------------*/

.bor_red { border: 1px solid #c00;}
.bor_red_2 { border: 2px solid #c00;}
.bor_blue { border: 1px solid #0057ce; color: #0057ce;}
.bor_green { border: 1px solid #008030; color: #17820f;}
.bor_orange { border: 1px solid #f60; color: #ff7011;}
.bor_gray { border: 1px solid #999; color: #999;}
.bor_gray_pd { border: 2px solid #999; color: #000; padding: 15px;}
.bor_black { border: 1px solid #333; color: #000;}
.bor_pink { border: 1px solid #ea5672; color: #ea5672;}
.bor_pink2 { border: 2px solid #ea5672; color: #ea5672;}

/* hr
----------------------------------------*/

hr {
	clear: both;
	border: none;
	border-top: solid 1px #DDD;
	height: 1px;
	color: #999;
	margin: 30px 0;
}

.hr {
	clear: both;
	border: none;
	border-top: solid 1px #d8d8d8;
	height: 1px;
	margin: 1em 0;
}

hr.dot {
	border-top:1px dotted #8a8a8a;
	margin: 20px 0;
}

@media only screen and (max-width: 736px) {
	hr {
		margin: 15px 0;
	}

	hr.dot {
		margin: 15px 0;
	}
}




/*radius
----------------------------------------*/
.radius10 {
	border-radius: 10px;
}




/*icon
---------------------------------------------------------- */
[class^="c-icon-"], [class*="c-icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon/icomoon.eot?etnesh');
	src:  url('../fonts/icomoon/icomoon.eot?etnesh#iefix') format('embedded-opentype'),
	url('../fonts/icomoon/icomoon.ttf?etnesh') format('truetype'),
	url('../fonts/icomoon/comoon.woff?etnesh') format('woff'),
	url('../fonts/icomoon/icomoon.svg?etnesh#icomoon') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.c-icon-arrow-left:before {
	content: "\e900";
}

.c-icon-arrow-right:before {
	content: "\e901";
}

.c-icon-procedure:before {
	content: "\e902";
}

.c-icon-use:before {
	content: "\e903";
}

.c-icon-terminal:before {
	content: "\e904";
}

.c-icon-price:before {
	content: "\e905";
}

.c-icon-home:before {
	content: "\e906";
}

.c-icon-application:before {
	content: "\e907";
}

.c-icon-support:before {
	content: "\e908";
}

.c-icon-business:before {
	content: "\e909";
}



/*header
----------------------------------------*/
.header {
	border-top: 4px solid #abcd03;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	background: #fff;
}

.header .btn-skip{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100000;
}
.header .btn-skip a{
	display: block;
	text-align: center;
	color: #fff;
	background: #000;
	text-decoration: none;
	padding: .5rem 1rem;
	transform: translateY(-100%);
}
.header .btn-skip a:before{
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 1rem;
    transform: rotate(90deg);
    background: url(../img/common/icon_arrow_white_r-s.png) center no-repeat;
    background-size: contain;
}
.header .btn-skip a:focus {
	transform: none;
}

@media screen and (max-width: 736px) {
	.header .btn-skip{
		display: none;
	}

}

.header_block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 980px;
	margin: 0 auto;
	padding: 13px 0;
}

.header_box {
	display: flex;
	align-items: center;
	/* flex-direction: row-reverse; */
}

.header_btn {
	margin-left: 13px;
	margin-right: -3px;
	transition: .3s;
}

@media only screen and (min-width: 737px) {
	main {
		padding-top: 138px;
	}
	
	.header_btn a:hover img {
		opacity: .6;
	}
}

.header_search_block {
	float: left;
	width: 227px;
	margin-left: 13px;
	margin-right: -3px;
}

.header_search_box {
	border: 1px solid #aaa;
	border-radius: 5px;
	height: 35px;
}

.header_search_box fieldset {
	border: none;
}

.header_search_box .text {
	display: block;
	width: 100%;
	line-height: 25px;
	padding: 4px 48px 4px 10px;
	border: none;
	background: none;
	outline: none;
}

.header_search_box .button {
	position: absolute;
	border: none;
	display: block;
	top: -1px;
	right: -1px;
	outline: none;
}
.header_search_box ::-webkit-input-placeholder{
  color:#aaa
}
.header_search_box ::-moz-placeholder{
  color:#aaa
}
.header_search_box :-ms-input-placeholder{
  color:#aaa
}
.header_search_box ::-ms-input-placeholder{
  color:#aaa
}
.header_search_box ::placeholder{
  color:#aaa
}


@media only screen and (max-width: 736px) {
	.header {
		border-top: 4px solid #abcd03;
		border-bottom: 1px solid #abcd03;
	}
	.header_block {
		padding: 8px 15px;
	}
	.header_block .logo {
		width: 157px;
	}
	.header_btn,
	.header_search_block {
		display: none;
	}
	main {
		padding-top: 88px;
	}
}




/*header-menu
----------------------------------------*/
.header-menu {
	position: relative;
	z-index: 9999;
}

.header-menu-container {
	max-width: 980px;
	margin: auto;
}

.header-global-item {
	position: static;
}

.header-global-link {
	text-decoration: none !important;
}

.header-global-link.js-dropdown-trigger {
	cursor: pointer;
}



@media screen and (min-width: 737px) {
	
	.sp-header-menu {
		display: none;
	}
	
	.header-menu {
		z-index: 9999;
		/* border-top: 1px solid #189E00;
		border-bottom: 1px solid #189E00; */
		background-color: #fff;
	}

	.header_box .header_btn a {
		padding: 8px 15px;
		text-decoration: none;
		border-radius: 5px;
		color: #fff;
	}

	.header_box .header_btn a:hover {
		opacity: .6;
		-webkit-transition: opacity .3s ease;
		ransition: opacity .3s ease;
	}

	.header_box .header_btn.-support a {
		background: #f8a023;
	}

	.header_box .header_btn.-application a {
		background: #C00;
	}

	.header_box .header_btn.-business a {
		background: #aacd06;
	}


	.header-global-items {
		display: table;
		width: 100%;
		height: 100%;
	}
	
	.header-global-item {
		display: table-cell;
		vertical-align: middle;
		width: 163px;
		border-right: 1px solid #999;
	}
	.header-global-item:first-child {
		border-left: 1px solid #999;
	}
	
	.header-global-item.-apply .header-global-link {
		font-weight: 700;
		color: #fff;
		background-color: #C00;
	}
	
	.header-global-link {
		padding: 5px 10px;
		display: flex;
		min-height: 60px;
		position: relative;
		z-index: 1;
		overflow: hidden;
		font-size: 1.6rem;
		line-height: 1.4;
		text-align: center;
		color: #333;
		transition: color .6s cubic-bezier(0.19, 1, 0.22, 1),background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}

	.header-global-link-container {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		min-height: inherit;
		text-align: center;
	}
	
	.header-global-link:hover  {
		color: #fff;
		background-color: #189E00;
	}
	
	.header-global-item.-apply .header-global-link:hover {
		color: #000 !important;
		background-color: #189E00;
	}
	
	.header-global-item.js-dropdown.is-active .header-global-link {
		font-weight: 700;
		color: #189E00;
		background-color: #fff;
	}
	
	.sp-header-global-link-icon {
		display: none;
	}
	
	.header-global-link-text {
		height: auto !important;
		text-align: left;
		font-weight: 700;
	}

	.header-global-link-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 32px;
		height: 32px;
		margin-right: 12px;
		border-radius: 50%;
		color: #000;
		/* background-color: #fff; */
	}

	.header-global-link-icon .icon-qt:before {
		content: "";
		display: block;
		width: 26px;
		height: 14px;
		background: url("../img/common/header-global-link-icon-qt-pc.svg") no-repeat;
		background-size: 26px 14px;
	}

	.header-global-link-icon .icon-member:before {
		content: "";
		display: block;
		width: 22px;
		height: 19px;
		background: url("../img/common/header-global-link-icon-member-pc.svg") no-repeat;
		background-size: 22px 19px;
	}
	
	.header-global-link-icon [class*="c-icon"] {
		font-size: 2rem;
	}
	
	.header-global-link:hover .header-global-link-icon {
		color: #fff;
	}
	.header-global-item.js-dropdown.is-active .header-global-link-icon {
		color: #FB0;
	}
	
	.header-global-link:hover .header-global-link-icon.bg_white {
		background: #fff;
	}

	.header-global-link:hover .header-global-link-icon .icon-qt:before {
		width: 26px;
		height: 14px;
		background: url("../img/common/header-global-link-icon-qt.svg") no-repeat;
		background-size: 26px 14px;
	}
	.header-global-item.is-active .header-global-link-icon .icon-qt:before {
		width: 26px;
		height: 14px;
		background: url("../img/common/header-global-link-icon-qt.svg") no-repeat;
		background-size: 26px 14px;
	}

	.header-global-link:hover .header-global-link-icon .icon-member:before  {
		width: 22px;
		height: 19px;
		background: url("../img/common/header-global-link-icon-member-white.svg") no-repeat;
		background-size: 22px 19px;
	}
	.header-global-item.is-active .header-global-link-icon .icon-member:before {
		width: 22px;
		height: 19px;
		background: url("../img/common/header-global-link-icon-member.svg") no-repeat;
		background-size: 22px 19px;
	}
}

@media screen and (max-width: 736px) {
	
	.sp-header-menu-items {
		display: flex;
	}

	.sp-header-menu-item {
		text-align: center;
	}

	.sp-header-menu-item:not(:first-child) {
		margin-left: 15px;
	}

	.sp-header-menu-item.-support [class*="c-icon"] {
		font-size: 2.4rem;
		color: #AACD06;
	}

	.sp-header-menu-item.-application [class*="c-icon"] {
		font-size: 2.2rem;
		color: #EA6068;
	}

	.sp-header-menu-item.-business [class*="c-icon"] {
		font-size: 2.2rem;
		color: #138800;
	}

	.sp-header-menu-link {
		text-decoration: none !important;
	}

	.sp-header-menu-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 1px solid #eee;
		background-color: #fff;
	}

	.sp-header-menu-text {
		display: block;
		margin-top: 5px;
		font-size: 1rem;
		line-height: 1;
		color: #000;
	}

	.header-menu {
		position: fixed;
		bottom: -100%;
		left: 0;
		width: 100%;
		margin: auto;
		transition: bottom .52s cubic-bezier(0.19, 1, 0.22, 1);
	}
	
	.is-loaded .header-menu {
		bottom: 8px;
	}
	
	.header-menu .js-sp-scroll {
		-webkit-overflow-scrolling: touch;
	}
	
	.header-global {
		margin: auto;
		padding: 0 15px;
	}
	
	.header-global-items {
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 10px 15px;
		white-space: nowrap;
		border-radius: 8px;
		background-color: #189E00;
	}

	.header-global-item.-apply,
	.header-global-link-icon {
		display: none;
	}
	
	.header-global-item:not(:last-child) {
		margin-right: 5px;
	}
	
	.header-global-link {
		color: #fff !important;
	}
	
	.sp-header-global-link-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 45px;
		height: 45px;
		margin: auto;
		margin-bottom: 10px;
		border-radius: 50%;
		box-shadow: 0 1.5px 0 0 rgba(000,000,000,0.4);
		color: #FB0;
		background-color: #fff;
	}
	
	.sp-header-global-link-icon .c-icon-home {
		font-size: 2.2rem;
	}
	
	.sp-header-global-link-icon .c-icon-price {
		font-size: 2.0rem;
	}
	
	.sp-header-global-link-icon .c-icon-terminal {
		font-size: 2.5rem;
	}
	
	.sp-header-global-link-icon .c-icon-use {
		font-size: 2.8rem;
	}
	
	.sp-header-global-link-icon .c-icon-procedure {
		font-size: 2.4rem;
	}
	
	.sp-header-global-link-icon .icon-qt:before {
		content: "";
		display: block;
		width: 34px;
		height: 19px;
		background: url("../img/common/header-global-link-icon-qt.svg") no-repeat;
		background-size: 34px 19px;
	}
	
	.header-global-item.is-active .sp-header-global-link-icon .icon-qt:before {
		background: url("../img/common/header-global-link-icon-qt-white.svg") no-repeat;
	}
	
	.icon-member:before {
		content: "";
		display: block;
		width: 22px;
		height: 19px;
		background: url("../img/common/header-global-link-icon-member.svg") no-repeat;
		background-size: 22px 19px;
	}
	.sp-header-global-link-icon .icon-member:before {
		content: "";
		display: block;
		width: 28px;
		height: 24px;
		background: url("../img/common/header-global-link-icon-member.svg") no-repeat;
		background-size: 28px 24px;
	}
	.header-global-item.is-active .sp-header-global-link-icon .icon-member:before {
		background: url("../img/common/header-global-link-icon-member-white.svg") no-repeat;
	}


	.header-global-link-text {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1rem;
		line-height: 1.2;
		text-align: center;
	}
	
}




/*header-dropdown
----------------------------------------*/
.header-dropdown-container {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9999;
	width: 1020px;
	margin: 10px auto 0;
	padding: 30px;
	border-radius:8px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	color: #fff;
	background-color: #189E00;
}

.header-dropdown-container.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .25s, visibility .25s;
}

.header-dropdown-content {
	max-width: 980px;
	margin: auto;
}

.header-dropdown-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	background-color: rgba(255,255,255, 0.8);
	transition: opacity .25s;
}

.header-dropdown-overlay.is-active {
	pointer-events: auto;
	opacity: 1;
}

.header-dropdown-heading-container {
	margin-bottom: 20px;
}

.header-dropdown-heading-link {
	display: table;
	color: #fff !important;
	text-decoration: none !important;
}

.header-dropdown-heading-link .c-icon-arrow-right {
	padding-left: 20px;
	font-size: 1.8rem;
	transition:  transform .4s cubic-bezier(0.15, 0, 0.1, 1);
}

.header-dropdown-heading-link-container {
	display: flex;
	align-items: center;
}

.header-dropdown-heading {
	font-size: 2rem;
	font-weight: 700;
}

.header-dropdown-heading-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 42px;
	height: 42px;
	margin-right: 15px;
	border-radius: 50%;
	color: #FB0;
	background-color: #fff;
}

.header-dropdown-heading-icon [class*="c-icon"] {
	font-size: 2.4rem;
}

.header-dropdown-heading-icon .icon-qt:before {
	content: "";
	display: block;
	width: 25px;
	height: 14px;
	background: url("../img/common/header-global-link-icon-qt.svg") no-repeat;
	background-size: 25px 14px;
}
.header-dropdown-heading-icon .icon-member:before {
	content: "";
	display: block;
	width: 22px;
	height: 19px;
	background: url("../img/common/header-global-link-icon-member.svg") no-repeat;
	background-size: 22px 19px;
}

.header-dropdown-menu-category-title {
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}

.header-dropdown-menu-category-items {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px;
}

.header-dropdown-menu-category-item {
	width: calc(25% - 10px);
	margin: 10px 0 0 10px;
}

.header-dropdown-menu-category-item {

}

.header-dropdown-menu-category-link {
	display: flex;
	width: 100%;
	max-width: 220px;
	min-height: 60px;
	margin: auto;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none !important;
	color: #000 !important;
}

.header-dropdown-menu-category-link-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: inherit;
	margin-bottom: 3px;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
	border-radius: 99em;
	box-shadow: 0 3px 0 0 rgba(000,000,000,0.4);
	background-color: #fff;
	transition: box-shadow .14s ease, transform .14s ease;
}

.header-dropdown-menu-category-link-container .icon-beginner:before {
	content: "";
	display: block;
	margin-right: 7px;
	width: 18px;
	height: 27px;
	background: url("../img/common/header-global-link-icon-beginner.svg") no-repeat;
	background-size: 18px 27px;
}

.header-dropdown-menu-category-link-container .icon-guide:before {
	content: "";
	display: block;
	margin-right: 7px;
	width: 28px;
	height: 20px;
	background: url("../img/common/header-global-link-icon-guide.svg") no-repeat;
	background-size: 28px 20px;
}

.header-dropdown-menu-category-link-container .icon-blank:before {
	content: "";
	display: block;
	margin-left: 7px;
	width: 11px;
    height: 11px;
	background: url("../img/common/icon_blank_g.png") no-repeat;
	background-size: 11px 11px;
}


.header-dropdown-menu-category-text-container {
	margin-bottom: 5px;
	text-align: center;
}

.header-dropdown-menu-category-text {
	display: inline-block;
	font-weight: 700;
}

.header-dropdown-menu-category-speech-bubble {
	display: inline-block;
}

.header-dropdown-menu-category-speech-bubble.-left {
	margin-right: 7px;
	transform: scale(-1, 1);
}

.header-dropdown-menu-category-speech-bubble.-right {
	margin-left: 7px;
}



@media screen and (min-width: 737px) {
	
	.header-dropdown-container {
		top: 100%;
	}
	
	.header-dropdown-heading-link:hover .c-icon-arrow-right {
		transform: translate3d(5px, 0, 0);
	}
	
	.header-dropdown-menu-category-link:hover .header-dropdown-menu-category-link-container {
		box-shadow: none;
		transform: translateY(3px);
	}

    .header-dropdown-text {
		margin: 0 0 10px auto;
		width:50%;
		text-align: center;
		font-weight: 700;
	}
		
}

@media screen and (max-width: 736px) {
	
	.header-dropdown-container {
		bottom: calc(100% + 10px);
		width: calc(100% - 30px);
		padding: 20px;
	}
	
	.header-dropdown-heading-container {
		margin-bottom: 10px;
	}
	
	.header-dropdown-heading {
		font-size: 1.6rem;
	}
	
	.header-dropdown-heading-icon {
		width: 32.5px;
		height: 32.5px;
		margin-right: 10px;
	}
	
	.header-dropdown-heading-icon .icon-qt:before {
		width: 20px;
		height: 11px;
		background-size: 20px 11px;
	}
	
	.header-global-item.js-dropdown.is-active .sp-header-global-link-icon {
		color: #fff;
		background-color: #FB0;
	}
	
	.header-dropdown-heading-icon [class*="c-icon"] {
		font-size: 1.9rem;
	}
	
	.header-dropdown-heading-link .c-icon-arrow-right {
		padding-left: 10px;
		font-size: 1.4rem;
	}
	
	.header-dropdown-menu-category-item {
		width: calc(50% - 10px);
		margin: 10px 0 0 10px;
	}
	
	.header-dropdown-menu-category-link {
		max-width: 100%;
		min-height: 40px;
		font-size: 1.1rem;
	}
	
	.header-dropdown-menu-category-link-container .icon-beginner:before {
		margin-right: 5px;
		width: 10px;
		height: 15px;
		background-size: 10px 15px;
	}

	.header-dropdown-menu-category-link-container .icon-guide:before {
		margin-right: 5px;
		width: 20px;
		height: 14px;
		background-size: 20px 14px;
	}

	.header-dropdown-menu-category-text {
		font-size: 1rem;
	}
	
	.header-dropdown-menu-category-speech-bubble.-left {
		margin-right: 5px
	}
	
	.header-dropdown-menu-category-speech-bubble.-right {
		margin-left: 5px;
	}

  
  .header-dropdown-menu .header-dropdown-text {
    margin-top: 15px;
    width: 100%;
    text-align: center;
    font-weight: 700;
  }
}




/*topic path
----------------------------------------*/
.topic_path {
	width:980px;
	margin: 20px auto 50px;
}

.topic_path ul {
	display: flex;
	overflow: auto;

	max-width: 980px;
	margin: 0 auto;

	-webkit-box-orient: horizontal;
}

.topic_path li {
	display: inline;
    white-space: nowrap;
}

.topic_path li a {
	color: #0073BC;
    white-space: nowrap;
}

.topic_path li:after {
	content: ">";
	margin: 0 5px 0 10px;
}

.topic_path li:last-child::after {
	content: none;
}

.sub_navi{
	width: 100%;
	border-bottom: 1px solid #c5c5c5;
	background-color: #a5a5a5;
	overflow: auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
	font-size: 1.2rem;
}
.sub_navi ul{
	list-style: none;
	display: flex;
}
.sub_navi ul li{
	display: flex;
	align-items: center;
	background: #dbdcd0;
	white-space: nowrap;
}
.sub_navi ul li a{
	padding-left: 10px;
	float: left;
	padding: 7px 8px 4px 15px;
	color: #dbdcd0;
	text-decoration: none;
	position: relative;
}
.sub_navi ul li a span, .sub_navi ul li span em{
	color: #000;
	max-width: 80px;
}
.sub_navi .no_link {
	background-color: #a5a5a5;
}
.sub_navi .no_link span{
	float: left;
	padding: 7px 8px 4px 15px;
	color: #dbdcd0;
	text-decoration: none;
	position: relative;
}
.sub_navi .no_link span em{
	font-style: normal;
	font-weight: 700;
	color: #fff;
}
.sub_navi ul li a:after, .sub_navi ul li a:before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid;
	right: -10px;
}
.sub_navi ul li a:before, .sub_navi ul li.no_link span:before{
	border-left-color: #a5a5a5;
	right: -11px;
	z-index: 1;
}
.sub_navi ul li a:after, .sub_navi ul li.no_link span:after{
	z-index: 1;
}



@media only screen and (max-width: 736px) {
	.topic_path {
		width:92%;
		margin: 10px auto 20px;
	}
}

/*container
----------------------------------------*/
#container {
	min-width: 1000px;
	margin: 0 auto;
	padding-top: 142px;
}

@media only screen and (max-width: 736px) {
	#container {
		min-width: 0;
		width: 100%;
		margin: 0 auto;
		padding-top: 112px;
	}
}

.bg_dot_green {
	padding: 20px 0;
	background: url(../img/common/bg_dot_green.png) repeat;
}
@media only screen and (max-width: 736px) {
	.bg_dot_green {
		padding: 10px 0;
		background: url(../img/common/bg_dot_green.png) repeat;
	}
}

/* btn */
.btn_block {
	
}

.btn_green {
	display: table;
	width: 100%;
	max-width: 300px;	
	border: 3px solid #fff;
	box-shadow:4px 4px 7px -1px #b7b7b7;
	-moz-box-shadow:4px 4px 7px -1px #b7b7b7;
	-webkit-box-shadow:4px 4px 7px -1px #b7b7b7;
	border-radius: 10px;
	overflow: hidden;
}
.btn_green a {
	display: table-cell;
	width: 100%;
	height: 50px;
	background: #19a500;
	background: -moz-linear-gradient(top, #19a500 0%, #179700 75%, #168f00 100%);
	background: -webkit-linear-gradient(top, #19a500 0%,#179700 75%,#168f00 100%);
	background: linear-gradient(to bottom, #19a500 0%,#179700 75%,#168f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19a500', endColorstr='#168f00',GradientType=0 );
	box-shadow:0 0 6px 0 #b7b7b7 inset;
	-moz-box-shadow:0 0 6px 0 #b7b7b7 inset;
	-webkit-box-shadow:0 0 6px 0 #b7b7b7 inset;
	text-align: center;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none;
	padding: 0 15px 0 30px;	
	transition: .3s;
	border-radius: 7px;
}
.btn_green a::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 12px;
	margin-right: 13px;
	vertical-align: 1px;
	background: url(../img/common/icon_triangle_arrow_white01.png) no-repeat;
}
.btn_green.icon_gaibu a::before {
	width: 22px;
	height: 22px;
	vertical-align: -2px;
	background: url(../img/common/icon_btn_gaibu.png) no-repeat;
}
.btn_green.icon_anchor a::before {
	width: 14px;
	height: 12px;
	background: url(../img/common/icon_btn_anchor_arrow.png) no-repeat;	
}
.btn_green.fonts a {
	font-size: 1.6rem;
}

.index_col2_block .btn_green{
	max-width: 432px;
}

@media only screen and (max-width: 736px) {
	.btn_green {
		display: table;
		width: 84%;
		min-width: 260px;
		margin: 0 auto;
		box-shadow:0 0 4px 0 #b7b7b7;
		-moz-box-shadow:0 0 4px 0 #b7b7b7;
		-webkit-box-shadow:0 0 4px 0 #b7b7b7;
	}
	.btn_green a {
		font-size: 1.8rem;
		border-radius: 5px;
	}
}

.btn_red {
	display: table;
	width: 100%;
	max-width: 330px;
	border: 3px solid #fff;
	box-shadow:4px 4px 7px -1px #b7b7b7;
	-moz-box-shadow:4px 4px 7px -1px #b7b7b7;
	-webkit-box-shadow:4px 4px 7px -1px #b7b7b7;
	border-radius: 10px;
	overflow: hidden;
}
.btn_red a {
	display: table-cell;
	width: 100%;
	height: 67px;
	background: #e30000;
	background: -moz-linear-gradient(top, #e30000 0%, #cf0000 75%, #c40000 100%);
	background: -webkit-linear-gradient(top, #e30000 0%,#cf0000 75%,#c40000 100%);
	background: linear-gradient(to bottom, #e30000 0%,#cf0000 75%,#c40000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30000', endColorstr='#c40000',GradientType=0 );
	box-shadow:0 0 6px 0 #b7b7b7 inset;
	-moz-box-shadow:0 0 6px 0 #b7b7b7 inset;
	-webkit-box-shadow:0 0 6px 0 #b7b7b7 inset;
	text-align: center;
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none;
	padding: 0 15px 0 30px;
	transition: .3s;
	border-radius: 7px;
}
.btn_red a::before {
	content: "";
	display: block;
	width: 10px;
	height: 12px;
	position: absolute;
	top: 28px;
	left: 25px;
	background: url(../img/common/icon_triangle_arrow_white01.png) no-repeat;
}
@media only screen and (max-width: 736px) {
	.btn_red {
		display: table;
		width: 84%;
		min-width: 260px;
		margin: 0 auto;
		box-shadow:0 0 4px 0 #b7b7b7;
		-moz-box-shadow:0 0 4px 0 #b7b7b7;
		-webkit-box-shadow:0 0 4px 0 #b7b7b7;
	}
	.btn_red a {
		font-size: 1.4rem;
		border-radius: 5px;
	}
}

.btn_blue,
.btn_orange,
.btn_dark_gray {
	display: table;
	width: 100%;
	max-width: 330px;
	border: 3px solid #fff;
	box-shadow:4px 4px 7px -1px #b7b7b7;
	-moz-box-shadow:4px 4px 7px -1px #b7b7b7;
	-webkit-box-shadow:4px 4px 7px -1px #b7b7b7;
	border-radius: 10px;
	overflow: hidden;
}
.btn_blue a,
.btn_orange a,
.btn_dark_gray a {
	display: table-cell;
	width: 100%;
	height: 67px;
	background: #ff921d;
	background: -moz-linear-gradient(top, #ff921d 0%, #e9851b 75%, #dc7e19 100%);
	background: -webkit-linear-gradient(top, #ff921d 0%,#e9851b 75%,#dc7e19 100%);
	background: linear-gradient(to bottom, #ff921d 0%,#e9851b 75%,#dc7e19 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff921d', endColorstr='#dc7e19',GradientType=0 );
	box-shadow:0 0 6px 0 #b7b7b7 inset;
	-moz-box-shadow:0 0 6px 0 #b7b7b7 inset;
	-webkit-box-shadow:0 0 6px 0 #b7b7b7 inset;
	text-align: center;
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	padding: 0 15px 0 30px;
	transition: .3s;
	border-radius: 7px;
}

.btn_dark_gray a {
	background: #9b9a9a;
	background: -moz-linear-gradient(top, #9b9a9a 0%, #908f8f 75%, gray 100%);
	background: -webkit-linear-gradient(top, #9b9a9a 0%,#908f8f 75%,gray 100%);
	background: linear-gradient(to bottom, #9b9a9a 0%,#908f8f 75%,gray 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9a9a', endColorstr='#808080',GradientType=0 );
}
.btn_blue a {
	background: #2fade2;
	background: -moz-linear-gradient(top, #2fade2 0%, #2698c8 75%, #1474be 100%);
	background: -webkit-linear-gradient(top, #2fade2 0%,#2698c8 75%,#1474be 100%);
	background: linear-gradient(to bottom, #2fade2 0%,#2698c8 75%,#1474be 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fade2', endColorstr='#1474be',GradientType=0 );
}

.btn_blue a::before,
.btn_orange a::before,
.btn_dark_gray a::before {
	content: "";
	display: block;
	width: 10px;
	height: 12px;
	position: absolute;
	top: 28px;
	left: 25px;
	background: url(../img/common/icon_triangle_arrow_white01.png) no-repeat;
}



@media only screen and (max-width: 736px) {
	.btn_blue,
	.btn_orange,
	.btn_dark_gray {
		display: table;
		width: 84%;
		min-width: 260px;
		margin: 0 auto;
		box-shadow:0 0 4px 0 #b7b7b7;
		-moz-box-shadow:0 0 4px 0 #b7b7b7;
		-webkit-box-shadow:0 0 4px 0 #b7b7b7;
	}
	.btn_blue a,
	.btn_orange a,
	.btn_dark_gray a{
		font-size: 1.4rem;
		border-radius: 5px;
	}
}

.btn_red + .btn_orange {
	margin-top: 8px;
}

.btn_red + .btn_orange + .btn_dark_gray {
	margin-top: 8px;
}

.btn_large {
	max-width: 474px!important;
	min-width: 372px!important;
	margin: 0 auto;
}
.btn_large a {
	height: 65px;
	font-size: 2.6rem;
}
.btn_large a.fonts {
	font-size: 2.3rem;
}
.btn_large a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 15px;
	margin-right: 12px;
	vertical-align: 1px;
	background: url(../img/common/icon_triangle_arrow_white02.png) no-repeat;
}
@media only screen and (max-width: 736px) {
	.btn_large {
		max-width: 100%!important;
		min-width: 100%!important;
		margin: 0 auto;
	}
	.btn_large a {
		height: 50px;
		font-size: 2rem;
	}
	.btn_large a.fonts {
		font-size: 1.5rem;
	}
	.btn_large a::before {
		content: "";
		display: inline-block;
		width: 10px;
		height: 12px;
		margin-right: 10px;
		vertical-align: 0;
		background: url(../img/common/icon_triangle_arrow_white01.png) no-repeat;
	}
	.btn_large a.fonts::before {
		margin-right: 3px;
	}
}

main .icon_gaibu_s a::before {
	width: 11px;
	height: 11px;
	margin-right: 10px;
	background: url(../img/common/icon_btn_gaibu_s.png) no-repeat;
}
@media only screen and (min-width: 737px) {
	.btn_blue a:hover,
	.btn_green a:hover,
	.btn_red a:hover,
	.btn_orange a:hover,
	.btn_dark_gray a:hover {
		opacity: .6;
	}
}


/*contact_block
----------------------------------------*/
.contact_block {
	margin: 0 auto;
	padding: 20px 6px;
	width: 980px;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
.contact_block a {
	color: #fff;
}
.contact_block .ttl {
	font-size: 2.2rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact_block .ttl::before,
.contact_block .ttl::after {
	border-top: 1px solid;
	content: "";
	width: 3em;
}
.contact_block .ttl::before { margin-right: 0.5em; }
.contact_block .ttl::after { margin-left: 0.5em; }

.contact_block .btn {
	display: table;
	width: 100%;
	height: 64px;
	font-size: 2rem;
}
.contact_block .btn a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	min-height: inherit;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	border: none;
	outline: none;
	word-break: break-all;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.contact_block .btn a:hover {
	opacity: .6;
	transition: .3s;
}

/*お申込みはこちらから*/
.contact_block .application_box {
	padding-top: 10px;
	width: 270px;
}
.contact_block .application_box .btn {
	margin-bottom: 18px;
	min-height: 64px;
}

.contact_block .application_box .application_btn {
	background: #e30000;
	background-image: url(../img/index/icon_arrow_white_r.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.contact_block .application_box .application_flow {
	font-size: 1.8rem;
	font-weight: 700;
}
.contact_block .application_box .application_flow::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 27px;
	vertical-align: -5px;
	margin-right: 10px;
	background: url(../img/common/icon_question_white.png) no-repeat;
	background-size: 100%;
}

/*お電話でご相談*/
.contact_block .tel_box,
.contact_block .shop_box {
	width: 300px;
}

.contact_block .tel_box .ttl::before,
.contact_block .tel_box .ttl::after {
	border-top: 1px solid;
	content: "";
	width: 2.7em;
}
.contact_block .tel_box .ttl {
	margin-bottom: 5px;
}
.contact_block .tel_box .tel_number {
	margin-bottom: 5px;
	font-size: 3.8rem;
	font-weight: 700;
}
.contact_block .tel_box .tel_number a {
	text-decoration: none;
}

.contact_block .tel_box .info_box {
	display: flex;
}
.contact_block .tel_box .info_box .tel_time_ttl {
	margin-right: 10px;
	display: table;
	width: 85px;
	height: 38px;
}
.contact_block .tel_box .info_box .tel_time_ttl span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	min-height: inherit;
	background: #189e00;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	border: none;
	outline: none;
	word-break: break-all;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.contact_block .tel_box .info_box .tel_time_txt span {
	font-weight: 700;
}

/*店舗でご相談*/
.contact_block .shop_box .ttl {
	margin-bottom: 20px;
}
.contact_block .shop_box .btn {
	min-height: 64px;
}
.contact_block .shop_box .shop_btn {
	padding-left: 40px;
	color: #8ac300 !important;
	background: #fff;
	background-image: url(../img/common/icon_shop_green.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
}

@media only screen and (max-width: 736px) {
	.contact_block {
		padding: 20px;
		width: 100%;
		text-align: center;
		flex-wrap: wrap;
	}
	.contact_block .ttl {
		font-size:  2.0rem;
	}
	
	/*お申込みはこちらから*/
	.contact_block .application_box {
		padding-top: 0px;
		margin-bottom: 30px;
		width: 100%;
	}
	.contact_block .application_box .btn {
		margin-bottom: 15px;
	}
	
	.contact_block .application_box .application_flow {
		font-size:  1.5rem;
		text-align: center;
	}
	.contact_block .application_box .application_flow::before {
		width: 20px;
		height: 20px;
		vertical-align: -4px;
		margin-right: 5px;
	}
	
	/*お電話でご相談*/
	.contact_block .tel_box {
		margin-bottom: 30px;
		width: 100%;
	}
	.contact_block .tel_box .ttl::before,
	.contact_block .tel_box .ttl::after {
		border-top: 1px solid;
		content: "";
		width: 4em;
	}
	.contact_block .tel_box .info_box {
		display: flex;
		justify-content: center;
	}
	.contact_block .tel_box .info_box .tel_time_ttl {
		height: 34px;
	}	
	.contact_block .tel_box .info_box .tel_time_txt {
		text-align: left;
	}
	
	/*店舗でご相談*/
	.contact_block .shop_box {
		width: 100%;
	}
	.contact_block .shop_box .ttl::before,
	.contact_block .shop_box .ttl::after {
		border-top: 1px solid;
		content: "";
		width: 4.5em;
	}
	.contact_block .shop_box .ttl {
		margin-bottom: 10px;
	}
}

/*sns_block
----------------------------------------*/
.bg_light_green {
	padding: 30px 0;
	background: #deef8c;
}
.sns_block {
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.sns_block .btn {
	display: table;
	margin: 0 10px;
	width: 282px;
	height: 40px;
	font-size:  1.6rem;
}
.sns_block .btn a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	min-height: inherit;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	border: none;
	outline: none;
	word-break: break-all;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.sns_block .btn a:hover {
	opacity: .6;
	transition: .3s;
}
.sns_block .twitter_btn {
	background: #1da1f2;
	background-image: url(../img/common/icon_arrow_white_r-s.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.sns_block .twitter_btn::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 20px;
	margin: 0 10px 0 0;
	background: url(../img/common/icon_twitter.png) no-repeat;
	-webkit-background-size: 25px auto;
	background-size: 25px auto;
}

.sns_block .line_btn {
	background: #00b900;
	background-image: url(../img/common/icon_arrow_white_r-s.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.sns_block .line_btn::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 22px;
	margin: 0 10px 0 0;
	background: url(../img/common/icon_line.png) no-repeat;
	-webkit-background-size: 27px auto;
	background-size: 27px auto;
}
@media only screen and (max-width: 736px) {
	.bg_light_green {
		padding: 25px 20px;
	}
	.sns_block {
		width: 100%;
		flex-wrap: wrap;
	}
	.sns_block .btn {
		margin: 5px auto;
		width: 90%;
	}
}


/*モーダルオープン*/
.open_modal {
	margin-bottom: 20px;
	font-size:  1.8rem;
	line-height: 22px;
}
.open_modal a {
	color: #2fade2 !important;
}
.open_modal:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 .5em 0 0;
	background: url(../img/price/simulation_re/icon_question.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
}


/*footer
----------------------------------------*/
.footer {
}

.footer .fnav_btn_block {
	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 80px 231px 50px 13px;
}
.footer .fnav_btn_block::before {
	content: "";
	display: block;
	position: absolute;
	width: 259px;
	height: 285px;
	background: url(../img/common/bg_model.jpg) no-repeat;
	right: -29px;
	bottom: 0;
}
.footer .fnav_btn_block h3 {
	border: 5px solid #19a500;
	text-align: center;
	font-size:  2.5rem;
	font-weight: 700;
	padding: 10px 0;
	margin-bottom: 18px;
	border-radius: 5px;
	color: #19a500;
}
.footer .fnav_btn_block li {
	float: left;
	margin-left: 18px;
	transition: .3s;
}
.footer .fnav_btn_block li:first-child {
	margin-left: 0;
}

.footer_search_block {
	margin: 20px auto 0;
	width: 90%;
}

.footer_search_box {
	border: 1px solid #aaa;
	border-radius: 5px;
	height: 35px;
}

.footer_search_box fieldset {
	border: none;
}

.footer_search_box .text {
	display: block;
	width: 100%;
	line-height: 25px;
	padding: 4px 48px 4px 10px;
	border: none;
	background: none;
	outline: none;
}

.footer_search_box .button {
	position: absolute;
	border: none;
	display: block;
	top: -1px;
	right: -1px;
	outline: none;
}

@media only screen and (min-width: 737px) {
	.footer .fnav_btn_block li:hover {
		opacity: .6;
	}
	.footer_search_block {
		display: none;
	}

}
@media only screen and (max-width: 736px) {
	.footer .fnav_btn_block {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 13px 50px;
	}
	.footer .fnav_btn_block::before {
		content: none;
	}
	.footer .fnav_btn_block h3 {
		border: none;
		border-top: 3px solid #19a500;
		font-size:  1.6rem;
		margin-bottom: 0;
		border-radius: 0;
	}	
	.footer .fnav_btn_block ul {
		background: url(../img/common/bg_mosaic_darkgreen.png) repeat;
		background-size: 40px;
		padding: 0 8px;
	}
	.footer .fnav_btn_block li {
		float: none;
		margin-left: 0;
	}
	.footer .fnav_btn_block li + li {
		border-top: 1px dotted #fff;
	}
	.footer .fnav_btn_block li a {
		display: block;
		padding: 15px 20px;
		color: #fff;
		text-decoration: none;
		font-size:  1.5rem;
		font-weight: 700;
	}
	.footer .fnav_btn_block li a::after {
		content: "";
		display: block;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 15px;
		background: url(../img/common/icon_fnav_arrow_sp.png) no-repeat;
		background-size: 100%;
	}
}


.footer_wrap {
	/* border-top: 1px solid #abcd03; */
	padding: 30px 0 10px;
}
.footer_wrap .footer_block {
	width: 980px;
	margin: 0 auto;
}
.footer_block .logo_block {
	float: left;
	margin-right: 0;
	margin-left: 10px;
	margin-top: 20px;
}
.footer_block .logo_block .logo {
	margin-bottom: 30px;
}
.footer_block .footer_sitemap {
	display: flex;
	justify-content: space-between;
}
.footer_block .footer_sitemap .footer_sitemap_box {
	/*padding-right: 25px;*/
}

.footer_block .footer_sitemap .footer_sitemap_box { zoom:1; }
.footer_block .footer_sitemap .footer_sitemap_box:after { clear: both; }
.footer_block .footer_sitemap .footer_sitemap_box:after { content: " "; display: table; }

.footer_block .footer_sitemap .footer_sitemap_box.last {
	padding-right: 0;
}
.footer_block .footer_sitemap .footer_sitemap_box > li {
	line-height: 1.4;
	margin-top: 22px;
}
.footer_block .footer_sitemap .footer_sitemap_box > li > a {
	color: #138800;
	border-left: 3px solid #0e6100;
	padding-left: 10px;
	font-size:  1.6rem;
	font-weight: 700;
	text-decoration: none;	
	transition: .3s;
	display: block;
}
.footer_block .footer_sitemap .footer_sitemap_box > li ul {
	margin-top: 15px;
	padding-left: 10px;
}
.footer_block .footer_sitemap .footer_sitemap_box > li ul li {
	margin-bottom: 13px;
}
.footer_block .footer_sitemap .footer_sitemap_box > li ul li a {
	text-decoration: none;
	transition: .3s;	
}
@media only screen and (min-width: 737px) {
	.footer_block .bnr_cm a {
		transition: .3s;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li > a:hover,
	.footer_block .bnr_cm a:hover {
		opacity: .6;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li ul li a:hover {
		text-decoration: underline;
	}
}
.footer_block .txt {
	margin-top: 20px;
	text-align: right;
}
@media only screen and (max-width: 736px) {
	.footer_wrap {
		border-top: none;
		padding: 0;
	}
	.footer_wrap .footer_block {
		width: 100%;
		margin: 0 auto;
	}
	.footer_block .logo_block {
		float: none;
		margin: 0;
		border-bottom: 1px solid #abcd03;
	}
	.footer_block .logo_block .logo {
		padding: 20px 0;
		text-align: center;
		width: 190px;
		margin: 0 auto;
	}
	.footer_block .logo_block .logo img{
		max-width: 114px;
	}
	.footer_block .footer_sitemap {
		float: none;
		margin-right: 0;
	}
	.footer_block .footer_sitemap .footer_sitemap_box {
		float: none;
		padding-right: 0;
	}
	
	.clearfix { zoom:1; }
	.clearfix:after { clear: both; }
	.clearfix:after { content: " "; display: table; }

	.footer_block .footer_sitemap .footer_sitemap_box.last {
		padding-right: 0;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li {
		line-height: 1;
		margin: 0;
		width: 50%;
		float: left;
		border-bottom: 1px solid #abcd03;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li:nth-child(2n),
	.footer_block .footer_sitemap .footer_sitemap_box > li.beginner{
		border-left: 1px solid #abcd03;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li > a {
		color: #333;
		display: block;
		text-align: center;
		padding: 15px 5px;
		border-left: none;
		font-size:  1.3rem;
		font-weight: 400;
	}
  
  .footer_block .footer_sitemap .footer_sitemap_box > li > a.a_gaibu:after {
    width: 10px;
    height: 10px;
  }
	.footer_block .footer_sitemap .footer_sitemap_box.last li:nth-child(2n) {
		border-left: none;
	}
	.footer_block .footer_sitemap .footer_sitemap_box.last li:nth-child(1) {
		border-left: 1px solid #abcd03;
	}
	.footer_block .footer_sitemap .footer_sitemap_box.last li.last_item {
		width: 100%;
		float: none;
		clear: both;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li ul {
		display: none;
	}
	.footer_block .txt {
		width: 95%;
		font-size:  1.2rem;
		margin: 20px auto;
		text-align: center;
	}
}

.footer2 {
	border-top: 4px solid #ececec;
	padding: 15px 0 75px;
}
.footer2_block {
	width: 1200px;
	margin: 0 auto;
}
.footer2 nav {
	float:left;
	width:80%;
	font-size: 1.1rem;
}

.footer2 p.copyright {
	float:right;
	width:20%;
	text-align:right;
	font-size: 1.2rem;
	line-height:2.8;
}

.footer2 nav ul li {
	float:left;
	padding-right:12px;
	margin-right:12px;
	border-right:1px solid #000;
	line-height:2.5;
}

.footer2 nav ul li a {
	color:#000;
	text-decoration:none;
}
.footer2 nav a.icon_blank span {
	display: inline-block;
	background: url(../img/common/icon_blank_s.png) right .7em no-repeat;
	padding-right: 16px;
}
.footer2 nav ul li a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 736px) {

	.footer2 {
		width:100%;
		padding:15px 0 70px;
	}

	.footer2_block {
		width: 100%;
	}

	.footer2 p.caution {
		padding:0 3% 15px;
		margin-bottom:15px;
		border-bottom:2px solid #ececec;
	}

	.footer2 nav {
		float:none;
		width:100%;
		margin: 0 auto 15px;
		padding: 0 5px 15px;
		border-bottom:2px solid #ececec;
	}

	.footer2 nav ul{
		text-align: center;
	}

	.footer2 nav ul li {
		float:none;
		display:inline-block;
		padding-right:8px;
		margin:0 5px;
		border-right:1px solid #000;
	}

	.footer2 p.copyright {
		float:none;
		width:100%;
		text-align: center;
	}
}

.pagetop {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	z-index: 100;
}
.pagetop a {
	transition: .3s;
}



@media only screen and (max-width: 736px) {
	.pagetop {
		width: 100%;
		padding: 0;
		position: static;
	}
}

@media only screen and (max-width: 736px) {
	footer .twitter_area p {
		width: 88%;
		margin: 0 auto 20px;
	}
}

/*visibility-hidden
----------------------------------------*/
.visibility-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/*clearfix
----------------------------------------*/
.clearfix { zoom:1; }
.clearfix:after { clear: both; }
.clearfix:after { content: " "; display: table; }

/*float
----------------------------------------*/
.clear { clear: both !important; }
.float_n { float: none !important; }
.float_l {
	float: left;
	margin-right: 20px;
}
.float_r {
	float: right;
	margin-left: 20px;
}

.float_l_pc {
	float: left;
}
.float_r_pc {
	float: right;
}

.over_h {
	overflow: hidden;
}

.align_l { text-align: left !important; }
.align_c { text-align: center !important; }
.align_r { text-align: right !important; }
.valign_m { vertical-align: middle !important; }

.align_l_pc { text-align: left !important; }
.align_c_pc { text-align: center !important; }
.align_r_pc { text-align: right !important; }

.h100per {
	height: 100% !important;
}

@media only screen and (max-width: 736px) {
	h1 { padding: 0 3%; }
	
	.float_l_pc {
		float: none;
		margin-bottom: 10px;
	}
	.float_r_pc {
		float: none;
		margin-bottom: 10px;
	}
	
	.align_l_pc { text-align: inherit!important; }
	.align_c_pc { text-align: inherit !important; }
	.align_r_pc { text-align: inherit !important; }
	
	.align_l_sp { text-align: left !important; }
	.align_c_sp { text-align: center !important; }
	.align_r_sp { text-align: right !important; }
}


/*font-size
----------------------------------------*/

.font0 { font-size: 0 !important; }
.font10 { font-size:  1.0rem !important; }
.font11 { font-size:  1.1rem !important; }
.font12 { font-size:  1.2rem !important; }
.font13 { font-size:  1.3rem !important; }
.font14 { font-size:  1.4rem !important; }
.font15 { font-size:  1.5rem !important; }
.font16 { font-size:  1.6rem !important; }
.font17 { font-size:  1.7rem !important; }
.font18 { font-size:  1.8rem !important; }
.font19 { font-size:  1.9rem !important; }
.font20 { font-size:  2.0rem !important; }
.font21 { font-size:  2.1rem !important; }
.font22 { font-size:  2.2rem !important; }
.font23 { font-size:  2.3rem !important; }
.font24 { font-size:  2.4rem !important; }
.font25 { font-size:  2.5rem !important; }
.font26 { font-size:  2.6rem !important; }
.font28 { font-size:  2.8rem !important; }
.font30 { font-size:  3.0rem !important; }
.font40 { font-size:  4.0rem !important; }
.font55 { font-size:  5.5rem !important; }
.fontb { font-weight: bold !important; }

@media only screen and (max-width: 736px) {
	.font8_sp { font-size: 8rem !important; }
	.font10_sp { font-size:  1.0rem !important; }
	.font11_sp { font-size:  1.1rem !important; }
	.font12_sp { font-size:  1.2rem !important; }
	.font13_sp { font-size:  1.3rem !important; }
	.font14_sp { font-size:  1.4rem !important; }
	.font15_sp { font-size:  1.5rem !important; }
	.font18_sp { font-size:  1.8rem !important; }
	.font20_sp { font-size:  2.0rem !important; }
	.font25_sp { font-size:  2.5rem !important; }
	.font30_sp { font-size:  3.0rem !important; }
}

/*margin
----------------------------------------*/

/*top*/
.mt0{ margin-top: 0 !important; }
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }

/*bottom*/
.mb0 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

/*right*/
.mr0 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

/*left*/
.ml0 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml100 { margin-left: 100px !important; }
.ml150 { margin-left: 150px !important; }


@media only screen and (max-width: 736px) {
	.mt0_sp { margin-top: 0 !important; }
	.mt10_sp { margin-top: 10px !important; }	
	.mt20_sp { margin-top: 20px !important; }
	.mb0_sp { margin-bottom: 0 !important; }
	.mb20_sp { margin-bottom: 20px !important; }
	.mr0_sp { margin-right: 0 !important; }
	.ml0_sp { margin-left: 0 !important; }
	.ml10_sp { margin-left: 10px !important; }

	.mr05_sp { margin-right: 5px !important; }
	.mr10_sp { margin-right: 10px !important; }
	.mr15_sp { margin-right: 15px !important; }
	.mr20_sp { margin-right: 20px !important; }
	.mr25_sp { margin-right: 25px !important; }
	.mr30_sp { margin-right: 30px !important; }
	.mr35_sp { margin-right: 35px !important; }
	.mr40_sp { margin-right: 40px !important; }

	.mb05_sp { margin-bottom: 5px !important; }
	.mb10_sp { margin-bottom: 10px !important; }
	.mb15_sp { margin-bottom: 15px !important; }
	.mb20_sp { margin-bottom: 20px !important; }
	.mb25_sp { margin-bottom: 25px !important; }
	.mb30_sp { margin-bottom: 30px !important; }
	.mb35_sp { margin-bottom: 35px !important; }
	.mb40_sp { margin-bottom: 40px !important; }

}

.mb05_rwd  { margin-bottom:5px !important;}
.mb10_rwd { margin-bottom:10px !important;}
.mb15_rwd { margin-bottom:15px !important;}
.mb20_rwd { margin-bottom:20px !important;}
.mb25_rwd { margin-bottom:25px !important;}
.mb30_rwd { margin-bottom:30px !important;}
.mb35_rwd { margin-bottom:35px !important;}
.mb40_rwd { margin-bottom:40px !important;}
.mb45_rwd { margin-bottom:45px !important;}
.mb50_rwd { margin-bottom:50px !important;}
.mb60_rwd { margin-bottom:60px !important;}
.mb70_rwd { margin-bottom:70px !important;}
.mb80_rwd { margin-bottom:80px !important;}
.mb90_rwd { margin-bottom:90px !important;}
.mb100_rwd { margin-bottom:100px !important;}

.mt05_rwd  { margin-top:5px !important;}
.mt10_rwd { margin-top:10px !important;}
.mt15_rwd { margin-top:15px !important;}
.mt20_rwd { margin-top:20px !important;}
.mt25_rwd { margin-top:25px !important;}
.mt30_rwd { margin-top:30px !important;}
.mt35_rwd { margin-top:35px !important;}
.mt40_rwd { margin-top:40px !important;}
.mt45_rwd { margin-top:45px !important;}
.mt50_rwd { margin-top:50px !important;}
.mt60_rwd { margin-top:60px !important;}
.mt70_rwd { margin-top:70px !important;}
.mt80_rwd { margin-top:80px !important;}
.mt90_rwd { margin-top:90px !important;}
.mt100_rwd { margin-top:100px !important;}

@media (max-width: 736px) {
	.mb05_rwd  { margin-bottom:1% !important;}
	.mb10_rwd { margin-bottom:2% !important;}
	.mb15_rwd { margin-bottom:3% !important;}
	.mb20_rwd { margin-bottom:3% !important;}
	.mb25_rwd { margin-bottom:3% !important;}
	.mb30_rwd { margin-bottom:3% !important;}
	.mb35_rwd { margin-bottom:4% !important;}
	.mb40_rwd { margin-bottom:5% !important;}
	.mb45_rwd { margin-bottom:5% !important;}
	.mb50_rwd { margin-bottom:6% !important;}
	.mb60_rwd { margin-bottom:6% !important;}
	.mb70_rwd { margin-bottom:7% !important;}
	.mb80_rwd { margin-bottom:7% !important;}
	.mb90_rwd { margin-bottom:8% !important;}
	.mb100_rwd { margin-bottom:9% !important;}

	.mt05_rwd  { margin-top:1% !important;}
	.mt10_rwd { margin-top:2% !important;}
	.mt15_rwd { margin-top:3% !important;}
	.mt20_rwd { margin-top:3% !important;}
	.mt25_rwd { margin-top:3% !important;}
	.mt30_rwd { margin-top:3% !important;}
	.mt35_rwd { margin-top:4% !important;}
	.mt40_rwd { margin-top:5% !important;}
	.mt45_rwd { margin-top:5% !important;}
	.mt50_rwd { margin-top:6% !important;}
	.mt60_rwd { margin-top:6% !important;}
	.mt70_rwd { margin-top:7% !important;}
	.mt80_rwd { margin-top:7% !important;}
	.mt90_rwd { margin-top:8% !important;}
	.mt100_rwd { margin-top:9% !important;}
}

.m_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 736px) {
	.m_auto_sp {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* padding-------------------- */
.p0 {	padding: 0 !important; }
.p05 {	padding: 5px !important; }
.p10 {	padding: 10px !important; }
.p15 {	padding: 15px !important; }
.p20 {	padding: 20px !important; }
.p25 {	padding: 25px !important; }
.p30 {	padding: 30px !important; }
.p35 {	padding: 35px !important; }
.p40 {	padding: 40px !important; }
.p45 {	padding: 45px !important; }
.p50 {	padding: 50px !important; }

.pt0 {	padding-top: 0 !important; }
.pt10 {	padding-top: 10px !important; }
.pt15 {	padding-top: 15px !important; }
.pt20 {	padding-top: 20px !important; }
.pt25 {	padding-top: 25px !important; }
.pt30 {	padding-top: 30px !important; }
.pt35 {	padding-top: 35px !important; }
.pt40 {	padding-top: 40px !important; }
.pt45 {	padding-top: 45px !important; }
.pt50 {	padding-top: 50px !important; }
.pt65 {	padding-top: 65px !important; }
.pt80 {	padding-top: 80px !important; }
.pt100 { padding-top: 100px !important; }
.pt120 { padding-top: 120px !important; }
.pt140 { padding-top: 140px !important; }
.pt160 { padding-top: 160px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 {	padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 {	padding-bottom: 50px !important; }
.pb60 {	padding-bottom: 60px !important; }
.pb65 {	padding-bottom: 65px !important; }
.pb80 {	padding-bottom: 80px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb120 { padding-bottom: 120px !important; }
.pb140 { padding-bottom: 140px !important; }
.pb160 { padding-bottom: 160px !important; }

.pr0 {	padding-right: 0 !important; }
.pr05 {	padding-right: 5px !important; }
.pr10 {	padding-right: 10px !important; }
.pr15 {	padding-right: 15px !important; }
.pr20 {	padding-right: 20px !important; }
.pr25 {	padding-right: 25px !important; }
.pr30 {	padding-right: 30px !important; }
.pr35 {	padding-right: 35px !important; }
.pr40 {	padding-right: 40px !important; }
.pr45 {	padding-right: 45px !important; }
.pr50 {	padding-right: 50px !important; }
.pr65 {	padding-right: 65px !important; }
.pr80 {	padding-right: 80px !important; }
.pr100 { padding-right: 100px !important; }
.pr120 { padding-right: 120px !important; }
.pr140 { padding-right: 140px !important; }
.pr160 { padding-right: 160px !important; }

.pl0 {	padding-left: 0 !important; }
.pl05 {	padding-left: 5px !important; }
.pl10 {	padding-left: 10px !important; }
.pl15 {	padding-left: 15px !important; }
.pl20 {	padding-left: 20px !important; }
.pl25 {	padding-left: 25px !important; }
.pl30 {	padding-left: 30px !important; }
.pl35 {	padding-left: 35px !important; }
.pl40 {	padding-left: 40px !important; }
.pl45 {	padding-left: 45px !important; }
.pl50 {	padding-left: 50px !important; }
.pl65 {	padding-left: 65px !important; }
.pl80 {	padding-left: 80px !important; }
.pl100 { padding-left: 100px !important; }
.pl120 { padding-left: 120px !important; }
.pl140 { padding-left: 140px !important; }
.pl160 { padding-left: 160px !important; }

@media only screen and (max-width: 736px) {
	.pt0_sp {	padding-top: 0 !important; }
	.pt20_sp {	padding-top: 20px !important; }
	.pt30_sp {	padding-top: 30px !important; }
	
	.pb0_sp {	padding-bottom: 0 !important; }
	.pb20_sp {	padding-bottom: 20px !important; }
	.pb30_sp {	padding-bottom: 30px !important; }
	
	.pr0_sp {	padding-right: 0 !important; }
	
	.pl0_sp {	padding-left: 0 !important; }
}

/*width
----------------------------------------*/
.w05per { width: 5%; }
.w10per { width: 10%; }
.w13per { width: 13%; }
.w14per { width: 14%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w30per { width: 30%; }
.w33per { width: 33.333333333333%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w50per { width: 50%; }
.w55per { width: 55%; }
.w60per { width: 60%; }
.w65per { width: 65%; }
.w70per { width: 70%; }
.w75per { width: 75%; }
.w80per { width: 80%; }
.w85per { width: 85%; }
.w90per { width: 90%; }
.w95per { width: 95%; }
.w100per { width: 100%; }

.w05per_pc { width: 5% !important; }
.w10per_pc { width: 10% !important; }
.w13per_pc { width: 13% !important; }
.w14per_pc { width: 14% !important; }
.w15per_pc { width: 15% !important; }
.w20per_pc { width: 20% !important; }
.w22per_pc { width: 22% !important; }
.w25per_pc { width: 25% !important; }
.w28per_pc { width: 28% !important; }
.w30per_pc { width: 30% !important; }
.w33per_pc { width: 33.333333333333% !important; }
.w35per_pc { width: 35% !important; }
.w40per_pc { width: 40% !important; }
.w42per_pc { width: 42% !important; }
.w45per_pc { width: 45% !important; }
.w48per_pc { width: 48% !important; }
.w50per_pc { width: 50% !important; }
.w52per_pc { width: 52% !important; }
.w55per_pc { width: 55% !important; }
.w58per_pc { width: 58% !important; }
.w60per_pc { width: 60% !important; }
.w62per_pc { width: 62% !important; }
.w65per_pc { width: 65% !important; }
.w68per_pc { width: 68% !important; }
.w70per_pc { width: 70% !important; }
.w72per_pc { width: 72% !important; }
.w75per_pc { width: 75% !important; }
.w77per_pc { width: 77% !important; }
.w80per_pc { width: 80% !important; }
.w82per_pc { width: 82% !important; }
.w85per_pc { width: 85% !important; }
.w87per_pc { width: 87% !important; }
.w90per_pc { width: 90% !important; }
.w92per_pc { width: 92% !important; }
.w95per_pc { width: 95% !important; }
.w98per_pc { width: 98% !important; }
.w100per_pc { width: 100% !important; }
@media only screen and (max-width: 736px) {
	.w05per_pc { width: 100% !important;; }
	.w10per_pc { width: 100% !important;; }
	.w13per_pc { width: 100% !important;; }
	.w14per_pc { width: 100% !important;; }
	.w15per_pc { width: 100% !important;; }
	.w20per_pc { width: 100% !important;; }
	.w22per_pc { width: 100% !important;; }
	.w25per_pc { width: 100% !important;; }
	.w28per_pc { width: 100% !important;; }
	.w30per_pc { width: 100% !important;; }
	.w33per_pc { width: 100% !important;; }
	.w35per_pc { width: 100% !important;; }
	.w40per_pc { width: 100% !important;; }
	.w42per_pc { width: 100% !important;; }
	.w45per_pc { width: 100% !important;; }
	.w48per_pc { width: 100% !important;; }
	.w50per_pc { width: 100% !important;; }
	.w52per_pc { width: 100% !important;; }
	.w55per_pc { width: 100% !important;; }
	.w58per_pc { width: 100% !important;; }
	.w60per_pc { width: 100% !important;; }
	.w62per_pc { width: 100% !important;; }
	.w65per_pc { width: 100% !important;; }
	.w68per_pc { width: 100% !important;; }
	.w70per_pc { width: 100% !important;; }
	.w72per_pc { width: 100% !important;; }
	.w75per_pc { width: 100% !important;; }
	.w77per_pc { width: 100% !important;; }
	.w80per_pc { width: 100% !important;; }
	.w82per_pc { width: 100% !important;; }
	.w85per_pc { width: 100% !important;; }
	.w87per_pc { width: 100% !important;; }
	.w90per_pc { width: 100% !important;; }
	.w92per_pc { width: 100% !important;; }
	.w95per_pc { width: 100% !important;; }
	.w98per_pc { width: 100% !important;; }

	.w05per_sp { width: calc(5% - 2.97029%) !important; }
	.w10per_sp { width: calc(10% - 2.97029%) !important; }
	.w13per_sp { width: calc(13% - 2.97029%) !important; }
	.w14per_sp { width: calc(14% - 2.97029%) !important; }
	.w15per_sp { width: calc(15% - 2.97029%) !important; }
	.w20per_sp { width: calc(20% - 2.97029%) !important; }
	.w25per_sp { width: calc(25% - 2.97029%) !important; }
	.w30per_sp { width: calc(30% - 2.97029%) !important; }
	.w33per_sp { width: calc(33.3333333333333% - 2.97029%) !important; }
	.w35per_sp { width: calc(35% - 2.97029%) !important; }
	.w40per_sp { width: calc(40% - 2.97029%) !important; }
	.w45per_sp { width: calc(45% - 2.97029%) !important; }
	.w50per_sp { width: calc(50% - 2.97029%) !important; }
	.w55per_sp { width: calc(55% - 2.97029%) !important; }
	.w60per_sp { width: calc(60% - 2.97029%) !important; }
	.w65per_sp { width: calc(65% - 2.97029%) !important; }
	.w70per_sp { width: calc(70% - 2.97029%) !important; }
	.w75per_sp { width: calc(75% - 2.97029%) !important; }
	.w80per_sp { width: calc(80% - 2.97029%) !important; }
	.w85per_sp { width: calc(85% - 2.97029%) !important; }
	.w90per_sp { width: calc(90% - 2.97029%) !important; }
	.w95per_sp { width: calc(95% - 2.97029%) !important; }
	.w99per_sp { width: calc(99% - 2.97029%) !important; }
	.w100per_sp { width:100% !important; }
}

/* letter-spacing
----------------------------------------*/
.ls003{letter-spacing: -.03em;}

/* display
----------------------------------------*/
.block {
	display: block;
}
.dispinblock {
	display: inline-block;
}
.dispinblock_pc {
	display: inline-block;
}
.dispflex{
	display: flex;
}
.dispflex_c{
	justify-content: center;
}
.dispflex_c_h{
	align-items: center;
}

.hidden {
	display: none;
}
p.inline_b,
.inline_b li {
	display: inline-block !important;
	margin-right: 20px !important;
}
.hide_pc {
		display: none !important;
	}
@media only screen and (max-width: 736px) {
	.inline_b li {
		display: block !important;
		margin-right: 0 !important;
	}
	.dispinblock_pc {
		display: block;
	}
	
	.hide_pc {
		display: block !important;
		}
	.block_sp {
		display: block !important;
	}
	.hide_sp {
		display: none !important;
	}

}

/* line-height
----------------------------------------*/
.lineh0 {
	line-height: 0!important;
}
.lineh01 {
	line-height: 1!important;
}
.lineh015 {
	line-height: 1.5!important;
}
.lineh02 {
	line-height: 2!important;
}

/* img
----------------------------------------*/
img {
	max-width: 100%;
	height: auto;
	_width: 100%;
}

.img_auot {
	width: auto !important;
}

@media only screen and (max-width: 736px) {
	.img_sp_auto {
		width: auto!important;
	}
}

/* indent
----------------------------------------*/
.note1{
	display:block;
	padding-left:1em;
	text-indent:-1em;
}
.note2{
	display:block;
	padding-left:2em;
	text-indent:-2em;
}
.note2{
	display:block;
	padding-left:2em;
	text-indent:-2em;
}


/*モーダル*/
.contents .modal {
	display: none;
}
#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-e,
#fancybox-bg-se,
#fancybox-bg-s,
#fancybox-bg-sw,
#fancybox-bg-w,
#fancybox-bg-nw {
	display: none !important;
}
#fancybox-wrap {
	border: #aacd06 10px solid;
	background: #fff !important;
	box-sizing: content-box;
}

#fancybox-outer {
	background: #fff !important;
}
.modal .round {
	background: #fff;
	padding-left: 10px;
	overflow: hidden;
}
.modal .round .inner {
	padding: 40px;
	width: 880px;
	display: block;
}

.inner h3 {
	font-size:  2.4rem;
	text-align: center;
}

#fancybox-close {
	top: -33px !important;
	right: -33px !important;
	width: 66px !important;
	height: 70px !important;
	background: transparent url('/img/price/simulation_re/btn_close.png') !important;
}
#fancybox-close:hover {
	background: transparent url('/img/price/simulation_re/btn_close.png') !important;
}


@media only screen and (max-width: 736px) {
	.modal .round .inner {
		padding: 10px;
		width: 100% !important;
		display: block;
	}
	
	.inner h3 {
		font-size:  2.1rem;
	}

	#fancybox-close {
		top: -20px !important;
		right: -20px !important;
		width: 33px !important;
		height: 35px !important;
		background: transparent url('/img/price/simulation_re/btn_close.png') !important;
		background-size: 33px 35px !important;
	}
	#fancybox-close:hover {
		background: transparent url('/img/price/simulation_re/btn_close.png') !important;
		background-size: 33px 35px !important;
	}
	
}


/* .bg_circle_gray */
.bg_circle_gray{
	padding: 2em 1em;
	background: #EFF1F4;
	position: relative;
	margin: 15% 0;
}
.bg_circle_gray::before{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	top: -74px;
	border-radius: 100% 100% 0 0;
	left: 50%;
	transform: translateX(-50%);
	background: #EFF1F4;
	z-index: 0;
}
 
.bg_circle_gray::after{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: -74px;
	border-radius: 0 0 100% 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #EFF1F4;
	z-index: -1;
}
 
/* .bg_circle_green */
.bg_circle_green{
	padding: 2em 1em;
	background: #AACC03;
	position: relative;
	margin: 15% 0;
}
.bg_circle_green::before{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	top: -74px;
	border-radius: 100% 100% 0 0;
	left: 50%;
	transform: translateX(-50%);
	background: #AACC03;
	z-index: 0;
}
 
.bg_circle_green::after{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: -74px;
	border-radius: 0 0 100% 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #AACC03;
	z-index: -1;
}

/* .bg_circle_lightgreen */
.bg_circle_lightgreen{
	padding: 2em 1em;
	background: #EFF2E4;
	position: relative;
	margin: 15% 0;
}
.bg_circle_lightgreen::before{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	top: -74px;
	border-radius: 100% 100% 0 0;
	left: 50%;
	transform: translateX(-50%);
	background: #EFF2E4;
	z-index: 0;
}
 
.bg_circle_lightgreen::after{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: -74px;
	border-radius: 0 0 100% 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #EFF2E4;
	z-index: -1;
}
 
@media only screen and (max-width: 736px) {
	.bg_circle_gray,
	.bg_circle_green,
	.bg_circle_lightgreen{
		margin-bottom: 100px;
	}
	.bg_circle_gray::before,
	.bg_circle_green::before,
	.bg_circle_lightgreen::before{
		/* height: 30px; */
		top: -30px;
	}
	.bg_circle_gray::after,
	.bg_circle_green::after,
	.bg_circle_lightgreen::after{
		bottom: -38px;
	}
 
}
 
/* 枠 */
/* .frame_gray */
.frame_gray{
	padding: 2em 1em;
	background: #EFF1F4;
	border: 1px solid #DEE1E5;
	position: relative;
	margin: 15% 0;
}

/* border_gray */
.border_gray{
	padding: 2em;
	border: 2px solid #707070;
	border-radius: 20px;
	position: relative;
}


/* link */
.txt_link {
	margin-top: 12px;
}
.txt_link::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 11px;
	margin-right: 6px;
	vertical-align: 1px;
	background: url(../img/common/icon_triangle_arrow_gray01.png) no-repeat;
	background-size: 100%;
}
.txt_link a {
	font-size:  1.6rem;
}
.txt_under_link a{
    color: #0073BC;
}

.info_link a::before{
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    background: url(../img/common/icon_info2022.svg) no-repeat;
    background-size: 100%;
}
.info_txt{
    font-size:  1.8rem;
    font-weight: bold;
    position: relative;
}
.info_txt::before{
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    background: url(../img/common/icon_info2022.svg) no-repeat;
    background-size: 100%;
}

/* pdf_link */
.pdf_link a{
	font-size:  1.6rem;
	text-decoration: underline;
}
.pdf_link a:hover{
	text-decoration: none;
}
 
.pdf_link span{
	color: #fff;
	font-size:  1.1rem;
	background: #D70029;
	border-radius: 3px;
	padding: .1em .4em;
	margin-right: .2em;
}
@media only screen and (max-width: 736px) {
	.txt_link {
		margin-top: 5px;
	}
	.txt_link::before {
		width: 6px;
		height: 8px;
		margin-right: 6px;
		vertical-align: 0;
	}
	.txt_link a {
		font-size:  1.3rem;
	}
	.info_txt{
        font-size:  1.4rem;
    }
}


.twitter_area area{
  border:none;
  outline:none;
}

/*チャットバナー位置*/
#eNomixBannerWrapper {
	bottom: 200px !important;
}
@media only screen and (max-width: 736px) {
	#eNomixBannerWrapper {
		bottom: 60vw !important;
		z-index: 0!important;
	}
	#eNomixBannerWrapper #eNomixBannerImage{
		width: 134px !important;
		height: 67px !important;
	}
	#eNomixBannerWrapper #eNomixBannerImage + img{
		width: 17px !important;
		height: 17px !important;
		left: 112px !important;
		top: 4px !important;
	}
	
}

/* --------------------------------------------------
banner_area bnr_list01
-------------------------------------------------- */
.banner_area {
	padding: 3vw 0;
}
.banner_area .bnr_list01{
	width: 1150px!important;	
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}
.banner_area .bnr_list01 li{
	width: 150px;
}
.banner_area .bnr_list01 li.challepa{
	width: 130px;
}

@media only screen and (max-width: 736px) {
	.banner_area .bnr_list01{
		width: 98%!important;
		flex-flow: row wrap;
	}
	.banner_area .bnr_list01 li{
		width: calc(27% - 5px);
		margin: 0 1% 5%;
	}
	.banner_area .bnr_list01 li.challepa{
		width: calc(27% - 5px);
	}
}

/* --------------------------------------------------
トップへ戻るボタン
-------------------------------------------------- */
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #aacc03;
	z-index: 1;
	border-radius: 100%;
	margin: 1%;
}
#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size:  2.5rem;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	line-height: 1;
}
@media screen and (max-width: 560px) {
	#page_top{
		width: 40px;
		height: 40px;
		bottom: 30vw;
		right: 20px;
	}
	#page_top a::before{
		width: 40px;
    	height: 30px;
		font-size:  2.0rem;
		right: auto;
		left: auto; 	
	}
}



.apply .open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.apply .overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.apply .window {
	width: 90vw;
	max-width: 380px;
	height: 240px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.apply .text {
	font-size:  1.8rem;
	margin: 0;
}
.apply .close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size:  2.0rem;
}

/*----------------------------------------
------------------------------------------
 2022/10リニューアル追記分
------------------------------------------
----------------------------------------*/
/*all
----------------------------------------*/
*{
	box-sizing: border-box;
}
*:focus{
	outline: solid !important;
}


::-webkit-scrollbar {
	width: 10px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	background-color: #AACC03;
	border-radius: 2px;
}



/*body
----------------------------------------*/

html {
	font-size: 62.5%;
	height: 100%;
}
body {
	color: #000;
	font-family: 'Manrope', YakuHanJP, 'Noto Sans JP',"游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:  1.6rem;
	min-width: auto;
	overflow-x: hidden;
}

.inner{
	width: 1000px;
	margin: 0 auto;
}


@media only screen and (max-width: 1020px) {
	.inner,
	#container{
		width: 90%;
	}
}

@media only screen and (max-width: 736px) {
	body {
		min-width: 320px;
		font-size:  1.3rem;
	}
}


@media only screen and (max-width: 736px) {
	main {
		padding-top: 82px;
	}
}

/*topic path
----------------------------------------*/
.topic_path{
	overflow-y: auto;
	overflow-x:unset;
}

/*color
----------------------------------------*/
.color_black_renew {
	color: #000 !important;
}
.color_pink_renew {
	color: #EA6068 !important;
}
.color_red_renew {
	color: #D92E2E !important;
}

/*color
----------------------------------------*/
.bg_qtmobile_renew {
	background: #AACC03 !important;
}
.bg_bbiq_renew {
	background: #D70029 !important;
}
.bg_qden_renew {
	background: #0073BC !important;
}


/*color
----------------------------------------*/
p >span.qtmobile {
	font-size:  1.9rem;
	border-radius: 22px;
	padding: .4em 1em;
	background: #AACC03 !important;
	width: 150px;
	display: inline-block;
	word-break: keep-all;
	text-align: center;
}
p >span.bbiq {
	color: #fff;
	font-size:  1.9rem;
	border-radius: 22px;
	padding: .4em 1em;
	background: #D70029 !important;
	width: 90px;
	display: inline-block;
	word-break: keep-all;
	text-align: center;
}
p >span.qden {
	color: #fff;
	font-size:  1.9rem;
	border-radius: 22px;
	padding: .4em 1em;
	background: #0073BC !important;
	width: 140px;
	display: inline-block;
	word-break: keep-all;
	text-align: center;
}
@media only screen and (max-width: 736px){
	p >span.qtmobile,
	p >span.bbiq,
	p >span.qden{
		font-size:  1.3rem;
		width: auto;
	}
	
}

 /*@styleduide2022.html
----------------------------------------*/
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
@media only screen and (max-width: 736px){
	.pc-only{
		display: none;
	}
	.sp-only{
		display: block;
	}
}
 /* ----- 見出し ----- */
 .ttl01 {
	font-size:  4.2rem;
	font-weight: bold;
	position: relative;
	background: none !important;
	max-width: 1200px;
	padding: 20px !important;
	margin: 60px auto 80px;
}

.ttl01 span.note{
	font-size:  1.6rem;
	display: block;
	color:#EA6068 ;
}

.ttl01 >*{
	color: #000 !important;
	font-size:  4.2rem !important;
	font-weight: bold !important;
	text-align: left!important;;
}

.ttl01:before {
	content: "";
	position: absolute;
	background: url(../img/common/bg_pagettl2022.svg) no-repeat;
	width: 122px;
	height: 123px;
	top: 50%;
	transform: translateY(-50%);
	left: -1.8em;
}

@media only screen and (max-width: 1220px) {
	.ttl01 {
		max-width: 100%;
		margin-top: 15px;
	}
}
@media only screen and (max-width: 736px) {
	.ttl01 {
		margin-top: 0;
	}
	.ttl01 span.note{
		font-size: 3vw;
	}
	
	.ttl01 >* {
		font-size: 8vw !important;
	}

	.ttl01.ttl_shop >*{
		font-size: 7vw !important;
	}
}

/* page_ttl */
.page_ttl{
	font-size:  3.8rem;
	font-weight: bold;
}
.page_ttl.center h1{
	justify-content: center;
}
.page_ttl h1{
	display: flex;
	align-items: center;
}
.page_ttl h1 img{
	margin-right: .5em;
}

@media only screen and (max-width: 736px){
	.page_ttl{
		font-size: 5vw;
	}
	.page_ttl h1{
		display: block;
		text-align: center;
	}
	.page_ttl h1 span{
		display: block;
	}
}


/* txt */


.txt_bold {
	font-weight: bold;
}

.contents .txt_size20 {
	font-size:  2.0rem;
}
@media only screen and (max-width: 736px){
	.contents .txt_size20 {
		font-size:  1.6rem;
	}
}


/* list */

.disc-list {
	list-style: disc;
	list-style-position: outside;
	padding-left: 1em;
}


/* fukidashi */
.fukidashi {
	width: 100%;
	text-align: center;
}
.fukidashi >span{
	display: inline-block;
	color: #fff;
	font-size:  2.0rem;
	background: #000;
	border-radius: 30px;
	padding: .5em 2em;
	position: relative;
	z-index: 2;
}
.fukidashi >span:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 13px 0 13px;
	border-color: #000000 transparent transparent transparent;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.5em;
	z-index: -1;
}
@media only screen and (max-width: 736px){
	.fukidashi:not(.white) >span{
		font-size:  1.6rem;
		padding: .5em 1em;
		display: block;
	}
}
/* fukidashi white*/
.fukidashi.white{
	background: #fff;
	border: 1px solid #C7C9CB;
	border-radius: 30px;
	padding: 2em;
	margin: 1em 0 3em;
	position: relative;
	z-index: 2;
}

.fukidashi.white:before{
	content: '';
	display: block;
	position: absolute;
	width: 32px;
	height: 17px;
	background: url(../img/common/fukidashi_arrow_wh2022.svg) no-repeat center center/ cover;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.9em;
	z-index: 1;
}
@media only screen and (max-width: 736px){
	.fukidashi.white:before{
		bottom: -1.2em;
	}
}
/* fukidashi green */
.fukidashi.green >span{
	background: #AACC03;
}
.fukidashi.green >span:before{
	border-color: #AACC03 transparent transparent transparent;
}

/* otoku_pct */
.otoku_pct{
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.otoku_pct >div{
	width: 30%;
	font-size:  1.3rem;
}
.otoku_pct .arrow +div{
	margin-top: auto;
}
.otoku_pct  .arrow{
	margin: 0 1em;
	align-self: center;
}
.otoku_pct .before_txt{
	padding: 1em 0;
}
.otoku_pct .before_txt span,
.otoku_pct .after_txt span,
.otoku_pct .before_price span{
	font-size:  1.8rem;
}
.otoku_pct .before_txt span.cross,
.otoku_pct .after_txt span.cross{
	position: relative;
	padding: 2em;
}

.otoku_pct .before_txt span.cross::before,
.otoku_pct .after_txt span.cross::before{
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: 1em;
	background: #000;
	right: 2.5em;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}

.otoku_pct .before_txt span.cross::after,
.otoku_pct .after_txt span.cross::after{
	content: "";
	position: absolute;
	display: block;
	height: 1em;
	width: 2px;
	background: #000;
	right: 2.95em;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.otoku_pct .before{
	background: #AACC03;
	border-radius: 10px 10px 0 0;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.otoku_pct .after{
	background: #EA6068;
	border-radius: 10px 10px 0 0;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.otoku_pct .before_price,
.otoku_pct .after_price{
	font-size:  1.4rem;
	margin-bottom: 0;
}
.otoku_pct .before_price span,
.otoku_pct .after_price span{
	font-size:  1.8rem;
}
.otoku_pct .after_txt{
	color: #fff;
}
.otoku_pct .after_txt span.cross::before,
.otoku_pct .after_txt span.cross::after{
	background: #fff;
}
p.otoku_price{
	font-size:  2.1rem;
	font-weight: bold;
	padding-top: .5em;
	position: relative;
}
p.otoku_price::after{
	content: "";
	position: absolute;
	display: block;
	height: 26px;
	width: 28px;
	background: #000;
	right: auto;
	top: -10%;
	left: 70%;
	background: url(../img/common/ico_dot2022.svg) no-repeat center center/ contain;
}
p.otoku_price .year{
	width: 1em;
	font-size:  1.6rem;
	font-weight: normal;
	display: inline-block;
	margin-right: .5em;
	line-height: 1.2;
}
p.otoku_price .price{
	color: #EA6068;
	position: relative;
	display: inline-block;
}
p.otoku_price .price strong{
	color: #EA6068;
	position: relative;
	display: inline-block;
}
p.otoku_price .price strong::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background: #EA6068;
}

/* otoku_price_area */
.otoku_price_area{
	max-width: 550px;
	margin: 0 auto 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.otoku_price_area +.otoku_price_area{
	border-top: 1px solid #C7C9CB;
	padding-top: 10px;
	margin-top: 10px;
}
.otoku_price_area .otoku_price {
	margin: 10px auto;
	text-align: center;
}
.otoku_price.small:after{
	content: none;
}
.otoku_price.small span:not(.price){
	font-weight: bold;
	margin: 0 .5em;
	line-height: 1;
}
.otoku_price.small .price{
	color: #000;
	position: relative;
}

.otoku_price.small .price strong{
	color: #000;
	font-size:  4.6rem;
}
.otoku_price.small .price strong::after{
	content: none;
}
.otoku_price_area .otoku_price.small:last-child{
	padding-left: 30px;
	position: relative;
}
.otoku_price_area .otoku_price.small:last-child:before{
	content: "";
	position: absolute;
	display: block;
	height: 20px;
	width: 10px;
	right: auto;
	top: 58%;
	left: 0;
	transform: translateY(-50%);
	background: url(../img/common/icon_otoku_arrow_bk2022.svg) no-repeat center center/ contain;
}

@media only screen and (max-width: 1220px) {
	.otoku_price_area{
		flex-wrap: wrap;
	}
	.otoku_pct >div{
		width: 40%;
	}
}

@media only screen and (max-width: 736px){
	
	.recommend_plan_wrap .fukidashi.white{
		padding: 2em 1em;
	}
	.recommend_plan_wrap > div .txt_price > span {
		margin-left: .5em;
	}
	.recommend_plan_wrap > div .txt_price {
		font-size:  1.4rem;
	}
	.recommend_plan_wrap .fukidashi.white span:not(.cross){
		padding: 0;
		display: inline-block;
	}

	.otoku_price .year{
		font-size:  1.2rem;
	}
	.otoku_price .price strong{
		font-size:  3.6rem;
		line-height: 10px;
	}

	.otoku_pct {
		justify-content: space-between;
	}
	.otoku_pct >div {
		width: 40%;
	}
	.otoku_pct .arrow{
		margin: 0;
	}

	.otoku_pct .before_txt span.cross,
	.otoku_pct .after_txt span.cross{
		padding: 1em;
	}
	.otoku_pct .before_txt span.cross::before,
	.otoku_pct .after_txt span.cross::before{
		width: .5em;
	}
	.otoku_pct .before_txt span.cross::after,
	.otoku_pct .after_txt span.cross::after{
		height: .5em;
	}

	.otoku_price::after{
		top: -10%;
		left: 80%;
	}

	.otoku_price_area{
		max-width: 90%;
		flex-wrap: wrap;
	}
	.otoku_price_area .otoku_price.small:last-child:before{
		content: none;
	}
	.otoku_price_area .otoku_price.small{
		width: 100%;
		padding: 0;
		margin: 20px 0;
		text-align: center;
	}

}

/* ttl_howto */
.ttl_howto{
	font-size:  6.4rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: .2em;
}
.ttl_howto:before{
	content: "";
	display: block;
	position: absolute;
	background: url(../img/common/ico_ttl_howto2022.svg)no-repeat;
	background-size: contain;
	width: 123px;
	height: 6px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.ttl_howto .fukidashi span{
	font-size:  2.0rem;
	padding: .2em 1em;
}
@media only screen and (max-width: 736px){
	.ttl_howto{
		font-size:  4.6rem;
	}
	.ttl_howto:before{
		left: 0;
		transform: translateX(0);
	}
	.ttl_howto .fukidashi span{
		font-size:  1.6rem;
		display: inline-block;
	}
}


/* ttl02 */
.ttl02,
.basic_title00 {
	font-size:  2.4rem;
	text-align: center;
	margin-top: 80px;
	display: block !important;
	border-bottom: none;
}
@media only screen and (max-width: 736px){
	.ttl02,
	.basic_title00{
		font-size:  2.2rem;
		text-align: left;
		margin-top: 60px;
		padding-left: 1em;
		position: relative;
		padding-bottom: 0;
	}
	.ttl02:before,
	.basic_title00:before{
		content: "";
		display: block;
		position: absolute;
		height: 2px;
		width: 15px;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		background: #AACC03;
		border-radius: 2px;
	}
}
.inner h3 {
	text-align: left;
}

.ttl03,
.basic_title01 {
	font-size:  1.8rem;
	font-weight: normal;
	border-left: 4px solid #AACC03;
	text-align: left;
	padding-left: .5em;
	background: none;
}

.ttl04 {
	font-size:  1.6rem;
	border-bottom: 1px solid #AACC03;
	padding-bottom: .5em;
}

.ttl05 {
	font-size:  1.6rem;
	background: #EFF2E4;
	padding: .5em;
}

.ttl06 {
	font-size:  1.6rem;
	border-bottom: 1px dashed #AACC03;
	padding-bottom: .5em;
}


/* ttl_question */
.ttl_question,
h3.ttl_question{
	font-size:  1.8rem;
	background: #E9EBEE;
	padding: .5em .8em;
	display: flex;
	align-items: flex-start;
}
.ttl_question span.question_no,
h3.ttl_question span.question_no{
	min-width: 5em;
	text-align: center;
	background: #AACC03;
	padding: 0 .8em;
	margin-right: .5em;
}



@media only screen and (max-width: 736px){
	.ttl_question,
	h3.ttl_question{
		font-size:  1.4rem;
	}
}

.ttl_deco{
	padding: 0 3em;
	margin: 0 auto 1em;
	position: relative;
	display: table;
	table-layout: fixed;
}
.ttl_deco >*{
	font-size:  2.0rem !important;
	font-weight: bold;
}
.ttl_deco > h3{
	text-align: center !important;
}
.ttl_deco::before{
	content: "";
	display: block;
	width: 5em;
	height: 100%;
	position: absolute;
	top:50%;
	left: 1em;
	transform: translateY(-50%);
	background: url(../img/common/icon_ttl_deco_blue2022.svg) center left no-repeat;
	background-size: contain;
}
.ttl_deco::after{
	content: "";
	display: block;
	width: 5em;
	height: 100%;
	position: absolute;
	top:50%;
	right: 1em;
	transform: translateY(-50%);
	background: url(../img/common/icon_ttl_deco_pink2022.svg) center right no-repeat;
	background-size: contain;
}

.ttl_deco.black >*{
	font-size:  3.2rem !important;
	font-weight: bold;
}
.ttl_deco.black::before{
	background: url(../img/common/ico_btn_useplan2022.svg) center left no-repeat;
}
.ttl_deco.black::after{
	transform: translateY(-50%) scale(-1, 1);
	background: url(../img/common/ico_btn_useplan2022.svg) center left no-repeat;
}

.ttl_deco.big >*{
	font-size:  3.8rem !important;
}
.ttl_deco.big::before,
.ttl_deco.big::after{
	height: 50%;
}
.ttl_deco.option >*{
	font-size:  3.0rem !important;
}
.ttl_deco.option::before,
.ttl_deco.option::after{
	height: 70%;
}

@media only screen and (max-width: 736px){
	.ttl_deco::before{
		left: 0;
	}
	.ttl_deco::after{
		right: 0;
	}
	.ttl_deco.black >*{
		font-size:  1.8rem !important;
		text-align: center;
	}
	.ttl_deco.black::after{
		background-position: left;
	}
	.ttl_deco.big >*{
		font-size:  2.4rem !important;
	}
	.ttl_deco.option >*{
		font-size:  2.0rem !important;
	}	
}

.ttl_deco.black.ttl_deco_price{
	display: block;
}
.ttl_deco.black.ttl_deco_price h2{
	font-size:  2.2rem !important;
	text-align: center;
	line-height: 2.5em;
}
.ttl_deco_price .docomo,
.ttl_deco_price .au,
.ttl_deco_price .softbank{
	padding: 1.5% 2%;
	font-size:  2.2rem !important;
	border-radius: 10px;
	color: #fff;
	margin-right: 0.5em;
}
.ttl_deco_price .docomo{
	background-color: #cf0000;
}
.ttl_deco_price .au{
	background-color: #e9851b;
}
.ttl_deco_price .softbank{
	background-color: #707070;
}
.ttl_deco.ttl_deco_price::before{
	left: 4em;
	background: url(../img/common/ico_ttl_deco_price.png) center left no-repeat!important;
}
.ttl_deco.ttl_deco_price::after{
	right: 4em;
	background: url(../img/common/ico_ttl_deco_price.png) center left no-repeat!important;
}
@media only screen and (max-width: 736px){
	.ttl_deco.black.ttl_deco_price{
		padding: 0 1em;
	}
	.ttl_deco.black.ttl_deco_price h2{
		line-height: 1.3em;
		font-size:  1.6rem !important;
	}
	.ttl_deco.ttl_deco_price::before{
		left: 0;
	}
	.ttl_deco.ttl_deco_price::after{
		right: 0;
	}
	.ttl_deco_price .docomo,
	.ttl_deco_price .au,
	.ttl_deco_price .softbank{
		font-size:  1.5rem !important;
		padding: 2% 3%;
		line-height: 2.5;
	}
}

/* ttl_number */
.ttl_number{
	font-size:  1.8rem;
}
.ttl_number span{
	display: inline-block;
	position: relative;
	padding: 0.5em 1em;
	z-index: 0;
}
.ttl_number span::before{
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(../img/common/bg_pagettl2022.svg) center no-repeat;
	background-size: contain;
	z-index: -1;
}


/* terminal-list-heading */
/* skin_list.css上書き */
.terminal-list-heading{
	font-weight: normal;
	padding: 10px 20px;
	background: none;
}
.terminal-list-heading:before{
	width: 4px;
}

/* ----- ボタン ----- */
/* btn_base */
.btn_base {
	text-align: center;
	position: relative;
}
button.btn_base{
	color: #fff;
    background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
    display: block;
    text-align: center;
    letter-spacing: 0.1em;
    border: none;
	border-radius: 40px;
    box-sizing: border-box;
    padding: 1em 2em;
    position: relative;
	min-width: 260px;
	font-size:  1.4rem;
	max-height: 53px;
	cursor: pointer;
	transition: all .3s;
}
button.btn_base:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

button.btn_base:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}

/* btn_base */
 .btn_base a {
	color: #fff;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}
.btn_base a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}


.btn_base a>span {
	position: relative;
}
.btn_base a>span:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}
.btn_base a[target=_blank]>span:after {
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}


.btn_base.telephone a>span {
	padding-right:0 !important;

}
.btn_base.telephone a>span:after {
	display: none;

}


/* btn_base big */
.btn_base.big a {
	color: #fff;
	font-size:  1.6rem;
	padding: 1.5em 2em;
	box-shadow: 0 5px 0 #CCCCCC;
}
.btn_base.big a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

/* btn_base white */
.btn_base.white a {
	color: #000;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #fff;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}
.btn_base.white a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

.btn_base.white a>span:after {
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}
.btn_base.white a[target=_blank]>span:after {
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}
.btn_base.orange a>span:after {
	background: url(../img/common/icon_circle_arrow_orange.svg) center no-repeat;
	background-size: contain;
}
.btn_base.orange a[target=_blank]>span:after {
	background: url(../img/common/icon_circle_blank_orange.svg) center no-repeat;
	background-size: contain;
}

.btn_base.white.back a{
	color: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	background: #fff;
	position: relative;
}
.btn_base.white.back a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

.btn_base.white.back a>span:before {
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
	transform: rotate(180deg);
}

/* btn_base green */
.btn_base.green a {
	color: #000;
	background: #AACC03;
	border: none;
}

/* btn_base orange */
.btn_base.orange a {
	background: #f45d28;
	border: none;
}

/* btn_base redo */
.btn_base.redo a {
	color: #fff;
	font-size:  1.6rem;
	padding: 1.5em 2em;
	background: #82868B;
	border: none;
	box-shadow: none;
}
.btn_base.redo a:hover {
	opacity: .6;
	transform: none;
}
.btn_base.redo a:before {
	content: none;
}

.btn_base.redo a>span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_redo_white2022.svg) center no-repeat;
	background-size: contain;
}

.btn_base.redo a>span:after {
	display: none;
}

/* .btn_base.back */
.btn_base.back a {
	color: #000;
	border: none;
	background: none;
	box-shadow: none;
}
.btn_base.back a:before {
	content: none;
}
.btn_base.back a:hover {
	opacity: .6;
	transform: none;
}

.btn_base.back a>span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	width: 1em;
	height: 1em;
	background: url(../img/common/icon_back_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}

.btn_base.back a>span:after {
	display: none;
}

/* btn_base popup */
.btn_base.popup a {
	color: #000;
	font-size:  1.6rem;
	padding: 1em 2em;
	background: #fff;
	border: 1px solid #DEE1E5;
	box-shadow: none;
}
.btn_base.popup a:hover {
	opacity: .6;
	transform: none;
}
.btn_base.popup a:before {
	content: none;
}
 
.btn_base.popup a>span:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: .6em;
	height: .6em;
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
	background-size: contain;
	transform: rotate(90deg);
}

/* btn_base anchor */
.btn_base.anchor a {
	color: #000;
	border: 1px solid #DEE1E5;
	background: #fff;
	position: relative;
	min-width: 220px;
	text-align: left;
}
.btn_base.anchor a>span{
	display: block;
}
.btn_base.anchor a>span:after {
	transform: rotate(90deg);
	position: absolute;
	right: 2%;
}

/* btn_green btn_red btn_orange btn_blue btn_dark_gray */

.btn_green,
.btn_red,
.btn_orange,
.btn_blue,
.btn_dark_gray{
	display: block;
	width: 100%;
	min-height: inherit;
	border: none;
	box-shadow: none;
	border-radius: 40px;
	overflow: visible !important;
	text-align: center;
}

.btn_green a,
.btn_red a,
.btn_orange a,
.btn_blue a,
.btn_dark_gray a{
	color: #fff;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	height: auto !important;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}
@media only screen and (max-width: 736px){
	.btn_green a,
	.btn_red a,
	.btn_orange a,
	.btn_blue a,
	.btn_dark_gray a{
		padding: 1em;
	}
}
.btn_green a:hover,
.btn_red a:hover,
.btn_orange a:hover,
.btn_blue a:hover,
.btn_dark_gray a:hover {
	background: #000;
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
	opacity: 1 !important;
}

.btn_green a:before,
.btn_red a:before,
.btn_orange a:before,
.btn_blue a:before,
.btn_dark_gray a:before {
	content: none;
}
.btn_green a:after,
.btn_red a:after,
.btn_orange a:after,
.btn_blue a:after,
.btn_dark_gray a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
}
.icon_gaibu a:after,
.icon_gaibu_s a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}

.btn_green a.a_gaibu:after,
.btn_red a.a_gaibu:after,
.btn_orange a.a_gaibu:after,
.btn_blue a.a_gaibu:after,
a.a_gaibu_white:after{
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}

/* +.white */
.btn_green.white a,
.btn_red.white a,
.btn_orange.white a,
.btn_blue.white a,
.btn_dark_gray.white a{
	color: #000 !important;
	background: #fff !important;
	border: 2px solid #000 !important;
}

.btn_green.white a:hover,
.btn_red.white a:hover,
.btn_orange.white a:hover,
.btn_blue.white a:hover,
.btn_dark_gray.white a:hover{
	background: #fff;
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

.btn_green.white a:after,
.btn_red.white a:after,
.btn_orange.white a:after,
.btn_blue.white a:after,
.btn_dark_gray.white a:after {
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}
.btn_green.white a.a_gaibu:after,
.btn_red.white a.a_gaibu:after,
.btn_orange.white a.a_gaibu:after,
.btn_blue.white a.a_gaibu:after{
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}
.icon_gaibu.white a:after,
.icon_gaibu_s.white a:after{
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}



/* btn_large */
.btn_large a{
	font-size:  1.8rem !important;
}

.btn_large a span{
	display: inline-block;
	font-size:  1.2rem !important;
	font-weight: normal;
}

/* btn_medium */
.btn_medium a{
	font-size:  1.6rem !important;
}


@media only screen and (max-width: 736px) {
	.btn_base a {
		min-width: 200px;
	}

	.btn_base.big a {
		font-size:  1.4rem;
		line-height: 1;
	}

	/* .terminal-list-btn {
		min-height: 33px;
	} */

	.btn_large a span{
		font-size: 2.7vw !important;
		display: inline;
		line-height: 1.2;
	}
	.btn_base.telephone a>span {
		padding-right:1.5em !important;
	
	}
	.btn_base.telephone a>span:after {
		display: block;
	
	}
	
}

/* ----- テキストリンク ----- */
a.txt_link,
a[target="_blank"].txt_link {
	color: #0073BC;
	text-decoration: none;
}

.txt_link::before,
a.txt_link::before,
a[target="_blank"].txt_link {
	content: none;
}

.txt_link::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 11px;
	margin-left: .5em;
	background: url(../img/common/icon_txtlink_arrow_blue2022.svg) no-repeat;
	background-size: contain;
}
.txt_link_red::after {background: url(../img/common/icon_txtlink_arrow_red2022.svg) no-repeat!important;}
a[target="_blank"].txt_link::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: .5em;
	background: url(../img/common/icon_linkblank_arrow_blue2022.svg) no-repeat;
	background-size: contain;
}
a[href$=".pdf"].txt_link::after,
a[href$=".doc"].txt_link::after,
a[href$=".docx"].txt_link::after,
a[href$=".xls"].txt_link::after,
a[href$=".xlsx"].txt_link::after,
a[href$=".ppt"].txt_link::after {
	content: none;
}

.txt_link a{
	color: #0073BC;
	text-decoration: none;
}

#sitemap .txt_link:after{
	content: none;
}


/* ----- バナー ----- */

.bnr_block{
	display: flex;
	flex-wrap: wrap;
}
.bnr_block.col3 >div{
	width: 32%;
	margin: 0 2% 3% 0;
}
.bnr_block.col3 >div:nth-child(3n){
	margin-right: 0;
}
.bnr_block.col3 >div a{
	display: block;
	border-radius: 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	overflow: hidden;
	position: relative;
	padding-top: 67.8%;
}
.bnr_block.col3 >div a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	border-radius: 20px;
}


@media only screen and (max-width: 736px) {
	.bnr_block.sp_col1 > div {
		width: 100% !important;
		margin: 0 0 20px 0 !important;
	  }
}

/* btn_security */
.btn_security {
	margin-bottom: 2em;
}

.btn_security a,
.btn_icon a,
.btn_security > span:first-child,
.btn_icon > span:first-child {
	color: #000;
	border: 2px solid #000;
	box-shadow: 0 5px 0 #CCCCCC;
	background: #fff;
	display: block;
	border-radius: 30px;
	padding: 2em 1em;
	max-width: 450px;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	position: relative;
	transition: all .3s;
}

.btn_security a:hover,
.btn_icon a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

.btn_icon a {
	min-width: 450px;
	min-height: 155px;
	text-align: left;
	display: flex;
	align-items: center;
	padding: 2em 1em 2em 5em;
}

.btn_icon a img {
	margin-right: 1em;
}

.btn_security a:before,
.btn_security a:after,
.btn_icon a:before,
.btn_icon a:after {
	content: "";
	display: block;
	position: absolute;
}

.btn_security a:after,
.btn_icon a:after {
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	right: 4%;
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}
.btn_security a.a_gaibu:after{
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}

.btn_security a .btn_security_2col,
.btn_icon a .btn_security_2col,
.btn_security > span .btn_security_2col,
.btn_icon > span .btn_security_2col {
	display: flex;
	align-items: center;
	padding: 0 0 0 2em;
	margin-top: .5em;
}
.btn_security a .btn_security_2col img,
.btn_icon a .btn_security_2col img,
.btn_security > span .btn_security_2col img,
.btn_icon > span .btn_security_2col img  {
	margin-right: 1em;
	max-height: 64px;
}

.btn_icon a .btn_security_2col {
	justify-content: flex-start;
	width: 100%;
}

.btn_security a .btn_security_2col span {
	font-size:  2.4rem;
}

.btn_icon a .btn_security_2col span {
	font-size:  2.0rem;
	padding: 0 20px;
}

.btn_security a .btn_security_2col span.txt_l {
	font-size:  3.8rem;
}


@media only screen and (max-width: 736px) {
	.btn_security a .btn_security_2col img, 
	.btn_icon a .btn_security_2col img{
		max-height: 60px;
	}
	.btn_block .btn_icon {
		width: 100%;
		margin: 0;
	}
	.btn_icon a {
		min-width: 270px;
		padding: 2em 3em 2em 2em;
	}
	.btn_icon a .btn_security_2col span {
		font-size:  1.6rem;
		padding: 0;
	}
	.btn_security a{
		padding: 2em 3em 1em 1em;
	}
	.btn_security a .btn_security_2col span {
		font-size:  1.6rem;
	}
	.btn_security a .btn_security_2col span.txt_l{
		font-size:  2.6rem;
	}
	.btn_security a,
	.btn_icon a {
		border-radius: 20px;
	}

	/* +sp_vertical */
	.btn_block .btn_icon.sp_vertical{
		width: 49%;
		margin: 0 .5em 1em;
	}
	.btn_icon a {
		min-width: auto;
		padding: .5em;
		justify-content: center;
	}
	.btn_icon.sp_vertical a .btn_security_2col {
		justify-content: center;
		flex-wrap: wrap;
	}
	.btn_icon.sp_vertical a .btn_security_2col img{
		margin-right: 0;
	}
	.btn_icon.sp_vertical a .btn_security_2col span{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	.bg_c.blue.radius0 .btn_block{
		flex-wrap: nowrap;
	}
	.bg_c.blue.radius0 .btn_block .btn_icon a{
		height: 100%;
	}
	.bg_c.blue.radius0 .btn_block .btn_icon a .btn_security_2col{
		padding: 0;
	}
}


/* btn_useplan */
.btn_useplan a {
	display: block;
	background: url(../img/common/bg_btn_useplan2022.png)no-repeat;
	background-size: cover;
	padding: 2em;
	border-radius: 40px;
	max-width: 485px;
	margin: 0 auto;
	text-decoration: none;
	position: relative;
}
.btn_useplan a:hover {
	opacity: .6;
}

.btn_useplan a:after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	right: 4%;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}

.btn_useplan a>span {
	width: 60%;
	margin: 0 0 0 auto;
	text-align: center;
	display: block;
}

.btn_useplan a .top_useplan {
	position: relative;
}

.btn_useplan a .top_useplan::before,
.btn_useplan a .top_useplan::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/common/ico_btn_useplan2022.svg)no-repeat;
	background-size: contain;
	width: 7px;
	height: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.btn_useplan a .top_useplan::before {
	left: -10px;
}

.btn_useplan a .top_useplan::after {
	right: -10px;
	transform: translateY(-50%) rotate(45deg);
}

.btn_useplan a span.txt_l {
	font-size:  2.9rem;
	font-weight: bold;
	display: block;
}

@media only screen and (max-width: 736px) {
	.btn_useplan a {
		background: url(../img/common/sp_bg_btn_useplan2022.jpg)no-repeat;
		background-size: cover;
	}
	.btn_useplan a .top_useplan {
		display: inline-block;
		padding: 0 20px;
	}
	.btn_useplan a span.txt_l {
		font-size:  1.8rem;
	}
}

/* btn_block */
.btn_block {
	display: flex;
	flex-wrap: wrap;
}

.btn_block.center {
	justify-content: center;
}

.btn_block p {
	margin: 0 1em 0;
}
@media only screen and (max-width: 736px) {
	.btn_block.to_back{
		display: flex;
		flex-direction: column-reverse;
	}
	.btn_block.to_back button{
		margin: 0 auto 1em auto;
		max-width: 260px;
	}
}


/* ----- 背景色 ----- */
.bg_c {
	padding: 4em 1em;
	z-index: 0;
	position: relative;
}

.bg_c.blue {
	border-radius: 20px;
	background: #EFF1F4;
}
.bg_blue_green{
	background: linear-gradient(to bottom, #FFF, #B4CC41 60%, #50CEE6);
	padding: 3% 2% 10em 2%;
}
.bg_blue_deco{
	background: #BDD4FF;
	padding: 2% 0 10em;
}
.bg_blue_deco:before{
	content: "";
	position: absolute;
	background: url(../img/common/bg_blue_deco.jpg)no-repeat;
	height: 50vw;
	width: 100vw;
	background-size: contain;
	top: 0;
	left: 0;
	z-index: 0;
}

.bg_white_shadow{
	background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.16);
	border-radius: 30px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 5% 0;
	z-index: 0;
}

.bg_green_radius{
	background: #EFF2E4;
	border-radius: 30px;
	padding: 5% 0;
}
.bg_green_radius0{
	background: #EFF2E4;
	padding: 5% 0;
}

.bg_gray_radius{
	background: #EFF1F4;
	border-radius: 30px;
	padding: 5%;
}

@media only screen and (max-width: 1220px) {
	.bg_white_shadow{
		width: 96%;
		border-radius: 20px;
		padding: 7% 0;
		margin: 0 auto;
	}
	.bg_white_shadow .inner{
		width: 90%;
	}
}
@media only screen and (max-width: 736px) {
	.bg_blue_green{
		padding: 5% 2% 10em 2%;
	}
	.bg_green_radius{
		padding: 8% 4%;
	}
	
	.bg_c.blue.radius0 {
		border-radius: 0;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}

	.bg_gray_radius{
		padding: 8% 4%;
	}
}

/* ----- タブ切り替え ----- */
ul.btn_tab{
	display: flex;
	align-items: stretch;
	width: 86%;
	margin: 0 auto;
}
ul.btn_tab li{
	width: 50%;
}
ul.btn_tab li a{
	font-weight: bold;
	font-size:  1.8rem;
	display: block;
	border: 2px solid #000;
	background: #fff;
	text-decoration: none;
	text-align: center;
	padding: 1em .5em;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
ul.btn_tab li:first-child a{
	border-radius: 30px 0 0 30px;
}
ul.btn_tab li:last-child a{
	border-radius: 0 30px 30px 0;
}

ul.btn_tab li a.active{
	color: #fff;
	background: #000;
	position: relative;
}
ul.btn_tab li a.active:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #000000 transparent transparent transparent;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.8em;
}
.tab-contents{
	margin-top: 1.5em;
}
.tab-contents > div{
	display: none;
}
.tab-contents > div.active{
	display: block;
}

/* +option */
ul.btn_tab.tab-list.option li:nth-child(2) a{
	border-left: 0;
	border-right: 0;
}

@media only screen and (max-width: 736px){
	ul.btn_tab li a{
		font-size:  1.6rem;
	}
	/* +option */
	ul.btn_tab.tab-list.option{
		width: 100%;
	}
	ul.btn_tab.tab-list.option li a{
		font-size:  1.4rem;
	}
	ul.btn_tab li:first-child a{
		border-radius: 20px 0 0 20px;
	}
	ul.btn_tab li:last-child a{
		border-radius: 0 20px 20px 0;
	}
}


/* ----- アンカーリンク ----- */
.anchor_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 40px 0;
}
.anchor_list li{
	margin: 10px 20px;
}
.anchor_list li a{
	font-size:  1.6rem;
	text-decoration: none;
	position: relative;
}
.anchor_list li a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	margin-right: 10px;
	background: url(../img/common/icon_circle_arrow_green2022.svg) center no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 736px){
	/* +option */
	.anchor_list li{
		width: 50%;
		margin: 10px 0;
	}
}

/* ----- 表組み ----- */
.table_base {
	width: 100%;
	border-spacing: 0;
	border-left: 1px solid #DEE1E5;
}


.table_base tr:first-child th,
.table_base tr:first-child td {
	border-top: 1px solid #DEE1E5;
}

.table_base th,
.table_base td {
	padding: 1em;
	border-right: 1px solid #DEE1E5;
	border-bottom: 1px solid #DEE1E5;
}

.table_base tbody th {
	background: #EFF1F4;
	font-weight: normal;
	width: 20%;
	
}


/* table_data */
.table_data {
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.table_data th{
	padding: 1em;
	border-bottom: 1px solid #DEE1E5;
	width: auto;
}
.table_data td {
	padding: 1em;
	border-bottom: 1px solid #fff;
	width: auto;
}

.table_data thead th {
	color: #fff;
	background: #000000;
	background-clip: padding-box;
}

.table_data tbody th {
	color: #fff;
	background: #62666A;
	text-align: center;
	background-clip: padding-box;
}

.table_data tbody td {
	background: #EFF1F4;
	text-align: center;
	background-clip: padding-box;
}

.table_data tbody td span {
	font-size:  3.0rem;
}

.table_data tbody td .different-price-wrap {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	width: 80%;
    margin: 0 0 0 auto;
}
.table_data tbody td .different-price-wrap:first-child{
	margin-bottom: 0.8rem;
}
.table_data tbody td .different-price-wrap + .different-price-wrap {
	border-top: 1px solid #fff;
    padding-top: 0.8rem;
}
.table_data tbody td span.txt-firsttime {
	font-size:  1.6rem;
	margin-right: 1.6rem;
	display: inline-block;
}
.table_data tbody td span.txt-secondtime {
	font-size:  1.8rem;
	margin: 0 auto 0 0;
	display: inline-block;
}
.table_data tbody td span.txt-firsttime {
	font-size:  1.6rem;
	margin: 0 auto 0 0;
	display: inline-block;
}
.table_data tbody td span.txt-secondtime + span{
	display: inline-block;
}
.table_data tbody td span.txt-firsttime  + span{
	font-size:  2.4rem;
	display: inline-block;
}

.table_data tbody .recommend th,
.table_data tbody .emphasis th {
	background: #EA6068;
	position: relative;
	z-index: 0;
}
.table_data tbody .recommend th::before {
	content: "";
	display: inline-block;
	width: 4em;
	height: 2em;
	position: absolute;
	margin: auto;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/common/icon_recommend2022.svg) no-repeat center center/ contain;
	z-index: 1;
}
.table_data tbody .recommend th.noicon::before {
	content: none;
}

.table_data tbody .recommend th.notossm{
	background: #62666A!important;
}
.table_data tbody .recommend td {
	background: #FCE7E8;
}
.table_data .txt_right{
	text-align: right;
}
.table_data .txt_red{
	color: #EA6068;
}

.pct_scrollhint{
   display: none;
}
   
.table_scroll .txt_right{
   text-align: right;
}

.table_base.table_price_select th .font11{
	text-align: left !important;
	line-height: 1.4;
	display: block;
}
@media only screen and (max-width: 736px){
	.table_data tbody td .different-price-wrap {
		display: block;
	}
	.table_data tbody td span.txt-secondtime {
		font-size:  1.6rem;
		margin-right: 0;
		display: block;
		line-height: 1;
	}
	
	.table_data tbody td span.txt-firsttime {
		font-size:  1.4rem;
		margin-right: 0;
		line-height: 1;
		display: block;
	}
	.table_data tbody td span.txt-secondtime + span,
	.table_data tbody td span.txt-firsttime  + span{
		width: auto;
		display: inline-block;
    }
}

/* table_terminal */
.table_terminal{
	table-layout: fixed;
}
.table_terminal thead tr th{
	background: #EFF1F4;
	text-align: center;
	font-weight: normal;
}
.table_terminal tbody tr td{
	text-align: center;
}

@media only screen and (max-width: 1020px){
	.table_data {
		width: 180vw;
	}

	

   .table_scroll .scroll_bar {
	   overflow-x: auto;
	   overflow-y: hidden;
	   height: 6px;
   }
  
   .table_scroll .scroll_bar .scroll-in {
	   height: 10px;
	   border-radius: 2px;
   }
  
   .table_scroll .scroll_table {
	   overflow: auto;
	   position: relative;
	   padding: 1em 0;
   }
  
   .table_scroll .pct_scrollhint {
	   display: none;
	   font-size:  1.1rem;
	   padding: 1em;
	   background: rgba(0, 0, 0, 0.6);
	   text-align: center;
	   border-radius: 1em;
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
   }
  
   .table_scroll .pct_scrollhint span {
	   color: #FFF;
	   margin-top: 0.4em;
	   display: block;
	   white-space: nowrap;
   }
  
   .table_scroll .pct_scrollhint.active {
	   display: block;
   }

   .table_base.table_price_select th{
		width: 42%;
	}

	.table_terminal thead tr th{
		padding: .8em;
	}

}

/* ----- ラジオボタン ----- */
fieldset.form_list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
	border: none;
	/* justify-content: space-between; */
}
fieldset.form_list legend{
	display: none;
}

fieldset.form_list.btn_check span > input{
	opacity: 0;
    position: absolute;
    z-index: -1;
}
fieldset.form_list.btn_check.col2 span{
	width: 49%;
	margin: 0 2% 1em 0;
}


fieldset.form_list.btn_check.col2 span:nth-child(odd){
	margin-right: 0;
}
fieldset.form_list.btn_check.col3 >span{
	width: 32%;
	margin: 0 2% 1em 0;
}
fieldset.form_list.btn_check.col3 >span:nth-child(3n+1){
	margin-right: 0;
}
fieldset.form_list.btn_check.col6 span{
	width: 15%;
	margin: 0 2% 1em 0;
}
fieldset.form_list.btn_check.col6 span:nth-child(6n+1){
	margin-right: 0;
}
fieldset.form_list.btn_check span > label{
	font-weight: bold;
    text-align: center;
    padding: 1.3em 1em;
    margin-right: 0;
    background: #FFF;
    border: 2px solid #AACC03;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    cursor: pointer;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 120%;
}

fieldset.form_list.btn_check span > input:checked + label{
    background: #AACC03;
}

@media only screen and (max-width: 736px){
	fieldset.form_list.btn_check.col2.sp_col1,
	fieldset.form_list.btn_check.col3.sp_col1{
		display: block;
	}
	fieldset.form_list.btn_check.col2.sp_col1 span,
	fieldset.form_list.btn_check.col3.sp_col1 span{
		margin: 0;
	}
	fieldset.form_list.btn_check.col2.sp_col1 span > label,
	fieldset.form_list.btn_check.col3.sp_col1 span > label{
		width: 100%;
		margin: 0 0 1em 0;
	}
	fieldset.form_list.btn_check.col2 span{
		width: 100%;
		margin: 0 0 1em 0;
	}
	fieldset.form_list.btn_check.col6.sp_col2 span{
		width: 49%;
		margin: 0 2% 1em 0;
	}
	fieldset.form_list.btn_check.col6.sp_col2 span:nth-child(odd){
		margin-right: 0;
	}
	fieldset.form_list.btn_check.col3.sp_col2 span{
		width: 49%;
		margin: 0 2% 1em 0;
	}
	fieldset.form_list.btn_check.col3.sp_col2 >span:nth-child(3n+1){
		margin-right: 2%;
	}
	fieldset.form_list.btn_check.col3.sp_col2 >span:nth-child(odd){
		margin-right: 0;
	}
	fieldset.form_list.btn_check span > label{
		font-size: 110%;
	}
}

/* ----- チェックボックス ----- */
fieldset.form_list legend {
	display: none;
}

fieldset.form_list.btn_icon {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 1em;
}

fieldset.form_list.btn_icon legend {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 0.5em;
	display: none;
}

fieldset.form_list.btn_icon span.ico_checkbox {
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1em;
}

fieldset.form_list.btn_icon span.txt_price {
	font-size:  2.0rem;
	display: block;
}
fieldset.form_list.btn_icon span.txt_l{
   font-size:  2.4rem;
}
fieldset.form_list.btn_icon span.txt_l span{
   font-size:  3.2rem;
   font-weight: bold;
}
fieldset.form_list.btn_icon span.txt_price span {
	font-size:  4.2rem;
	font-weight: bold;
}

fieldset.form_list.btn_icon span>input,
fieldset.form_list.btn_icon div>input {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

fieldset.form_list.btn_icon span>input:checked+label,
fieldset.form_list.btn_icon div>input:checked+label {
	background: #AACC03;

}

fieldset.form_list.btn_icon span>label,
fieldset.form_list.btn_icon div>label {
	display: flex;
	height: 100%;
	padding: 1em 1.5em;
	background: #FFF;
	border: none;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border: 2px solid #AACC03;
	cursor: pointer;
}
fieldset.form_list.btn_icon span>label.center{
   justify-content: center;
}
fieldset.form_list.btn_icon span>label img,
fieldset.form_list.btn_icon div>label img {
	text-align: center;
}

@media only screen and (max-width: 768px) {

	fieldset.form_list.btn_icon span>label,
	fieldset.form_list.btn_icon div>label {
		font-size:  1.6rem;
	}
	fieldset.form_list.btn_icon span.txt_l{
		font-size:  1.6rem;
	 }
	 fieldset.form_list.btn_icon span.txt_l span{
		font-size:  2.4rem;
		font-weight: bold;
	 }
	 fieldset.form_list.btn_icon span.ico_checkbox{
		width: 60px;
	 }
	 fieldset.form_list.btn_icon span.txt_price {
		font-size:  1.7rem;
	}
	fieldset.form_list.btn_icon span.txt_price span{
		font-size:  3.6rem;
	}
}

/* 1カラム */
fieldset.form_list.col1.center {
   justify-content: center;
}
fieldset.form_list.col1 >span{
   max-width: 570px;
   width: 100%;
   margin: 0;
}

/* 2カラム */
fieldset.form_list.col2>span {
	width: 48%;
	margin: 0 4% 2em 0;
}

fieldset.form_list.col2>span:nth-child(odd) {
	margin-right: 0;
}

@media only screen and (max-width: 736px) {
	fieldset.form_list.col2.sp_col1>span {
		width: 100%;
		margin: 0 0 2em 0;
	}
}
/* pht_center */
figure.pht_center{
	text-align: center;
}

/* step_bar */
.step_bar ul{
	display: flex;
	justify-content: center;
}
.step_bar ul li {
	font-weight: bold;
	color: #717171;
	width: 25%;
	text-align: center;
	position: relative;
	z-index: 10;
}
.step_bar ul li:before{
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 3.5em);
	border: 2px dashed #E9EBEE;
	left: calc(-50% + 2em);
	top: 40%;
	right: auto;
	transform: translateY(-50%);
}
.step_bar ul li:first-child:before{
	display: none;
}
.step_bar ul li > span{
	color: #000;
	font-size:  1.0rem;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #E9EBEE;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}


.step_bar ul li.visited{
	color: #000;
}
.step_bar ul li.visited > span{
	color: #fff;
	background: #000;
}
.step_bar ul li > span > span{
	font-size:  2.0rem;
	line-height: 2rem;
	font-weight: bold;
	display: block;
}


/* price_result_wrap */
.price_result_wrap{
	position: relative;
}
.price_result_wrap dl.price_result_txt{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 39rem;
	margin-bottom: 1em;
}
.price_result_wrap dl.price_result_txt dt{
	font-size:  2.0rem;
	margin-right: 1em;
}
.price_result_wrap dl.price_result_txt dd{
	font-size:  2.0rem;
}
.price_result_wrap dl.price_result_txt dd span{
	font-size:  4.6rem;
	font-weight: bold;
}
.price_result_wrap dl.price_result_txt dd .different-price-wrap {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-secondtime{
	font-size:  1.6rem;
	border-bottom: none;
	margin: 0 auto 0 0;
}
.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-secondtime + span{
	border-bottom: 3px solid #EA6068;
	display: inline-block;
	margin-left: 1.6rem;
}
.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-firsttime{
	font-size:  1.6rem;
	border-bottom: none;
	margin: 0 auto 0 0;
	display: inline-block;
}
.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-firsttime + span{
	font-size:  3.6rem;
	display: inline-block;
	margin-left: 1.6rem;
}
.price_result_wrap  .result_txt{
	font-size:  1.8rem;
}
.price_result_wrap .btn_block{
	flex-wrap: nowrap;
}
.price_result_wrap .btn_block.left{
	justify-content: flex-start;
}
.price_result_wrap .ph_price_smartphone{
	position: absolute;
	top: -10em;
	right: 0;
}

.price_result_wrap .price_result_select{
	position: relative;
	margin-right: 10px;
	width: 220px;
}
.price_result_wrap .price_result_select:last-child{
	margin-right: 0;
}
.price_result_wrap .price_result_select:after{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 46%;
	right: 5%;
	transform: translateY(-50%) rotate(90deg);
	pointer-events: none;
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
}

.price_result_wrap .price_result_select select{
	font-size:  1.4rem;
	text-align: left;
	border-radius: 40px;
	padding: 1.8em 2em;
	border: 1px solid #DEE1E5;
	margin-bottom: 10px;
	width: 220px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media only screen and (max-width: 1220px){
	.price_result_wrap .ph_price_smartphone{
		width: 40%;
	}
}

@media only screen and (max-width: 736px){
	.price_result_wrap .btn_block.left{
		flex-wrap: wrap;
	}
	.price_result_wrap dl.price_result_txt{
		display: block;
	}
	.price_result_wrap .ph_price_smartphone{
		top: -3em;
	}
	.price_result_wrap .ph_price_smartphone figure img{
		max-width: 388px;
		width: 40vw;
	}
	.price_result_wrap .price_result_select{
		width: auto;
	}
	.price_result_wrap dl.price_result_txt dd .different-price-wrap {
		display: block;
	}
	.price_result_wrap dl.price_result_txt dd .different-price-wrap:first-child{
		margin-top: 1.6rem;
	}
	.price_result_wrap dl.price_result_txt dd .different-price-wrap:last-child {
		margin-bottom: 4rem;
	}
	.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-secondtime{
		display: block;
	}
	.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-firsttime{
		display: block;
	}
	.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-secondtime + span,
	.price_result_wrap dl.price_result_txt dd .different-price-wrap .txt-firsttime + span{
		margin: 0;
	}
}

/* ----- col_qa ----- */
.col_qa{
	border: 2px solid #000;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 4px 0 #CCCCCC;
}
.col_qa:before {
	content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #CCCCCC;
    z-index: 0;
    left: 0;
    top: -15vw;
    border-radius: 40px;
}
.col_qa .col_qa_ttl{
	font-size: 2rem;
	cursor: pointer;
	position: relative;
	padding: 2em;

}
.col_qa .col_qa_ttl:before{
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: 1em;
	background: #000;
	right: 2.5em;
	top: 50%;
	transform: translateY(-50%);
}

.col_qa .col_qa_ttl.active:after{
	content: "";
	position: absolute;
	display: block;
	height: 1em;
	width: 2px;
	background: #000;
	right: 2.95em;
	top: 50%;
	transform: translateY(-50%);
}

.col_qa .basic_title01{
	font-weight: 600;
}
.col_qa .ac_c {
	padding: 1em 2em;
	margin-bottom:1em;
}



.col_qa .col_qa_ttl.icn_q{
	padding-left: 9rem;

}
.col_qa .col_qa_ttl.icn_q .img_q {
	position: absolute;
	top: 50%;
	left: 4rem;
	transform: translateY(-2rem);
	width: 4rem;
	height: 4rem;
}
.col_qa .ac_c.icn_a {
	padding-left: 9rem;
}
.col_qa .ac_c.icn_a .img_a {
	position: absolute;
	top: .75rem;
	left: 4rem;
	width: 4rem;
	height: 4rem;
}


.col_qa .ac_c .table_data{
	width: 100%;
	border-radius: 0;
}
.col_qa .ac_c .table_data th{
	width: 50%;
}

@media only screen and (max-width: 736px){
	.col_qa .ac_c {
		padding: 0 1em 2em;
		width: 100%;
	}
	.col_qa .col_qa_ttl {
		padding: 1.5em 4em 1.5em 1.5em;
		font-size: 1.6rem;
	}

	.col_qa .col_qa_ttl.icn_q{
		padding-left: 6rem;
		padding-right: 4.5rem;
	
	}
	.col_qa .col_qa_ttl.icn_q .img_q {
		position: absolute;
		top: 50%;
		left: 2rem;
		transform: translateY(-1.5rem);
		width: 3rem;
		height: 3rem;
	}
	.col_qa .ac_c.icn_a {
		padding-left: 6rem;
	}
	.col_qa .ac_c.icn_a .img_a {
		position: absolute;
		top: .75rem;
		left: 2rem;
		width: 3rem;
		height: 3rem;
	}

	.col_qa .col_qa_ttl:before{
		right: 1em;
	}
	
	.col_qa .col_qa_ttl.active:after{
		right: 1.45em;
	}

	.col_qa .ac_c .table_data th{
		width: 40%;
	}
	.col_qa .ac_c .table_data th span{
		display: inline-block;
	}
	
}
/* ----- result_code ----- */
.result_code{
	align-items: center;
}
.result_code .txt_result_code{
	font-size:  1.8rem;
}
.result_code .txt_result_code span{
	font-size:  3.0rem;
	font-weight: bold;
}
/* ----- slide_contents ----- */
.slide_contents > div a img{
	padding: 0 .5em;
}
.slide_contents > div a img{
	transition: .3s;
	border-radius: 20px;
}
.slide_contents > div a:hover img{
	opacity: 0.7;
}
.slide_contents .slick-prev{
	width: 60px;
	height: 60px;
	z-index: 10;
	left: -60px;
}
.slide_contents .slick-prev:before{
	content: "";
	display: block;
	background: url(../img/common/slick_arrow_prev2022.svg);
	background-size: contain;
	width: 60px;
	height: 60px;
	z-index: 10;
	opacity: 1;
}
.slide_contents .slick-next{
	width: 60px;
	height: 60px;
	z-index: 10;
	right: -60px;
}
.slide_contents .slick-next:before{
	content: "";
	display: block;
	background: url(../img/common/slick_arrow_next2022.svg);
	background-size: contain;
	width: 60px;
	height: 60px;
	z-index: 10;
	opacity: 1;
}


@media only screen and (max-width: 736px){
	.slide_contents{
		overflow: hidden;
	}
	.slide_contents .slick-next:before,
	.slide_contents .slick-prev:before{
		display: none;
	}
}
/* ----- slide_list_bnr ----- */
.slide_list_bnr{
	max-width: 500px;
	margin: 0 auto 1em;
}
.slide_list_bnr > div a img{
	padding: 0 .5em;
}
.slide_list_bnr > div a img{
	transition: .3s;
	border-radius: 20px;
}
.slide_list_bnr > div a:hover img{
	opacity: 0.7;
}
.slide_list_bnr .slick-prev{
	width: 30px;
	height: 30px;
	z-index: 10;
	left: -30px;
}
.slide_list_bnr .slick-prev:before{
	content: "";
	display: block;
	background: url(../img/common/icon_circle_arrow_black2022.svg);
	background-size: contain;
	width: 30px;
	height: 30px;
	opacity: 1;
	transform: scale(-1, 1);
}
.slide_list_bnr .slick-next{
	width: 30px;
	height: 30px;
	z-index: 10;
	right: -30px;
}
.slide_list_bnr .slick-next:before{
	content: "";
	display: block;
	background: url(../img/common/icon_circle_arrow_black2022.svg);
	background-size: contain;
	width: 30px;
	height: 30px;
	opacity: 1;
}
.slide_list_bnr .slick-dots{
	bottom: -35px;
}
.slide_list_bnr .slick-dots li button {
	cursor: pointer;
	display: block;
	width: 10px;
	height: 10px;
	padding: 5px;
	color: transparent;
	font-size: 0;
	line-height: 0;
	border: 0;
	outline: none;
	background: #ccc;
	border-radius: 50%;
}
.slide_list_bnr .slick-dots li button::before{
	content: none;
}

.slide_list_bnr .slick-dots li.slick-active button {
	background: #138800;
}

@media only screen and (max-width: 736px){
	.slide_list_bnr{
		overflow: hidden;
	}
	.slide_list_bnr .slick-prev{
		left: 0;
	}
	.slide_list_bnr .slick-next{
		right: 0;
	}
	.slide_list_bnr .slick-dots{
		bottom: 0;
	}
}

/* ----- recommend_plan_wrap ----- */
.recommend_plan_wrap{
	display: flex;
	justify-content: space-between;
}
.recommend_plan_wrap > div{
	width: 49%;
	background: #EFF1F4;
	border-radius: 30px;
	padding: 2em;
	text-align: center;
}
.recommend_plan_wrap > div .fukidashi:not(.white){
	margin-top: -50px;
	margin-bottom: 50px;
}
.recommend_plan_wrap > div .fukidashi:not(.white) >span{
	font-size:  1.6rem;
}
.recommend_plan_wrap > div .txt_data{
	font-size:  2.1rem;
	margin-bottom: 0;
}
.recommend_plan_wrap > div .txt_data span{
	font-size:  4.6rem;
	margin-bottom: 0;
}

.recommend_plan_wrap > div .txt_price{
	font-size:  1.8rem;
	margin-right: 5px;
}
.recommend_plan_wrap > div .txt_price > span{
	font-size:  3.4rem;
	font-weight: bold;
	margin-left: 1em;
}

.recommend_plan_wrap > div .txt_price > span > span{
	font-size:  2.1rem;
	font-weight: normal;
}

.recommend_plan_wrap .otoku_price .price strong{
	font-size:  5.3rem;
	line-height: 0.25;
	margin-right: 5px;
}

@media only screen and (max-width: 1020px){
	.recommend_plan_wrap{
		width: 150vw;
		padding: 2em 0;
	}
	.recommend_plan_wrap > div{
		padding: 2em .5em;
	}
	.recommend_plan_wrap > div .txt_price > span{
		margin-left: 0.5em;
	}
}
@media only screen and (max-width: 736px){
	.recommend_plan_wrap .otoku_price .price strong{
		font-size:  4.2rem;
		line-height: .25;
	}
	.recommend_plan_wrap .otoku_price::after{
		left: 79%;
	}
}
/*header-menu
----------------------------------------*/

@media only screen and (min-width: 737px) {
	main {
		padding-top: 102px;
	}
	
	.header-global-link-text p{
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}


.header{
	border: none;
}
.header.up-hide {
    top: -180px;
    opacity: 0;
    position: fixed;
    transition: .25s;
}
.header.down-show {
	position: fixed;
    top: 0;
    opacity: 1;
	transition: .25s;
}
.header_block{
	max-width: 1400px;
	display: flex;
	/* flex-wrap: wrap; */
	align-items: center;
	justify-content: space-between;
	padding: 0 13px;
}

.header_block .header-global-items .header-global-item{
	border: none;
	vertical-align: top;
	width: 20%;
}

.header-global-link{
	overflow: hidden;
	padding: 15px 10px 5px;
	height: 100%;
}
.header-global-link:before {
	content: "";
	display: block;
	width: 86px;
	height: 86px;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translate(50%,-101%);
	border-radius: 50%;
	background: #AACC03;
	transition: all .3s;
}
.header-global-link:hover {
	color: #000;
	background-color: #fff;
}
.header-global-link:hover:before {
	color: #000;
	transform: translate(50%,-90%);
}

.header-global-link-container {
	justify-content: center;
}
.header-global-link-container span img{
	min-height: 42px;
}
.header-global-link-text{
	font-size:  1.4rem;
	width: 100%;
	text-align: center;
}


.header_box{
	order: 3;
}
.header_box .header_btn{
	text-align: center;
}
.header_box .header_btn a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 84px;
	height: 84px;
	padding: 8px;
}
.header_box .header_btn a span{
	text-align: center;
	width: 100%;
}

.header_box .header_btn a:focus{
	border: 2px solid #000;
}

.header_box .header_btn.-business a{
	font-size:  1.4rem;
	background: #aacd06;
	line-height: 1.2;
}
.header_box .header_btn.-support a{
	font-size:  1.4rem;
	background: #00A2DE;
	line-height: 1.2;
}
.header_box .header_btn.-application a{
	font-size:  1.4rem;
	background: #EA6068;
	line-height: 1.2;
}
.header_box .header_btn.-search a{
	font-size:  1.4rem;
	background: #EFF1F4;
}
@media only screen and (max-width: 1220px) {
	.header_box{
		padding: 8px 0 8px 13px;
	}

	.header_search_block {
		margin-left: 8px;
	  }

	  .header_btn {
		margin-left: 8px;
	  }

	.header_box .header_btn.-support a,
	.header_box .header_btn.-application a,
	.header_box .header_btn.-business a{
		font-size:  1.1rem;
		width: 66px;
		height: 66px;
	}
	.header_box .header_btn a span img{
		width: 18px;
	}
	.header_block .header-global-items .header-global-item{
		width: auto;
	}
	.header-global-link-text p{
		font-size:  1.2rem;
		min-height: 1em;
	}
	.header-global-link-text p br{
		display: none;
	}
}




@media only screen and (max-width: 736px) {
	
	.header_block .header-global-items .header-global-item{
		width: 20%;
		text-align: center;
	}
	
	.header-global-link-text p br{
		display: block;
	}

}

/* header_search_box */
.header_search_block{
	width: auto;
}
.header_search_box{
	background: #EFF1F4;
	border-radius: 50%;
	border: none;
	width: 60px;
	height: 60px;
}
.search-open{
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	margin-top: .2em;
	pointer-events: auto;
	opacity: 1;
}
.header_search_box form{
	display: none;
	height: 60px;
}
.header_search_box .text{
	line-height: 74px;
}
.header_search_box .button{
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	padding: 1em;
}

.header_search_block.is-active .search-open{
	opacity: 0;
}
.header_search_block.is-active .header_search_box{
	width: 600px;
	height: 84px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	transform: translateY(-50%);
}
.header_search_block.is-active .header_search_box{
	border-radius: 30px;
}
.header_search_block.is-active .header_search_box form{
	display: block;
	height: auto;
}
.header_search_block.is-active .header_search_box .button{
	pointer-events: auto;
	transform: translate(0,-50%);
	right: 10%;
}
.header_search_block.is-active .header_search_box .button.close{
	display: flex;
	top: 50%;
	right: 1%;
	transform: translateY(-50%);
	border-left: 1px solid #B5B8BC;
}
@media only screen and (max-width: 1220px) {
	.header_search_box{
		width: 40px;
		height: 40px;
	}
}

/* header-menu */
.header-menu{
	order: 2;
	margin-left: auto;
	background: none;
}

.header-global-link:hover{
	background: none;
}
.header-global-item.js-dropdown.is-active .header-global-link{
	background: none;
	position: relative;
	overflow: visible;
}
.header-global-item.js-dropdown.is-active .header-global-link::after{
	content: "";
	display: block;
	width: 30px;
	height: 22px;
	position: absolute;
	top: auto;
	bottom: -20px;
	right: 50%;
	transform: translateX(50%);
	background: url(../img/common/frame_arrow_green2022.svg) center top no-repeat;
	z-index: 10000;
}

/* header-dropdown */
.header-dropdown-container{
	width: 215%;
	border-radius: 30px;
	border: 2px solid #AACC03;
	background: #EFF1F4;
	z-index: auto;
	left: -30vw;
	padding: 60px 30px;
	margin: 17px auto 0;
}
.header-dropdown-overlay{
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.5));
}

.header-dropdown-menu-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.header-dropdown-menu-list li{
	margin-right: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
}
.header-dropdown-menu-list li:last-child{
	margin-right: 0;
}
.header-dropdown-menu-list li a{
	font-size:  1.6rem;
	text-decoration: none;
	transition: all .3s;
	position: relative;
	padding-right: 2em;
}
.header-dropdown-menu-list li a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}
.header-dropdown-menu-list li a:hover{
	opacity: .7;
}


.header-dropdown-menu-list .header-global-link-text {
	text-align: left;
}

.header-dropdown-menu-list.-main-menu{
	margin-bottom: 2em;
}
.header-dropdown-menu-list.-main-menu li{
	width: 32.333%;
	margin-right: 1%;
}
.header-dropdown-menu-list.-main-menu li a{
	font-size:  1.6rem;
	text-decoration: none;
	transition: all .3s;
	position: relative;
	padding: 1em 2em 1em 1em;
	border: 2px solid #000000;
	border-radius: 30px;
	background: #fff;
	display: flex;
	align-items: center;
	height: 100%;
}
.header-dropdown-menu-list.-main-menu li a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}

/* dropdown-close */
.dropdown-close{
	text-align: center;
}
.dropdown-close span{
	color: #000;
	cursor: pointer;
	pointer-events: stroke;
	font-size:  1.3rem;
	background: #DEE1E5;
	border-radius: 15px;
	padding: .4em 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 110px;
	margin: 20px 0 0 auto;
}
.dropdown-close span img{
	margin-left: .5em;
}
@media only screen and (max-width: 1320px) {
	.header-dropdown-container{
		border-radius: 10px;
		width: 160%;
		left: -13vw;
		padding: 20px 10px;
	}
	.header-dropdown-menu-list li a{
		padding-right: 1em;
	}
}

@media only screen and (max-width: 736px) {

	.header-menu-container {
		max-width: none;
	}

	.sp-header-menu-item a .icon{
		border-radius: 50%;
		padding: .5em;
		width: 40px;
		margin: 0 auto;
		display: flex;
		align-content: center;
		justify-content: center;
		height: 40px;
	}
	.sp-header-menu-item.-business a .icon{
		background: #aacd06;
	}
	.sp-header-menu-item.-support a .icon{
		background: #00A2DE;
	}
	.sp-header-menu-item.-application a .icon{
		background: #EA6068;
	}


	/* header-menu */
	.is-loaded .header-menu{
		bottom: 0;
	}
	.header-global{
		padding: 0;
		min-width: auto !important;
	}
	.header-global-items{
		border-radius: 0;
		background: #EFF1F4;
		padding: 0 1em;
	}
	.header-global-item.js-dropdown.is-active .header-global-link::after{
		content: none;
	}
	.header-global-item{
		width: 100px;
	}
	.header-global-item:not(:last-child){
		margin-right: 10px;
	}
	.header-global-item.js-dropdown.is-active{
		position: relative;
		background: url(../img/common/sp_hover2022.svg) center 13px no-repeat;
	}
	.header-global-item.js-dropdown.is-active::before{
		content: "";
		display: block;
		width: 30px;
		height: 23px;
		position: absolute;
		top: -19px;
		right: 50%;
		transform: translateX(50%);
		background: url(../img/common/frame_arrow2022.svg) center top no-repeat;
		z-index: 10000;
	}
	.header-global-link{
		color: #000 !important;
		text-align: center;
		display: inline-block;
	}
	.header-global-link:hover{
		background: none;
	}
	.header-global-link:before {
		content: none;
	}

	/* header-dropdown */
	.header-dropdown-container{
		bottom: 94px;
		width: 100%;
		max-height: calc( 100vh - 120px);
		height: auto;
		overflow-y: auto;
		border-radius: 0;
		border: none;
		background: #FFF;
		padding: 50px 0 1em 0;
		left: 0;
		border-bottom: 2px solid #000;
	}

	/* 最新のsafari用 */
	_::-webkit-full-page-media, _:future, :root .header-dropdown-container {
		padding-top: 20px;
	}
	_::-webkit-full-page-media, _:future, :root .header-dropdown-container[data-dropdown="0"]{
		padding-top: 40px;
    }
	/* 古いsafari用 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome, .header-dropdown-container {
			padding-top: 20px;
		}
		::i-block-chrome, .header-dropdown-container[data-dropdown="0"] {
			padding-top: 40px;
		}
	}

	.header-dropdown-overlay{
		background: rgba(0,0,0,.5);
	}

	.header-dropdown-menu-list{
		display: block;
	}
	.header-dropdown-menu-list li{
		margin-right: 0;
	}
	.header-dropdown-menu-list li a{
		font-size:  1.4rem;
		padding: 1em;
		border-bottom: 1px solid #DEE1E5;
		width: 100%;
		display: block;
	}

	.header-dropdown-menu-list.-main-menu{
		margin-bottom: 0.2em;
	}
	.header-dropdown-menu-list.-main-menu li{
		width: 100%;
		margin-right: 0;
	}
	.header-dropdown-menu-list.-main-menu li a{
		justify-content: flex-start;
		border: none;
		border-radius: 0;
		height: auto;
		border-bottom: 1px solid #DEE1E5;
	}
	.header-dropdown-menu-list.-main-menu li a:after{
		background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	}

	.header-dropdown-menu-list.-main-menu li a span{
		margin: 0 .5em;
	}
	

	.header-dropdown-menu-list.-main-menu li a .header-global-link-text{
		justify-content: flex-start;
	}

	/* dropdown-close */
	.dropdown-close{
		display: block;
		margin: 2em 0;
	}
	.dropdown-close span{
		margin: 0 auto;
	}
}

@media (orientation: landscape) and (max-height: 600px){
	.header-dropdown-container{
		overflow-y: scroll;
		max-height: 300px;
	}
}

/*topic_path
----------------------------------------*/
.topic_path{
	max-width: 980px;
	width: 100%;
	padding: 2em .5em 4em;
	top: auto;
}




/*chat-btn
----------------------------------------*/

.chat-btn {
	position: fixed;
	bottom: 40px;
	right: 40px;
}

.chat-btn-block {
	position: relative;
}

.chat-btn-block .close {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(-50% ,50%);
}



/*footer
----------------------------------------*/
.footer{
	overflow: hidden;
	z-index: 10;
}
.footer_wrap .footer_block{
	width: 1000px;
}

.footer_search_box{
	border: none;
	background: #DEE1E5;
}
.footer_search_box form::placeholder{
	color: #6F7173;
}
.footer_search_box .button{
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

@media only screen and (max-width: 1020px) {
	.footer_wrap .footer_block{
		width: 90%;
	}
}


/* page_top  */
#page_top {
	z-index: 10000;
	bottom: 250px;
}
@media only screen and (max-width: 1020px) {
	#page_top {
		bottom: 50vw;
	}
}
@media only screen and (max-width: 1020px) and (max-height: 500px) {
	#page_top {
		bottom: 15vw;
	}
}
@media only screen and (max-width: 1020px) and (max-height: 600px) {
	#page_top a{
		height: 50px !important;
	}
	#page_top a::before{
		right: 50% !important;
		left: auto !important;
		bottom: 0 !important;
	}
}

/*contact_wrap
----------------------------------------*/


a.anchor {
	display: block;
	padding-top: 160px;
	margin-top: -160px;
	z-index: -999;
  }

.contact_wrap{
	padding: 0 1em;
	background: #AACC03;
	position: relative;
	margin-bottom: 200px;
}

.contact_wrap::before{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	top: -74px;
	border-radius: 100% 100% 0 0;
	left: 50%;
	transform: translateX(-50%);
	background: #AACC03;
	z-index: 0;
}

.contact_wrap::after{
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: -74px;
	border-radius: 0 0 100% 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #AACC03;
	z-index: -1;
}
.contact_wrap .ttl_contact{
	font-size:  4.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: .5em;
}
.contact_wrap .sttl_contact{
	font-size:  1.8rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	background: none !important;
	margin: 0 0 1em;
	padding: 0;
	border-left: 0 !important;
}

/* bubble */
.contact_wrap .bubble{
	position: absolute;
	top: 0;
	right: 2em;
	z-index: 2;
	pointer-events: none;
}

/* list-contact */
.contact_wrap .list-contact{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1em;
}
.contact_wrap .list-contact li{
	text-align: center;
	background: #fff;
	width: 50%;
	border-radius: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	z-index: 0;
}
.contact_wrap .list-contact li .btn_base{
	margin-bottom: 1em;
}
.contact_wrap .list-contact li:first-child{
	width: 100%;
	border-bottom: 5px solid #AACC03;
	border-radius: 30px 30px 0 0;
	padding: 2em 1em;
}
.contact_wrap .list-contact li:nth-child(2){
	border-radius: 0 0 0 30px;
	border-right: 5px solid #AACC03;
}
.contact_wrap .list-contact li:nth-child(3){
	border-radius: 0 0 30px 0;
}
.contact_wrap .list-contact li > div:first-child{
	flex: 1;
	border-right: 1px solid #C7C9CB;
	position: relative;
}
.contact_wrap .list-contact li > div:last-child{
	flex: 1;
/*	margin-left: 1em;*/
}
.contact_wrap .list-contact li > div:last-child .col2{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.contact_wrap .list-contact li > div:last-child .col2 .btn_base{
	width: 49%;
}
.contact_wrap .list-contact li >a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2em;
	text-decoration: none;
	width: 100%;
	transition: all .3s;
}
.contact_wrap .list-contact li >a:hover{
	opacity: .8;
}
.contact_wrap .list-contact li >a p{
	font-size:  1.8rem;
	font-weight: bold;
	text-align: left;
	margin-left: 1em;
	padding-right: 2em;
	position: relative;
}
.contact_wrap .list-contact li >a p::after{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
}
.contact_wrap .list-contact li >a p span{
	display: block;
	font-size:  1.2rem;
	font-weight: normal;
}


/* list_contact_wrap */
.list_contact_wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.list_contact_wrap >div{
	/* flex-basis: 36%; */
	flex-basis: 49%;
	display: flex;
	flex-direction: column;
}
.list_contact_wrap >div:first-child{
	border-right: 1px solid gray;
	padding-right: 2%;
	margin-right: 2%;
	flex-basis: 70%;
}
.list_contact_wrap >div .col2{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.list_contact_wrap >div .col2 p{
	flex-basis: 49%;
}
.list_contact_wrap .sttl_contact{
	font-size:  2.4rem;
	text-align: center;
	margin: 0 auto 20px;
	align-self: flex-start;
}
 
 
@media only screen and (max-width: 736px) {
	.list_contact_wrap{
		flex-wrap: wrap;
	}
	.list_contact_wrap >div{
		flex-basis: 100%;
	}
	.list_contact_wrap >div:first-child{
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		flex-basis: 100%;
		margin-bottom: 30px;
	}
	.list_contact_wrap >div .col2{
		flex-wrap: wrap;
		justify-content: center;
	}
	.list_contact_wrap >div .col2 p{
		flex-basis: 100%;
	}
	.list_contact_wrap .sttl_contact{
		font-size:  2.2rem;
	}
}
 

/* tel_block */
.contact_wrap .tel_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.contact_wrap .tel_block .number{
	font-size:  4.2rem;
	font-weight: bold;
	margin-right: 1em;
}
.contact_wrap .tel_block .time1{
	font-size:  1.6rem;
	margin-right: .5em;
}
.contact_wrap .tel_block .time2{
	font-size:  1.4rem;
}

@media only screen and (max-width: 1020px) {
	.contact_wrap{
		margin-bottom: 100px;
	}
	.contact_wrap::before{
		height: 30px;
		top: -30px;
	}
	.contact_wrap::after{
		bottom: -38px;
	}
	.contact_wrap .bubble{
		right: -2em;
	}
	
	.contact_wrap .list-contact li > div:last-child .col2 .btn_base{
		width: auto;
		margin: 0 .5em 1em;
	}
}
@media only screen and (max-width: 736px) {
	.contact_wrap .ttl_contact{
		font-size:  2.0rem;
	}
	.contact_wrap .sttl_contact{
		font-size:  1.6rem;
	}


	.contact_wrap .bubble{
		width: 60px;
		top: 15%;
		right: auto;
		left: 70%;
	}
	.contact_wrap .list-contact li:first-child{
		display: block;
	}

	.contact_wrap .list-contact li > div:first-child{
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #C7C9CB;
		margin-left: 0;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	.contact_wrap .list-contact li > div:last-child{
		width: 100%;
		margin-left: 0;
	}

	.contact_wrap .list-contact li >a{
		padding: 1em;
		flex-direction: column;
	}

	.contact_wrap .list-contact li >a p{
		font-size:  1.4rem;
		margin-left: 0;
		margin-top: .5em;
		padding-right: 1em;
		text-align: center;
	}

	/* tel_block */
	.contact_wrap .tel_block .number,
	.contact_wrap .tel_block .time1,
	.contact_wrap .tel_block .time2{
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	.contact_wrap .tel_block .number{
		font-size:  2.0rem;
	}
}

/*sns_block
----------------------------------------*/
.sns_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 5em;
	margin: 2em auto;
	max-width: 600px;
	position: relative;
}
.sns_block::before{
	content: "";
	display: block;
	width: 5em;
	height: 100%;
	position: absolute;
	top:50%;
	left: 1em;
	transform: translateY(-50%);
	background: url(../img/common/sns_deco2022.svg) center left no-repeat;
	background-size: contain;
}
.sns_block::after{
	content: "";
	display: block;
	width: 5em;
	height: 100%;
	position: absolute;
	top:50%;
	right: 1em;
	transform: translateY(-50%) scale(-1, 1);
	background: url(../img/common/sns_deco2022.svg) center left no-repeat;
	background-size: contain;
}
.sns_block .ttl_sns{
	font-size: 2rem;
	text-align: center;
	margin: 0 1em;
}

.sns_block .btn {
	display: block;
	margin: 0 10px;
	width: auto;
	height: auto;
	font-size:  1.4rem;
}
.sns_block .btn a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	vertical-align: middle;
	width: 100%;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size:  1.4rem;
	font-weight: 400;
	border: none;
	outline: none;
	word-break: break-all;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 8px;
	border-radius: 0;
}
.sns_block .btn a:hover {
	opacity: .6;
	transition: .3s;
}
.sns_block .btn a img {
	margin-bottom: .5em;
}
@media only screen and (max-width: 736px) {
	.sns_block .ttl_sns{
		font-size:  1.4rem;
		margin-bottom: 2em;
		width: 100%;
		max-width: 300px;
	}
	.sns_block::before,
	.sns_block::after{
		width: 2em;
		height: 26em;
		top: 10%;
	}
	.sns_block::before{
		left: 2em;
	}
	.sns_block::after{
		right: 2em;
	}

}

/* logo_block */
.footer_block .logo_block{
	float: none;
	border: none;
	align-items: center;
	margin-left: 0;
}

/* footer_sitemap */
.footer_block .footer_sitemap .footer_sitemap_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.footer_block .footer_sitemap .footer_sitemap_box li{
	width: 31%;
	margin: 0 3.5% 1em 0;
}
.footer_block .footer_sitemap .footer_sitemap_box li:nth-child(3n) {
	margin-right: 0;
  }

.footer_block .footer_sitemap .footer_sitemap_box > li > a {
	color: #000;
	text-align: left;
	border-left: none;
	border-bottom: 1px solid #DEE1E5;
	padding: 1em 2em 1em 0;
	font-size:  1.6rem;
	font-weight: 400;
	text-decoration: none;	
	transition: .3s;
	display: block;
	position: relative;
}
.footer_block .footer_sitemap .footer_sitemap_box > li > a::after {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top:50%;
	right: 1em;
	transform: translateY(-50%);
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
}

@media only screen and (max-width: 736px) {

	a.anchor {
		display: block;
		padding-top: 90px;
		margin-top: -90px;
		z-index: -999;
	  }
	.footer_wrap {
		padding: 1em;
	}
	.footer_wrap .footer_block{
		width: 90%;
	}

	.footer_block .footer_sitemap .footer_sitemap_box li{
		width: 100%;
		margin: 0;
		border: none;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li:nth-child(2n),
	.footer_block .footer_sitemap .footer_sitemap_box > li.beginner{
		border: none;
	}
	.footer_block .footer_sitemap .footer_sitemap_box > li > a {
		font-size:  1.3rem;
	}
}

/*footer2
----------------------------------------*/
.footer2 {
	border-top: none;
	padding: 1.5em 1em;
	color: #fff;
	background: #000000;
	position: relative;
	z-index: 100;
}
.footer2_block {
	width: 1000px;
	margin: 0 auto;
}
.footer2 nav {
	float:none;
	width: 100%;
	font-size: 1.1rem;
}

.footer2 p.copyright {
	float:none;
	width:100%;
	text-align:center;
	font-size: 1.3rem;
	line-height:2.8;
}

.footer2 nav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%
}

.footer2 nav ul li {
	font-size: 1.3rem;
	float:none;
	padding-right:1em;
	margin: 0;
	border-right: none;
}

.footer2 nav ul li:lastchild {
	padding-right:0;
}

.footer2 nav ul li a {
	color:#fff;
	text-decoration:none;
}
.footer2 nav a.icon_blank span {
	display: inline-block;
	background: url(../img/common/icon_blank_white2022.svg) right center no-repeat;
	padding-right: 16px;
}
.footer2 nav ul li a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 1020px) {
	.footer2_block {
		width: 90%;
	}

	.footer2 nav ul {
		justify-content: flex-start;
	}

}

@media only screen and (max-width: 736px) {
	.footer2_block {
		width: 100%;
	}
	.footer2 nav{
		border-bottom: none;
	}
	.footer2 nav ul li {
		width: 48%;
		margin: 0 2% 0 0;
		padding-right: 0;
		text-align: left;
	}
	.footer2 nav ul li:nth-child(2n) {
		margin-right: 0;
	}
}

.footer a.a_pdf:after {
	content: none;
}

/*banner_area
----------------------------------------*/
.banner_area .bnr_list01{
	width: 850px;
	flex-wrap: wrap;
}
.banner_area .bnr_list01 li{
	width: 110px;
	margin: 1em .5em;
	text-align: center;
}
.banner_area .bnr_list01 li:first-child{
	margin: 2em 1em;
	flex-basis: 100%;
}
.banner_area .bnr_list01 li:first-child img{
	max-width: 150px;
}
@media only screen and (max-width: 1220px) {
	.banner_area .bnr_list01{
		width: 90%;
	}
}

@media only screen and (max-width: 736px) {
	.banner_area .bnr_list01 li:first-child{
		width: 100%;
		margin: 1em 0;
	}
	.banner_area .bnr_list01 li:first-child img{
		max-width: 110px;
	}
}


/*pagetop
----------------------------------------*/
#page_top {
	box-shadow: 0 0 20px rgba(0,0,0,.16);
	background: #62666A;
}
#page_top a::before{
	content: '';
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 50%;
	transform: translate(50%,-50%) rotate(-45deg);
	right: 50%;
	left: auto;
}

@media only screen and (max-width: 736px) {
	#page_top a{
		width: 40px;
		height: 40px;
		margin: auto;
	}
}
@media only screen and (max-width: 375px) {
	#page_top a::before{
		transform: translate(50%,-80%) rotate(-45deg);
	}
}


/*boxcaution
----------------------------------------*/
.boxcaution{
	border: 2px solid #EA6068;
	border-radius: 20px;
	padding: 1em 3em;
	max-width: 1000px;
	margin: 0 auto 2em;
}
.boxcaution .boxcaution-h{
	color: #EA6068;
	text-align: center;
	font-size:  1.6rem;
	margin-bottom: 1em;
}
.boxcaution .boxcaution-h::before,
.boxcaution .boxcaution-h::after{
	content: none;
}
.boxcaution .boxcaution-h img{
	margin-right: .5em;
}
.boxcaution p a{
	color: #EA6068;
}
.boxcaution p a time{
	font-size:  1.5rem;
}
.boxcaution p a .boxcaution-ttl{
	text-decoration: underline;
}


.txt_center{
	text-align: center;
}

/*bg_white_shadow.result_block .contact_wrap
----------------------------------------*/
.bg_white_shadow.result_block{
	margin-bottom: 5em;
	padding-bottom: 0;
}
.bg_white_shadow.result_block .inner{
	margin-bottom: 180px;
}
.bg_white_shadow.result_block .contact_wrap{
	padding: 0 1em 5em;
	margin: 5% 0 0;
	border-radius: 0 0 20px 20px;
}
.bg_white_shadow.result_block .contact_wrap::after{
	content: none;
}
.bg_white_shadow.result_block .contact_wrap .list-contact li:first-child{
	border-radius: 30px;
	max-width: 1000px;
	margin: 0 auto;
}

@media only screen and (max-width: 736px) {
	.bg_white_shadow.result_block .inner{
		margin-bottom: 80px;
	}
	.bg_white_shadow.result_block .contact_wrap{
		padding: 0 1em 5em;
		margin: 5% 0 0;
		border-radius: 0 0 20px 20px;
	}
}

/*plus
----------------------------------------*/
.plus{
	position: relative;
	padding: 2em;
}
.plus:before{
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: 1em;
	background: #000;
	right: 2.5em;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.plus:after{
	content: "";
	position: absolute;
	display: block;
	height: 1em;
	width: 2px;
	background: #000;
	right: 2.95em;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*各ページ調整css↓
----------------------------------------*/
/* .about_btn .btn */
.about_btn .btn{
	background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	border-radius: 40px;
	transition: all .3s;
}
.about_btn .btn a {
	color: #fff;
}
.about_btn .btn:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}
.about_btn .btn a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}
.about_btn .btn:before {
	content: none;
}

/* .content_box.clearfix.caution */
.content_box.clearfix.caution{
	margin-bottom: 100px !important;
}

/* error_block */
/* skin_error上書き */
@media screen and (min-width: 737px) {
	.error_block{
		margin-bottom: 160px !important;
}
}

/* guide_list */
/* skin_beginner_sim 上書き */
.guide_list a{
	text-decoration: none !important;
}

/* .btn-support */
/* skin_senior 上書き */
.btn-support{
	background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	border-radius: 40px;
}
.btn-support a {
	color: #fff;
	font-size:  1.4rem;
	text-decoration: none;
}
.btn-support:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}
.btn-support a>span {
	position: relative;
}
.btn-support a>span:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}
.btn-support a[target=_blank]>span:after {
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}

/* btn-support white */
.btn-support.white a {
	color: #000;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #fff;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}
.btn-support.white a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

.btn-support.white a>span:after {
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}
.btn-support.white a[target=_blank]>span:after {
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}


/* table_shop02 */
@media only screen and (max-width: 736px) {
	#shop .table_shop02 th{
		width: 30%;
		display: table-cell;
	}
  }


/* #shop #contents03 .ttl03 */
/* skin_shop 上書き */
#shop #contents03 .ttl03 span.caution{
	background-position: 0 center;
}
@media screen and (min-width: 737px) {
	#shop #contents03 .ttl03 span.caution{
		background-size: contain;
	}
}

/* .btn_gray */
/* skin_debut.cssを上書き */
.btn_gray {
	display: table;
	width: auto;
	border-radius: 10px;
	overflow: visible !important;
}
.btn_gray a {
	display: table-cell;
	width: 100%;
	height: 67px;
	background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-size:  1.8rem !important;
	font-weight: normal !important;
	color: #fff !important;
	text-decoration: none;
	padding: 0 15px 0 30px;
	transition: .3s;
	border-radius: 40px;
}
.btn_gray a:hover {
	background: #000;
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}
.btn_gray a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}

/* +.white */
.btn_gray.white a {
	color: #000 !important;
	background: #fff !important;
	border: 2px solid #000 !important;
}
.btn_gray.white a:after {
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}


/* member_btns */
/* skin_member.cssを上書き */
.member_btns {
	border: none !important;
	box-shadow: none !important;
	border-radius: 10px;
	overflow: visible !important;
	text-align: center;
}

.member_btns:hover {
  opacity: 1 !important;
  transition: .3s;
}

.member_btns a {
  width: 100%;
  text-decoration: none;
}

.member_btns .btn01,
.member_btns .btn02 {
	color: #fff;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #000;
	background-image: none !important;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
	height: auto !important;
}

.member_btns .btn01:hover,
.member_btns .btn02:hover{
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
	opacity: 1;
}

.member_btns .btn01 a,
.member_btns .btn02 a {
	display: block;
	color: #fff;
	line-height: normal !important;
	padding: 0 !important;
	opacity: 1 !important;
}


.member_btns .btn01.icon_gaibu_s a:after,
.member_btns .btn02.icon_gaibu_s a:after{
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}
.member_btns .btn04.icon_gaibu_s a:after,
 .btn03.icon_gaibu_s a:after{
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}
.member_btns a.a_gaibu:after{
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}

.member_btns .btn04 {
	color: #000;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #fff;
	background-image: none !important;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
	height: auto !important;
}

.member_btns .btn04:hover{
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
	opacity: 1;
}

.member_btns .btn04 a {
	display: block;
	color: #000;
	line-height: normal !important;
	padding: 0 !important;
	height: auto !important;
}
.member_btns .btn04 a:hover {
	opacity: 1 !important;
}


.service_box .box01 .txt .btn03{
	color: #000;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #fff;
	background-image: none !important;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
	height: auto !important;
}
.service_box .box01 .txt .btn03:hover{
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
	opacity: 1;
}

.service_box .box01 .txt .btn03 a {
	display: block;
	color: #000;
	line-height: normal !important;
	padding: 0 !important;
	height: auto !important;
}
.service_box .box01 .txt .btn03 a:hover {
	opacity: 1 !important;
}

/* common-btn */
/* skin_simchange.cssを上書き */
.common-btn {
	display: block !important;
	width: auto !important;
	min-height: inherit;
	border: none !important;
	box-shadow: none !important;
	border-radius: 10px;
	overflow: visible !important;
}

.common-btn:hover {
  opacity: 1 !important;
  transition: .3s;
}

.common-btn a {
  width: 100%;
  text-decoration: none;
}

.common-btn-link {
	color: #fff;
	font-size:  1.4rem;
	border-radius: 40px;
	padding: 1em 2em;
	background: #000;
	border: 2px solid #000;
	box-shadow: 0 3px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 260px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}

.common-btn-link:hover{
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}

.common-btn-link p {
  margin-bottom: 5px;
  width: 100%;
}

.common-btn-link .icon-allow {
  font-size: 2rem;
  justify-content: center;
}
.common-btn-link .icon-allow:before {
	content: none !important;
}
.common-btn-link .icon-allow:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}
.common-btn-link .a_gaibu:after {
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_blank_white2022.svg) center no-repeat;
	background-size: contain;
}

.common-btn-green {
	background: #000 !important;
}

/* +.white */
.common-btn-link.white {
	color: #000 !important;
	background: #fff !important;
	border: 2px solid #000 !important;
}
.common-btn-link.white .icon-allow:after {
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}
.common-btn-link.white .a_gaibu:after {
	background: url(../img/common/icon_circle_blank_black2022.svg) center no-repeat;
	background-size: contain;
}

@media only screen and (min-width: 737px) {
  .common-btn.w60per {
    margin: 0 auto;
    width: 60% !important;
  }
  .common-btn.w70per {
    margin: 0 auto;
    width: 70% !important;
  }
}


/* terminal-list-btn */
/* skin_list.cssを上書き */
/* .terminal-list-item-link{
	text-decoration: none !important;
}
.terminal-list-btn {
	display: block;
	width: 100%;
	min-height: inherit;
	border: none;
	box-shadow: none;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}

.terminal-list-btn-link {
	width: auto;
	min-height: inherit;
	font-weight: normal;
	font-family: 'Manrope', YakuHanJP, 'Noto Sans JP',"游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: center;
	line-height: 1.4;
	box-shadow: none;
	color: #fff;
	font-size:  1.6rem !important;
	padding: 1em 0.5em;
	border-bottom: 5px solid #CCCCCC;
	border-radius: 40px;
	background: #000;
	text-decoration: none;
	display: block;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}

.terminal-list-btn-link:before {
	content: none;
}
.terminal-list-btn-link:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
}

.terminal-list-btn-green {
	background: #000;
}

.terminal-list-btn-red {
	background: #000;
} */


/* price_select */
.price_select{
	padding: 6%;
}
.price_select dl.price_dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.price_select dl.price_dl dt{
	font-size:  2.4rem;
	font-weight: normal;
}
.price_select dl.price_dl dd label{
	font-size:  1.8rem;
	margin-right: 1em;
}
.price_select dl.price_dl dd select{
	font-size:  1.6rem;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #DEE1E5;
	padding: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.price_select dl.price_dl dd{
	position: relative;
}
.price_select dl.price_dl dd:after{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%) rotate(90deg);
	pointer-events: none;
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
}

.price_select +.btn_tab.price{
	margin-top: -60px;
}
.btn_tab.price li a span strong{
	font-weight: normal;
}

.btn_tab.price li a.datatel span:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 30px;
	vertical-align: middle;
	margin-right: .5em;
	background: url(../img/common/icon_datatel_black2022.svg) no-repeat center center/ contain;
}
.btn_tab.price li a.datatel.active span:before{
	background: url(../img/common/icon_datatel_white2022.svg) no-repeat center center/ contain;
}
.btn_tab.price li a.data span:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 30px;
	vertical-align: middle;
	margin-right: .5em;
	background: url(../img/common/icon_data_black2022.svg) no-repeat center center/ contain;
}
.btn_tab.price li a.data.active span:before{
	background: url(../img/common/icon_data_white2022.svg) no-repeat center center/ contain;
}

@media only screen and (max-width: 1020px) {
	.price_select dl.price_dl{
		display: block;
	}
	.price_select dl.price_dl dt{
		text-align: center;
		margin-bottom: 50px;
	}
	.price_select dl.price_dl dd{
		text-align: center;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.price_select dl.price_dl dd select{
		width: 100%;
	}
	.price_select dl.price_dl dd:after{
		top: 75%;
	}

	.price_select dl.price_dl dd select{
		margin-top: 20px;
	}
}
@media only screen and (max-width: 736px) {
	.price_select{
		padding: 20px 20px 60px;
	}


	.price_select + .btn_tab.price{
		margin: -60px auto 0;
	}
	.btn_tab.price li a.datatel span:before,
	.btn_tab.price li a.data span:before{
		display: block;
		margin: 0 auto 1em;
	}
	.btn_tab.price li a span{
		font-size:  1.3rem;
		line-height: 1;
	}
	.btn_tab.price li a span strong{
		font-weight: bold;
		display: block;
		font-size:  1.6rem;
	}
  }

/* price_service_area,list_support_area */
.price_service_area,
.list_support_area{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.price_service_area >div,
.list_support_area >div{
	width: 33.3%;
	padding: 1em;
	border-right: 1px solid #DEE1E5;
}
.price_service_area >div figure,
.list_support_area >div figure{
	text-align: center;
	margin: 1em 0;
}
.price_service_area >div figure figcaption,
.list_support_area >div figure figcaption{
	text-align: left;
	margin: 1em 0;
}
.price_service_area >div:last-child,
.list_support_area >div:last-child{
	border-right: 0;
}
.price_service_area .btn_base.white a,
.list_support_area .btn_base.white a{
	min-width: inherit;
}
@media only screen and (max-width: 736px) {
	.price_service_area >div,
	.list_support_area >div{
		width: 100%;
		border-right: none;
		margin-bottom: 2em;
	}
  }

/* border_box */
.border_box{
	border: 1px solid #707070;
	border-radius: 20px;
	padding: 2em 3em;
}
.border_box .border_box_inner{
	max-height: 14.4em;
	overflow: hidden;
	overflow-y: auto;
	line-height: 1.8;
}
.border_box .border_box_inner::-webkit-scrollbar {
	width: 3px;
}

.border_box .border_box_inner::-webkit-scrollbar-track {
	background-color: #fff;
}

.border_box .border_box_inner::-webkit-scrollbar-thumb {
	background-color: #AACC03;
	border-radius: 2px;
}
.border_box .border_box_inner ul li{
	position: relative;
}
.border_box .border_box_inner ul li:before{
	content: "・";
	width: 0.5em;
	height: 0.5em;
	display: inline-block;
	margin-right: 1em;
}
.border_box .border_box_inner ul li.non:before{
	content: none;
}
.border_box.green{
	border: 2px solid #AACC03;
	border-radius: 30px;
}

@media only screen and (max-width: 736px) {
	.border_box{
		padding: 1em;
	}
	.border_box .border_box_inner{
		padding: 0 1em;
	}
  }

  /* list_otoku */
  .list_otoku{
	display: flex;
	justify-content: center;
	align-items: flex-start;
  }
  .list_otoku.list_wrap {
	flex-wrap: wrap;

  }
  .list_otoku li{
	font-size:  2.4rem;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	width: 32%;
	padding: 2% 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
  }
  .list_otoku li >img{
	padding: 0 10px;
  }

  .list_otoku li >p{
	padding: 10px 20px;
	font-weight: normal;
  }
@media only screen and (max-width: 1220px) {
	.list_otoku{
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 736px) {
	.list_otoku li{
		width: 90%;
		margin-bottom: .5em;
		justify-content: center;
	  }
  }


  /* bg_campaign_qden_bbiq */
  .bg_campaign_qden_bbiq {
	overflow: hidden;
	position: relative;
	padding-bottom: 80px;
	z-index: 0;
	background: #EFF2E4;
  }
  .bg_campaign_qden_bbiq .qden_bbiq_mv{
	margin-bottom: -360px;
  }
  .bg_campaign_qden_bbiq .qden_bbiq_mv>img{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
  }
  .bg_campaign_qden_bbiq .lead_area{
	position: absolute;
	top: 36%;
	right: 50%;
	transform: translate(0,-50%);
	margin-right: 4em;
	z-index: 2;
  }
  .bg_campaign_qden_bbiq .lead_area:before{
	content: "";
	display: block;
	position: absolute;
	width: 60em;
	height: 60em;
	margin: auto;
	top: -12%;
	bottom: auto;
	left: 50%;
	transform: translate(-50%,0);
	background: url(../img/common/bg_pagettl2022.svg) no-repeat center center/ contain;
	z-index: 0;
  }
  .bg_campaign_qden_bbiq .lead_area h1{
	text-align: center;
	margin-bottom: 40px;
  }
  .bg_campaign_qden_bbiq .qden_bbiq_lead{
	font-size:  3.2rem;
	font-weight: bold;
	text-align: center;
  }
  .bg_campaign_qden_bbiq .qden_bbiq_lead strong{
	font-size:  7.0rem;
	position: relative;
	padding-bottom: 24px;
  }
  .bg_campaign_qden_bbiq .qden_bbiq_lead strong::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 10px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	left: 0;
	bottom: 0;
}
.bg_campaign_qden_bbiq .qden_bbiq_lead strong::before{
	content: "";
	position: absolute;
	display: block;
	height: 64px;
	width: 64px;
	top: 0;
	right: 0;
	background: url(../img/common/ico_dotdot2022.svg) no-repeat center center/ contain;
	transform: translateY(-100%);
}
  .bg_campaign_qden_bbiq .qden_bbiq_lead strong .price{
	font-size:  18.9rem;
  }
  .bg_campaign_qden_bbiq .qden_bbiq_lead strong .thin{
	width: 1em;
	font-size:  5.4rem;
	line-height: 1;
	display: inline-block;
  }
  .bg_campaign_qden_bbiq .bg_white_shadow{
	z-index: 2;
  }
  .bg_campaign_qden_bbiq .otoku_price_area .otoku_price.small:first-child{
	margin: 0 auto;
	padding-top: 1em;
  }
  .bg_campaign_qden_bbiq .plan_6gb .otoku_price_area .otoku_price.small:first-child{
	padding-top: 0;
  }

  @media only screen and (max-width: 1400px) {
	.bg_campaign_qden_bbiq .qden_bbiq_lead strong .price{
		font-size:  10.0rem;
	  }
	  .bg_campaign_qden_bbiq .qden_bbiq_lead strong{
		padding-bottom: 0;
		font-size:  5.2rem;
	  }
	  .bg_campaign_qden_bbiq .qden_bbiq_lead strong::before{
		height: 32px;
	}
	  .bg_campaign_qden_bbiq .qden_bbiq_lead strong .thin{
		font-size:  3.0rem;
	  }
  }
  @media only screen and (max-width: 1220px) {
	.qden_bbiq_mv .visible_sp{
		display: block !important;
	}
	.qden_bbiq_mv .visible_pc{
		display: none !important;
	}
	
	.bg_campaign_qden_bbiq .qden_bbiq_mv>img{
		width: 100%;
		margin-left: 0;
	  }
	  .bg_campaign_qden_bbiq .qden_bbiq_mv{
		margin-bottom: 0;
	  }
	  .bg_campaign_qden_bbiq .lead_area{
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		background: #AACC03;
		margin-right: 0;
	  }
	  .bg_campaign_qden_bbiq .lead_area h1{
		max-width: 300px;
		margin: 0 auto;
		transform: translateY(-20px);
	  }
	  .bg_campaign_qden_bbiq .lead_area:before{
		content: none;
	  }
	  .bg_campaign_qden_bbiq .lead_area:after{
		content: "";
		display: block;
		position: absolute;
		width: 100vw;
		height: 23em;
		margin: auto;
		top: auto;
		bottom: -80%;
		background: #AACC03;
		border-radius: 0 0 10% 10%;
		z-index: -1;
	  }
	.bg_campaign_qden_bbiq .qden_bbiq_lead strong .price{
		font-size:  10.0rem;
	  }
	  .year_otoku .otoku_price .price strong {
		font-size:  4.8rem;
	}
  }
  @media only screen and (max-width: 736px) {

	  .bg_campaign_qden_bbiq .basic_title00{
		font-size:  1.8rem;
		text-align: center;
		padding-left: 0;
	  }
	  .bg_campaign_qden_bbiq .basic_title00::before{
		content: none;
	  }
	  .bg_campaign_qden_bbiq .qden_bbiq_lead{
		font-size:  2.0rem;
		margin-bottom: 30px;
	  }
	  .bg_campaign_qden_bbiq .qden_bbiq_lead strong{
		font-size:  3.1rem;
		padding-bottom: 10px;
	  }

	  .bg_campaign_qden_bbiq .qden_bbiq_lead strong::before{
		height: 64px;
		background-size: 30px;
		background-position: right 23px;
	  }
	  .bg_campaign_qden_bbiq .qden_bbiq_lead strong .thin{
		font-size:  3.1rem;
	  }
	  .bg_campaign_qden_bbiq .otoku_price_area .otoku_price.small:first-child{
		margin: 20px 0;
		padding-top: 0;
	  }
  }

  /* plan_6gb */
  .plan_6gb{
	position: relative;
	z-index: 0;
	padding: 2em;
  }
  .plan_6gb .otoku_price_area{
	max-width: none;
  }
  .plan_6gb .fukidashi{
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
  }
  .plan_6gb .otoku_price_area .otoku_price {
	margin: 40px auto;
}
  .plan_6gb .otoku_price:last-child{
	font-size:  3.4rem;
  }
  .plan_6gb .otoku_price:last-child .year{
	font-size:  2.9rem;
	font-weight: bold;
	line-height: 1;
  }
  .plan_6gb .otoku_price:last-child .price strong{
	font-size:  10.0rem;
	line-height: 34px;
  }
  .plan_6gb .otoku_price:last-child .price strong:after{
	content: none;
  }
  .plan_6gb .otoku_price:last-child{
	padding: .5em 0 0 1em;
  }
  .plan_6gb .otoku_price:last-child:after{
	height: 37px;
	width: 40px;
	left: auto;
	right: 0;
  }
  .plan_6gb .otoku_price:last-child:before {
	content: "";
	position: absolute;
	display: block;
	height: 20px;
	width: 10px;
	right: auto;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url(../img/common/icon_otoku_arrow_bk2022.svg) no-repeat center center/ contain;
  }

  @media only screen and (max-width: 1220px) {
	.bg_campaign_qden_bbiq .plan_6gb .otoku_price_area .otoku_price.small:first-child{
		padding-top: 1em;
	}
	.plan_6gb .otoku_price:last-child:before{
		content: none;
	  }
  }

  @media only screen and (max-width: 736px) {
	.plan_6gb .fukidashi{
		top: -50px;
	  }
	.plan_6gb .otoku_price:last-child{
		font-size:  2.0rem;
		padding: 0;
	  }
	  .plan_6gb .otoku_price_area .otoku_price {
		margin: 20px auto;
	}
	.plan_6gb .otoku_price:last-child .price strong{
		font-size:  6.5rem;
	  }
	  .plan_6gb .otoku_price:last-child .year{
		font-size:  1.8rem;
	  }
	  .plan_6gb .otoku_price:last-child:after{
			width: 28px;
			height: 25px;
	  }
  }

  /* plan6gb_otoku */
  .plan6gb_otoku .otoku_price_area{
	max-width: none;
  }
  .plan6gb_otoku .otoku_price.small .price strong{
	font-size:  5.2rem;
  }
  .plan6gb_otoku .otoku_price_area .otoku_price.small {
	margin: 10px 0 10px auto;
	padding-top: 0;
}
  .plan6gb_otoku .otoku_price:last-child{
	font-size:  3.2rem;
	background: #fff;
	padding: 50px 70px;
	border-radius: 20px;
	margin: 0 auto;
  }
  .plan6gb_otoku .otoku_price:last-child:before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	right: auto;
	top: 50%;
	left: -12px;
	transform: translateY(-50%);
	background: url(../img/common/icon_otoku_arrow_green2022.svg) no-repeat center center/ contain;
  }
  .plan6gb_otoku .otoku_price:last-child:after{
	top: 17%;
	left: auto;
	right: 12%;
  }
  .plan6gb_otoku .otoku_price:last-child .price strong{
	font-size:  9.7rem;
	line-height: 32px;
  }
  .plan6gb_otoku .otoku_price .price strong{
	margin-right: 5px;
  }
  .plan6gb_otoku .otoku_price .price strong::after{
	content: none;
  }
  .plan6gb_otoku .otoku_price:last-child .price::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	bottom: -16px;
	left: 0;
  }

  @media only screen and (max-width: 1020px) {

	.plan6gb_otoku .otoku_price_area{
		display: block;
	}
	.plan6gb_otoku .otoku_price_area .otoku_price.small {
		margin: 10px auto;
	}
	.plan6gb_otoku .otoku_price:last-child {
		max-width: 90%;
	  }
	.plan6gb_otoku .otoku_price:last-child:before {
		top: -20px;
		left: 50%;
		transform: translate(-50%,0) rotate(90deg);
	  }
  }

  @media only screen and (max-width: 736px) {

	.plan6gb_otoku .otoku_price.small .price strong{
		font-size:  3.4rem;
	  }
	.plan6gb_otoku .otoku_price:last-child .price strong{
		font-size:  6.2rem;
	}
	.plan6gb_otoku .otoku_price:last-child{
		padding: 30px 0;
	}

  }

  /* year_otoku */
  .year_otoku{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 3em 2em;
  }
  .year_otoku > div{
	width: 44%;
	margin-bottom: 2em;
  }
  .year_otoku > .otoku_price{
	width: 56%;
  }
  .year_otoku dl{
	font-size:  2.0rem;
	margin: 10px auto;
	line-height: 1;
  }
  .year_otoku dl dd .price{
	font-size:  1.7rem;
  }
  .year_otoku dl dd .price strong{
	font-size:  5.2rem;
  }
  .year_otoku .price-down{
	text-align: right;
	margin: 20px 100px -20px 0;
  }
  .year_otoku .price-down span{
	font-size:  1.5rem;
	font-weight: 400;
	color: #fff;
	background: #EA6068;
	padding: 1em;
	text-align: center;
	position: relative;
	display: inline-block;
	margin: 0 10px 28px auto;
  }
  .year_otoku .price-down span:after{
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 77.5px 0 77.5px;
	border-color: #EA6068 transparent transparent transparent;
  }
  .year_otoku .price-down span strong{
	font-size:  2.4rem;
	font-weight: 400;
  }
  .year_otoku .otoku_price{
	font-size:  3.2rem;
	background: #fff;
	padding: 50px 0;
	border-radius: 20px;
	text-align: center;
  }
  .year_otoku .otoku_price:before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	right: auto;
	top: 50%;
	left: -12px;
	transform: translateY(-50%);
	background: url(../img/common/icon_otoku_arrow_green2022.svg) no-repeat center center/ contain;
  }
  .year_otoku .otoku_price:after{
	top: 33%;
	left: auto;
	right: 12%;
  }
  .year_otoku .otoku_price .price{
	margin: 1em 0;
  }
  .year_otoku .otoku_price .price strong{
	font-size:  9.7rem;
	line-height: 32px;
  }
  .year_otoku .otoku_price .price strong{
	margin-right: 5px;
  }
  .year_otoku .otoku_price .price strong::after{
	content: none;
  }
  .year_otoku .otoku_price .price::before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	bottom: -16px;
	left: 0;
  }
  .year_otoku .otoku_price .price::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 37px;
	right: auto;
	top: -41%;
	right: 0;
	background: url(../img/common/ico_dot2022.svg) no-repeat center center/ contain;
}
.year_otoku .otoku_price:after{
	content: none;
}
  @media only screen and (max-width: 1020px) {
	.year_otoku{
		padding: 5%;
	}
	.year_otoku > div{
		max-width: 360px;
		margin: 0 auto 2em;
	}
	.year_otoku > div,
	  .year_otoku > .otoku_price{
		width: 100%;
	  }
	  .year_otoku .price-down{
		margin: 20px 50px 20px 0;
	  }
	  .year_otoku .otoku_price .price{
		display: inline-block;
	  }
	  .year_otoku .otoku_price:before {
		top: -20px;
		left: 50%;
		transform: translate(-50%,0) rotate(90deg);
	  }
  }
  @media only screen and (max-width: 736px) {

	.year_otoku dl{
		font-size:  1.7rem;
	}
	.year_otoku dl dt,
	.year_otoku dl dd{
		margin-bottom: 15px;
	}
	.year_otoku > div{
		max-width: 280px;
		margin: 0 auto 1em;
	  }
	  .year_otoku > .otoku_price{
		max-width: 300px;
		margin: 0 auto 1em;
	  }
	.year_otoku .price-down{
		margin: 20px 5% 20px 0;
	  }
	  .year_otoku dl dd .price strong{
		font-size:  2.8rem;
	  }
	.year_otoku .otoku_price{
		padding: 30px 10px;
		font-size:  2.0rem;
	}
	.plan6gb_otoku .otoku_price:last-child{
		font-size:  2.0rem;
	}

	  .year_otoku .otoku_price .price strong{
		font-size:  6.2rem;
	  }
	  .year_otoku .otoku_price .price::after {
		width: 33px;
		height: 30px;
	}
  }

  /* col2_text */
  .col2_text{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
  }
  .col2_text .basic_title01{
	width: 100%;
  }
  .col2_text .btn_base{
	width: 30%;
  }
  .col2_text p:not(.btn_base){
	width: 66%;
	margin-left: 1em;
  }
  
  @media only screen and (max-width: 1220px) {
	.col2_text .btn_base,
	.col2_text p:not(.btn_base){
		width: 100%;
	  }
	  .col2_text .btn_base{
		margin-top: 20px;
	  }
	  .col2_text .info_link{
		margin-top: 20px;
	  }
  }

  /* figure.arrow */
  figure.arrow{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 100px;
  }
  figure.arrow:after{
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	right: auto;
	top: auto;
	left: 50%;
	bottom: 0;
	transform: translateY(-50%) rotate(90deg);
	background: url(../img/common/icon_otoku_arrow_green2022.svg) no-repeat center center/ contain;
  }

  /* service_link_list */
  .service_link_list{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
  }

  .service_link_list li{	
	width: 100%;
	margin-right: 1%;
  }
  .service_link_list li a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	font-size:  1.6rem;
	text-align: center;
	line-height: 1.4;
	text-decoration: none;
	background: #fff;
	border-radius: 40px;
	padding: 1em;
	box-shadow: 0 3px 0 #88A302;
	height: 100%;
	transition: all .3s;
  }
  .service_link_list li a:hover{
	opacity: .9;
	box-shadow: 0 0 0 #88A302;
	transform: translateY(5px);
  }
  .service_link_list li a:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	right: 4%;
	background: url(../img/common/icon_circle_arrow_white2022.svg) center no-repeat;
	background-size: contain;
  }
  .service_link_list li a p{
	font-size:  1.6rem;
	display: block;
  }
  .service_link_list li a p span{
	font-size:  2.4rem;
	display: block;
  }

  .service_link_list li a img {
  	width: 100%;
  	max-height: 60px;
	margin-bottom: 10px;
  }

  .service_link_list li:nth-child(2) a img {
	max-height: 70px;
}


  .service_link_list li:first-child {
	flex-basis: 200%;
  }
  .service_link_list li:first-child p {
  	text-align: left;
  }
  .service_link_list li:first-child p span{
	font-size:  2.4rem;
  	padding-top: .5em;
  }

  .service_link_list li:first-child a {
  	flex-wrap: nowrap;
  }

  .service_link_list li:first-child a img {
		width: 74px;
		max-height: inherit;
	  margin-right: 10px;
	  margin-bottom: 10px;
  }

  .service_link_list li:last-child {
  	margin-right: 0;
  }

  @media only screen and (max-width: 736px) {
	.service_link_list{
		flex-wrap: wrap;
		justify-content: space-between;
	  }
	  .service_link_list li  {
		width: 48%;
		margin-right: 0;
		margin-bottom: 6%;
	}
	  .service_link_list li a {
		border-radius: 30px;
	}
	  .service_link_list li:first-child  {
		width: 100%;
	}
  }

/* ----------------------------------------*/
/*option
----------------------------------------*/

.option_btn_block{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.option_btn_block .btn_security{
	margin-right: 20px;
}
.option_btn_block .btn_security:nth-child(3n){
	margin-right: 0;
}
.option_btn_block .btn_security:last-child{
	margin-bottom: 1em;
}
.option_btn_block .btn_security a,
.option_btn_block .btn_security > span{
	width: 320px;
	min-width: 320px;
	font-size:  1.1rem;
	display: block;
	height: 100%;
	line-height: 1.2;
}
.option_btn_block .btn_security a .btn_security_2col span > strong,
.option_btn_block .btn_security > span .btn_security_2col span > strong{
	font-size:  2.4rem;
}
.btn_security a .btn_security_2col span,
.btn_security > span .btn_security_2col span{
	font-size:  1.8rem;
	text-align: left;
}
.btn_security a .btn_security_2col span.txt_l span,
.btn_security > span .btn_security_2col span.txt_l span{
	font-size:  1.5rem;
}
.btn_security a .btn_security_2col span.txt_l,
.btn_security > span .btn_security_2col span.txt_l{
	font-size:  2.9rem;
	font-weight: bold;
}
@media only screen and (max-width: 1020px) {
	.option_btn_block{
		justify-content: center;
	}
	.option_btn_block .btn_security,
	.option_btn_block .btn_security:nth-child(3n){
		margin-right: 0;
		margin-bottom: 2em;
	}
	.option_btn_block .btn_security:nth-child(odd){
		margin-right: 20px;
	}
}
@media only screen and (max-width: 736px) {

	.table_scroll .table_base {
		width: 180vw;
	}
	.option_btn_block .btn_security:nth-child(odd){
		margin-right: 0;
	}
	.table_scroll.table_option .scroll_bar .scroll-in,
	.table_scroll.table_option .table_base{
		width: 600px;
	}
	.table_scroll.table_option .table_base th{
		min-width: 160px;
	}
	.option_btn_block .btn_security a,
	.option_btn_block .btn_security > span{
		width: 300px;
		min-width: 300px;
		border-radius: 20px;
	}
}

/* ----- option_service ----- */
/* option_mv */
.option_mv{
	position: relative;
	background: url(../img/option/mv_option2022.jpg) no-repeat center center/ cover;
	height: 0;
	padding-top: 45.4%;
	position: relative;
	z-index: 0;
}
.option_mv .ttl01{
	position: absolute;
	max-width: 80%;
	top: 0;
	left: 10%;
	z-index: 1;
}

/* option_service_mv */
.option_service_mv{
	background: linear-gradient(to bottom, #FFF, #EFF1F4);
	padding-bottom: 50px;
}
.option_service_mv .option_price_block{
	background: #fff;
	box-shadow: 0 0 40px rgb(0 0 0 / 16%);
	border-radius: 30px;
	max-width: 850px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding: 50px;
}


.option_service_mv .option_price{
	font-size:  2.4rem;
	font-weight: bold;
	text-align: center;
}
.option_service_mv .option_price strong{
	color: #EA6068;
	font-size:  3.4rem;
	font-weight: normal;
	position: relative;
	padding-bottom: 0.5em;
	margin-left: 1em;
	display: inline-block;
	line-height: 1;
}
.option_service_mv .option_price strong:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	left: 0;
	bottom: 0;
}
.option_service_mv .option_price strong span{
	font-size:  10.0rem;
	font-weight: bold;
}

.option_service_mv .option_price_block .ttl-img{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 0;
	padding-top: 25%;
	bottom: 100%;
	right: 0;
	z-index: -1;
}


.option_service_mv .option_price_block .ttl-img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




@media only screen and (max-width: 736px) {
	.option_mv{
		background: url(../img/option/sp_mv_option2022.jpg) no-repeat center center/ cover;
		padding-top: 85.3%;
	}
	.option_mv .ttl01{
		max-width: none;
		width: 90%;
		left: 4%;
	}
	.option_mv .ttl01::before{
		width: 100px;
		height: 100px;
		background-size: cover;
	}
	.option_mv .ttl01 >*{
		font-size:  3.0rem !important;
		margin-top: 20px;
	}

	.option_service_mv{
		padding: 30px 10px;
	}
	.option_service_mv .option_price_block{
		padding: 20px 10px;
		margin-top: 30%;
	}
	.option_service_mv .option_price{
		font-size:  1.8rem;
	}
	.option_service_mv .option_price strong{
		font-size:  2.3rem;
		margin-left: 0;
	}
	.option_service_mv .option_price strong span{
		font-size:  6.0rem;
	}

	.option_service_mv .option_price_block .ttl-img{
		right: 50%;
		transform: translateX(50%);
	}
}

.option_service{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 60px;
}
.option_service .option_service_txt{
	width: 60%;
}
.option_service .option_service_txt .option_service_ttl{
	font-size:  2.4rem;
	font-weight: bold;
	padding-left: 3.5em;
	margin-bottom: 20px;
	position: relative;
}
.option_service .option_service_txt .option_service_ttl::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	margin-right: 10px;
	width: 3em;
	height: 3em;
	background: url(../img/option/icon_option_qtmobile.png) center no-repeat;
	background-size: contain;
}
.option_service .option_service_txt .option_service_ttl+p{
	margin-left: 84px;
}
.option_service .option_service_txt .option_service_txt_free{
	font-size:  2.4rem;
}
.option_service .option_service_txt .option_service_txt_free span{
	font-size:  3.2rem;
	font-weight: bold;
}
.option_service .option_service_txt .option_service_txt_free strong{
	font-size:  4.8rem;
	font-weight: bold;
	color: #EA6068;
	position: relative;
	padding-bottom: 5px;
	margin-right: 5px;
}
.option_service .option_service_txt .option_service_txt_free strong:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	left: 0;
	bottom: 0;
}
.option_service .option_service_ph{
	width: 30%;
	text-align: center;
}
.option_service .option_service_ph.free{
	width: 38%;
	text-align: center;
}
.option_service .app_block{
	width: 100%;
}

/* table_base table_option */
.table_base.table_option tbody th{
	width: 30%;
} 
.table_base.table_option tbody th ul{
	list-style: disc;
	text-align: left;
	padding-left: 1.5em;
	margin-top: 1em;
} 
.table_base.table_option tbody th .font13{
	text-align: left;
	display: block;
} 

@media only screen and (max-width: 1020px) {
	.option_service{
		padding: 20px;
	}
	.option_service .option_service_ph,
	.option_service .option_service_txt{
		width: 100%;
	}
	.option_service .option_service_ph.free{
		width: 100%;
		margin: 20px auto 30px;
	}
	.option_service .option_service_txt .option_service_ttl{
		text-align: center;
		padding-left: 0;
		padding-top: 3.5em;
	}
	.option_service .option_service_txt .option_service_ttl::before{
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		margin-bottom: 10px;
		margin-right: 0;
	}
	.option_service .option_service_txt .option_service_ttl+p{
		margin-left: 0;
		max-width: 400px;
		margin: 0 auto;
	}
	.option_service .option_service_txt .option_service_ttl{
		font-size:  2.0rem;
	}
	.option_service .option_service_txt .option_service_txt_free{
		font-size:  2.0rem;
		max-width: 230px;
		margin: 0 auto 20px;
	}
	.option_service .fukidashi >span{
		display: inline-block;
		padding: .5em 2em;
	}

	/* table_base table_option */
	.table_base.table_option tbody th{
		width: auto;
	} 
	.table_base.table_option tbody th .font13{
		text-align: center;
		font-size:  1.2rem !important;
	} 
}

/* option_contents */
.option_contents .ttl02{
	margin-top: 100px;
}

@media only screen and (max-width: 736px) {
	.option_contents .ttl02{
		margin-top: 60px;
	}
}

/* app_block */
.app_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 20px;
	max-width: 60%;
	padding: 20px 50px 30px;
	margin: 0 auto;
}
.app_block >p{
	width: 100%;
}
.app_block ul{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.app_block ul li{
	margin: 10px 5px;
}
.app_block ul li a img{
	max-height: 60px;
}

@media only screen and (max-width: 736px) {
	.app_block{
		max-width: none;
		flex-wrap: wrap;
		padding: 20px;
	}
	.app_block ul{
		flex-wrap: wrap;
		justify-content: center;
	}
	.app_block ul li{
		width: 100%;
		text-align: center;
	}
	.app_block ul li a img{
		max-width: 216px;
		max-height: inherit;
	}

}

/* ----------------------------------------*/
/*shop
----------------------------------------*/


@media only screen and (max-width: 736px) {
	.shop_detail_block .shop_detail_ph{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}
	.shop_detail_block .btn_base a{
		min-width: 260px;
	}
}



.shop_block{
	background: #EFF2E4;
	padding: 50px;
	margin-bottom: 0;
}
.shop_block .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.shop_block .shop_txt{
	width: 50%;
}
.shop_block .shop_txt .ttl_deco{
	text-align: center;
}
.shop_block .shop_txt .ttl_deco::before,
.shop_block .shop_txt .ttl_deco::after{
	background-position: left 80%;
}
.shop_block .shop_txt p{
	font-size:  3.1rem;
	font-weight: bold;
	text-align: center;
}
.shop_block .shop_txt p strong{
	color: #EA6068;
	font-size:  6.4rem;
	position: relative;
	margin-right: 5px;
}
.shop_block .shop_txt p strong:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 6px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	left: 0;
	bottom: 0;
}
.shop_block .shop_ph{
	width: 50%;
	text-align: center;
}

@media only screen and (max-width: 736px) {
	.shop_block .shop_txt p{
		font-size:  2.4rem;
	}
	.shop_block .shop_txt .ttl_deco.black{
		padding: 0;
	}
	.shop_block .shop_txt .ttl_deco::before{
		left: -3em;
	}
	.shop_block .shop_txt .ttl_deco::after{
		right: -3em;
	}
	.shop_block .shop_txt .ttl_deco.black >*{
		font-size:  2.4rem !important;
	}
	.shop_block .shop_txt p strong{
		font-size:  4.2rem;
	}
	.shop_block .shop_txt,
	.shop_block .shop_ph{
		width: 100%;
		margin-bottom: 20px;
	}
}

/* shop_todo_block */
.shop_todo_block{
	background: #AACC03;
	padding: 50px;
	margin-bottom: 0;
}

.shop_todo_block .ttl02:before{
	background: #fff;
}

.shop_todo_list{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	width: 100%;
    margin: 0 auto;
}
.shop_todo_list li{
	width: 150px;
	padding: 10px;
	margin: 0 1% 1em 0;
	background: #fff;
	border-radius: 10px;
	text-align: center;
	position: relative;
}
/*.shop_todo_list li:nth-child(6n){
	margin-right: 0;
}*/
.shop_todo_list li.off{
	overflow: hidden;
}
.shop_todo_list li.off:before{
	content: "";
	display: block;
	width: 110%;
	height: 110%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #A2A980;
	opacity: 0.8;
}

@media only screen and (max-width: 736px) {
	.shop_todo_list{
		width: 100%;
	}
	.shop_todo_block{
		padding: 20px 10px;
	}
	.shop_todo_block .inner{
		width: 100%;
	}
	.shop_todo_list li{
		width: 32%!important;
		margin: 0 2% 2% 0;
	}
	.shop_todo_list li:nth-child(3n),
	.shop_todo_list li:nth-child(6n){
		margin-right: 0;
	}
	.shop_todo_list li p{
		font-size:  1.0rem;
	}
}

/* shop_list */
.shop_list{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.shop_list li{
	width: 49%;
	margin: 0 2% 1em 0;
}
.shop_list li:nth-child(2n){
	margin-right: 0;
}
.shop_list li a{
	display: block;
	height: 100%;
	text-decoration: none;
	border: 2px solid #000;
	border-radius: 30px;
	padding: 2em 4em 2em 1.5em;
	position: relative;
}
.shop_list li a:after{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/common/icon_circle_arrow_black2022.svg) center no-repeat;
	background-size: contain;
	transition: all .3s;
}
.shop_list li a:hover:after{
	right: 3%;
}
.shop_list li a .shop_name{
	font-size:  2.6rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.shop_list li a .shop_address{
	font-size:  1.8rem;
	font-weight: 500;
	margin-bottom: 10px;
}

@media only screen and (max-width: 736px) {
	.shop_list li{
		width: 100%;
		margin: 0 0 1em 0;
	}
	.shop_list li a .shop_name{
		font-size:  1.6rem;
	}
	.shop_list li a .shop_address{
		font-size:  1.4rem;
	}
}

.shop_list li a .parking,
.table_base.table_shop .parking{
	font-size:  1.3rem;
	background: #DEE1E5;
	padding: .3em 1em;
	border-radius: 120px;
}
.shop_list li a .parking:before,
.table_base.table_shop .parking:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/shop/icon_parking.svg) center no-repeat;
	background-size: contain;
}

/* table_shop */
.table_base.table_shop .font14{
	display: block;
}
.table_base.table_shop .map_link a{
	color: #0073BC;
	position: relative;
	text-decoration: none;
}
.table_base.table_shop .map_link a::after{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-left: .5em;
	background: url(../img/common/icon_linkblank_arrow_blue2022.svg) no-repeat center center/ contain;
}


@media only screen and (max-width: 736px) {
	.table_base.table_shop tbody th{
		width: 30%;
	}
}


/* --------------------------

QTモバイル 出張店舗
/shop/satellite/

-------------------------- */

/* shop_satellite */
.shop_satellite{
	display: flex;
	flex-wrap: wrap;
}
.shop_satellite .shop_satellite_inner{
	width: 50%;
}

@media only screen and (max-width: 736px) {
	.shop_satellite .shop_satellite_inner{
		width: 100%;
	}
}

/* anchor_list.satellite */
.anchor_list.satellite li{
	width: auto;
}





/* consultation_block */
.consultation_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.consultation_block >div{
	width: 48%;
	background: #EFF1F4;
	border-radius: 30px;
	padding: 20px 10px;
}
.consultation_block >div .consultation_top{
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 30px;
}
.consultation_block >div .consultation_top::after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8px 0 8px;
	border-color: #707070 transparent transparent transparent;
}
.consultation_block >div .consultation_top figure{
	width: 77px;
	margin: 10px 20px;
}
.consultation_block >div .consultation_bottom{
	background: #fff;
	border-radius: 30px;
	padding: 20px 15px;
}
.consultation_block >div .consultation_bottom p{
	font-weight: bold;
	margin-bottom: 0;
}

@media only screen and (max-width: 736px) {
	.consultation_block >div{
		width: 100%;
		margin-bottom: 20px;
	}
	.consultation_block >div .consultation_top{
		align-items: flex-start;
	}
	.consultation_block >div .consultation_top figure {
		width: 92px;
		margin: 0 10px;
	}
}


/* .customer_voice_block */
.customer_voice_block{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.customer_voice_block >div{
	width: 48%;
	border-radius: 30px;
	padding: 40px 10px 0;
	border: 4px solid #83B902;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	overflow: hidden;
}
.customer_voice_block >div p{
	font-size:  1.8rem;
	line-height: 2;
	margin: 0 5% 2em;
	width: 70%;
	align-self: flex-start;
}
.customer_voice_block >div figure{
	width: 20%;
	margin-bottom: -2px;
}
 
@media only screen and (max-width: 736px) {
	.customer_voice_block >div{
		width: 100%;
		margin-bottom: 20px;
		padding-top: 0;
	}
	.customer_voice_block >div p{
		width: 90%;
		margin: 1em auto 0;
	}
	.customer_voice_block >div figure{
		width: 35%; 
		margin-left: auto;
	}
}

/* voice_block */
.voice_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.voice_block figure{
	width: 30%;
	text-align: center;
	margin-right: 2%;
	border-radius: 10px;
	overflow: hidden;
}
.voice_block .voice_txt{
	width: 64%;
	border: 1px solid #707070;
	border-radius: 13px;
	padding: 30px 20px;
	background: #fff;
	z-index: 0;
	position: relative;
}
.voice_block .voice_txt:before{
	content: "";
	display: inline-block;
	width: 1em;
	height: 2em;
	position: absolute;
	left: -.9em;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/common/voice_arrow2022.svg) no-repeat center center/ contain;
	z-index: -1;
}
.voice_block .voice_txt p{
	font-size:  1.8rem;
	line-height: 2;
	margin-bottom: 0;
}

@media only screen and (max-width: 736px) {
	.voice_block{
		flex-direction: column-reverse;
	}
	.voice_block figure{
		width: 100%;
	}
	.voice_block .voice_txt{
		width: 100%;
		margin-bottom: 20px;
	}
	.voice_block .voice_txt p{
		line-height: inherit;
	}
	.voice_block .voice_txt:before{
		content: "";
		display: inline-block;
		top: auto;
		bottom: -1.35em;
		left: 50%;
		transform: translate(-50%, 0) rotate(-90deg);
	}
}

/* shop_item_list */
.shop_item_list{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}
.shop_item_list li{
	width: auto;
	max-width: 150px;
	text-align: center;
	padding: 3px 3px 10px;
	margin: 0 2% 1em 0;
	border: 1px solid #000;
	border-radius: 10px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
.shop_item_list li.telnumber p,
.shop_item_list li.bbiqmember p{
	width: 100%;
	font-size: .8rem;
	text-align: center;
	border-radius: 10px;
	padding: .1em .2em;
	background: #A5CC38;
	padding: 0.3em 0.1em;
}


@media only screen and (max-width: 736px) {
	.shop_item_list li{
		width: 46%;
		max-width: none;
		margin: 0 4% 3% 0;
	}

}


/* slide_terminal */
/* slide_accessory */
.slide_terminal .slick-list{
	margin-left: -6px;
}
.slide_terminal .terminal-list-items{
	margin: -12px 12px 0 -12px;
}
.slide_terminal .terminal-list-items .terminal-list-item{
	width: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
.slide_terminal .terminal-list-items .terminal-list-item a{
	text-decoration: none;
}
.slide_terminal .terminal-list-btn-link{
	border: 0;
}
.slide_terminal .slick-prev,
.slide_accessory .slick-prev{
	width: 60px;
	height: 60px;
	z-index: 10;
	left: -75px;
}
.slide_terminal .slick-prev:before,
.slide_accessory .slick-prev:before{
	content: "";
	display: block;
	background: url(../img/common/slick_arrow_prev2022.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	z-index: 10;
	opacity: 1;
}
.slide_terminal .slick-next,
.slide_accessory .slick-next{
	width: 60px;
	height: 60px;
	z-index: 10;
	right: -60px;
}
.slide_terminal .slick-next:before,
.slide_accessory .slick-next:before{
	content: "";
	display: block;
	background: url(../img/common/slick_arrow_next2022.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	z-index: 10;
	opacity: 1;
}
.slide_terminal  .slick-dots,
.slide_accessory  .slick-dots{
	bottom: -45px;
}

.slide_terminal .slick-dots li button,
.slide_accessory .slick-dots li button{
	width: 10px;
	height: 10px;
	background: #000;
}
.slide_terminal .slick-dots li.slick-active button,
.slide_accessory .slick-dots li.slick-active button{
	background: #AACC03;
}
.slide_terminal .slick-dots li button:before,
.slide_accessory .slick-dots li button:before{
	content: none;
}

@media only screen and (max-width: 1200px){
	.slide_terminal .slick-prev,
	.slide_accessory .slick-prev{
		left: 0;
	}
	.slide_terminal .slick-next,
	.slide_accessory .slick-next{
		right: 0;
	}

}
@media only screen and (max-width: 736px){
	.slide_terminal{
		overflow: hidden;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}
	.slide_terminal .terminal-list-items{
		margin: 0;
	}
	.slide_terminal .terminal-list-items .terminal-list-item a{
		width: 90%;
		margin: 0 auto;
	}
	.slide_terminal  .slick-dots{
		position: relative;
		bottom: 0;
		margin: 10px 0;
	}
	.slide_terminal .slick-prev,
	.slide_accessory .slick-prev{
		width: 30px;
		height: 30px;
		top: 35%;
	}
	.slide_terminal .slick-next,
	.slide_accessory .slick-next{
		width: 30px;
		height: 30px;
		top: 35%;
	}
	.slide_terminal .slick-prev:before,
	.slide_terminal .slick-next:before,
	.slide_accessory .slick-prev:before,
	.slide_accessory .slick-next:before{
		width: 30px;
		height: 30px;
	}
}


/* ----------------------------------------*/
/*member
----------------------------------------*/

/* member_support_list */
.member_support_list{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}
.member_support_list li{
	width: 23%;
	max-width: 240px;
	margin: 0 2% 1em 0;
}
.member_support_list li:nth-child(4n){
	margin-right: 0;
}
.member_support_list li a{
	display: block;
	height: 100%;
	text-align: center;
	text-decoration: none;
	padding: 30px 20px 20px;
	border: 2px solid #000;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	background: #fff;
	border-radius: 30px;
	transition: all .3s;
}
.member_support_list li a:hover{
	transform: translateY(-5px);
}
.member_support_list li a p{
	font-size:  2.0rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-top: 20px;
}
.member_support_list li [target=_blank] p:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1em;
	height: 1em;
	background: url(../img/common/icon_linkblank_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 736px){
	.member_support_list li{
		width: 46%;
		margin: 0 4% 3% 0;
	}
	.member_support_list li:nth-child(2n){
		margin-right: 0;
	}
	.member_support_list li a p{
		font-size:  1.3rem;
	}
	
}

/* slide_contents.member */

.slide_contents.member div{
	display: block;
	padding: 6px;
}
.slide_contents.member div figure a{
    box-shadow: 0 0 10px rgba(0,0,0,.16);
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
.slide_contents.member div figure a img{
	padding: 0;
}


@media only screen and (max-width: 736px){
	.slide_contents.member{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}
	
}

/* bnr_member */

.bnr_member{
	max-width: 380px;
	margin: 0 auto;
}
.bnr_member a{
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 30px 20px 20px;
	border: 2px solid #000;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	border-radius: 10px;
	background: #fff;
	transition: all .3s;
}
.bnr_member a p{
	font-weight: bold;
}
.bnr_member a:hover{
	transform: translateY(-5px);
}
.bnr_member [target=_blank] p:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	width: 1em;
	height: 1em;
	background: url(../img/common/icon_linkblank_arrow_black2022.svg) center no-repeat;
	background-size: contain;
}


/* list-circle */
.list-circle.col2{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 650px;
	margin: 0 auto;
	line-height: 2;
}
.list-circle.col2 li{
	width: 30%;
	padding-left: 1em;
	position: relative;
}
.list-circle.col2 li:before{
	content: "";
	width: 4px;
	height: 4px;
	display: inline-block;
	vertical-align: middle;
	background: #AACC03;
	margin-right: 10px;
}
@media only screen and (max-width: 736px){
	.member_btns_block{
		padding: 1.5em 1em;
	}
	.list-circle.col2 li{
		width: 100%;
	}
	
}


.giga_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.giga_block .giga_block_txt{
	width: 40%;
}
.giga_block .giga_block_txt p:not(.fukidashi){
	font-size:  2.4rem;
	font-weight: bold;
	line-height: 2;
}
.giga_block .giga_block_txt p:not(.fukidashi) strong{
	color: #EA6068;
	font-size:  2.8rem;
	font-weight: bold;
	margin: 0 5px;
	position: relative;
	padding-bottom: 5px;
}
.giga_block .giga_block_txt p:not(.fukidashi) strong:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	left: 0;
	bottom: 0;
}
.giga_block .giga_block_ph{
	width: 40%;
	text-align: center;
}
.giga_block .btn_block,
.giga_block .txt_link{
	width: 100%;
}

@media only screen and (max-width: 1020px){
	.giga_block{
		padding: 3em 1em;
	}
	.giga_block .giga_block_txt p:not(.fukidashi){
		font-size:  1.8rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.giga_block .giga_block_txt p:not(.fukidashi) strong{
		font-size:  2.4rem;
		line-height: inherit;
	}
	.giga_block .giga_block_txt,
	.giga_block .giga_block_ph{
		width: 100%;
	}
	
}


/*news_block
------------------------------------------- */
.news_block >div{
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-auto-rows: 1fr 3fr;
}
.news_block .news_block_ttl{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-size:  4.2rem;
	font-weight: bold;
	position: relative;
	padding-top: 0.7em;
	margin-bottom: 60px;
	text-align: left;
}
.news_block .news_block_ttl::after{
	content: "";
	position: absolute;
	display: block;
	height: 45px;
	width: 39px;
	left: auto;
	top: 8%;
	right: 14%;
	background: url(../img/common/ico_dot2022.svg) no-repeat center center/ contain;
}
.news_block .news_block_btn{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.news_block .news_wrap{
	grid-column: 2 / 4;
	grid-row: 1 / 4;
	margin-left: 30px;
	padding: 10px;
}
.news_block .news_list li a{
	text-align: left;
	text-decoration: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DEE1E5;
	display: block;
}

.news_block .news_list li a p{
	font-size:  1.6rem;
	line-height: 1.8;
	padding-right: 40px;
	position: relative;
}
.news_block .news_list li a p:not(.date_post)::after{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
	transition: all .3s;
}

.news_block .news_list li a:hover p:not(.date_post)::after{
	right: .5em;
}
.news_block .news_list li a .date_post{
	margin-bottom: 18px;
}
.news_block .news_list li a p .news_category{
	font-size:  1.3rem;
	color: #DEE1E5;
	background: #fff;
	border: 2px soid #DEE1E5;
	padding: .4em 1em;
	margin-left: 10px;
	border-radius: 15px;
	display: inline-block;
}
.news_block .news_list li a p .news_category.press{
	color: #3d43a3;
	border: 2px solid #3d43a3;
}
.news_block .news_list li a p .news_category.simd{
	color: #cb1a17;
	border: 2px solid #cb1a17;
}
.news_block .news_list li a p .news_category.sima{
	color: #ff6000;
	border: 2px solid #ff6000;
}
.news_block .news_list li a p .news_category.sims{
	color: #5f5f5f;
	border: 2px solid #5f5f5f;
}
.news_block .news_list li a p .news_category.terminal{
	color: #00b0f0;
	border: 2px solid #00b0f0;
}
.news_block .news_list li a p .news_category.service{
	color: #85cd05;
	border: 2px solid #85cd05;
}
.news_block .news_list li a p .news_category.shop{
	color: #0eaa30;
	border: 2px solid #0eaa30;
}
.news_block .news_list li a p .news_category.others{
	color: #c98bd6;
	border: 2px solid #c98bd6;
}
.news_block .news_list li a p .ico-new{
	font-size:  1.6rem;
	font-weight: bold;
	background: #C03D5F;
}

@media screen and (max-width: 736px){
	.news_block >div{
		grid-template-columns: 1fr;
		grid-auto-rows: 120px 1fr 100px;
	}
	.news_block .news_block_ttl{
		font-size:  3.0rem;
		text-align: center;
		padding-top: 50px;
		margin-bottom: 20px;
	}
	.news_block .news_block_ttl:after{
		right: 50%;
		transform: translateX(50%);
	}
	.news_block .news_wrap{
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		margin-left: 0;
	}
	.news_block .news_list li a p .news_category{
		font-size:  1.2rem;
	}
	.news_block .news_list li a .date_post{
		font-size:  1.5rem;
	}
	.news_block .news_list li a p:not(.date_post){
		padding-right: 10px;
	}
	.news_block .news_list li a p:not(.date_post)::after{
		right: 0;
	}
	.news_block .news_block_btn{
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
}

/* newsページ */
/* news_page */
.news_block.news_page >div{
	display: block;
}
.news_block.news_page .news_wrap{
	margin-left: 0;
	padding: 0;
}
.news_block.news_page .news_wrap .news_list li a p .ico-new{
	color: #C03D5F;
	background: none;
	margin-left: 1em;
}

.news_block.news_page .news_ttl{
	font-size:  1.8rem;
	font-weight: normal;
	border-left: 4px solid #AACC03;
	text-align: left;
	padding-left: 0.5em;
	background: none;
}
.news_block.news_page .news_ttl h2{
	padding-bottom: 0;
}

/* base.css上書き */
.news_detail.news_page .category{
	text-align: center;
	border: none;
	font-size:  1.3rem;
	background: #DEE1E5;
	padding: 0.4em 1em;
	margin-left: 10px;
	border-radius: 15px;
	display: inline-block;
}

@media screen and (max-width: 736px){
	.news_block.news_page .news_ttl{
		margin-bottom: 30px;
	}
}

/* + noselect
------------------------------------------- */
.noselect{
	position: relative;
	z-index: 0;
}
.noselect::before{
	content: "";
	display: block;
	width: 106%;
	height: 130%;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -2.5%;
	background: rgba(255,255,255,.9);
	z-index: 1;
}

/* #inline-wrap */
/* skin_shop上書き */
#inline-wrap{
	width: 90%;
}

@media screen and (max-width: 1200px){
	#inline-wrap .round .inner{
		width: 90%;
	}
}


/* modal 2022ver.design
------------------------------------------- */
#inline-wrap.simple{
	max-width:960px;
	width: 90%;
	margin: 0 auto;
	display: block;
	float: none;
}
#inline-wrap.simple .round{
	border-width: 2px;
	border-radius: 10px;
	background: #EFF1F4;
}
#inline-wrap.simple .mfp-close{
	width: 43px !important;
	height: 43px !important;
	top: 20px !important;
	right: 20px !important;
	background: url(../img/common/icon_close2022.svg) center no-repeat !important;
	background-size: cover !important;
}
#inline-wrap.simple .round .inner{
	width: 90%;
}

@media screen and (max-width: 736px){
	#inline-wrap.simple .round .inner{
		padding: 30px 10px;
	}
	#inline-wrap.simple .mfp-close{
		width: 20px !important;
		height: 20px !important;
		top: 10px !important;
		right: 10px !important;
	}
}

/* --------------------------

QTモバイルは
基本サービスが充実！

-------------------------- */


/* ttl_deco */
.ttl_deco >h2{
	margin: 0 1em;
}
.ttl_deco.big::before, .ttl_deco.big::after{
	top: auto;
	bottom: 0;
	transform: none;
}
@media only screen and (max-width: 736px){
	.ttl_deco >h2{
		margin: 0;
		font-size:  2.2rem !important;
	}
}

/* compensation_block */
.compensation_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.compensation_block .compensation_block_txt{
	width: 45%;
}
.compensation_block .compensation_block_txt .compensation_txt{
	font-size:  2.4rem;
	font-weight: bold;
}
.compensation_block .compensation_block_txt .compensation_txt span{
	font-size:  3.2rem;
	font-weight: bold;
	display: inline-block;
}
.compensation_block .compensation_block_txt .compensation_txt strong{
	color: #EA6068;
	font-size:  4.8rem;
	font-weight: bold;
	margin: 0 5px;
	position: relative;
	padding-bottom: 5px;
}
.compensation_block .compensation_block_txt .compensation_txt strong:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background: #EA6068;
	position: absolute;
	left: 0;
	bottom: 0;
}
.compensation_block .compensation_block_txt .compensation_block_txt_s{
	font-size:  1.2rem;
}
.compensation_block .compensation_block_ph{
	width: 40%;
	text-align: center;
}
.compensation_block .btn_block,
.compensation_block .txt_link{
	width: 100%;
}

@media only screen and (max-width: 736px){
	.compensation_block{
		padding: 3em 1em;
	}
	.compensation_block .compensation_block_txt .compensation_txt{
		font-size:  2.7rem;
		max-width: 400px;
		margin: 0 auto;
		text-align: center !important;
	}
	.compensation_block .compensation_block_txt .compensation_txt + p{
		margin-top: 1em;
	}
	.compensation_block .compensation_block_txt .compensation_txt strong{
		font-size:  4.8rem;
		line-height: inherit;
	}
	.compensation_block .compensation_block_txt,
	.compensation_block .compensation_block_ph{
		width: 100%;
	}
	.compensation_block .compensation_block_txt .compensation_block_txt_s{
		max-width: 300px;
		margin: 20px auto;
	}
}



/* --------------------------

ご利用条件 ボタンリスト
/option/detaile/

-------------------------- */

.use-list {
	display: flex;
	position: relative;
	justify-content: center;
}

.use-list li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50%;
	border-left: 1px solid #C7C9CB;
}

.use-list li:first-child{
	border-left: none;
}

.use-list li p.btn_base.row2_txt a > span{
	font-size:  2.5rem ;
	font-weight: bold;
	line-height: 1;
	position: relative;
	display: block;
	padding-right: 1.5em;
}
.use-list li p.btn_base a > span span{
	font-size:  1.4rem;
	line-height: 1;
	display: block;
	font-weight: normal;
}

.use-list li p.btn_base.row2_txt  a > span::after{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1em;
	height: 1em;
}


@media only screen and (max-width: 736px){

	.use-list {
		display: flex;
		position: relative;
		flex-direction: column;
	}

	.use-list li{
		width: 100%;
		border-top: 1px solid #C7C9CB;
		border-left: none;
		padding-top: 20px;
		margin-top: 20px;
	}

	.use-list li:first-child{
		border-top: none;
		padding-top: 0px;
		margin-top: 0px;
	}
	

}


.txt-caution {
	color: #c40000;
	font-weight: bold;
}

.txt-caution a {
	color: #c40000;
	font-weight: bold;
}


.txt-center {
	text-align: center;
}

.txt-right{
	text-align: right;
}


.txt-bold {
	font-weight: bold;
}


.support-list {
	display: flex;
}

.support-list dt{
	margin: 10px 20px;
	max-width: 240px;
}

.support-list dd{
	margin: 10px 20px;
	max-width: 240px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.support-list dd .fin{
	opacity: .5;
}


@media only screen and (max-width: 736px){

	.support-list {
		flex-direction: column;
		align-items: center;
	}

}

/* base.css上書き */
/* main_midashi_block */
.main_midashi_block a{
	text-decoration: none;
	transition: .3s all;
}
.main_midashi_block a:hover{
	opacity: .7;
}


/* accordion_wrap */
.accordion_wrap{
	border: 2px solid #000;
	border-radius: 20px;
	background: #fff;
	position: relative;
	box-shadow: 0 4px 0 #cccccc;
}
.accordion_wrap .accordion_ttl{
	font-size:  2.0rem;
	padding: 2em;
	position: relative;
}
.accordion_wrap .accordion_ttl:before{
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: 1em;
	background: #000;
	right: 2.5em;
	top: 50%;
	transform: translateY(-50%);
}
 
.accordion_wrap .accordion_ttl:after{
	content: "";
	position: absolute;
	display: block;
	height: 1em;
	width: 2px;
	background: #000;
	right: 2.95em;
	top: 50%;
	transform: translateY(-50%);
}
 
.accordion_wrap .accordion_ttl.active:after{
	content: none;
}
 
.accordion_wrap .accordion_inner{
	padding: 0 2em 2em;
}
 
@media only screen and (max-width: 736px){
 
	.accordion_wrap .accordion_inner{
		padding: 0 1% 2em;
	}
	
}
 
/* slide_customer_voice */
.slide_customer_voice .slick-slide{
	border: 4px solid #83B902;
	border-radius: 30px;
	background: #fff;
	margin: 0 20px;
	overflow: hidden;
	width: 930px !important;
	height: auto !important;
}
.slide_customer_voice .slick-track{
    display: flex;
    align-items: stretch;
}
.slide_customer_voice .slide_customer_voice_box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 1em 0 0;
	height: 100%;
}
.slide_customer_voice .slide_customer_voice_box p{
	font-size:  1.8rem;
	line-height: 2;
	margin: 0 5% 1em;
	width: 70%;
}
.slide_customer_voice .slide_customer_voice_box figure{
	width: 20%;
}
.slide_customer_voice .slick-prev{
	width: 60px;
	height: 60px;
	z-index: 10;
	right: 50%;
	left: auto;
	margin-right: 440px;
}
.slide_customer_voice .slick-prev:before{
	content: "";
	display: block;
	background: url(../img/common/slick_arrow_prev2022.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	z-index: 10;
	opacity: 1;
}
.slide_customer_voice .slick-next{
	width: 60px;
	height: 60px;
	z-index: 10;
	left: 50%;
	right: auto;
	margin-left: 440px;
}
.slide_customer_voice .slick-next:before{
	content: "";
	display: block;
	background: url(../img/common/slick_arrow_next2022.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	z-index: 10;
	opacity: 1;
}
 
 
 
@media only screen and (max-width: 1200px){
	.slide_customer_voice .slide_customer_voice_box figure{
		align-self: flex-end;
	}
	.slide_customer_voice .slick-prev{
		left: 0;
		right: auto;
		margin-right: 0;
	}
	.slide_customer_voice .slick-next{
		right: 0;
		left: auto;
		margin-left: 0;
	}
 
}
@media only screen and (max-width: 960px){
	.slide_customer_voice .slick-slide{
		width: 630px !important;
	}
 
}
@media only screen and (max-width: 736px){
	.slide_customer_voice .slick-slide{
		margin: 0 10px;
		width: 300px !important;
	}
	
	.slide_customer_voice .slide_customer_voice_box{ 
		height: 100%;
		align-items: flex-end;
	}
	.slide_customer_voice .slide_customer_voice_box p{
		font-size:  1.4rem;
		width: 90%;
		margin: 1em auto;
		align-self: flex-start;
	}
	.slide_customer_voice .slide_customer_voice_box figure{
		width: 35%; 
		margin-left: auto;
	}
	.slide_customer_voice .slick-prev{
		width: 30px;
		height: 30px;
	}
	.slide_customer_voice .slick-next{
		width: 30px;
		height: 30px;
	}
	.slide_customer_voice .slick-prev:before,
	.slide_customer_voice .slick-next:before{
		width: 30px;
		height: 30px;
	}
}
 
 
/* staff_point_block */
.staff_point_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.staff_point_block figure{
	width: 25%;
	text-align: center;
	margin-right: 2%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.staff_point_block figure img:last-child{
	max-width: 90px;
	margin: 0 auto;
}
.staff_point_block .staff_point_txt{
	width: 73%;
	border: 2px solid #000000;
	border-radius: 13px;
	padding: 30px 40px;
	background: #fff;
	z-index: 0;
	position: relative;
}
.staff_point_block .staff_point_txt:before{
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 2.5em;
	position: absolute;
	left: -1.25em;
	top: 70%;
	transform: translateY(-50%);
	background: url(../img/common/staff_point_arrow2022.svg) no-repeat center center/ contain;
	z-index: -1;
}
.staff_point_block .staff_point_txt p{
	font-size:  1.6rem;
	line-height: 2;
	margin-bottom: 0;
}
 
@media only screen and (max-width: 736px) {
	.staff_point_block figure{
		width: 100%;
		max-width: 340px;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.staff_point_block .staff_point_txt{
		width: 100%;
		padding: 25px 20px;
		margin-bottom: 20px;
	}
	.staff_point_block .staff_point_txt p{
		line-height: inherit;
	}
	.staff_point_block .staff_point_txt:before{
		content: "";
		display: inline-block;
		bottom: auto;
		top: -1.75em;
		left: 10%;
		transform: rotate(90deg);
	}
}
 
 
 
/* list_support_compensation_block */
.list_support_compensation_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
}
.list_support_compensation_block:before{
	content: "";
	display: inline-block;
	width: 2.4em;
	height: 2.5em;
	position: absolute;
	top: -.3em;
	right: 10%;
	transform: translateY(-50%);
	background: url(../img/common/arrow_lightgreen2022.svg) no-repeat center center/ contain;
	z-index: -1;
}
.list_support_compensation_block .list_support_compensation_block_txt{
	width: 49%;
	font-size:  1.6rem;
}
.list_support_compensation_block .list_support_compensation_block_txt .list_support_compensation_block_ttl{
	font-size:  1.8rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.list_support_compensation_block .list_support_compensation_block_bnr{
	width: 49%;
	text-align: center;
}
.list_support_compensation_block .list_support_compensation_block_bnr .btn_security{
	justify-content: center;
}
 
@media only screen and (max-width: 736px){
	.list_support_compensation_block{
		padding: 3em 1em;
	}
	.list_support_compensation_block:before{
		right: 50%;
		transform: transrate(50%,-50%);
	}
	.list_support_compensation_block .list_support_compensation_block_txt,
	.list_support_compensation_block .list_support_compensation_block_bnr{
		width: 100%;
	}
}
 

.price_iphone_btn a{
	padding: 0 20px 0 50px;
}

.border_none, .border_none div{
	border: none!important;
}

@media only screen and (max-width: 736px){
.price_iphone_btn a{
	font-size:  1.4rem!important;
}

}


/* ttl_recommend */
.ttl_recommend{
	font-size:  2.4rem;
	text-align: center;
	margin-bottom: 60px;
}
.ttl_recommend img{
	margin-right: .5em;
}
@media only screen and (max-width: 736px) {
	.ttl_recommend {
		font-size:  1.8rem;
		max-width: 320px;
		margin-bottom: 30px;
	}

}

/* anchor_recommend */
.anchor_recommend{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.anchor_recommend >li{
	width: 32%;
	margin: 0 2% 3% 0;
}
.anchor_recommend >li:nth-child(3n){
	margin-right: 0;
}
.anchor_recommend >li a{
	display: flex;
	align-items: center;
	text-decoration: none;
	border: 2px solid #000;
	border-radius: 20px;
	background: #fff;
	padding: 1.2em 2em 1.2em .5em;
	height: 100%;
	position: relative;
}
.anchor_recommend >li a:after{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/common/icon_circle_arrow_green2022.svg) center no-repeat;
	background-size: contain;
	transition: all .3s;
}
.anchor_recommend >li a img{
	margin-right: .5em;
}
.anchor_recommend >li a:hover:after{
	top: 54%;
}

@media only screen and (max-width: 736px) {
	.anchor_recommend >li{
		width: 48%;
		margin: 0 2% 1em 0;
	}
	.anchor_recommend >li:nth-child(3n){
		margin-right: 2%;
	}
	.anchor_recommend >li:nth-child(even){
		margin-right: 2%;
	}
	.anchor_recommend >li a{
		font-size:  1.4rem;
		flex-direction: column;
		padding: 1em 1em 2em;
		text-align: center;
	}
	.anchor_recommend >li a:after{
		left: 50%;
		top: auto;
		bottom: 5%;
		transform: translate(-50%,0);
	}
	.anchor_recommend >li a img{
		margin-bottom: .5em;
		margin-right: 0;
	}
}
/*料金ページポップアップ-----------------------------*/
@media only screen and (max-width: 736px){
	.price_popup .open {
		display: inline-block;
		cursor:pointer;
		color: #fff;
		background-color:#ea6068;
		padding: 10px 20px;
		margin-top: 30px;
		border-radius: 10px;
	}
	.price_popup #popup {
		display: none;
		}
	.price_popup .gray {
		display: none;
		}
	.price_popup #popup:checked + .gray {
		display: block;
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 9999;
		background: rgba(0, 0, 0, 0.6);
		}
	.price_popup .window {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 90vw;
		max-width: 360px;
		padding: 30px;
		height: 300px;
		background-color: #fff;
		border-radius: 4px;
		align-items: center;
		transform: translate(-50%, -50%);
	}
	.price_popup .close {
		position: absolute;
		color: #fff;
		background-color:#ea6068;
		padding: 5px 13px;
		border-radius: 10px;
		top: 20px;
		right: 20px;
		cursor:pointer;
	}
	/*ポップアップ内テーブル-----------------------------*/
	.price_popup_table{
		width: 100%;
	}
	.price_popup_table th,
	.price_popup_table td{
		padding: 2%;
	}
	.price_popup_table th{	
		color: #fff;
		background: #62666A;
		text-align: center;
		background-clip: padding-box;
	}
	.price_popup_table td{
		text-align: left;
	}
}