@charset "UTF-8";

html {
	color: #1f1f1f;
	background: #FFF
}
html, body {
	height: 100%
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	border: 0;
	vertical-align: bottom;
	line-height: 0
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font: inherit
}
li {
	list-style: none
}
sup, sub {
	vertical-align: baseline
}
strong {
	font-weight: bold;
}
body {
	font-family: "Noto Sans JP", Arial, Helvetica, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'palt'1;
	font-feature-settings: 'palt'1;
	background: #fff;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: .1em
}
a, a:link, a:visited {
	color: #0072e5;
	text-decoration: underline;
}
a:hover, a:active {
	color: #0072e5;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
#wrapper {
	padding-bottom: 109px;
}
#wrapper img {
	max-width: 100%;
	height: auto
}
sup {
	font-size: 50%;
	line-height: 1
}
.spOnly {
	display: none;
}
.inner {
	max-width: 980px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
div.select {
	display: none;
}
body.ishizue div.ishizue,
body.lady div.lady,
body.superwide div.superwide,
body.seven div.seven,
body.three div.three,
body.ganichiji div.ganichiji,
body.kiwami div.kiwami {
	display: block;
}


/* header */
header {
	background: url("../img/hdr_bg.png") center top no-repeat;
}
header .inner {
	height: 60px;
}
header h1 {
	text-align: right;
}


/* nav */
nav {
  height: 112px;
}
nav .inner {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0 0;
	text-align: center;
	background: #fff;
}
nav.fixed .inner {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}
body.ishizue nav .inner {
	border-bottom: #00a6ba solid 4px;
}
body.superwide nav .inner {
	border-bottom: #fd8900 solid 4px;
}
body.seven nav .inner {
	border-bottom: #0068b6 solid 4px;
}
body.three nav .inner {
	border-bottom: #f3a800 solid 4px;
}
body.ganichiji nav .inner {
	border-bottom: #6eb944 solid 4px;
}
body.kiwami nav .inner {
	border-bottom: #d4a900 solid 4px;
}
body.lady nav .inner {
	border-bottom: #e7336e solid 4px;
}
nav ul {
	display: flex;
	justify-content: center;
}
nav ul li {
	cursor: pointer;
}
nav ul li + li {
	margin-left: 7px;
}
nav ul li:hover img,
body.ishizue nav ul li.ishizue img,
body.lady nav ul li.lady img,
body.superwide nav ul li.superwide img,
body.seven nav ul li.seven img,
body.three nav ul li.three img,
body.ganichiji nav ul li.ganichiji img,
body.kiwami nav ul li.kiwami img {
	visibility: hidden;
}
nav ul li.ishizue:hover,
body.ishizue nav ul li.ishizue {
	background: url("../img/navi_btn01_on.png") left top no-repeat;
}
nav ul li.superwide:hover,
body.superwide nav ul li.superwide {
	background: url("../img/navi_btn02_on.png") left top no-repeat;
}
nav ul li.seven:hover,
body.seven nav ul li.seven {
	background: url("../img/navi_btn03_on.png") left top no-repeat;
}
nav ul li.three:hover,
body.three nav ul li.three {
	background: url("../img/navi_btn04_on.png") left top no-repeat;
}
nav ul li.ganichiji:hover,
body.ganichiji nav ul li.ganichiji {
	background: url("../img/navi_btn05_on.png") left top no-repeat;
}
nav ul li.kiwami:hover,
body.kiwami nav ul li.kiwami {
	background: url("../img/navi_btn06_on.png") left top no-repeat;
}
nav ul li.lady:hover,
body.lady nav ul li.lady {
	background: url("../img/navi_btn07_on.png") left top no-repeat;
}


/* #mv */
#mv {
	padding: 0 0 60px;
	text-align: center;
}
#mv h2 {
	margin-bottom: 30px;
}
body.ishizue #mv h2 {
	background: #00a6ba;
}
body.ishizue #mv h3 {
	background: #e7316e;
	margin: -30px auto 30px;
}
body.superwide #mv h2 {
	background: #fd8900;
}
body.seven #mv h2 {
	background: #0068b6;
}
body.three #mv h2 {
	background: #f3a800;
}
body.ganichiji #mv h2 {
	background: #6eb944;
}
body.kiwami #mv h2 {
	background: #d4a900;
}
body.lady #mv h2 {
	background: #e7336e;
}
#mv dl.fee {
	width: 739px;
	margin: 0 auto 40px;
}
#mv dl.fee dd {
	margin-top: 11px;
	color: #707070;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.075em;
	text-align: left;
}
#mv dl.fee dd a {
	color: #707070;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.075em;
	display: inline-block;
	margin: 11px auto 0;
	text-decoration: underline;
}
#mv dl.fee dd a::after {
	content: "?";
	display: inline-block;
	color: #fff;
  font-size: 13.5px;
  line-height: 19px;
  letter-spacing: 0.075em;
	font-weight: bold;
	background: #0072e5;
	width: 19px;
	border-radius: 10px;
	margin-left: 6px;
}
#mv p.cpt {
	line-height: .1;
	margin: 0 auto 40px;
}
#mv dl.estimation dt {
	line-height: .1;
	margin: 0 auto 10px;
}


/* #point */
#point {
  border-radius: 30px;
}
body.ishizue #point {
	background: url("../img/ishizue_bg.png") left top repeat;
}
body.superwide #point {
	background: url("../img/superwide_bg.png") left top repeat;
}
body.seven #point {
	background: url("../img/seven_bg.png") left top repeat;
}
body.three #point {
	background: url("../img/three_bg.png") left top repeat;
}
body.ganichiji #point {
	background: url("../img/ganichiji_bg.png") left top repeat;
}
body.kiwami #point {
	background: url("../img/kiwami_bg.png") left top repeat;
}
body.lady #point {
	background: url("../img/lady_bg.png") left top repeat;
}
#point .inner {
	max-width: 982px;
	box-sizing: border-box;
	padding: 80px 0;
	text-align: center;
}
body.lady #point p.point02,
#point p.point01 {
	position: absolute;
	left: 60px;
	bottom: 140px;
}
body.lady #point p.point03,
#point p.point02 {
	position: absolute;
	left: 505px;
	bottom: 140px;
}
body.ishizue #point p.point01,
body.ishizue #point p.point02 {
	bottom: 644px;
}
body.ishizue #point dl.point03 {
	position: absolute;
	left: 60px;
	bottom: 140px;
}
body.ishizue #point dl.point03 dd {
	position: absolute;
	left: 44px;
	bottom: 54px;
}
body.lady #point p.point01 {
	position: absolute;
	left: 60px;
	bottom: 870px;
}
body.three #point p.point01,
body.three #point p.point02 {
	bottom: 570px;
}
body.three #point p.point03 {
	position: absolute;
	left: 60px;
	bottom: 140px;
}


/* #recommend */
#recommend {
  border-radius: 30px;
}
body.lady #recommend,
body.ishizue #recommend {
	background: url("../img/superwide_bg.png") left top repeat;
}
body.kiwami #recommend,
body.seven #recommend,
body.superwide #recommend {
	background: url("../img/ishizue_bg.png") left top repeat;
}
body.ganichiji #recommend,
body.three #recommend {
	background: url("../img/kiwami_bg.png") left top repeat;
}
#recommend .inner {
	max-width: 982px;
	box-sizing: border-box;
	padding: 80px 0;
	text-align: center;
}
#recommend a {
	position: absolute;
	left: 333px;
	bottom: 140px;
}


/* #flow */
#flow {
	background: #f1f1f5;
  border-radius: 30px;
}
#flow .inner {
	box-sizing: border-box;
	padding: 80px 0;
	text-align: center;
}
#flow h2 {
	margin-bottom: 60px;
}
#flow h3 {
	margin-bottom: 35px;
}
#flow .net {
	margin-bottom: 59px;
}
#flow .slide .swiper {
	overflow: visible;
}
#flow .slide .swiper-wrapper {
	display: flex;	
	justify-content: center;
}
#flow .slide .swiper-wrapper .swiper-slide {
	position: relative;
	width: 185px;
}
#flow .slide .swiper-wrapper .swiper-slide + .swiper-slide {
	margin-left: 14px;
}
#flow .slide .swiper-wrapper .swiper-slide a {
	position: absolute;
	left: 45px;
	bottom: 30px;
}
#flow .slide .swiper-pagination {
	display: none;
}


/* .cv */
.cv {
}
.cv .inner {
	box-sizing: border-box;
	padding: 50px 0 60px;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.cv dl + dl {
	margin-left: 40px;
}
.cv dl dt {
	margin-bottom: 10px;
}
.cv dl dd {
	height: 85px;
}


/* #btmnavi */
#qa {
	background: #f1f1f5;
  border-radius: 30px;
}
#qa .inner {
	padding: 80px 0;
}
#qa h2 {
	text-align: center;
	margin-bottom: 50px;
}
#qa dl {
	background: #fff;
	border: #1f1f1f solid 3px;
}
#qa dl + dl {
	margin-top: 30px;
}
#qa dl dt {
	position: relative;
	min-height: 95px;
	box-sizing: border-box;
	padding: 30px 75px 20px 107px;
	cursor: pointer;
}
#qa dl dt::before {
	content: "";
	display: block;
	background: url("../img/qa_icn_q.png") left top no-repeat;
	width: 48px;
	height: 47px;
	position: absolute;
	left: 33px;
	top: 22px;
}
#qa dl dt::after {
	content: "";
	display: block;
	background: url("../img/qa_icn_arrow.png") left top no-repeat;
	width: 22px;
	height: 13px;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -6px;
	transform: rotate( 0deg );
}
#qa dl dt.active::after {
	transform: rotate( 180deg );
}
#qa dl dd {
	display: none;
	position: relative;
	border-top: #1f1f1f dotted 4px;
	margin: 0 10px;
	padding: 40px 30px 40px 97px;
}
#qa dl dd span {
	display: inline-block;
	color: #707070;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.1em;
}
#qa dl dd p {
	box-sizing: border-box;
}
#qa dl dd p::before {
	content: "";
	display: block;
	background: url("../img/qa_icn_a.png") left top no-repeat;
	width: 48px;
	height: 47px;
	position: absolute;
	left: 23px;
	top: 31px;
}
#qa dl dd img {
	margin-top: 30px;
}
#qa dl dd picture + p {
	margin-top: 15px;
}
body.seven #qa strong {
	color: #0068b6;
}
body.three #qa strong {
	color: #f3a800;
}
body.ganichiji #qa strong {
	color: #6eb944;
}
body.kiwami #qa strong {
	color: #d4a900;
}


/* #btmnavi */
#btmnavi {
}
#btmnavi .inner {
	padding: 50px 0 60px;
	box-sizing: border-box;
}
#btmnavi ul {
	display: flex;
}
#btmnavi ul li {
	flex: 1;
	cursor: pointer;
}
#btmnavi ul li a {
	display: inline-block;
}
#btmnavi ul li a:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#btmnavi ul li a:hover img,
body.ishizue #btmnavi ul li a.ishizue img,
body.lady #btmnavi ul li a.lady img,
body.superwide #btmnavi ul li a.superwide img,
body.seven #btmnavi ul li a.seven img,
body.three #btmnavi ul li a.three img,
body.ganichiji #btmnavi ul li a.ganichiji img,
body.kiwami #btmnavi ul li a.kiwami img {
	visibility: hidden;
}
#btmnavi ul li a.ishizue:hover,
body.ishizue #btmnavi ul li a.ishizue {
	background: url("../img/btmnavi_btn01_on.png") left top no-repeat;
}
#btmnavi ul li a.superwide:hover,
body.superwide #btmnavi ul li a.superwide {
	background: url("../img/btmnavi_btn02_on.png") left top no-repeat;
}
#btmnavi ul li a.seven:hover,
body.seven #btmnavi ul li a.seven {
	background: url("../img/btmnavi_btn03_on.png") left top no-repeat;
}
#btmnavi ul li a.three:hover,
body.three #btmnavi ul li a.three {
	background: url("../img/btmnavi_btn04_on.png") left top no-repeat;
}
#btmnavi ul li a.ganichiji:hover,
body.ganichiji #btmnavi ul li a.ganichiji {
	background: url("../img/btmnavi_btn05_on.png") left top no-repeat;
}
#btmnavi ul li a.kiwami:hover,
body.kiwami #btmnavi ul li a.kiwami {
	background: url("../img/btmnavi_btn06_on.png") left top no-repeat;
}
#btmnavi ul li a.lady:hover,
body.lady #btmnavi ul li a.lady {
	background: url("../img/btmnavi_btn07_on.png") left top no-repeat;
}


/* #company */
#company {
	background: #eaf3ff;
}
#company .inner {
	padding: 80px 0;
	box-sizing: border-box;
}
#company h2 {
	text-align: center;
	margin-bottom: 28px;
}
#company p {
	line-height: 40px;
	letter-spacing: 0.1em;
	margin-bottom: 38px;
}
#company p strong {
	color: #0072e5;
	font-weight: bold;
}
#company table {
	background: #fff;
	width: 860px;
	border: #1f1f1f solid 3px;
	box-sizing: border-box;
	margin: 0 auto;
}
#company table th,
#company table td {
	padding: 12px 20px 13px 60px;
	border-bottom: #1f1f1f solid 3px;
}
#company table th {
	width: 196px;
	background: #1f1f1f;
	padding: 22px 0;
	border-bottom: #fff solid 3px;
	text-align: center;
	color: #fff;
}
#company table tr:last-child th {
	border-bottom: none;
}
#company table td span {
	color: #707070;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 0.1em;
}


/* .popup */
.popup {
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20000;
  display: none;
}
.popup .popup__cover {
  background-color: rgba(0, 0, 0, .7);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 21000;
  cursor: pointer;
}
.popup .popup__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.popup .popup__inner {
  width: 880px;
  box-sizing: border-box;
  margin: auto;
  max-height: 90vh;
  z-index: 22000;
  position: relative;
	padding: 40px;
	background: #fff;
  border-radius: 30px;
	text-align: center;
}
.popup .popup__close {
	display: inline-block;
	margin-top: 30px;
  cursor: pointer;
}
.popup .popCnt p {
	color: #707070;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.1em;
	text-align: left;
}


/* #fixedBtn */
#fixedBtn {
	display: none;
	background: rgba( 255, 255, 255, .95 );
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}
#fixedBtn .inner {
	padding: 22px 0;
	display: flex;
	justify-content: center;
}
#fixedBtn p.document {
	margin-left: 111px;
}
#fixedBtn p.select {
	display: none;
}


/* footer */
footer {
}
footer .inner {
	padding: 40px 0 54px;
}
footer dl dt {
	color: #000;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: bold;
	border: #1f1f1f solid 2px;
	border-radius: 16px;
	padding: 5px 24px 6px;
	margin-bottom: 17px;
	display: inline-block;
}
footer dl dd {
	color: #707070;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.1em;
}
footer dl dd.code {
	text-align: right;
	margin-top: 10px;
}


/* footer上コード表示(※ガン一時金タブ切り替え) */
footer dl dd.ganichiji_code {
	display: none;
}
body.ganichiji footer dl dd.ganichiji_code {
	display: block;
}
body.ganichiji footer dl dd.other_code {
	display: none;
}
footer p.copy {
	display: block;
	background: #0072e5;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 23px 0;
	text-align: center;
}