/* ========================================

  共通タグ

======================================== */

html{
  scroll-behavior: smooth;
}
body {
    font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;	
    position: relative;
	color: #2d2c2c;
    word-wrap: break-word;
    overflow-wrap: break-word;
	text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;	
}
a {
	color: #666;
	font-weight: normal;
	text-decoration: underline;
  	text-decoration-style: dotted;
  	text-underline-offset: 2px;
  	text-decoration-color: rgba(0,0,0,.3);
  	text-decoration-thickness: 1px;
}
a:hover {
	color: #3c72b8;
    text-decoration: none;
}
a.underline {
    text-decoration: underline;
}
a.trs img:hover {
    opacity: 0.8;
}
p {
	color: #2d2c2c;
    line-height: 1.7;
    font-size: 14px;
	font-weight: normal;
}
p >a, button >a, div.wh >a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}
h1 {
    font-weight: bold;
	line-height: 1;		
}
h2 {
    font-weight: bold;
	line-height: 1.7;
}
h3 {
    font-weight: bold;
	line-height: 1.7;
}
h4 {
    font-weight: bold;
	line-height: 1.7;	
}
h5 {
    font-weight: 500;
	line-height: 1.7;	
}
img {
    display: block;
    max-width: 100%;
	height: auto;
}
dl dt {
	font-weight: bold;	
}
dl dd {
	font-weight: normal;	
}
dl dt, dl dd {
	font-size: 16px;
	line-height: 1.7;	
}
ul li, ol li {
	font-size: 16px;
	line-height: 1.7;
}
table th, table td {
	font-size: 14px;
	line-height: 1.7;	
}
strong {
	font-weight: bold;
}
strong.red {
    font-weight: bold;
    color: #D24D57;
}
sup {
	font-size: 0.5rem;
}
tbody {
    -webkit-text-size-adjust: 100%;
}

*{
	min-width: 0;
	min-height: 0;
}


/* セレクタ
--------------------------- */
p.scroll {
	margin: 0 0 0.5em;
}
.grd1 {
	background: -webkit-linear-gradient(0deg, #ebbf53, #F4DF7A);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}


/* 文字色
--------------------------- */
.red {
	color: #D24D57;
}
.red2 {
	color: #D24D57;
	display: block;
}
.grey {
	color: #888;
}
.grey2 {
	display: block;
	color: #888;
}
.wh {
	display: block;
	color: #F5F0F6;
}
.blue {
	color: #0E34A0;
}

/* リンクの色
--------------------------- */
a.blue {
    text-decoration: none;
    color: #0E34A0;
}
a.blue:hover {
    text-decoration: underline;
}
a.red {
    text-decoration: none;
    color: #D24D57;
}
a.red:hover {
    text-decoration: underline;
}
a.bold {
    font-weight: 900;
}
a.bold::after {
    font-weight: 900;
}



/* フォント
--------------------------- */
.noto {
  	font-family: "Noto Sans JP";
}
.oswald {
  	font-family: "Oswald", sans-serif;
}

/* フォントカラー
--------------------------- */
a.blue:hover {
    text-decoration: underline;
}

/* UL（箇条書き）
--------------------------- */
ul.itemization li {
	padding-left: 1em;
	text-indent: -1em;
}
ul.itemization li::before {
	content: '・';
	margin-right: 0.5em;
}
ul.itemization li.no_disc {
	padding-left: 0;
	text-indent: 0;
}
ul.itemization li.no_disc::before {
	margin-right: 0;
	content: '';
}



/* UL（数字）
--------------------------- */
ul.number {
	counter-reset: number 0;
}
ul.number li {
	padding-left: 1.25em;
	text-indent: -1.25em;
}
ul.number li::before {
	counter-increment: number 1;
	content: counter(number)'.';
	margin-right: 0.5em;
	color: #aaa;
}

/* ボタン
--------------------------- */
input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
}

/* ホバーエフェクト：画像拡大
--------------------------- */
.scale {
    overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	cursor: pointer;	
}

/* レスポンシブ
--------------------------- */
.sp_only {
	display: none;
}
.tb_only {
	display: none;
}
.sp_tb_only {
	display: none;
}
.u1200_only {
	display: none;
}
.u1000_only {
	display: none;
}
.u820_only {
	display: none;
}
.u834_only {
	display: none;
}
.u768_only {
	display: none;
}
.u640_only {
	display: none;
}
.o641_only {
	display: none;
}
.u480_only {
	display: none;
}
.u428_only {
	display: none;
}
.u375_only {
	display: none;
}
.u320_only {
	display: none;
}
.u280_only {
	display: none;
}

/* アイコン
--------------------------- */
/* 共通部分 */
a.icofont {
	font-weight: 700;
}
a.icofont::before {
	margin-right: 0.25em;
	font-weight: 700;
	vertical-align: middle;
}
a.icofont::after {
	margin-left: 0.25em;
	font-weight: 700;	
	vertical-align: middle;
}

/* 内部リンク */
a.icofont.icofont-link::after {
	content: '\ef71';
	font-size: 1em;	
}
/* 外部リンク */
a.icofont.external-link::after {
	content: '\ef1f';
	font-size: 1em;
	vertical-align: baseline;	
}
/* マイナス */
.icofont.minus::before {
	content: '\ef9a';
	font-size: 1em;
	vertical-align: baseline;	
}


/* ========================================

  共通セレクター

======================================== */

#wrapper, .wrapper {
	width: 100%;
	margin: 0 auto;
}
div.container_wh {
    width:100%;
    margin: 0 auto 5%;
	padding-bottom: 1em;
}
.container_inner {
	width: 1140px;
	margin: 0 auto;
	position: relative;
}
.container_inner .lead_wrap {
	width: 80%;
	margin: 0 auto;
}
.container_inner .lead_wrap p.lead {
	margin-bottom: 3em;
}

/* 白色背景
--------------------------- */
.bg_wh {
    background: #fff;
}


/* 薄いグレイ背景
--------------------------- */
.bg_gray {	
    background: #eee;
}

/* 水色背景
--------------------------- */
.bg_l-blue {
    background: #ebf3f8;
}


/* マージン
--------------------------- */
.mgt1 {
	margin-top: 1em;
}
.mgt-5 {
	margin-top: 5% !important;
}
.mgt-2_5 {
	margin-top: 2.5% !important;
}

/* flexbox:row(.fb_row)
--------------------------- */
.fb_row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

/* flexbox:row(.fb_column)
--------------------------- */
.fb_column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;	
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;	
}

/* flexbox 画像
--------------------------- */
.fb_row li.photo img, .fb_row li.image img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.fb_column li.photo img, .fb_column li.image img {
	width: 100%;
	height: auto;
}


 

/* ------------------------------
   Font Awesome
------------------------------ */

/* 共通部分
--------------------------- */
.fa::before, .fa::after {
	font-family: 'Font Awesome 5 Free';
	font-size: 0.9em;
	margin: 0;
	font-weight: 900;
	text-decoration: none;
	display: inline-block;	
}





/* ___________________________________

  ヘッダ
____________________________________ */

/* トップのみ
--------------------------- */
.page-header {
	background: transparent;
    width: 100%;
	z-index: 200;
	position: fixed;
}
.page-header.bg-wh {
	background: rgba(255,255,255,.8);
}
.header_inner {
    width: 1140px;
}







/* 下層
--------------------------- */
.page-header-under {
    width: 100%;	
    background: rgba(255,255,255,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.05);	
	z-index: 200;
	position: fixed;	
}


/* ロゴ
--------------------------- */
.site-logo {
	margin: 15px 0;
	width: 240px;
	height: auto;	
}



/* ------------------------------
   ハンバーガーボタン
------------------------------ */
.wrapper_nav-btn {	
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 160;
}
.MenuBtn2 {
	width: 60px;
	height: 60px;
	position: relative;
	cursor: pointer;
	background: url(../img/menu.svg) no-repeat;
	background-position: top right;
}
.MenuBtn2.active {
	width: 60px;
	height: 60px;
	position: relative;
	cursor: pointer;
	background: url(../img/close.svg) no-repeat;
}


/* ------------------------------
   メニュー
------------------------------ */
/* fadein
--------------------------- */
#fadeInNav.fadein {
	display: block;
}
#wrapper_nav_h {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 140;
	width: 100%;
	height: 0;
	margin-top: -100%;
	overflow-y: scroll;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	backdrop-filter: blur(5px);
}
#wrapper_nav_h.open {
	top: 0;
	left: 0;
	height: 100%;
 	margin-top: 0;
	background: rgba(255,255,255,.5);
	backdrop-filter: blur(5px);
}
#nav_h {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 5%;
	z-index: 150;
	width: 90%;
	height: 0;
	margin-top: -100%;
	border-radius: 20px;
	overflow-y: scroll;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;		
}
#nav_h.open {
	top: 10%;
	left: 5%;
	height: 46%;
	min-height: 592px;
 	margin-top: 0;
	background: #fff;
	border: 1px solid #ccc;
}	
	
/* コンテンツ
------------------------- */
#nav_h ul.outer {
 	padding: 50px;
	justify-content: center;
	align-items: center;
}
#nav_h ul.outer li.outer-li {
	flex: 0 0 31.3333%;
	margin-right: 3%;
}
#nav_h ul.outer li.outer-li:nth-child(3) {
	margin-right: 0;
}
#nav_h ul.inner {
	align-items: center;
}
#nav_h ul.inner li.txt {
	width: 100%;
}
#nav_h ul.inner li.txt div.button {
	border-radius: 10px;
}
#nav_h ul.inner li.txt a {
	color: #2d2c2c;
}
#nav_h ul.inner li.txt a:hover {
	color: #2d2c2c;
}

/* ボタン
--------------------------- */
#nav_h ul.inner li.txt div.mail {
	border: 1px solid #f35706;
	background: #fff;
}
#nav_h ul.inner li.txt div.line {
	border: 1px solid #00aa4f;
	background: #fff;	
}
#nav_h ul.inner li.txt div.career-change {
	border: 1px solid #15616D;
	background: #fff;	
}
#nav_h ul.inner li.txt a:hover div.mail {
	background: rgba(243,87,6,.3);
}
#nav_h ul.inner li.txt a:hover div.line {
	background: rgba(0,170,79,.3);	
}
#nav_h ul.inner li.txt a:hover div.career-change {
	background: rgba(21,97,109,.3);	
}


/* 見出し
--------------------------- */
#nav_h h2 {
	padding: 50px 0 0 50px;
	font-size: 2vw;
}
#nav_h ul.inner li.txt h3 {
	margin-bottom: 1em;
	font-size: 1.5vw;
	text-align: center;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 1.4vw;
	text-align: center;
}
#nav_h ul.inner li.txt a {
	text-decoration: none;
}


/* アイコン
--------------------------- */
#nav_h h2::before {
	margin-right: 0.25em;
	content: "\efa2";
  	font-size: 2vw;
}


/* 共通部分 */
#nav_h ul.inner li.txt div.button h4::before {
	font-size: 3.8vw;
	text-decoration: none;
	display: block;
}

/* メール */
#nav_h ul.inner li.txt div.mail h4::before {
	content: '\ef88';
	color: #f35706;
}

/* LINE */
#nav_h ul.inner li.txt div.line h4::before {
	content: '\ed4c';
	color: #00aa4f;
}

/* 転職サポート */
#nav_h ul.inner li.txt div.career-change h4::before {
	content: '\ef77';
	color: #15616D;
}


/* メニュー
--------------------------- */
#nav_h ul.outer2 {
	padding: 0 50px;
	justify-content: center;
	align-items: center;
}
#nav_h ul.outer2 li.outer2-li {
	flex: 0 0 23.5%;
	margin: 0 2% 2% 0;
}
#nav_h ul.outer2 li.outer2-li:nth-child(4n) {
	margin-right: 0;
}
#nav_h ul.inner2 {
	justify-content: center;
	align-items: center;
	display: flex;
}
#nav_h ul.inner2 li.button {
	width: 100%;
	font-size: 1.4vw;
	border-radius: 10px;
	border: 1px solid #f6c12a;
}
#nav_h ul.inner2 li.txt a.icofont {
	padding: 6% 3%;	
	color: #2d2c2c;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;	
  	background: #fff;	
	display: block;
}
#nav_h ul.inner2 li.txt a.icofont:hover {
  	background: #f3ca57;	
}


/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	margin-right: 0.5em;
	font-size: 1.6vw;
	vertical-align: middle;
}

/* 選ばれる4つの理由 */
#nav_h ul.inner2 li.txt a.reason::before {
	content: '\ef19';
}

/* 退職代行料金 */
#nav_h ul.inner2 li.txt a.fee::before {
	content: '\ea28';
}

/* お支払方法 */
#nav_h ul.inner2 li.txt a.payment::before {
	content: '\f024';
}

/* イマすぐナウ！の強み */
#nav_h ul.inner2 li.txt a.strength::before {
	content: '\e810';
}

/* 退職までの流れ */
#nav_h ul.inner2 li.txt a.flow::before {
	content: '\eed7';
}

/* みんなの声 */
#nav_h ul.inner2 li.txt a.voice::before {
	content: '\eff2';
}

/* 退職最前線 */
#nav_h ul.inner2 li.txt a.article::before {
	content: '\efb6';
}

/* よくあるご質問 */
#nav_h ul.inner2 li.txt a.faq::before {
	content: '\f002';
}





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

   フッタ

------------------------------ */
footer {
	width: 100%;
	margin: 0 auto;	
	padding: 0;
    background: rgba(0,16,17,1);
	position: relative;
}
footer .container-inner {
	width: 1140px;
	margin: 0 auto;
	padding: 1% 0;
	position: relative;	
}
footer ul.footer-menu {
	width: 100%;
	margin: 0 auto;
	padding: 1em 0;
	justify-content: flex-start;	
	align-items: flex-start;
}
footer ul.footer-menu li {
	font-size: 14px;
}
footer ul.footer-menu li a {
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
  	text-decoration-style: dotted;
  	text-underline-offset: 2px;
  	text-decoration-color: #fff;
  	text-decoration-thickness: 1px;
}
footer ul.footer-menu li a:hover {
	text-decoration: none;
}

/* 会社情報
--------------------------- */
footer ul.footer-menu li.information {
    flex: 0 0 30%;
	margin-right: 10%;
}
footer ul.footer-menu li.information img.logo {
    width: 100%;
	margin-bottom: 10%;
}

/* 共通 */ 
footer ul.footer-menu li.information p {
	color: #fff;
	font-size: 13px;
	line-height: 2;
}

/* 運営 */ 
footer ul.footer-menu li.information p.operation span {
	letter-spacing: 1em;
}

/* 住所 */ 
footer ul.footer-menu li.information p.address span {
	letter-spacing: 1em;
}

/* 電話番号 */ 
footer ul.footer-menu li.information p.telephone-number span {
	letter-spacing: none;
}

/* メールアドレス */ 
footer ul.footer-menu li.information p.mail span {
	letter-spacing: 0.428em;
}

/* URL */ 
footer ul.footer-menu li.information p.url span {
	letter-spacing: 0.7em;
}

/* SNS */ 
footer ul.footer-menu li.information p.sns {
	margin-bottom: 5%;
	height: 28px;
}
footer ul.footer-menu li.information p.sns a {
	margin-right: 0.25em;
	font-size: 40px;
}
footer ul.footer-menu li.information p.sns img {
	width: 20px;
	height: 20px;
}
footer ul.footer-menu li.information p.sns a:last-child {
	margin-right: 0;
}



/* メニュー
--------------------------- */
footer ul.footer-menu li.menu {
    flex: 0 0 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
footer ul.footer-menu li.menu .box {
    width: 100%;
}
footer ul.footer-menu li.menu ul.outer {
	padding-bottom: 2em;
	align-items: flex-start;
}
footer ul.footer-menu li.menu-li {
    flex: 0 0 49%;
	margin-right: 2%;
}
footer ul.footer-menu li.menu-li:nth-child(2) {
	margin-right: 0;
}
footer ul.footer-menu li.menu-li ul.inner li {
	line-height: 3;
}


/* アイコン */
footer a.caret-right::before {
  	color: #fff;
}


/* コピーライト
--------------------------- */
footer #copyright {
	margin: 0.5em 0 0;
}
footer #copyright p.copyright {
	color: #fff;
	font-size: 14px;
	text-align: left;
}












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

  共通

------------------------------ */
.container {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0;
}
.container h2, .container_subpage h2 {
	padding: 0 0 1em;	
	color: #001011;
	font-size: 30px;
	font-weight: 500;	
	text-align: center;
}
.container h3 {
	color: #001011;
	padding: 0 0 0.5em;
	font-weight: bold;
	font-size: 26px;
	text-align: center;
}
.container h4 {
	color: #001011;
	padding: 0 0 0.5em;
	font-weight: bold;	
}





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

   ボタン

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

/* ------------------------------
   黄色
------------------------------ */
div.btn-yel {
	margin: 5% auto 0;
	display: flex;
}
div.btn-yel a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #f9cf59;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #f9cf59;	
}
div.btn-yel a:hover {
	background: #f6c12a;
}


/* ------------------------------
   水色
------------------------------ */
div.btn-lblu {
	margin: 5% auto 0;
	display: flex;
}
div.btn-lblu a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #7aa9db;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #7aa9db;	
}
div.btn-lblu a:hover {
	background: #5997d8;
}


/* ------------------------------
   黒色
------------------------------ */
div.btn-blk {
	margin: 5% auto 0;
	display: flex;
}
div.btn-blk a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #000;	
}
div.btn-blk a:hover {
	background: #333;
}


/* ------------------------------
   白色
------------------------------ */
div.btn-wh {
	margin: 5% auto 0;
	display: flex;
}
div.btn-wh a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #fff;	
}
div.btn-wh a:hover {
	color: #666;
}

/* ------------------------------
   オレンジ
------------------------------ */
div.btn-org {
	margin: 5% auto 0;
	display: flex;
	justify-content: center;
}
div.btn-org a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #D65F2D;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #D65F2D;	
}
div.btn-org a:hover {
	border: 1px solid #f76d32;	
	background: #f76d32;
}

/* ------------------------------
   緑
------------------------------ */
div.btn-gre {
	margin: 5% auto 0;
	display: flex;
	justify-content: center;
}
div.btn-gre a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #09814A;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #09814A;	
}
div.btn-gre a:hover {
	border: 1px solid #076d3e;	
	background: #076d3e;
}

/* ------------------------------
   青
------------------------------ */
div.btn-blu {
	margin: 5% auto 0;
	display: flex;
	justify-content: center;
}
div.btn-blu a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #0E34A0;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #0E34A0;	
}
div.btn-blu a:hover {
	border: 1px solid #032892;	
	background: #032892;
}

/* ------------------------------
   ピンク
------------------------------ */
div.btn-pink {
	margin: 5% auto 0;
	display: flex;
	justify-content: center;
}
div.btn-pink a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
	padding: 1em 2em;
	border: 1px solid #DA3E52;
	display: flex;
	justify-content: center;
	align-items: center;
    transition: all 0.4s ease-out;	 
    border-radius:30px;	
    text-decoration: none;	
    outline: none;
    background: #DA3E52;	
}
div.btn-pink a:hover {
	border: 1px solid #c12136;	
	background: #c12136;
}





/* ___________________________________

  パンくず
____________________________________ */

.wrapper_breadcrumbs {
  	background: #5ac3bd;
}
.breadcrumbs {
  	background: #5ac3bd;
}


/* ___________________________________

  レイアウト
____________________________________ */

.container_subpage main {
  	padding-top: 0;
}
.payment {
	padding: 7% 0;
	background: url(../img/bg_payment.svg) no-repeat;
	background-size: cover;
	backgroound-position: center center;
	position: relative;
	z-index: 1;		
}
.payment_content, #payment_creditcard_content {
	padding: 0 0 5%;
}


/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
	padding: 0;
	color: #fff;
  	font-size: 40px;
  	font-weight: 900;
  	line-height: 1.7;
	text-align: center;
	text-shadow: 0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85,0 0 3px #198c85;
  	position: relative;
}
.payment_content .horizon {
	width: 100%;
	margin: 0 auto;
    display: flex; 
    align-items: center;
    text-align: center;
	background: url(../img/price-list/img_price-list.svg) no-repeat;
	background-size: cover;
	backgroound-position: center center;	
}
.payment_content .horizon::before {
    content:"";
    flex-grow: 1;
    border-bottom: 3px solid #F9DC5C;
    margin-right: 10px;
    padding-left: 15px;  	
}
.payment_content .horizon p {
	color: #F9DC5C;
	font-size: 20px;
	font-family: "Gantari", sans-serif;	
}
.payment_content img#img01 {
	width: 20%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}


/* 種類
--------------------------- */
#top_payment dl {
	width: 94%;
	margin: 3% auto 0;
	padding: 0 3%;
	border-radius: 20px;
	background: #fff;
	justify-content: flex-start;
	align-items: center;
}
#top_payment dl dt {
	padding: 2% 0;
	flex: 0 0 25%;
}
#top_payment dl dd {
	padding: 2% 0;
	font-size: 15px;
	flex: 0 0 75%;	
}
#top_payment dl dt small {
	font-size: 0.8rem;
}

/* 画像 */
#top_payment dl dd img{
	width: 100%;
}



/* ___________________________________

  クレジットカード
____________________________________ */

/* ------------------------------
   親ページ
------------------------------ */

#price-list ul.outer.parent {	
	align-items: stretch;
}
#price-list ul.outer li.outer-li.parent {	
	flex: 0 0 48%;
	margin: 0 2% 2% 0;
	background: #fff;
	border: 3px solid #94d1d2;
	border-radius: 20px;
}
#price-list ul.outer li.outer-li.parent:nth-child(2n) {	
	margin-right: 0;
}
#price-list ul.outer li.outer-li.parent h3 {
	font-size: 2.5vw;
}
#price-list ul.outer li.outer-li.parent a {
	text-decoration: none;
}

/* 通常料金 */
#price-list .inner_price_02 {
	width: 90%;
	padding: 0 5% 0.75em;
	justify-content: center;
	align-items: center;
	position: relative;
}
#price-list  ul.outer li.outer-li.parent .inner_price_02 span {
	color: #D24D57;
    font-size: 2vw;
	font-style: italic;
	text-align: right;
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);	
	flex: 0 0 40%;	
}
#price-list ul.outer li.outer-li.parent .inner_price_02 strong {
	color: #D24D57;
    font-size: 4vw;
	font-style: italic;
	text-align: right;
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);	
	flex: 0 0 45%;	
}
#price-list ul.outer li.outer-li.parent .inner_price_02 span.regular {
	color: #D24D57;
    font-size: 2.5vw;
	font-style: normal;
    text-align: left;	
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);
	flex: 0 0 15%;
	justify-content: center;
	align-items: center;	
}
#price-list ul.outer li.outer-li.parent .inner_price_01 span {
  	flex: 0 0 40%;
}
#price-list ul.outer li.outer-li.parent .inner_price_01 em {
  	flex: 0 0 45%;
}
#price-list ul.outer li.outer-li.parent .inner_price_01 span.discounted {
  	flex: 0 0 15%;
}
#price-list .inner_price_01.no_txt::before {
  	position: absolute;
  	content: "";
  	display: block;
  	transform: rotate(-10deg);
  	background-color: transparent;
  	width: 100%;
}




/* ------------------------------
   子ページ
------------------------------ */
#price-list {
	padding: 7% 0 0;
}

/* レイアウト
--------------------------- */
#price-list .wrapper_ul {
	width: 50%;
	margin: auto;
	background: #fff;
	border: 3px solid #94d1d2;
	border-radius: 20px;
}
#price-list ul.outer li.outer-li {	
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0;
	border-radius: 20px;
}
#price-list ul.outer li.outer-li img {
	height: 550px;
	margin: auto;
	border-radius: 20px;
}
#price-list ul.outer li.outer-li.btn {
	padding-bottom: 3%;
	display: flex;
	justify-content: center;
}


#price-list ul.inner {	
	justify-content: center;
	align-items: center;
}
#price-list ul.inner li.txt {	
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}

/* 見出し
--------------------------- */
#price-list h3 {
	width: 90%;
	margin: 0 auto;
	padding: 4% 0;
	color: #80cdce;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	border-radius: 20px 20px 0 0;	
}

/* 画像
--------------------------- */
#price-list ul.outer li.left img {
	height: 400px;
	margin: auto;
	padding-bottom: 4%;
}

/* 料金 
--------------------------- */

/* 割引料金 */
#price-list .inner_price_01 {
	width: 90%;
	padding: 0 0 0.25em;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
}
#price-list .inner_price_01::before {
  	position: absolute;
  	content: "";
  	display: block;
  	transform: rotate(-10deg);
  	background-color: red;
  	width: 100%;
  	height: 1px;
  	top: 50%;
  	left: 0;
	z-index: 1;	
}
#price-list .inner_price_01 em {
	color: #999;
    font-size: 3.5vw;
	font-style: italic;
	text-align: right;
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);	
	flex: 0 0 72%;
}
#price-list .inner_price_01 span.discounted {
	color: #999;
    font-size: 2vw;
	font-style: normal;
    text-align: left;	
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);
	flex: 0 0 28%;
	justify-content: center;
	align-items: center;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 1vw;
}


/* 画像 */
#price-list li.image {
	width: 100%;
	position: relative;
}
#price-list li.image p.note {
	width: 90%;
	padding: 5%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	background: #94d1d2;
	position: absolute;
	top: 50%;
	left: 0;
}
#payment_creditcard_content #price-list li.image img {
	width: 100%;
  	height: auto;
	border-radius: 20px;
}

/* レスポンシブ */
#payment_creditcard_content #price-list li.image img.pc_only {
	display: block;
}
#payment_creditcard_content #price-list li.image img.sp_only {
	display: none;
}



/* 料金 
--------------------------- */

/* 割引料金 */
#price-list .inner_price_01 {
	width: 90%;
	padding: 0 0 0.25em;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
}
#price-list .inner_price_01::before {
  	position: absolute;
  	content: "";
  	display: block;
  	transform: rotate(-10deg);
  	background-color: red;
  	width: 100%;
  	height: 1px;
  	top: 50%;
  	left: 0;
	z-index: 1;	
}
#price-list .inner_price_01 em {
	color: #999;
    font-size: 3.5vw;
	font-style: italic;
	text-align: right;
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);	
	flex: 0 0 72%;
}
#price-list .inner_price_01 span.discounted {
	color: #999;
    font-size: 2vw;
	font-style: normal;
    text-align: left;	
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);
	flex: 0 0 28%;
	justify-content: center;
	align-items: center;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 1vw;
}

/* 通常料金 */
#price-list .inner_price_02 {
	width: 90%;
	padding: 0 5% 0.75em;
	justify-content: center;
	align-items: center;
	position: relative;
}
#price-list .inner_price_02 strong {
	color: #D24D57;
    font-size: 4vw;
	font-style: italic;
	text-align: right;
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);	
	flex: 0 0 72%;	
}
#price-list .inner_price_02 span.regular {
	color: #D24D57;
    font-size: 2.5vw;
	font-style: normal;
    text-align: left;	
    line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #ccc);
	flex: 0 0 28%;
	justify-content: center;
	align-items: center;	
}
#price-list .inner_price_02 span.regular small {
	font-size: 1.2vw;
}

/* 画像 */
#price-list li.image {
	width: 100%;
	position: relative;
}
#price-list li.image p.note {
	width: 90%;
	padding: 5%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	background: #94d1d2;
	position: absolute;
	top: 50%;
	left: 0;
}
#price-list li.image img {
	width: 100%;
  	height: 250px;
}




/* カートボタン
--------------------------- */
.simplepayjppayment-container {
	width: 90%;
	margin: auto;
	padding: 5%;
	position: relative;
	z-index: 100;
}
.simplepayjppayment-container form {
	display: flex;
	flex-direction: column;
}
#payjp_checkout_box input[type="button"] {
  	border: 1px solid #032892 !important;
  	color: #fff;
	font-size: 14px !important;
  	background-color: #0E34A0 !important;
  	background-image: -webkit-linear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
  	background-image: -moz- oldlinear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
  	background-image: -o-linear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
  	background-image: linear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
}


/* カード情報
--------------------------- */
div#card {
	margin: auto;
	padding: 2% 5%;
}
ul#ul_submit {
	justify-content: center;
}
ul#ul_submit li {
	padding: 2% 5%;
}
ul#ul_submit li button {
	-webkit-appearance: none;
  	border-radius: 2px;
  	display: inline-block;
  	padding: .5em 1em;
  	font-size: 14px;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	cursor: pointer;
  	border: 1px solid #032892 !important;
  	color: #fff;
  	background-color: #0E34A0 !important;  	
	background-image: -webkit-linear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
	background-image: -moz- oldlinear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
  	background-image: -o-linear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;
  	background-image: linear-gradient(#0E34A0 0,#0E34A0 48%,#032892 100%) !important;	
}

#payjp_checkout_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
input#simplepayjppayment-mail {
	margin: 0.5rem 0 !important;
}
#simplepayjppayment-name {
	margin: 0.5rem 0 1.5rem !important;
}


/* ------------------------------
   銀行振込
------------------------------ */

/* Table.entry
--------------------------- */
table.entry {
	width: 94%;
	margin: 5% auto;
	border-collapse: collapse;
}
table#table2 {
	margin-bottom: 5%;
}
table.entry th {
	width: 35%;
	padding: 2% 8% 2% 0;
	color: #000;	
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;	
	vertical-align: top;
	border: none;
}
table.entry td {	
	width: 65%;
	padding: 2% 0 2% 4%;
	font-size: 18px;
	border: none;
}
table.entry tr:first-child th, table.entry tr:first-child td {
	padding-top: 4%;
	border: none;
}
table.entry tr:last-child th, table.entry tr:last-child td {
	padding-bottom: 4%;
}


/* P */
table.entry th p {
	font-weight: bold;
}

/* 必須マーク */
span.required {
	margin: 0 10px 2px 10px;
  	padding: 1px 4px 1px 4px;	
	font-size: 0.7em;
  	color: #fff;
  	border-radius: 3px;
  	background: #0E34A0;
  	display: inline-block	
}
span.annotation {
	color: #aaa;
	font-size: 16px;
	display: block;
}


/* Contact Form7
--------------------------- */

/* 送信ボタン */
input.wpcf7-submit {
    width: 300px;
    height: 50px;
    margin: 1%;
    padding: 5px 8px;
    color: #fff;	
    font-size: 20px;
	font-weight: bold;
	letter-spacing: 10px;
	text-align: center;
	indent: 10px;	
    border: none;
	border-radius: 6px;
    background-image: none;
  	background: #0E34A0;
  	cursor: pointer;	
}
input.wpcf7-submit:hover {
  background: #032892;
}


/* 戻るボタン */
input.wpcf7-previous {
  	width: 300px;
  	height: 50px;
    margin: 1%;
  	padding: 5px 8px;
    color: #fff;	
    font-size: 20px;
	font-weight: bold;
	letter-spacing: 10px;
	text-align: center;
	indent: 10px;	
    border: none;
	border-radius: 6px;
    background-image: none;
	background: #aaa;
  	cursor: pointer;	
}
input.wpcf7-previous:hover {
	background: #ccc;
}

/* 入力内容を確認するボタン */
.page-template-page-form-step3 input.wpcf7-submit {
	letter-spacing: 2px;	
}

/* リセット */
input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.wpcf7 .ajax-loader {
    display: none !important;
}
span.wpcf7-list-item-label {
	color: #000;
	font-size: 16px;
	line-height: 3;
}


/* エラー */
.wpcf7-not-valid-tip {
    color: #BB0A21 !important;
    font-size: 16px !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #F4D35E !important;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}
.wpcf7-list-item.first {
	margin-left: 0 !important;
}
.wpcf7-list-item {
	margin: 0 1em 0 0 !important;
}

/* フォーム
--------------------------- */
table.entry td input, table.entry td select, table.entry td textarea {
	padding: 2%;
}
table.entry td input[type="text"] {
	width: 96%;
	margin: 0 0 .5rem;
	background: #fff;	
}
table.entry td input[type="email"] {
	width: 96%;
	margin: 0 0 .5rem;
	background: #fff;	
}


/* お名前（漢字） */
table.entry td input#last-name, table.entry td input#first-name {
	width: 92%;
	padding: 4%;
}
table.entry td#name p {
	display: flex;
	justify-content: flex-start;
}
table.entry td#name p span:first-child {
	margin-right: 5%;
}


table.entry td input[type="checkbox"] {
	width: auto;
	background: #fff;	
}
table.entry td select {
	width: 100%;
	background: #fff;	
}
table.entry td textarea {
	width: 96%;
	background: #fff;	
}

/* input, textarea */
input, textarea {
	color: #2d2c2c;
	font-size: 16px;
  	border: 1px solid #999;
  	border-radius: 2px;	
}
/* select */
select {
  	margin: 0 0 .5rem;
  	padding: .8em 1em;	
  	width: 100%;
	color: #2d2c2c;
	font-size: 1rem;
  	border: 1px solid #999;
  	border-radius: 2px;
  	background: #fff;	
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;	
}


/* 確認・送信 */
input.confirm {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 5px 8px;
	border-radius: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #eee;
	background-image: none;
	background-color: #FFF617;
	font-size: 20px;
	color: #0195CC;	
}
input.confirm:active {
	border-bottom: none;
	background-color: #f8f6c8;
}

form.wpcf7-form p.main {
	margin: 0 auto;
}

ul#button_box {
	width: 94%;
	justify-content: center;
	align-items: center;
}
ul#button_box .wpcf7-spinner {
	display: none !important;
}
ul#button_box li {
	flex: 0 0 50%;
	margin-bottom: 1em;
}
ul#button_box li p {
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	align-items: center;
}


/* 戻る */
input.back {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 5px 8px;
	border-radius: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #eee;
	background-image: none;
	background-color: #aaa;
	font-size: 20px;
	color: #000;	
}
input.back:active {
	border-bottom: none;
	background-color: #eee;
}

/* placeholder */
input::-webkit-input-placeholder {
	color: #666;
	font-size: 16px;
}
input:-moz-placeholder {
	color: #666;
	font-size: 16px;
}
input::-moz-placeholder {
	color: #666;
	font-size: 16px;	
}
input:-ms-input-placeholder {
	color: #666;
	font-size: 16px;
}


/* 完了画面
--------------------------- */
.mw_wp_form_complete {
	font-size: 16px;
	text-align: center;
}

/* THANKS画面
--------------------------- */
.main_content #thanks {
	padding: 0 0 5%;
}
.main_content #thanks p.lead {
    font-size: 16px;
    text-align: center;
	margin-bottom: 1em;
}


/* note
--------------------------- */
p.note {
margin-bottom:1%;
	font-size: 14px;
}
strong {
font-weight: bold;
}


/* 完了画面
--------------------------- */
.mw_wp_form_complete {
	font-size: 16px;
	text-align: center;
}

/* THANKS画面
--------------------------- */
.main_content #thanks {
	padding: 0 0 5%;
}
.main_content #thanks p.lead {
    font-size: 16px;
    text-align: center;
	margin-bottom: 1em;
}



/* モーダル（利用規約）
--------------------------- */
button {
  	background-color: #fff;
  	color: #2d2c2c;
  	border: transparent;
  	transition: .5s;
  	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #000;
}
button:hover {
  	opacity: .5;
}
.modal-bg {
  	position: fixed;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0, 0, 0, .6);
  	top: 0;
  	left: 0;
  	z-index: 11;
  	display: none;
}
.modal {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.modal-content {
  	width: 800px;
  	height: 800px;
  	background-color: #fff;
  	position: relative;
  	padding: 40px;
  	box-sizing: border-box;
	overflow-y: scroll;	
}
.modal-content > p {
  	text-align: center;
  	margin-bottom: 20px;
}
.modalClose {
  	display: block;
  	text-align: center;
  	color: #2675BC;
  	transition: .5s;
}
.modalClose:hover {
  	opacity: .5;
}
.close-btn {
  	position: absolute;
  	right: 0;
  	top: -50px;
  	cursor: pointer;
}
.close-btn i {
	color: #fff;
  	font-size: 40px;
}
.modal-bg.active{
  	display: block;
}


/* 見出し
--------------------------- */
.container_subpage .modal-content main h1 {
  	margin: 0;
	color: #001011;
  	font-size: 32px;
  	font-weight: 700;
  	line-height: 1;
	text-align: left;
	text-shadow: none;
}
.container_subpage .modal-content main h2 {
  	margin: 3em 0 1em;
  	padding: 0;
  	font-size: 17px;
  	font-weight: bold;
  	text-align: left;
}
.container_subpage .modal-content main h3 {
	width: 100% !important;
  	margin: 2em 0 1em;
  	padding: 0;
	color: #001011 !important;
  	font-size: 16px !important;
  	font-weight: bold;
  	text-align: left !important;
}

/* 保存プラグイン非表示
--------------------------- */
.dwlscf-resume-link-box {
	display: none !important;
}




/* ========================================

  下層ページ　共通タグ

======================================== */

/* パンくず
--------------------------- */
.wrapper_breadcrumbs {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	background: transparent;
}
.breadcrumbs {
	width: 1140px;
	margin: 0 auto;
	padding: 1.5% 0;
    color: #888;
    line-height: 1;
    font-size: 13px;
	clear: both;
	background: transparent;
}
.breadcrumbs span {
	font-size: 13px;
}
.breadcrumbs span a {
	font-size: 13px;
}
.breadcrumbs span a:hover {
    color: #296292;
}
.breadcrumbs span:nth-of-type(4) {
    display: none;
}
.breadcrumbs i:nth-of-type(3) {
    display: none;
}

/* アイコン
--------------------------- */
/* HOME */
.breadcrumbs a.home::before {
	content: '\f015';
	margin-right: 0.5em;
	font-family: 'Font Awesome 5 Free';
	font-size: 0.9em;
	font-weight: 900;	
	text-decoration: none;
	display: inline-block;
}

/* お知らせ */
.single .breadcrumbs span:nth-of-type(3) {
    display: none;
}
.single .breadcrumbs i:nth-of-type(2) {
    display: none;
}

/* リンク */
.icofont.icofont-link::after {
	content: "\ef71";
	margin-left: 0.25em;
}
.icofont.icofont-link::before {
	content: "";
}

/* 下矢印 */
.icofont.icofont-simple-down::after {
	content: "\eab2";
	margin-left: 0.25em;
}
.icofont.icofont-simple-down::before {
	content: "";
}

/* 右矢印 */
.icofont.icofont-double-right::after {
	content: "\ea7c";
	margin-left: 0.5em;
}
.icofont.icofont-caret-right::after {
	content: "\ea69";
	margin-left: 0.5em;
}
.icofont.icofont-double-right::before {
	content: "";
}


/* コンテンツ
--------------------------- */
.container_subpage {
	width: 100%;
	margin: 0 auto;
    padding: 2.5% 0 0;	
}
.container_subpage_inner {
    width: 1140px;	
    max-width: 1140px;
    margin: 0 auto;
}
.container_subpage main {
	padding-top: 30px;
}


/* 見出し
--------------------------- */
.container_subpage main h1 {
  	margin: 0;	
	font-size: 32px;
  	font-weight: 700;
  	line-height: 1;
}
.container_subpage main h2 {
	margin: 3em 0 1em;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}
.container_subpage main h3 {
	margin: 2em 0 1em;
	padding: 0;
	font-size: 16px;
	font-weight: bold;	
	text-align: left;
}
.container_subpage main h4 {
	margin: 1em 0 1em;
	padding: 0;
	font-size: 15px;
	font-weight: bold;	
	text-align: left;
}

/* 段落
--------------------------- */
.container_subpage main p, .container_subpage .detail li {
	font-size: 15px;
	line-height: 2;
}








/**
 * レスポンシブ: PC用 ウィンドウ幅2501px以上
 */
@media screen and (min-width:2501px) {	

/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 17px;
}


/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav .icofont.menu::before {	
	font-size: 1.7rem;
}
/* 申込 */
#fadeInNav .icofont.icofont-pencil-alt-2::before {
	font-size: 1.7rem;	
}	
/* LINE相談 */
#fadeInNav .icofont.icofont-line::before {
	font-size: 1.7rem;	
}
/* 料金 */
#fadeInNav .icofont.icofont-yen::before {
	font-size: 1.7rem;	
}	
/* 退職最前線 */
#fadeInNav .icofont.icofont-papers::before {
	font-size: 1.7rem;	
}
/* FAQ */
#fadeInNav .icofont.icofont-support-faq::before {
	font-size: 1.7rem;	
}	
}





/**
 * レスポンシブ: PC用 ウィンドウ幅2001px以上、2500px以下
 */
@media screen and (min-width:2001px) and ( max-width:2500px) {	

/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 16px;
}


/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav .icofont.menu::before {	
	font-size: 1.6rem;
}
/* 申込 */
#fadeInNav .icofont.icofont-pencil-alt-2::before {
	font-size: 1.6rem;	
}	
/* LINE相談 */
#fadeInNav .icofont.icofont-line::before {
	font-size: 1.6rem;	
}
/* 料金 */
#fadeInNav .icofont.icofont-yen::before {
	font-size: 1.6rem;	
}	
/* 退職最前線 */
#fadeInNav .icofont.icofont-papers::before {
	font-size: 1.6rem;	
}
/* FAQ */
#fadeInNav .icofont.icofont-support-faq::before {
	font-size: 1.6rem;	
}	
}



/**
 * レスポンシブ: PC用 ウィンドウ幅1801px以上、2000px以下
 */
@media screen and (min-width:1801px) and ( max-width:2000px) {	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 15px;
}


/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav .icofont.menu::before {	
	font-size: 1.5rem;
}
/* 申込 */
#fadeInNav .icofont.icofont-pencil-alt-2::before {
	font-size: 1.5rem;	
}	
/* LINE相談 */
#fadeInNav .icofont.icofont-line::before {
	font-size: 1.5rem;	
}
/* 料金 */
#fadeInNav .icofont.icofont-yen::before {
	font-size: 1.5rem;	
}	
/* 退職最前線 */
#fadeInNav .icofont.icofont-papers::before {
	font-size: 1.5rem;	
}
/* FAQ */
#fadeInNav .icofont.icofont-support-faq::before {
	font-size: 1.5rem;	
}
}



/**
 * レスポンシブ: PC用 ウィンドウ幅1500px以上、1800px以下
 */
@media screen and (min-width:1500px) and ( max-width:1800px) {	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 14px;
}


/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav .icofont.menu::before {	
	font-size: 1.4rem;
}
/* 申込 */
#fadeInNav .icofont.icofont-pencil-alt-2::before {
	font-size: 1.4rem;	
}	
/* LINE相談 */
#fadeInNav .icofont.icofont-line::before {
	font-size: 1.4rem;	
}
/* 料金 */
#fadeInNav .icofont.icofont-yen::before {
	font-size: 1.4rem;	
}	
/* 退職最前線 */
#fadeInNav .icofont.icofont-papers::before {
	font-size: 1.4rem;	
}
/* FAQ */
#fadeInNav .icofont.icofont-support-faq::before {
	font-size: 1.4rem;	
}
}



/**
 * レスポンシブ: PC用 ウィンドウ幅2001px以上、2600px以下
 */
@media screen and (min-width:2001px) and ( max-width:2600px) {	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* 7列の場合
--------------------------- */		
#fadeInNav ul.outer li.txt {
    padding: 1.85% 0;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅1801px以上、2000px以下
 */
@media screen and (min-width:1601px) and ( max-width:2000px) {	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* 7列の場合
--------------------------- */		
#fadeInNav ul.outer li.txt {
    padding: 1.65% 0;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅1201px以上、1600px以下
 */
@media screen and (min-width:1201px) and ( max-width:1600px) {	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* 7列の場合
--------------------------- */		
#fadeInNav ul.outer li.txt {
    padding: 1.5% 0;
}
}


/**
 * レスポンシブ: PC用 ウィンドウ幅2401px以上
 */
@media screen and (min-width:2401px) {		

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 70%;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅2201px以上、2400px以下共通
 */
@media screen and (min-width:2201px) and ( max-width:2400px) {		

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 67%;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅2001px以上、2200px以下共通
 */
@media screen and (min-width:2001px) and ( max-width:2200px) {		

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 64%;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅1801px以上、2000px以下共通
 */
@media screen and (min-width:1801px) and ( max-width:2000px) {		

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 61%;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅1601px以上、1800px以下共通
 */
@media screen and (min-width:1601px) and ( max-width:1800px) {		

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 58%;
}	
}


/**
 * レスポンシブ: PC用 ウィンドウ幅1401px以上、1600px以下共通
 */
@media screen and (min-width:1401px) and ( max-width:1600px) {		

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 55%;
}	
}



/**
 * レスポンシブ: PC用 ウィンドウ幅1201px以上、1400px以下共通
 */
@media screen and (min-width:1201px) and ( max-width:1400px) {	

/* ------------------------------
   メニュー
------------------------------ */
#nav_h.open {
	height: 50%;
}	
}



/**
 * レスポンシブ: ノートPC用 アスペクト比683/384以上共通
 */
@media (min-aspect-ratio: 683/384) {

/* ___________________________________

  ヘッダ
____________________________________ */

/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 78%;
}
}



/**
 * レスポンシブ: PC用 ウィンドウ幅1140px以下共通
 */
@media screen and ( max-width:1140px) {	

/* レスポンシブ
--------------------------- */
.u1200_only {
	display: block;
}	
.u736_only {
	display: none;
}
.u697_only {
	display: none;
}
.o640_only {
	display: block;
}	
.u600_only {
	display: none;
}
.u518_only {
	display: none;
}



	
/* ___________________________________

  ヘッダ
____________________________________ */

.header_inner {
	width: 94%;
}
.header ul.outer {
	width: 96%;	
	justify-content: flex-start;
	align-items: center;
}
	
	
/* パンくず
--------------------------- */	
.breadcrumbs {
    width: 94%;
    padding: 1.5% 0;
}



/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h {
	top: 0;
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 0;	
}
#nav_h.open {
	top: 5%;
	left: 5%;
	height: 56%;
}	

/* 見出し
--------------------------- */
#nav_h h2 {
	padding: 70px 0 0 70px;
	font-size: 1.8vw;
}
#nav_h ul.inner li.txt h3 {
	font-size: 1.5vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 1.4vw;
}

/* メニュー
--------------------------- */
#nav_h ul.inner2 li.button {
	font-size: 1.4vw;
}

/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	font-size: 1.6vw;
}	


/* アイコン
--------------------------- */	
#nav_h h2::before {
  	font-size: 1.8vw;
}
	
	
	
/* ========================================

  下層ページ　共通タグ

======================================== */

/* ___________________________________

  クレジットカード
____________________________________ */

/* ------------------------------
   親ページ
------------------------------ */
#price-list ul.outer li.outer-li.parent h3 {
	font-size: 30px;
}

/* 通常料金 */
#price-list  ul.outer li.outer-li.parent .inner_price_02 span {
    font-size: 24px;
}
#price-list ul.outer li.outer-li.parent .inner_price_02 strong {
    font-size: 50px;
}
#price-list ul.outer li.outer-li.parent .inner_price_02 span.regular {
    font-size: 25px;
}
#price-list .inner_price_02 span.regular small {
  	font-size: 12px;
}	

/* ------------------------------
   子ページ
------------------------------ */
#price-list .inner_price_01 em {
  	font-size: 45px;
}
#price-list .inner_price_01 span.discounted small {
  	font-size: 12px;
}
#price-list .inner_price_01 span.discounted {
  	font-size: 25px;
}
#price-list .inner_price_02 strong {
  	font-size: 50px;
}
#price-list .inner_price_02 span.regular {
  	font-size: 25px;
}	
}	



/**
 * レスポンシブ: PC用 ウィンドウ幅821px以上、1140px以下
 */
@media screen and (min-width:821px) and ( max-width:1140px) {	
	
/* ------------------------------
	
   ヘッダ
	
------------------------------ */


/* 変更後
--------------------------- */
.header bg-black .primary-nav {
	line-height: 80px;
}



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

   フッタ

------------------------------ */
footer .container-inner {
	width: 90%;
}
footer ul.info li ul.inner {
    flex-direction: column;
}
footer ul.nav_footer li {
    flex: 0 0 23%;
}	

	
	
	
/* ========================================

  共通セレクタ

======================================== */	
	
.tb_only {
	display: none;		
}	
.sp_only {
	display: none;
}
.pc_only {
	display: block;		
}	

	
	
/* コンテナ
--------------------------- */	
.container_inner {
    width: 90%;
}


	
/* ========================================

  下層ページ共通セレクタ

======================================== */		
	
/* wrapper, container
--------------------------- */
.container_subpage {
    width: 100%;
}
.container_subpage_inner {
	width: 94%;
    max-width: 94%;
}		
.wrapper_h2 {
    width: 94%;
    max-width: 94%;
}
	
		
/* リード文
--------------------------- */	
.wrapper_lead {
    width: 94%;
    max-width: 94%;
}
		
/* ページネーション
--------------------------- */	
.pagination {
    width: 100%;
}
}




/**
 * レスポンシブ: TB用 ウィンドウ幅834px以下共通
 */
@media screen and ( max-width:834px) {

/* レスポンシブ
--------------------------- */
.o1201_only {
	display: none;
}	
.o835_only {
	display: none;
}
.u834_only {
	display: block;
}
.tb_only {
	display: block;
}


/* コンテンツ
--------------------------- */
.container_subpage_inner {
    width: 94%;
    max-width: 94%;
}
	
	
/* ------------------------------
	
   ヘッダ
	
------------------------------ */	
	
/* ロゴ
--------------------------- */	
.site-logo {
	width: 300px;
	margin: 0;
    padding: 2% 0;
}
h1.site-logo img {
	width: auto;
	max-height: 26px;
}	
	

/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h {
	top: 0;
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 0;	
}
#nav_h.open {
	top: 5%;
	left: 5%;
	height: 39%;
}	

/* 見出し
--------------------------- */
#nav_h h2 {
	padding: 70px 0 0 50px;
	font-size: 2vw;
}
#nav_h ul.inner li.txt h3 {
	font-size: 1.6vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 1.6vw;
}

/* メニュー
--------------------------- */
#nav_h ul.inner2 li.button {
	font-size: 1.4vw;
}

/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	font-size: 1.6vw;
}	


/* アイコン
--------------------------- */	
#nav_h h2::before {
  	font-size: 2vw;
}



/* ------------------------------
   ハンバーガーボタン
------------------------------ */
.wrapper_nav-btn {	
	top: 20px;
	right: 5px;
}
.MenuBtn2 {
	width: 50px;
	height: 50px;
}
.MenuBtn2.active {
	width: 50px;
	height: 50px;
}	
	
/* コンテンツ
------------------------- */
#nav_h ul.outer {
 	padding: 50px;
}	


/* メニュー
--------------------------- */
#nav_h ul.outer2 {
	padding: 0 50px;
}


/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

#fadeInNav {
	width: 80%;
	left: 10%;
	bottom: 1%;	
}
	
	


/* -------------------------
   フェードインバナー
------------------------- */
#fadeInBnr2 {
	right: 0;
	bottom: 50px;
	width: 140px;
	height: 140px;
	padding: 30px;
}
#fadeInBnr2 h3 {
	font-size: 18px;
}	
	
	
/* ------------------------------

   フッタ

------------------------------ */
footer .container-inner {
	width: 94%;
}
footer ul.footer-menu {
	margin: 0 auto;
}

/* 会社情報
--------------------------- */
footer ul.footer-menu li.information {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	padding-bottom: 2em;
}
footer ul.footer-menu li.information img.logo {
    width: 40%;
}


/* メニュー
--------------------------- */
footer ul.footer-menu li.menu {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	padding-top: 2em;
	border-top: 1px dotted #ccc;
}

/* コピーライト
--------------------------- */
footer .copyright {
	/*padding: 0.5em 0 150px;*/
}
	
/* 共通セレクタ
--------------------------- */	
p.lead {
	text-align: left;	
	}
	
	
/* -------------------------
   ページのトップへ戻る
------------------------- */
#fixedTop {
	bottom: 280px;
}


	
/* ========================================

  共通セレクタ

======================================== */

.container_inner, .container_inner2 {
    width: 94%;
	max-width: 94%;
}	
.container_inner2 ul.outer li.txt h2, .container h2 {
    font-size: 26px;
}


/* レスポンシブ
--------------------------- */	
.sp_only {
	display: none;
}
	

/* ------------------------------
   緑
------------------------------ */
div.btn-gre a {
	font-size: 18px;
}

/* ------------------------------
	
   フッタ
	
------------------------------ */
/* 住所 */ 	
footer ul.footer-menu li.information p.address {
	font-size: 13px;
}	
/* 営業時間 */ 
footer ul.footer-menu li.information p.business-hours {
	font-size: 13px;
}	
	
	
/* ========================================

  下層ページ共通セレクタ

======================================== */		
	
/* wrapper, container
--------------------------- */
.container_subpage {
    width: 100%;
}
.container_subpage_inner {
	width: 94%;
    max-width: 94%;
}		
.single .container_subpage_inner {
	width: 94%;
    max-width: 94%;
}


/* 見出し
--------------------------- */
.container_subpage main h1 {
  	margin: 0;	
	font-size: 28px;
  	font-weight: 700;
  	line-height: 1;
}
.container_subpage main h2 {
	margin: 3em 0 1em;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}
.container_subpage main h3 {
	margin: 2em 0 1em;
	padding: 0;
	font-size: 16px;
	font-weight: bold;	
	text-align: left;
}

/* 段落
--------------------------- */
.container_subpage main p, .container_subpage .detail li {
	font-size: 15px;
	line-height: 2;
}
	
	

/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 32px;
}
.payment .horizon {
  	width: 94%;
}	
.payment .horizon p {
  	font-size: 18px;
}	

/* レイアウト
--------------------------- */
#price-list .wrapper_ul {
	width: 80%;
}

/* 見出し
--------------------------- */
#price-list h3 {
	font-size: 30px;	
}	

/* 料金 
--------------------------- */

/* 割引料金 */
#price-list .inner_price_01 em {
    font-size: 4vw;
}
#price-list .inner_price_01 span.discounted {
    font-size: 2.5vw;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 1.2vw;
}

/* 通常料金 */
#price-list .inner_price_02 strong {
    font-size: 5vw;
}
#price-list .inner_price_02 span.regular {
    font-size: 3vw;	
}
#price-list .inner_price_02 span.regular small {
	font-size: 1.4vw;
}
	
	
	
/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 700px;
}
	
	

/* ------------------------------
   親ページ
------------------------------ */
#price-list ul.outer li.outer-li.parent h3 {
	font-size: 2.7vw;
}
}






/**
 * レスポンシブ: TB用 ウィンドウ幅820px以下共通
 */
@media screen and ( max-width:820px) {

/* レスポンシブ
--------------------------- */
.o1201_only {
	display: none;
}	
.o821_only {
	display: none;
}
.u820_only {
	display: block;
}
.tb_only {
	display: block;
}
}




/**
 * レスポンシブ: SP用 ウィンドウ幅768px以下
 */
@media screen and (max-width:768px) {

/* レスポンシブ
--------------------------- */
.sp_only {
	display: block;
}	
.pc_only {
	display: none;		
}
.u768_only {
	display: block;
}
.o769_only {
	display: none;
}

/* ホバーエフェクト：画像拡大
--------------------------- */
.scale img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	cursor: pointer;	
}


/* ___________________________________

  ヘッダ
____________________________________ */

/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}


/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 90%;
}
	
/* コンテンツ
------------------------- */
#nav_h ul.outer li.outer-li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 4%;
}


/* コンテンツ
------------------------- */
#nav_h ul.inner li.txt {
	width: 60%;
}

/* ボタン
--------------------------- */
#nav_h ul.inner li.txt div.mail {
	padding: 4%;
}
#nav_h ul.inner li.txt div.line {
	padding: 4%;		
}
#nav_h ul.inner li.txt div.career-change {
	padding: 4%;
}
 #nav_h ul.inner li.txt div.button h4::before {
    margin-right: 0.25em;
    font-size: 3.2vw;
    vertical-align: middle;
    display: inline;
}	

/* 見出し
--------------------------- */
#nav_h h2 {
	padding: 50px 0 0 50px;
	font-size: 2.5vw;
}
#nav_h ul.inner li.txt h3 {
	margin-bottom: 0.5em;
	font-size: 2.2vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 2vw;
}

/* メニュー
--------------------------- */	
#nav_h ul.outer2 li.outer2-li {
	flex: 0 0 49%;
	margin: 0 2% 2% 0;
}
#nav_h ul.outer2 li.outer2-li:nth-child(2n) {
	margin-right: 0;
}
#nav_h ul.inner2 li.button {
	font-size: 2vw;
}


/* アイコン
--------------------------- */	
#nav_h h2::before {
  	font-size: 2.5vw;
}
	
	
	
/* ___________________________________

  お知らせ
____________________________________ */	

#wrapper_information_footer {
  	bottom: 99.05px;
}
	
	
/* レイアウト
--------------------------- */
#wrapper_information_footer dt {
  	width: 20%;
}
#wrapper_information_footer dd {
  	width: 80%;
}
	
	

/* ------------------------------
   クレジットカード
------------------------------ */

/* レイアウト
--------------------------- */
#price-list .wrapper_ul {
	width: 90%;
}

/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 30px;
}

/* ___________________________________

  銀行振込
____________________________________ */

/* Table.entry
--------------------------- */
table.entry th {
	width: 100%;
	margin-right: 0;
	padding: 2% 0;
	float: left;
	border: none;	
}
table.entry td {
	width: 100%;	
	float: left;
	border: none;	
	padding: 2% 0 4%;	
}
table.entry tr:first-child th, table.entry tr:first-child td {
	padding-top: 2%;
}	
table.entry tr:last-child th, table.entry tr:last-child td {
	padding-bottom: 2%;

}


/* Contact Form7
--------------------------- */

/* 送信ボタン */
input.wpcf7-submit {
    width: 280px;
    height: 50px;
    padding: 5px 8px;	
    font-size: 16px;
}
}



/**
 * レスポンシブ: PC用 ウィンドウ幅700px以下共通
 */
@media screen and ( max-width:700px) {	
	
/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 480px;
}
}




/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width:640px) {

	
/* ========================================

  共通タグ

======================================== */

.wrapper {
    padding-top: 54px;
}	

/* レスポンシブ
--------------------------- */
.o900_only {
	display: none;
}
.o811_only {
	display: none;
}	
.o810_only {
	display: none;
}
.o641_only {
	display: none;
}
.u640_only {
	display: inline-block;
}


/* パディング
--------------------------- */
.pt100 {
	margin-top: -35px !important;		
	padding-top: 70px !important;	
}	

	
/* ------------------------------
	
   ヘッダ
	
------------------------------ */	
	
/* ロゴ
--------------------------- */	
.site-logo {
	width: 250px;
    padding: 2% 0;
}



/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 90%;
}


/* コンテンツ
------------------------- */
#nav_h ul.inner li.txt {
	width: 70%;
}



/* ボタン
--------------------------- */
#nav_h ul.inner li.txt div.mail {
	padding: 4%;
}
#nav_h ul.inner li.txt div.line {
	padding: 4%;		
}
#nav_h ul.inner li.txt div.career-change {
	padding: 4%;
}


/* 見出し
--------------------------- */
#nav_h h2 {
	font-size: 3vw;
}
#nav_h ul.inner li.txt h3 {
	margin-bottom: 0.5em;
	font-size: 2.5vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 2.3vw;
}

/* メニュー
--------------------------- */
#nav_h ul.inner2 li.button {
	font-size: 2.3vw;
}

/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	font-size: 2.7vw;
}	


/* アイコン
--------------------------- */	
#nav_h h2::before {
  	font-size: 3vw;
}
	

/* メニュー
--------------------------- */	
#nav_h ul.outer2 li.outer2-li {
	flex: 0 0 49%;
	margin: 0 2% 2% 0;
}
#nav_h ul.outer2 li.outer2-li:nth-child(2n) {
	margin-right: 0;
}


/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

#fadeInNav {
	width: 90%;
	left: 5%;
	bottom: 1%;	
}
		


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

   フッタ

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

/* フッタ
--------------------------- */
footer {
    padding: 2.5% 0 0;
}
footer ul.footer-menu {
	margin: 0 auto;
}	
footer ul.info {
    width: 100%;
    padding: 0;	
}	
footer ul.info li.logo {
    flex: 0 0 auto;
    max-width: 100%;
}	
footer ul.info li.contact {
    flex: 0 0 auto;
	width: 100%;
    max-width: 100%;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;	
	margin: 2.5% auto;
	padding: 2.5% 0;
}
footer ul.info li ul.inner li.tel, footer ul.info li ul.inner li.fax {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
    margin: 0;
}	
footer ul.nav_footer {
    width: 100%;
    margin: 0 auto;	
}
footer ul.nav_footer li {
    flex: 0 0 48.5%;
}	
footer ul.nav_footer li:nth-child(even) {
    margin-right: 0;
}
footer .copyright p {
    font-size: 12px;
}		
footer .container-inner {
	width: 94%;
}
footer ul.info li ul.inner {
    flex-direction: column;
}


/* ロゴ, コンタクト
--------------------------- */
footer ul.info li.information {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}
footer ul.footer-menu li.information img.logo {
    width: 50%;
}

/* 住所 */ 	
footer ul.footer-menu li.information p.address {
	font-size: 13px;
}	
/* 営業時間 */ 
footer ul.footer-menu li.information p.business-hours {
	font-size: 13px;
}	
	

/* コピーライト
--------------------------- */
footer .copyright {
	/*padding: 0.5em 0 150px;*/
}	


/* -------------------------
   ページのトップへ戻る
------------------------- */
#fixedTop {
	bottom: 280px;
 	line-height: 32px;
	width: 36px;
	height: 34px;
}
#fixedTop i {
	font-size: 0.9em;
}
.search #fixedTop {
  bottom: 85px;
}	


/* 記事
------------------------- */	

.single-article #fixedTop, .post-type-archive-article #fixedTop {
	bottom: 350px;
}



	
	
/* ___________________________________

  お知らせ
____________________________________ */	

#wrapper_information_footer {
  	bottom: 83.2333px;
}		

/* ------------------------------
	
   共通セレクタ
	
------------------------------ */
.container_inner {
    width: 94%;
}
.container_inner .lead_wrap {
    width: 100%;
}	
.container_inner h2, .container_subpage_inner {
    font-size: 22px;
	margin: 1em 0 0;
	margin: 0 auto;	
}
.container_inner2 ul.outer li.txt p {
    padding: 1em 2em;
}	

/* ボタン
--------------------------- */
div.wh {
    margin: 0 auto 2.5%;
}
div.wh a {
    font-size: 14px;
}	

	
	
/* ========================================

  下層ページ共通セレクタ

======================================== */		
	
/* wrapper, container
--------------------------- */
.container_subpage {
    width: 100%;
}
.container_subpage_inner {
	width: 94%;
    max-width: 94%;
}		
.single .container_subpage_inner {
	width: 94%;
	max-width: 94%;
}

		
/* リード文
--------------------------- */	
.wrapper_lead {
    width: 94%;
    max-width: 94%;
	margin-bottom: 5%;
}	
		
/* ページネーション
--------------------------- */	
.pagination {
    width: 100%;
}

	
/* .slide_box
--------------------------- */		
.slide_box {
    overflow-y: hidden;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 94%;
    padding: 0 3%;
}	


/* コンテンツ
--------------------------- */
.container_subpage main {
	padding-top: 50px;
}

	
	
/* ------------------------------
   お支払い方法
------------------------------ */	

/* 種類
--------------------------- */
#top_payment dl {
	border-radius: 10px;
}
#top_payment dl dt {
	flex: 0 0 auto;
	width: 100%;;
	max-width: 100%;
	padding-bottom: 0;
}	
#top_payment dl dd {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	font-size: 15px;
}
#top_payment dl dt .u834_only {
    display: none;
}	
	
	
	

/* ------------------------------
   クレジットカード
------------------------------ */

/* レイアウト
--------------------------- */
#price-list .wrapper_ul {
	width: 100%;
}

/* 見出し
--------------------------- */
#price-list h3 {
	font-size: 28px;	
}

/* 料金 
--------------------------- */

/* 割引料金 */
#price-list .inner_price_01 em {
    font-size: 5vw;
}
#price-list .inner_price_01 span.discounted {
    font-size: 3vw;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 1.4vw;
}

/* 通常料金 */
#price-list .inner_price_02 strong {
    font-size: 6vw;
}
#price-list .inner_price_02 span.regular {
    font-size: 4vw;	
}
#price-list .inner_price_02 span.regular small {
	font-size: 1.8vw;
}
	
	
	
	
	
/* ___________________________________

  クレジットカード
____________________________________ */

/* ------------------------------
   親ページ
------------------------------ */
#price-list ul.outer li.outer-li.parent {	
	flex: 0 0 48%;
	margin: 0 2% 2% 0;
	background: #fff;
	border: 2px solid #94d1d2;
}
#price-list ul.outer li.outer-li.parent .inner_price_02 span.regular small {
	font-size: 1.4vw;
}
}





/**
 * レスポンシブ: SP用 ウィンドウ幅481px以上、640px以下
 */
@media screen and (min-width:481px) and ( max-width:640px) {

/* ------------------------------
	
   ヘッダ
	
------------------------------ */

/* ナビゲーション
--------------------------- */
#wp_nav button#MenuBtn {
	top: 0%;
	width: 6%;
	padding: 9.5% 0 0;
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅480px以下
 */
@media screen and ( max-width:480px) {

/* レスポンシブ
--------------------------- */
.u480_only {
	display: block;
}	
.o640_only {
	display: none !important;
}	

/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}

/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h {
	top: 0;
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 0;	
}
#nav_h.open {
	top: 5%;
	left: 5%;
	height: 90%;
}

/* コンテンツ
--------------------------- */
#nav_h ul.outer li.outer-li {
	margin: 0 0 5%;
}

/* 見出し
--------------------------- */
#nav_h h2 {
	font-size: 4vw;
}
#nav_h ul.inner li.txt h3 {
	margin-bottom: 0.5em;
	font-size: 3vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 2.8vw;
}
#nav_h ul.inner li.txt div.button h4::before {
	font-size: 4vw;
}

/* メニュー
--------------------------- */
#nav_h ul.inner2 li.button {
	font-size: 2.5vw;
}

/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	font-size: 2.5vw;
}	


/* アイコン
--------------------------- */	
#nav_h h2::before {
  	font-size: 4vw;
}

/* メニュー
--------------------------- */	
#nav_h ul.outer2 li.outer2-li {
	flex: 0 0 49%;
	margin: 0 2% 2% 0;
}
#nav_h ul.outer2 li.outer2-li:nth-child(2n) {
	margin-right: 0;
}
	
	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

#fadeInNav {
	width: 94%;
	left: 3%;
	bottom: 1%;	
}	
#fadeInNav ul.outer li.txt h3 {
	height: 44px;
}
	
/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav a.menu::before {
    width: 35px;
    height: 30px;
}
/* 申込 */
#fadeInNav a.application::before {
    width: 35px;
    height: 26px;
}	
/* LINE相談 */
#fadeInNav a.line::before {
    width: 35px;
    height: 26px;
}
/* 料金 */
#fadeInNav a.price::before {
    width: 35px;
    height: 26px;
}	
/* Googleクチコミ */
#fadeInNav a.google::before {
    width: 35px;
    height: 26px;
}	
/* FAQ */
#fadeInNav a.faq::before {
    width: 35px;
    height: 26px;
}	

	
	
/* ------------------------------
	
   フッタ
	
------------------------------ */
footer {
	padding: 2.5% 0 60px;
}
	
	
/* コピーライト
--------------------------- */
footer .copyright {
	/*padding: 0.5em 0 120px;*/
}
		

/* メニュー
--------------------------- */
footer ul.footer-menu li.menu-li {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}
footer ul.footer-menu li.menu .wrapper_box .box {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

footer ul.info li.information img {
	width: 60%;
}


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

   ボタン

------------------------------ */
/* ------------------------------
   緑
------------------------------ */
div.btn-gre a {
	font-size: 15px;	
}

	
	
/* ___________________________________

  お支払方法
____________________________________ */	

/* レイアウト
--------------------------- */
#price-list ul.outer li.outer-li {	
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}
/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 30px;
}
	
/* 画像
--------------------------- */
#price-list ul.outer li.left img {
	height: 300px;
}

/* 料金 
--------------------------- */

/* 割引料金 */
#price-list .inner_price_01 em {
    font-size: 9vw;
}
#price-list .inner_price_01 span.discounted {
    font-size: 5vw;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 2.4vw;
}

/* 通常料金 */
#price-list .inner_price_02 strong {
    font-size: 10vw;
}
#price-list .inner_price_02 span.regular {
    font-size: 6vw;	
}
#price-list .inner_price_02 span.regular small {
	font-size: 3vw;
}
	
	

/* Contact Form7
--------------------------- */

/* 送信ボタン */
input.wpcf7-submit {
    width: 300px;
    height: 50px;
    padding: 5px 8px;	
    font-size: 20px;
}
ul#button_box li p {
  	flex-direction: column;
}
form.wpcf7-form p.main {
	width: 94%;
	font-size: 14px;
}


/* モーダル（利用規約）
--------------------------- */
.container_subpage main {
	padding-top: 0;
}	
.modal-content {
  	width: 420px;
	height: 600px;
}
	
	
	
/* ___________________________________

  クレジットカード
____________________________________ */

/* ------------------------------
   親ページ
------------------------------ */
#price-list ul.outer li.outer-li.parent {	
	border: 2px solid #94d1d2;
}
#price-list .inner_price_02 {
  	width: 95%;
  	padding: 0 2.5% 0.75em;
}
	
	
	
/* 通常料金 */	
#price-list  ul.outer li.outer-li.parent .inner_price_02 span {
    font-size: 2.5vw;
  	flex: 0 0 45%;	
}
#price-list ul.outer li.outer-li.parent .inner_price_02 strong {
    font-size: 4vw;
  	flex: 0 0 40%;	
}
#price-list ul.outer li.outer-li.parent .inner_price_02 span.regular {
    font-size: 2.5vw;	
}
  #price-list ul.outer li.outer-li.parent .inner_price_02 span.regular small {
    font-size: 1.5vw;
}
#price-list ul.outer li.outer-li.parent h3 {
    font-size: 3,5vw;
}
	
	
/* 割引料金 */
#price-list .inner_price_01 em {
    font-size: 3.5vw;
}
#price-list .inner_price_01 span.discounted {
    font-size: 2.5vw;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 1.4vw;
}

	
/* 画像 */
#price-list ul.outer li.outer-li.parent {
  	border-radius: 10px;
}
#payment_creditcard_content #price-list li.image img {
  	border-radius: 10px;
}	
	
	
/* レスポンシブ */
#payment_creditcard_content #price-list li.image img.pc_only {
	display: none;
}
#payment_creditcard_content #price-list li.image img.sp_only {
	display: block;
}

	
/* ------------------------------
   子ページ
------------------------------ */
#price-list ul.outer li.outer-li {
  	border-radius: 10px;
}
#price-list ul.outer li.outer-li img {
	height: 400px;
  	border-radius: 10px;
}

	
	
	
	
/* ボタンの並び順 */
/*	
#payjp_checkout_box {
	position: relative;
	z-index: 100;
}
*/	
	
/* スマホナビ非表示 */	
.page-template-page-price_a #fadeInNav {
    display: none !important;
}
	
/* TOPに戻る非表示 */	
.page-template-page-price_a   #fixedTop {
    display: none !important;
}
}	
	


/**
 * レスポンシブ: SP用 ウィンドウ幅428px以下
 */
@media screen and ( max-width:428px) {

/* レスポンシブ
--------------------------- */
.u428_only {
	display: block;		
}	
	
	

/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}

/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 90%;
}
	
/* コンテンツ
------------------------- */
#nav_h ul.outer {
 	padding: 30px;
}
#nav_h ul.outer li.outer-li {
	margin: 0 0 5%;
}
#nav_h ul.inner li.txt {
	width: 80%;
}	


/* 見出し
--------------------------- */
#nav_h h2 {
	padding: 30px 0 0 30px;
	font-size: 4.5vw;	
}
#nav_h ul.inner li.txt h3 {
	font-size: 3.7vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 3.5vw;
}

/* ボタン
--------------------------- */
#nav_h ul.inner li.txt div.mail {
	padding: 5%;
}
#nav_h ul.inner li.txt div.line {
	padding: 5%;		
}
#nav_h ul.inner li.txt div.career-change {
	padding: 5%;
}

/* アイコン
--------------------------- */
#nav_h h2::before {
    font-size: 4.5vw;
}	
#nav_h ul.inner li.txt div.button h4::before {
	font-size: 5.5vw;
}	

/* メニュー
--------------------------- */
#nav_h ul.outer2 {
	padding: 0 30px;
}
#nav_h ul.inner2 li.button {
	font-size: 3vw;
}
		

/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	font-size: 3vw;
}
	


/* ------------------------------
   ハンバーガーボタン
------------------------------ */
.wrapper_nav-btn {	
	top: 15px;
	right: 3px;
}
.MenuBtn2 {
	width: 30px;
	height: 30px;
}
.MenuBtn2.active {
	width: 30px;
	height: 30px;
}	
	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 10px;
}

/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav .icofont.menu::before {
	padding: 4% 0;	
	font-size: 1.1rem;
}
/* 申込 */
#fadeInNav .icofont.icofont-pencil-alt-2::before {
	padding: 4% 0;
	font-size: 1.1rem;	
}	
/* LINE相談 */
#fadeInNav .icofont.icofont-line::before {
	padding: 4% 0;
	font-size: 1.1rem;	
}
/* 料金 */
#fadeInNav .icofont.icofont-yen::before {
	padding: 4% 0;
	font-size: 1.1rem;	
}	
/* 退職最前線 */
#fadeInNav .icofont.icofont-papers::before {
	padding: 4% 0;
	font-size: 1.1rem;	
}
/* FAQ */
#fadeInNav .icofont.icofont-support-faq::before {
	padding: 4% 0;
	font-size: 1.1rem;	
}



/* -------------------------
   フェードインバナー
------------------------- */
#fadeInBnr2 {
	right: 0;
	bottom: 50px;
	width: 120px;
	height: 120px;
	padding: 30px;
}
#fadeInBnr2 h3 {
	font-size: 16px;
}	
	
	
	
/* ------------------------------
	
   フッタ
	
------------------------------ */
footer {
	padding: 2.5% 0 60px;
}	
footer ul.info li.information img {
	width: 70%;
}
	

/* コピーライト
--------------------------- */
footer .copyright {
	/*padding: 0.5em 0 100px;*/
}	



/* -------------------------
   ページのトップへ戻る
------------------------- */

/* 記事 */
.single-article #fixedTop, .post-type-archive-article #fixedTop {
	bottom: 65px;
}

/* 検索結果 */
.search #fixedTop {
  bottom: 65px;
}




/* ___________________________________

  お知らせ
____________________________________ */	

#wrapper_information_footer {
  	bottom: 56.95px;
}	

/* レイアウト
--------------------------- */
#wrapper_information_footer dt {
  	width: 30%;
}
#wrapper_information_footer dd {
  	width: 70%;
}	
	
	
	
/* ========================================

  下層ページ共通セレクタ

======================================== */		

/* 見出し
--------------------------- */
.container_subpage main h1 {
	font-size: 26px;
}
	
	
	

/* ___________________________________

  お支払方法
____________________________________ */

/* 見出し
--------------------------- */
#top_payment h2 {
  	font-size: 36px;
}
#top_payment h2 small {
  	font-size: 26px;
}
#top_payment .horizon p {
  	font-size: 16px;
}
#top_payment .horizon::before {
  	border-bottom: 2px solid #F9DC5C;
}	

/* 種類
--------------------------- */
#top_payment dl dt {
	font-size: 14px
}
#top_payment dl dd {
	font-size: 14px;
}	

/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 28px;
}
.payment .horizon p {
  	font-size: 16px;
}
.payment .horizon::before {
  	border-bottom: 2px solid #F9DC5C;
}		
	
	

/* 種類
--------------------------- */
.payment_content ul.outer li.outer-li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

/* 料金 
--------------------------- */

/* 割引料金 */
#price-list .inner_price_01 em {
    font-size: 11vw;
}
#price-list .inner_price_01 span.discounted {
    font-size: 6vw;
}
#price-list .inner_price_01 span.discounted small {
	font-size: 3.4vw;
}

/* 通常料金 */
#price-list .inner_price_02 strong {
    font-size: 12vw;
}
#price-list .inner_price_02 span.regular {
    font-size: 7vw;	
}
#price-list .inner_price_02 span.regular small {
	font-size: 4vw;
}
	
	
	
/* ___________________________________

  クレジットカード
____________________________________ */

/* ------------------------------
   親ページ
------------------------------ */
.page-template-page-payment_credit-card #price-list ul.outer li.outer-li.parent {
  	border-radius: 10px;
}	
.page-template-page-payment_credit-card #price-list ul.outer li.outer-li.parent {
    border: 1px solid #94d1d2;
}	

/* 料金 
--------------------------- */

/* 割引料金 */
.page-template-page-payment_credit-card #price-list .inner_price_01 em {
    font-size: 3.5vw;
}
.page-template-page-payment_credit-card #price-list .inner_price_01 span.discounted {
    font-size: 2.5vw;
}
.page-template-page-payment_credit-card #price-list .inner_price_01 span.discounted small {
	font-size: 1.4vw;
}

/* 通常料金 */
.page-template-page-payment_credit-card #price-list .inner_price_02 strong {
    font-size: 12vw;
}
.page-template-page-payment_credit-card #price-list .inner_price_02 span.regular {
    font-size: 7vw;	
}
.page-template-page-payment_credit-card #price-list .inner_price_02 span.regular small {
	font-size: 4vw;
}

	
	
	
	

/* ___________________________________

  銀行振込
____________________________________ */
	
ul#button_box li {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
}

/* フォーム
--------------------------- */
table.entry td input[type="date"] {
	width: 96%;	
}
input.wpcf7-submit {
    width: 100%;
}
	
/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 380px;
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅414px以下
 */
@media screen and ( max-width:414px) {

/* ___________________________________

  ヘッダ
____________________________________ */	
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}

/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 90%;
}
	
/* コンテンツ
------------------------- */
#nav_h ul.outer {
 	padding: 20px;
}

/* アイコン
--------------------------- */
	#nav_h ul.inner li.txt div.button h4::before {
	font-size: 4.6vw;
}

/* メニュー
--------------------------- */
#nav_h ul.outer2 {
	padding: 0 20px;
}
	

	
	

/* ------------------------------
	
   フッタ
	
------------------------------ */

/* 会社情報
--------------------------- */
footer ul.footer-menu li.information img.logo {
    width: 60%;
}
	
	
	
	
/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 26px;
}
#price-list h3 {
	font-size: 26px;	
}		
}


/**
 * レスポンシブ: SP用 ウィンドウ幅400px以下
 */
@media screen and ( max-width:400px) {

/* レスポンシブ
--------------------------- */
.u400_only {
	display: block;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅384px以下
 */
@media screen and ( max-width:384px) {
	
/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}
	
	
	
/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 24px;
}	
#price-list h3 {
	font-size: 24px;	
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅375px以下
 */
@media screen and ( max-width:375px) {


/* レスポンシブ
--------------------------- */
.o414_only {
	display: none !important;
}	
.u375_only {
	display: block;
}

	
/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}

/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 90%;
}


/* 見出し
--------------------------- */
#nav_h ul.inner li.txt h3 {
	font-size: 3.9vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 3.7vw;
}

/* アイコン
--------------------------- */
#nav_h ul.inner li.txt div.button h4::before {
	font-size: 5.8vw;
}

/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 9px;
}

/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav .icofont.menu::before {
	padding: 4% 0;	
	font-size: 1rem;
}
/* 申込 */
#fadeInNav .icofont.icofont-pencil-alt-2::before {
	padding: 4% 0;
	font-size: 1rem;	
}	
/* LINE相談 */
#fadeInNav .icofont.icofont-line::before {
	padding: 4% 0;
	font-size: 1rem;	
}
/* 料金 */
#fadeInNav .icofont.icofont-yen::before {
	padding: 4% 0;
	font-size: 1rem;	
}	
/* 退職最前線 */
#fadeInNav .icofont.icofont-papers::before {
	padding: 4% 0;
	font-size: 1rem;	
}
/* FAQ */
#fadeInNav .icofont.icofont-support-faq::before {
	padding: 4% 0;
	font-size: 1rem;	
}


/* ------------------------------
	
   フッタ
	
------------------------------ */

/* 会社情報
--------------------------- */
footer ul.footer-menu li.information img.logo {
    width: 70%;
}

/* MAP */ 
footer ul.footer-menu li.information #footer_map iframe {
	width: 100%;
}	

/* -------------------------
   ページのトップへ戻る
------------------------- */

/* 記事 */
.single-article #fixedTop, .post-type-archive-article #fixedTop {
	bottom: 64px;
}

/* 検索結果 */
.search #fixedTop {
  bottom: 60px;
}




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

   ボタン

------------------------------ */
/* ------------------------------
   緑
------------------------------ */
div.btn-gre a {
	font-size: 17px;	
}	
	
	
/* ========================================

  下層ページ共通セレクタ

======================================== */		

/* 見出し
--------------------------- */
.container_subpage main h1 {
	font-size: 26px;
}
.container_subpage main h2 {
	font-size: 16px;
}
.container_subpage main h3 {
	font-size: 15px;
}

/* 段落
--------------------------- */
.container_subpage main p, .container_subpage .detail li {
	font-size: 14px;
}
	
	
	
/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 350px;
	height: 450px;
}
}

/**
 * レスポンシブ: SP用 ウィンドウ幅374px以下
 */
@media screen and ( max-width:374px) {
.u374_only {
	display: block;
}

/* ------------------------------
	
   ヘッダ
	
------------------------------ */
		
/* ロゴ
--------------------------- */
.site-logo {
	width: 300px;
}	
}


/**
 * レスポンシブ: SP用 ウィンドウ幅360px以下
 */
@media screen and ( max-width:360px) {
.u360_only {
	display: block;
}

/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 3% 0;
}
	

/* ------------------------------
	
   フッタ
	
------------------------------ */

/* 会社情報
--------------------------- */
footer ul.footer-menu li.information img.logo {
    width: 70%;
}
	
	
	
/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 22px;
}
.payment .horizon p {
  	font-size: 15px;
}
#price-list h3 {
	font-size: 22px;	
}

/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 340px;
	height: 400px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅340px以下
 */
@media screen and ( max-width:340px) {

#fadeInNav ul.outer li.txt h3 {
	height: 40px;
}
	
/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav a.menu::before {
    width: 32px;
    height: 24px;
}
/* 申込 */
#fadeInNav a.application::before {
    width: 32px;
    height: 24px;
}	
/* LINE相談 */
#fadeInNav a.line::before {
    width: 32px;
    height: 24px;
}
/* 料金 */
#fadeInNav a.price::before {
    width: 32px;
    height: 24px;
}	
/* Googleクチコミ */
#fadeInNav a.google::before {
    width: 32px;
    height: 24px;
}	
/* FAQ */
#fadeInNav a.faq::before {
    width: 32px;
    height: 24px;
}	
}





/**
 * レスポンシブ: SP用 ウィンドウ幅320px以下
 */
@media screen and ( max-width:320px) {

.u320_only {
	display: inline-block;
}

	
/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 4% 0;
}


/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 80%;
	min-height: 520px;
}	


/* 見出し
--------------------------- */
#nav_h h2 {
	font-size: 4.7vw;
}
#nav_h ul.inner li.txt h3 {
	font-size: 4vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 3.7vw;
}
	
/* コンテンツ
------------------------- */
#nav_h ul.inner li.txt {
	width: 100%;
}	

/* アイコン
--------------------------- */
 #nav_h h2::before {
    font-size: 4.7vw;
}	
#nav_h ul.inner li.txt div.button h4::before {
	font-size: 6vw;
}
	
	
	
/* -------------------------
	
   フェードインフッタナビ（共通部分）
	
------------------------- */

/* aタグの背景色
--------------------------- */	
	
#fadeInNav ul.outer li.txt a {
	font-size: 8px;
}

		

#fadeInBnr2 {
	right: 0;
	bottom: 20px;
	width: 120px;
	height: 120px;
	padding: 30px;
}
#fadeInBnr2 h3 {
	font-size: 16px;
}	

#fadeInNav ul.outer li.txt h3 {
	height: 38px;
}
	
/* アイコン
--------------------------- */

/* メニュー */
#fadeInNav a.menu::before {
    width: 30px;
    height: 23px;
}
/* 申込 */
#fadeInNav a.application::before {
    width: 30px;
    height: 23px;
}	
/* LINE相談 */
#fadeInNav a.line::before {
    width: 30px;
    height: 23px;
}
/* 料金 */
#fadeInNav a.price::before {
    width: 30px;
    height: 23px;
}	
/* Googleクチコミ */
#fadeInNav a.google::before {
    width: 30px;
    height: 23px;
}	
/* FAQ */
#fadeInNav a.faq::before {
    width: 30px;
    height: 23px;
}		
	
	
	

/* ------------------------------
	
   フッタ
	
------------------------------ */	
footer {
	padding: 2.5% 0 54.4px;		
}
footer ul.info li ul.inner li.tel p, footer ul.info li ul.inner li.fax p {
	font-size: 16px;
}
footer ul.nav_footer li {
	font-size: 13px;
}

/* 会社情報
--------------------------- */
footer ul.footer-menu li.information img.logo {
    width: 80%;
}

/* コピーライト
--------------------------- */
footer .copyright {
	/*padding: 0.5em 0 80px;*/
}	

/* -------------------------
   ページのトップへ戻る
------------------------- */
#fixedTop {
	bottom: 230px;	
}

/* 検索結果 */
.search #fixedTop {
  	bottom: 55px;
}		


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

   ボタン

------------------------------ */
/* ------------------------------
   緑
------------------------------ */
div.btn-gre a {
	font-size: 14px;	
}
	
	
/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 20px;
}
.payment .horizon p {
  	font-size: 14px;
}
#price-list h3 {
	font-size: 20px;	
}
	
/* 画像
--------------------------- */
#price-list ul.outer li.left img {
	height: 250px;
}

/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 280px;
	height: 350px;
}
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅280px以下
 */
@media screen and ( max-width:280px) {

.u280_only {
	display: inline-block;
}

/* ------------------------------
	
   ヘッダ
	
------------------------------ */
	
/* ロゴ
--------------------------- */	
.site-logo {
    padding: 2% 0;
}


/* ------------------------------
   メニュー
------------------------------ */

/* fadein
--------------------------- */
#nav_h.open {
	height: 80%;
}	


/* 見出し
--------------------------- */
#nav_h h2 {
	font-size: 5vw;
}
#nav_h ul.inner li.txt h3 {
	font-size: 4.4vw;
}
#nav_h ul.inner li.txt div.mail h4, #nav_h ul.inner li.txt div.line h4, #nav_h ul.inner li.txt div.career-change h4 {
	font-size: 4.2vw;
}

/* アイコン
--------------------------- */
#nav_h h2::before {
    font-size: 5vw;
}	
#nav_h ul.inner li.txt div.button h4::before {
	font-size: 4.8vw;
}

/* メニュー
--------------------------- */
#nav_h ul.inner2 li.button {
	font-size: 2.8vw;
}
		

/* 共通部分 */
#nav_h ul.inner2 li.txt a.icofont::before {
	font-size: 2.8vw;
}
	
		
	
	

/* ------------------------------
	
   フッタ
	
------------------------------ */
footer {
	padding: 2.5% 0 54.4px;	
}		
footer ul.nav_footer li {
	font-size: 11px;
}


/* スクロール */
.table_box {
    overflow-x: scroll;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
.table_box::-webkit-scrollbar {
	display: none;
}
	
	
	
/* 見出し
--------------------------- */
.container_subpage .payment_content h1 {
  	font-size: 18px;
}	
#price-list h3 {
	font-size: 18px;	
}

/* モーダル（利用規約）
--------------------------- */
.modal-content {
  	width: 260px;
	height: 350px;
}
}