@charset "Shift_JIS";
/* CSS Document */
/* ==================================================

xxxx.css

1＿共通：defaultCSS Reset
2＿ase-styleCSS
3＿header
4＿footer 
5＿メインナビゲーション
6＿ぱんくず
7＿main メインコンテンツ
        Lトップページ用大枠
        L下層用大枠
        L下層用サブナビゲーション

8.文章の設定（フォントカラー、p、など）
9.リストの設定（共通）
10.イレギュラー設定（margin、paddingなど）

================================================== */
/*======================================*/
/* 1＿共通：defaultCSS Reset */
/*======================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
/*======================================*/
/* 2＿共通：base-styleCSS */
/*======================================*/
* {
  box-sizing: border-box;
}
html {font-size: 62.5%;scroll-behavior: auto;}
body {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.07;
  font-size: 1.5rem;
  color: #333;
  line-height: 170%;
  word-wrap: break-word;
  word-break: break-all;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}
table {
  width: 100%;
}
tr, th, td {
  padding: 15px;
  word-break: break-all !important;
  font-weight: normal;
  text-align: left;
}
th {
  vertical-align: middle;
  padding: 15px 0 15px 15px;
}
/* formも共通化した時用のcss設定としてコメントで残す
	input,textarea,button,select{
	font-family: 'Noto Sans JP', sans-serif;	
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 5px 7px;
	margin: 0 8px;
	width: auto;
	display: inline-block;
	font-size: 100%;
}
select {
	border-radius: 3px;
	border: 1px solid #dad7d3;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: rgba(255,255,255,1.00);
	overflow: hidden;
	height: 35px;
    font-size: 96%;
}
input {
	border: 1px solid #dad7d3;
	padding: 2px 5px;
	background-color: #fff;
	-webkit-appearance: none;
	vertical-align:middle;
	height: 35px;
}
input,textarea{
	text-align: left;
	vertical-align: top;
	outline: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
	background-color: #e8faff;
}
button,label{background-color: transparent;cursor: pointer;	-webkit-appearance: none;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled]{cursor: default;}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
	vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
fieldset {border: none;}
*/
a {
  background: transparent;
}
a:link, a:visited {
  color: #333;
}
a:hover {
  color: #019077;
  text-decoration: none;
  outline: 0;
  opacity: 1;
  -webkit-transition: 0.3s ease-in !important;
  transition: 0.2s ease-in !important;
}
a:focus {
  outline: none;
}
strong {
  font-weight: 500;
}

.pc_none {display:none !important;}
.sp_none {display:block !important;}

/*======================================*/
/* 共通：header */
/*======================================*/
#header {
  border-top: 10px solid;
  border-image: linear-gradient(to right, #1cb791 0%, #b18bcd 50%, #1cb791 100%);
  border-image-slice: 1;
  box-shadow: 3px 3px 3px #ebebeb;
  margin-bottom: 1rem;
}
#header .wraplogo {
  position: relative;
  background: white;
  padding: 3.3rem 0;
  box-shadow: 3px 4px 3px #ebebeb;
}
#header h1.logo {text-align: center;}
#header h1.logo img {max-width: 290px;vertical-align: bottom;}
#header .wraplogo .searchbox {position: absolute;right: 0;top: 0;}
#header .wraplogo .wraplogoInner {max-width: 1200px;margin: 0 auto;position: relative;}
/*グローバルナビ
-----------------------------------------------------*/
#globalNav {
  width: 100%;
  margin: 0 auto;
  padding: 0.5rem 0;
  background: #fefefe;
}
ul.menuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
ul.menuList li {
  padding: .8% 0;
  width: 16%;
  position: relative;
  text-align: center;
}
ul.menuList li a {
  text-decoration: none;
  color: #019077;
  font-size: 1.8rem;
  font-weight: 500;
  display: block;
  letter-spacing: 1px;
  padding: .3rem 0;
}
ul.menuList li a:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
ul.menuList li:not(:last-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #d5d9de;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  top: 50%;
  right: -8px;
}
/*サブメニュー階層*/
ul.menuList li .submenuWrap {
  position: absolute;
  top: 50px;
  left: 0;
  margin: auto;
  overflow: hidden;
  background: #fff;
  width: 300px;
  display: none;
  z-index: 10;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px #ebebeb;
}
@media screen and (min-width: 600px) and (max-width: 896px) {
  ul.menuList li .submenuWrap {width: 200px !important;}
}
ul.submenuList {padding: 1.5rem 1rem 1.5rem 5rem;}
ul.submenuList {padding: 1.5rem 1rem 1.5rem 5rem;}
@media screen and (min-width: 600px) and (max-width: 896px) {
  ul.submenuList {padding: 1rem !important;}
}
ul.submenuList li {
  display: block;
  text-align: left;
  width: 100%;
  padding: 0;
}
ul.submenuList li::before {display: none !important;}
ul.submenuList li a {
  position: relative;
  font-size: 1.6rem;
  display: inline-block;
  padding-left: 2rem;
}
ul.submenuList li a:hover {text-decoration: underline;}
/*検索窓
-----------------------------------------------------*/
#srchBox {
  position: relative;
  right: 0;
  top: -70px;
  z-index: 100;
}
/*ヘッダーの検索窓アイコン*/
.open-icon {
  background: url("/img/common/icon_search.svg")no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  right: 1%;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer
}
/*検索窓の中身*/
#cse-search-box {
  background: #019077;
  width: 250px;
  max-width: 100%;
  padding: 5px;
  position: absolute;
  right: 16px;
  top:20px;
  border-radius: 30px;
}
#cse-search-box input[type="text"] {
  border: none;
  border-radius: 30px;
  padding: 15px 0 15px 20px !important;
  width: 100%;
}
#cse-search-box input[type="text"]:focus {outline: 0;}
/*検索アイコン*/
#cse-search-box input[type="submit"] {
  cursor: pointer;
  background: url("/img/common/icon_search.svg") no-repeat center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  border: none;
  color: #3879D9;
  position: absolute;
  top: 15px;
  right: 30px;
  outline: none;
}
/*閉じるボタン*/
#srchBox .close-icon {
  position: absolute;
  right: 28px;
  top: 115px;
  width: 25px;
  height: 25px;
  cursor: pointer
}
#srchBox .close-icon::before, #srchBox .close-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #FFF;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
#srchBox .close-icon::after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
/*検索結果ページ調整*/
.srchResult div.cate-title {margin-bottom: 0;}
/*検索結果ページのプルダウン*/
.gsc-selected-option-container {
  max-width: 100% !important;
  padding: 0 30px 0 28px !important;
}
/* ----------------------------------------------------------
重要なお知らせ
------------------------------------------------------------- */
#alertAnnounce {padding: .8rem 0;background: #eb0707;}
.alertBox {max-width: 1200px;margin: 0 auto;}
.alertBox .alertlink {
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 500;
  text-decoration: none;
}
.alertBox h2.alerttag {
  background: #be0606;
  border-radius: 5px;
  display: inline-block;
  padding: 4px 13px;
  margin-bottom: 0;
}
.alertBox h2.alerttag span {
  color: #fffc00;
  font-size: 1.7rem;
  font-weight: 500;
  position: relative;
  padding: 0 27px 0 30px;
}
.alertBox h2.alerttag span::before {
  content: '';
  display: inline-block;
  background: url("/img/top/alertIcon.png") no-repeat;
  background-size: 21px;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  margin-top: 4px;
}
.alertBox h2.alerttag span::after {
  content: '';
  display: inline-block;
  background: url("/img/top/alertIcon.png") no-repeat;
  background-size: 21px;
  width: 21px;
  height: 21px;
  position: absolute;
  right: 0;
  margin-top: 4px;
}
.alertBox .alertdetail {
  font-size: 1.7rem;
  display: inline-block;
  margin-left: 1rem;
  position: relative;
}
.alertBox .alertdetail::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -13px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(45deg);
  margin-top: -3px;
}
/* 点滅用 */
.alertBox .alertlink.blink {
  animation: blinking 1s ease-in-out infinite alternate;
}

.alertBox.twoline{
  display:flex;
  align-items: center;
}

@keyframes blinking {
	0% {opacity: 0.5;}
	100% {opacity: 1;}
}
/* ----------------------------------------------------------
トップページ　スライド関連
------------------------------------------------------------- */
.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
.reflection:after {
content:"";
height:100%;
width:40px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 1.8s ease-in-out;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* ----------------------------------------------------------
共通：戻るボタン
------------------------------------------------------------- */
.back-btn {width: auto;margin: 4rem auto;text-align: center;}
.back-btn a.link-btn {
  font-size: 1.6rem;
  text-decoration: underline;
  padding: 0;
  display: inline-block;
  width: auto;
}
.back-btn a.link-btn::before {
  width: 9px;
  height: 9px;
  right: -10px;
  margin-top: -3px;
}
.back-btn a.link-btn:hover {text-decoration: none;}
/*======================================*/
/* 共通：footer */
/*======================================*/
#pageTop {display: none;}
#footer {
  width: 100%;
  margin: 0 auto;
  background: #424242;
  padding: 2.7rem 0 2rem;
  font-size: 1.3rem;
  color: #cdcdcd;
}
#footer nav ul {max-width: 700px;}
#footer nav ul li {
  display: inline-block;
  text-align: center;
  padding: 0 2%;
  position: relative;
}
#footer nav ul li:not(:last-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: #FFF;
  position: absolute;
  top: 5px;
  right: -2px;
}
#footer nav ul li:first-child {padding: 0 2% 0 0;}
#footer nav ul li a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #fff;
}
#footer .textcopy {
  border-top: 4px solid;
  border-image: linear-gradient(to right, #1cb791 0%, #b18bcd 50%, #1cb791 100%);
  border-image-slice: 1;
  padding-top: 3rem;
}
#footer nav, .textcopy small {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 2rem;
  display: block;
}
#footer .textcopy small, #footer .textcopy span {
  display: block;
  letter-spacing: 0.15rem;
  line-height: 200%;
}
/*======================================*/
/* 6＿共通：ぱんくず  */
/*======================================*/
#breadcrumb ol {}
/* 7＿main メインコンテンツエリア構成   
　memo:TOP用css設定は top.css参照*/
/*======================================*/

/* ======= メインコンテンツエリア設定 ======= */
#mainWrap {
  overflow: hidden;
  line-height: 200%;
  font-size: 1.6rem;
  letter-spacing: .03rem;
  margin-bottom: 9rem;
  min-height: 500px;
}
/* ======= 下層のメインエリア（2カラム構成：カラム大枠） ======= */
#column-wrap {display: flex;min-height: 380px;}
/* ======= 下層のメインエリア（2カラム構成：左カラム） ======= */
.main-Underlayer {
  max-width: 870px;
  width: 100%;
  margin-right: 35px;
  display: inline-block;
  vertical-align: text-top;
}
h1.title-h1_catetitle {
  border-image: none;
  border-bottom: 0;
  border-left: 5px solid #019077;
  background: #f2f2f2;
  color: #019077;
  font-size: 2.6rem;
  font-weight: 500;
  padding-bottom: 0;
  padding: 0.8em 3em 0.8em 0.5em;
  margin-bottom: 1.5em;
  letter-spacing: .05em;
  position: relative;
}
h1.title-h1_catetitle::after {
  content: '';
  display: inline-block;
  width: 46px;
  height: 46px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%)
}
h1.title-h1_single, h1.title-h1_double {padding: .6em 3em .6em 0.8em;}
h1.title-h1_double span {
  display: block;
  font-size: 1.8rem;
  line-height: 150%;
}
h2.title-h2_catetitle {
  border-left: 4px solid #019077;
  color: #019077;
  font-size: 2.2rem;
  font-weight: 500;
  padding: 0 10px;
  margin-bottom: 1em;
}
h3.title-h3_catetitle {
  border-left: 4px solid #019077;
  color: #019077;
  font-size: 2rem;
  font-weight: 500;
  padding: 0 10px;
  margin-bottom: 1em;
}
h3.title_h3-square {color: #019077;font-size: 2rem;}
.title_under-gra {
  color: #019077;
  padding-bottom: 2rem;
  margin-bottom: 1.2em;
  letter-spacing: .05rem;
  font-size: 2.6rem;
  font-weight: normal;
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #019077 0%, #b18bcd 100%);
  border-image-slice: 1
}
h3.title-h3_shinya01 {
  background-color:#e0ffff;
  padding:5px 10px;
  border-radius:5px;
  font-size:2rem;
  margin-bottom:10px;
}
h3.title-h3_shinya02 {
  background-color:#faf0e6;
  padding:5px 10px;
  border-radius:5px;
  font-size:2rem;
  margin-bottom:10px;
}
h4.title-h4_catetitle {
  border-left: 4px solid #019077;
  color: #019077;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0 10px;
  margin-bottom: 1em;
}
a.text-link-red {color: #ff0000}
a.text-link-blue {color: #006ebc;}
/* ======= 下層：サブナビゲーション（右カラム） ======= */
/*Q&Aとご利用方法のナビ共通*/
nav#sub-nav {max-width: 296px;width: 100%;}
nav#sub-nav h2 a {
  background: #019077;
  color: #fff;
  display: block;
  font-size: 2rem;
  text-decoration: none;
  padding: 1.5rem 0;
  margin-bottom: 0;
}
nav#sub-nav ul {background: #efefef;margin: 0;}
nav#sub-nav ul li {
  font-size: 1.6rem;
  position: relative;
  color: #333;
  margin: 0;
}
nav#sub-nav ul li.EtcCredit {
  background: #c4e5ef
}
nav#sub-nav ul li.EtcCorporate {background: #dcf2db}
nav#sub-nav ul li span.number {
  position: relative;
  vertical-align: top;
  width: 20px;
  display: inline-block;
}
nav#sub-nav ul li span.number::after {content: '.';position: absolute;top: 0;}
nav#sub-nav ul li div.catename {display: inline-block;width: 85%;}
nav#sub-nav ul li div.catename-many {
  display: inline-block;
  line-height: 150%;
  vertical-align: text-top;
  width: 85%;
}
nav ul.list-number li a {
  border-bottom: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  display: block;
  font-size: 1.6rem;
  color: #333;
  text-decoration: none;
  padding: 1rem 3.3rem 1rem 3rem;
  position: relative;
}
nav#sub-nav ul li a:hover {color: #019077;background: #fff;}
nav#sub-nav ul li a::after {
  content: '';
  width: 9px;
  height: 9px;
  border: 0;
  border-top: solid 1px #555555;
  border-right: solid 1px #555555;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -3px;
}
nav#sub-nav ul li.now_here {background: #fff;}
nav#sub-nav ul li.now_here a {color: #019077;}
/*ご利用方法のナビ用*/
nav.subnav_tebiki ul li.list-subttl {
  padding: 1rem 3.3rem 1rem 1.5rem;
  border-bottom: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  font-weight: 500;
  line-height: 150%;
}
nav.subnav_tebiki ul li.list-subttlnormal a {font-weight: 500;padding: 1rem 3.3rem 1rem 1.5rem;}
/*Q&Aのナビ用*/
nav.subnav_faq ul li {}
nav.subnav_faq ul li.list-subttl a {
  font-weight: 500;
  padding: 1rem 3.3rem 1rem 1.5rem;
  line-height: 150%;
}
/*======================================*/
/* 8＿下層  */
/*======================================*/
/* ======= Q&A ======== */
/*Q&A：Q&Aトップ*/
h1.title-h1_qatop::after {background: url("../faq/img/title-h1_qatop.png") no-repeat;background-size: contain;}
/*Q&A：カテゴリから探す */
.categoryList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.categoryList a {
  display: block;
  cursor: pointer;
  text-decoration: none;
  background: #efefef;
  border-radius: 3px;
  margin-bottom: 2%;
  width: 23%;
  text-align: center;
  padding: 2.5rem 1.5rem;
}
.categoryList a:not(:nth-child(4n)) {margin-right: 2.6%;}
.categoryList a:hover {background-color: #dcf2db;}
.categoryList a span {
  font-size: 1.7rem;
  font-weight: 500;
  color: #019077;
  display: block;
  line-height: 140%;
  letter-spacing: 1px;
}
.categoryList figure {max-width: 88px;margin: auto;padding-bottom: .5rem;}
.categoryList figure img {width: 100%;}
/*Q&A：カードの種類一覧用 */
ul.qa-cardtypeList li {margin-bottom: 2rem;border-radius: 3px;}
ul.qa-cardtypeList li a {
  display: table;
  width: 100%;
  padding: 1.6rem 7rem 1.6rem 3rem;
  text-decoration: none;
  position: relative;
}
ul.qa-cardtypeList li a:hover {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
ul.qa-cardtypeList li figure {display: table-cell;vertical-align: middle;width: 5%;}
ul.qa-cardtypeList li figure img {width: 45px;vertical-align: bottom;}
ul.qa-cardtypeList li a span {
  font-size: 1.7rem;
  font-weight: 500;
  color: #333;
  padding-left: 1rem;
  display: table-cell;
  vertical-align: middle;
  width: 90%;
}
ul.qa-cardtypeList li a span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  width: 11px;
  height: 11px;
  border-top: 1px solid #505450;
  border-right: 1px solid #505450;
  transform: rotate(45deg);
  margin-top: -5px;
}
@media screen and (max-width: 896px) {
  ul.qa-cardtypeList li br.sp-only {display: none !important;}
}
@media screen and (min-width: 1px) and (max-width: 614px) {
  ul.qa-cardtypeList li br.sp-only {display: block !important;}
}
ul.qa-cardtypeList li.qa-cardtype-blue {background: #cae3f6}
ul.qa-cardtypeList li.qa-cardtype-green {background: #dcf2db}
@media only screen and (min-width: 897px) and (max-width: 1125px) {
  ul.qa-cardtypeList li.qa-cardtype-green a {min-height: 6em;}
}
/*Q&A：一覧リスト用 */
.qabox-pd {padding: 4.5rem 6%;}
.qabox-pd ul {margin-left: -1rem;}
.qabox-pd dd{margin-bottom: .5%;}
.qabox-pd dd.arrow-circle::before, .qabox-pd dd.arrow-circle::after {margin: 0 !important;}
.qabox-pd dd.yaji-circle_green::before {top: 7px !important;}
.qabox-pd dd.yaji-circle_green::after {top: 12px !important;}
.qabox-top li.arrow-circle::before, .qabox-top li.arrow-circle::after {margin: 0 !important;}
.qabox-top li.yaji-circle_green::before {top: 7px !important;}
.qabox-top li.yaji-circle_green::after {top: 12px !important;}
ul.qalist li {padding: 0 0 0 40px;margin-bottom: .5%;}
dl.qalist {}
dl.qalist dt {
  border-left: 4px solid #006eb0;
  color: #006ebc;
  font-size: 1.9rem;
  font-weight: 500;
  padding: 0 15px;
  margin-bottom: 1em;
}
dl.qalist a {display: block;margin-left: .5rem;}
.qalist_answer dd #pageTop-se a {display: block;text-align: right;margin: 2rem 0 7rem 0;}
.qaContactbox {text-align: center;padding: 4rem !important;font-size: 1.8rem;}
h3.title_h3_qaContact {font-size: 2.4rem;margin-bottom: 2rem;}
h3.title_h3_qaContact span {position: relative;padding-left: 1rem;}
h3.title_h3_qaContact span::before {
  content: '';
  background: url("../faq/img/title_h3_qaContact.png") no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 2px;
  left: -38px;
  display: inline-block;
}
/*開閉式のQ&Aリスト用*/
.qa-panelbox {}
.qa-panelbox dl {margin-bottom: 3rem;}
.qa-panelbox dl dt.qa-paneltitle {
  background: #019077;
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 500;
  padding: 2rem 5rem 2rem 3rem;
  position: relative;
}
.qa-panelbox dl dt.qa-paneltitle::after {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
}
.qa-panelbox dl dt.qa-paneltitle.open::after {top: 45%;transform: rotate(-45deg);}
.qa-panelbox dl dd.qa-panelContents {
  display: none;
  padding: 3rem;
  border: 2px solid #019077;
  margin-bottom: 3rem;
}
.qa-panelbox .qa-panelSubtxt {font-size: 1.8rem;font-weight: 500;margin-bottom: 1em;}
.qa-panelbox-gray {background: #f2f2f2;margin-bottom: 1rem;padding: 3.5rem 2.7rem;}
.qa-panelbox .qa-CompanyList {}
.qa-panelbox .qa-CompanyList li {margin-bottom: 2em;}
.qa-panelbox .qa-CompanyList h3.title-h3_catetitle {margin-bottom: .5rem}
.qa-panelbox .qa-CompanyList p {margin-left: 1em;}
@media screen and (max-width: 896px) {
  .qa-panelbox .qa-CompanyList p br.sp-only {display: none !important;}
}
@media screen and (min-width: 1px) and (max-width: 614px) {
  .qa-panelbox .qa-CompanyList p br.sp-only {display: block !important;}
}
/*Q&A：お問い合わせ用 */
.qaContactbox span.att_kome {font-size: 1.6rem;margin: 1rem 0 2rem 0;}
.qaContactbox a.cobtn {
  background: #019077;
  border-radius: 5px;
  display: block;
  padding: 1.9rem 0;
  text-decoration: none;
}
.qaContactbox a.cobtn span {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
}
.qaContactbox a.cobtn span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
/* ======= ご利用方法　======= */
h1.title-h1_tebiki::after {
  background: url("../img/tebiki/title-h1_tebiki.png") no-repeat;
  background-size: contain;
}
h1.title-h1_EtcCredit::after {
  background: url("../img/tebiki/title-h1_EtcCredit.png") no-repeat;
  background-size: contain;
}
h1.title-h1_EtcCorporate::after {
  background: url("../img/tebiki/title-h1_EtcCorporate.png") no-repeat;
  background-size: contain;
}
h3.title-h3_sub {color: #019077;font-size: 2rem;}
h3.title-h3_normal {font-size: 2rem;}
ul.cardtypeList li {padding: 2rem 3rem;margin-bottom: 2rem;}
ul.cardtypeList li.cardtype-blue {background: #cae3f6;}
ul.cardtypeList li.cardtype-green {background: #dcf2db;}
ul.cardtypeList li .two-columnwrap {display: flex;justify-content: flex-start; align-items: flex-start;}
ul.cardtypeList li figure {width: 5.3em;margin: 6px 3% 0 2px}
ul.cardtypeList figure img {max-width: 100%;}
ul.cardtypeList li p {margin: 0;width: 88%;}
.tebiki-flowbox {display: flex;justify-content: space-between;margin-bottom: 2em;}
.tebiki-flowbox h3 {font-size: 2rem;text-align: center;}
@media only screen and (min-width: 897px) and (max-width: 1229px) {
  .flowbox-green h3 {min-height: 8.5em !important;}
}
.tebiki-flowbox h3 figure img {width: 57px;}
.tebiki-flowbox .flowbox {width: 50%;padding: 3rem;}
.tebiki-flowbox .flowbox-blue {background: #cae3f6;}
.tebiki-flowbox .flowbox-green {background: #dcf2db;}
.tebiki-flowbox .borderbox {
  background: #fff;
  padding: 1.5rem;
  text-align: center;
  position: relative;
}
.tebiki-flowbox .borderbox::before {
  content: "";
  background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tebiki-flowbox .border-blue::before {
  content: "";
  background-image: linear-gradient(to right, #006ebc, #006ebc 13px, transparent 13px, transparent 13px), linear-gradient(to right, #006ebc, #006ebc 13px, transparent 13px, transparent 13px), linear-gradient(to bottom, #006ebc, #006ebc 13px, transparent 13px, transparent 13px), linear-gradient(to bottom, #006ebc, #006ebc 13px, transparent 13px, transparent 13px);
}
.tebiki-flowbox .border-green::before {
  content: "";
  background-image: linear-gradient(to right, #4f8222, #4f8222 13px, transparent 13px, transparent 13px), linear-gradient(to right, #4f8222, #4f8222 13px, transparent 13px, transparent 13px), linear-gradient(to bottom, #4f8222, #4f8222 13px, transparent 13px, transparent 13px), linear-gradient(to bottom, #4f8222, #4f8222 13px, transparent 13px, transparent 13px);
}
a.tebiki-boxbtn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
a.tebiki-boxbtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(45deg);
  margin-top: -4px;
}
a.flowbox-btn {
  display: block;
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1.5rem 3.5rem;
  text-align: center;
  border-radius: 2px;
  text-decoration: none;
  margin: 0 auto 1em;
  position: relative;
  max-width: 330px;
}
.flowbox-blue a.flowbox-btn {background: #006ebc;}
.flowbox-green a.flowbox-btn {background: #4f8222;}
a.Down-arrowbtn {
  display: block;
  max-width: 330px;
  height: 80px;
  position: relative;
  margin: 1.5rem auto;
  text-align: center;
}
a.Down-arrowbtn span {
  color: #fff;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  font-size: 1.8rem;
  font-weight: 500;
}
a.Down-arrowbtn::after {top: 40%;}
.flowbox-blue a.Down-arrowbtn {
  background: url("../img/tebiki/arrow_blueimg.png") no-repeat;
  background-size: 100% 100%;
}
.flowbox-green a.Down-arrowbtn {
  background: url("../img/tebiki/arrow_greenimg.png") no-repeat;
  background-size: 100% 100%;
}
div.riyocheckbox .boxWrap {display: flex;justify-content: space-between;align-items: center;}
div.riyocheckbox .boxWrap .box1 {width: 60%;margin-right: 2%;}
div.riyocheckbox .boxWrap .box2 {width: 38%;}
div.riyocheckbox p span {font-size: 2rem;font-weight: 500;display: block;}
a.riyocheck {
  display: block;
  background: #0085bc;
  text-align: center;
  padding: 2rem;
  color: #fff !important;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: 500;
  border-radius: 3px;
  position: relative;
  max-width: 300px;
  margin: 0 0 0 auto;
}
a.riyocheck:hover {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
/*1.新規登録の手順*/
ul.RegisterList {margin-left: 1.5em;}
ul.RegisterList li {
  list-style: disc;
  margin-bottom: 1px;
  font-size: 1.7rem;
  font-weight: 500;
}
/* ======= お問い合わせ先======= */
h1.title-h1_tel::after {background: url("../img/title-h1_tel.png") no-repeat;background-size: contain;}
a.qabtn-link {
  display: block;
  background: #006ebc;
  border-radius: 5px;
  max-width: 314px;
  text-align: center;
  color: #fff;
  padding: 1rem 0;
  margin: auto;
  text-decoration: none;
  position: relative;
}
a.qabtn-link::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -3px;
}
a.qabtn-link span {padding-left: 1rem;}
.telimg img {max-width: 100%;}
/* ======= ニュース・ご注意======= */
.article-waku {
  position: relative;
  height: 54px;
  padding: 2.4rem 3%;
  background-color: #f2f2f2;
  margin-bottom: 10px;
}
.article-waku time.date-year {
  font-size: 2rem;
  background: #019077;
  color: #fff;
  display: block;
  width: 5.7em;
  padding: 1px 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: -9px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.article-List {margin-bottom: 3em}
.article-List li {
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #333;
  font-size: 1.7rem;
  text-decoration: none;
  padding: 2.5rem 2.5rem 2.5rem 1.0rem;
}
.article-List li:last-child {border-bottom: none;}
.article-List time {width: 6.3em;}
.article-List a {
  color: #333;
  cursor: pointer;
  display: block;
  text-decoration: none;
  width: 90%;
  position: relative;
  padding-right: 3%;
}
.article-List a:hover {text-decoration: underline;}
.article-List a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 9px;
  height: 9px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-top: -5px
}
.article-List a span.newicon, span.newicon {
  color: #eb0707;
  display: inline-block;
  font-size: 1.4rem;
  position: relative;
  top: -1px;
  margin-left: .5rem;
}
time.date-release {
  background-color: #019077;
  display: block;
  width: 9em;
  letter-spacing: 2px;
  padding: 0.8rem;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 2em;
  line-height: 1;
}
p.add-date {
  border:2px solid #019077;
  width: 16em;
  letter-spacing: 2px;
  padding: 0.8rem;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 2em;
  line-height: 1;
}
.cap_redalert {
  background-color:#ff0000;
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  padding:10px 15px;
  margin:auto;
  margin-bottom:1.5rem;
  width:400px;
}
.img3column {
  display:flex;
  justify-content:center;
  margin-bottom:2em;
  align-items:center;
}
.img3column figure {
  text-align:center;
}
.img3column .arrowmargin {
  margin: 0 20px;
}


/* ======= 利用規約======= */
h2.title-h2_rules {
  color: #019077;
  font-size: 2rem;
  margin-bottom: 1rem;
  padding: 0;
}
dl.rulesList {display: flex;flex-wrap: wrap;margin: 0 0 2.5rem 1em;}
dl.rulesList dt {width: 6.5em;text-align: right;margin-right: 1.5em;}
dl.rulesList dt.numberdot::after {content: '.';}
dl.rulesList dt.cjknumbercomma::after {content: '、';}
dl.rulesList dd {width: 88%;margin-bottom: 1%;}
@media screen and (min-width: 896px) and (max-width: 1280px) {
  dl.rulesList dd {width: 83%;margin-bottom: 1%;}
}
/* ======= 新規登録STEP用　======= */
.ristouroku {max-width: 800px;margin: 0 auto;}
.ristouroku ol.procedure_container {display: flex;flex-wrap: wrap;margin-bottom: .5em;}
.ristouroku ol.procedure_container li {
  font-size: 1.4rem;
  font-weight: 500;
  width: 20%;
  height: 46px;
  text-align: center;
}
.ristouroku ol.procedure_container li.procedure {
  background: url("../img/proceed.gif") no-repeat;
  background-size: 100% 46px;
  color: #8051A1;
}
.ristouroku ol.procedure_container li.procedure_active {
  background: url("../img/proceed_atv.gif") no-repeat;
  background-size: 100% 46px;
  color: #fff;
}
.ristouroku ol.procedure_container li div.procedure-item {line-height: 130%;margin-top: 5px;}
.ristouroku ol.procedure_container li div.procedure-item span.step {display: block;}
.ristouroku div.input {width: 100%;margin: 0 auto;text-align: center;}
.ristouroku div.input .btn {
  font-size: 95%;
  height: 35px;
  -webkit-appearance: none;
  background: #EFEFEF;
  border: 1px solid #acafb2;
  border-radius: 3px;
  color: #000;
}
@media screen and (max-width:767px) {
  /* ======= 新規仮登録STEP用======= */
  .ristouroku ol.procedure_container li {width: 10em;font-size: 1.1rem;}
  .ristouroku ol.procedure_container li.procedure, .ristouroku ol.procedure_container li.procedure_active {background-size: contain;}
  .ristouroku ol.procedure_container li div.procedure-item {margin-top: 3px;}
}
/*新規仮登録の中の利用規定*/
.ristouroku #kitei {
  max-width: 800px;
  height: 400px;
  overflow: auto;
  margin: 3rem auto;
  border: #69C 1px solid;
}
.ristouroku #kitei .kiteibox {margin: 0 3%;}
.ristouroku #kitei .kiteibox dl.rulesList {margin: 0 0 1rem 0;}
.ristouroku #kitei .kiteibox dl.rulesList dt {width: 6em;}
.ristouroku #kitei .kiteibox dl.rulesList dd {width: 80%;}
.ristouroku #kitei .kiteibox h3.title-h3_rules {color: #019077;font-size: 1.7rem;padding: 0;}
/*======================================*/
/* 共通パーツ */
/*======================================*/
.commonInner {max-width: 1200px;margin: 0 auto;}

/* ----------------------------------------------------------
SP・TB調整用
------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
  /*共通*/
  .commonInner {margin: 0 3%;}
  span.sponly {display: block;}
  .alertBox, #footer nav, .textcopy small {margin: 0 2%;max-width: 100%;}
  nav#sub-nav h2 {padding: 0;margin: 0;}
  ul.menuList li .submenuWrap {width: 248px;}
  ul.submenuList {padding: 2rem;}
  ul.submenuList li a {font-size: 1.5rem;}
  /*Ｑ＆Ａ*/
  .categoryList {justify-content: space-between;}
  .categoryList a {width: 48%;margin-bottom: 5%;}
  .categoryList a:not(:nth-child(4n)) {margin-right: 0;}
  /*ご利用方法*/
  a.Down-arrowbtn {width: 90%;}
  a.Down-arrowbtn::before {top: 18px;}
  a.Down-arrowbtn span {font-size: 1.5rem;}
  a.flowbox-btn {font-size: 1.5rem;padding: 1rem 3rem;}
  .flowbox-blue a.flowbox-btn-kome {padding: 1rem 2.5rem 1rem .5rem;}
  div.riyocheckbox .boxWrap .box1 {width: 50%;}
  div.riyocheckbox .boxWrap .box2 {width: 48%;}
} /*End_media only_max-width : 1280px*/
@media screen and (max-width: 896px) {
  /*ご利用方法*/
  .tebiki-flowbox {display: block;}
  .tebiki-flowbox .flowbox-blue, .tebiki-flowbox .flowbox-green {width: 100%;}
  ul.cardtypeList li, .tebiki-flowbox .flowbox {padding: 2rem;}
  div.riyocheckbox .boxWrap {display: block;}
  div.riyocheckbox .boxWrap .box1, div.riyocheckbox .boxWrap .box2 {width: 100%;}
  a.riyocheck {margin: 0 auto;}
}
@media screen and (min-width: 896px) and (max-width: 1024px) {
  nav#sub-nav {max-width: auto;width: 40% !important;}
  /*ご利用方法*/
  ul.qa-cardtypeList li a {padding: 1.5rem 7rem 1.5rem 2rem;}
  .tebiki-flowbox .flowbox {padding: 1.5rem;}
} /*End_media only_max-width : 1024px*/
@media screen and (min-width: 1px) and (max-width: 896px) {
  body {font-size: 1.5rem;}
  .Wrapper {overflow: hidden;}
  /*ヘッダー*/
  #header {margin-bottom: .5rem;border-top: 6px solid;}
  #header .wraplogo {padding: 1.8rem 0;}
  #header h1.logo img {width: 50%;}
  /*検索窓*/
  .open-icon {width: 20px;height: 20px;right: 2%;}
	#srchBox{
	top:0;
	display:block;
	width: 100%;
	text-align:center;
	}
	#cse-search-box {
	position:relative;
	display:block;
	width: 60%;
	right:0;
	top:10px;
	margin:auto;
	padding:5px;
	}
  #cse-search-box input[type="text"] {padding: 10px 0 10px 10px !important;}
  #cse-search-box input[type="submit"] {
    top: 10px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    right: 20px;
  }
  #srchBox .close-icon {right: 13px;top: 110px;}
  /*グローバルナビ*/
  #globalNav {padding: 0.7rem 0;}
  ul.menuList li {padding: 0;width: 16%;}
  ul.menuList li a {
    font-size: 1.0rem;
    line-height: 110%;
    vertical-align: middle;
    letter-spacing: 0;
    font-weight: 500 !important;
    padding: 0;
  }
  ul.menuList li:not(:last-child)::before {right: -3px;height: 15px;}
  ul.menuList li .submenuWrap {top: 20px;width: 205%;}
  ul.submenuList {padding: 1rem 1rem 1rem .6rem;}
  ul.submenuList li {width: 100%;padding: .5rem 0;}
  ul.submenuList li a {padding-left: 1.5rem;display: block;}
  ul.submenuList li a.yaji-cl_green::before {margin: 0;top: 2px;}
  /*重要なお知らせ*/
  .alertBox {margin: 0 0 0 1%;}
  .alertBox h2.alerttag {
    width: 134px;
    padding: 7px 0;
    line-height: 1;
    margin-bottom: 0;
    font-size: 0;
  }
  .alertBox h2.alerttag span {
    font-size: 1.3rem;
    padding: 0 1.6rem 0 2.3rem;
    vertical-align: bottom;
    letter-spacing: 0;
  }
  .alertBox h2.alerttag span::before {
    background-size: 16px;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 6px;
    margin: 0;
  }
  .alertBox h2.alerttag span::after {
    background-size: 16px;
    width: 16px;
    height: 16px;
    top: 2px;
    right: 0;
    margin: 0;
  }
  .alertBox .alertdetail {font-size: 1.3rem;margin: 0;letter-spacing: 0;}
  .alertBox .alertdetail::after {
    margin-top: -3px;
    width: 7px;
    height: 7px;
    right: -10px;
  }
  	.alertBox.twoline{display:block;}

  /*トップに戻るボタン*/
  #pageTop {display: block;text-align: center;width: 100%;}
  #pageTop a {
    color: #fff;
    display: block;
    background: #595959;
    padding: 1rem 0;
    text-decoration: none;
  }
  #pageTop a span {position: relative;}
  #pageTop a span::before {
    content: "";
    position: absolute;
    top: 60%;
    left: -20px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    margin-top: -4px;
  }
  /*フッター*/
  #footer {padding: 1.5rem 0 1.2rem 0;}
  #footer nav {padding-bottom: 1.7rem;}
  #footer nav ul {max-width: 100%;}
  #footer nav ul li {padding: 0;text-align: left;}
  #footer nav ul li:first-child {display: block;width: 20em;}
  #footer nav ul li:nth-child(2) {padding-right: 2%;}
  #footer nav ul li:nth-child(3), #footer nav ul li:nth-child(4) {padding: 0 2%;}
  #footer nav ul li a {font-size: 1.4rem;}
  #footer nav ul li:not(:last-child)::before {height: 12px;top: 6px;}
  #footer .textcopy {padding-top: 1.5rem;border-top: 3px solid;}
  #footer nav, .textcopy small {margin: 0 4%;max-width: 100%;font-size: 1.2rem;}
  #footer .textcopy small, #footer .textcopy span {letter-spacing: 0.1rem;line-height: 170%;}
  /*======================================*/
  /* （SP）7＿main メインコンテンツ  */
  /*======================================*/
  #breadcrumb {padding: 0;}
  #mainWrap {margin-bottom: 40px;overflow: hidden;font-size: 1.5rem;}
  div.cate-title {
    padding: 2rem 0 !important;
    font-size: 2.7rem !important;
    margin-bottom: 2.8rem !important;
    line-height: 130%;
  }
  h1.title-h1_catetitle, .title_under-gra {font-size: 1.8rem;line-height: 140%;}
  h1.title-h1_double span {font-size: 1.3rem;}
  h2.title-h2_catetitle {font-size: 1.7rem;}
  h3.title-h3_catetitle {font-size: 1.5rem;}
  h4.title-h4_catetitle {font-size: 1.4rem;}
  dl.qalist dt {font-size: 1.6rem;}
  ul.qalist {margin-left: -1rem;}
  .qabox-pd {padding: 3rem 5%;}
  /* === 下層のメインエリア（2カラム構成） === */
  #column-wrap {display: block;min-height: 50vh;}
  .main-Underlayer {max-width: 100%;margin-right: 0;}
  /* === 下層：サブナビゲーション（2カラム構成） === */
  nav#sub-nav {max-width: 100%;}
  /*お問い合わせ*/
  h1.title-h1_catetitle::after {width: 30px;height: 30px;right: -2px;}
  /* =======  ご利用方法======= */
  ul.cardtypeList li figure {width: 3em;}
  ul.cardtypeList li p {width: 78%;}
  h3.title-h3_normal {font-size: 1.6rem;}
  .tebiki-flowbox h3 {font-size: 1.6rem;}
  .tebiki-flowbox .borderbox::before {
    content: "";
    background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px
  }
  .tebiki-flowbox .border-blue::before {
    content: "";
    background-image: linear-gradient(to right, #006ebc, #006ebc 8px, transparent 8px, transparent 8px), linear-gradient(to right, #006ebc, #006ebc 8px, transparent 8px, transparent 8px), linear-gradient(to bottom, #006ebc, #006ebc 8px, transparent 8px, transparent 8px), linear-gradient(to bottom, #006ebc, #006ebc 8px, transparent 8px, transparent 8px);
  }
  .tebiki-flowbox .border-green::before {
    content: "";
    background-image: linear-gradient(to right, #4f8222, #4f8222 8px, transparent 8px, transparent 8px), linear-gradient(to right, #4f8222, #4f8222 8px, transparent 8px, transparent 8px), linear-gradient(to bottom, #4f8222, #4f8222 8px, transparent 8px, transparent 8px), linear-gradient(to bottom, #4f8222, #4f8222 8px, transparent 8px, transparent 8px);
  }
  a.Down-arrowbtn {width: 90%;margin: 1rem auto;}
  a.Down-arrowbtn::after {top: 38%;}
  a.Down-arrowbtn span {top: 40%;}
  a.Down-arrowbtn span, a.flowbox-btn, a.riyocheck, ul.RegisterList li, ul.RegisterList li {
    font-size: 1.6rem;
  }
  .flowbox-blue a.Down-arrowbtn, .flowbox-green a.Down-arrowbtn {background-size: 100% 90%;}
  div.riyocheckbox p {margin-bottom: 1rem;}
  div.riyocheckbox p span {font-size: 1.6rem;margin-bottom: 1rem;}
  a.riyocheck {margin: auto;max-width: 320px;}
  /* ======= Q&A======= */
  .qabox-pd dd.yaji-circle_green::before {top: 5px !important;}
  .qabox-pd dd.yaji-circle_green::after {top: 10px !important;}
  .qabox-top li.yaji-circle_green::before {top: 5px !important;}
  .qabox-top li.yaji-circle_green::after {top: 10px !important;}
  .qalist_answer dd #pageTop-se a {margin: 2rem 0 4rem 0;}
  .qaContactbox {padding: 3rem 2rem !important;font-size: 1.5rem;}
  h3.title_h3_qaContact {font-size: 1.8rem;}
  h3.title_h3_qaContact span::before {top: -3px;left: -32px;}
  .qaContactbox span.att_kome {font-size: 1.4rem;}
  .qaContactbox a.cobtn span {font-size: 1.5rem;padding-left: 1rem;}
  .qaContactbox a.cobtn span::before {width: 10px;height: 10px;left: -20px;}
  .categoryList a span {font-size: 1.6rem;letter-spacing: -1px;}
  ul.qa-cardtypeList li a {padding: 1.5rem 5rem 1.5rem 1rem;}
  ul.qa-cardtypeList li a span {font-size: 1.5rem;letter-spacing: -1px;}
  ul.qa-cardtypeList li a span::after {right: 20px;}
  .qa-panelbox dl {margin-bottom: 2rem;}
  .qa-panelbox dl dt.qa-paneltitle {font-size: 1.5rem;padding: 1.5rem 4rem 1.5rem 1.5rem;}
  .qa-panelbox dl dt.qa-paneltitle::after {width: 10px;height: 10px;right: 20px;}
  .qa-panelbox dl dd.qa-panelContents {padding: 2.5rem 2rem;}
  .qa-panelbox-gray {padding: 3rem 2rem;}
  .qa-panelbox .qa-panelSubtxt {font-size: 1.5rem;}
  .qa-panelbox .qa-CompanyList h3.title-h3_catetitle {margin-bottom: 1.5rem;}
  /* ======= ニュース・ご注意======= */
  .article-waku time.date-year {font-size: 1.6rem;left: -5px;}
  .article-List li {flex-wrap: wrap;font-size: 1.5rem;padding: 1.5rem 1.5rem 1.5rem 1rem;}
  .article-List li a {width: 100%;margin-top: .5rem;}
  .article-List li a::after {display: none;}
  time.date-release {width: 11em;font-size: 1.2rem;margin-bottom: 1em;}
  p.add-date {font-size: 1.2rem;margin-bottom: 1em;}
  .cap_redalert { width:90%;font-size: 1.3rem;}
  .img3column {display:block; }
  .img3column .arrowmargin {text-align:center;}
  .img3column .arrowmargin img {margin:auto;}
  /* ======= 利用規約======= */
  h2.title-h2_rules {font-size: 1.6rem;}
  dl.rulesList dt, dl.rulesList dd {width: 96%;}
  dl.rulesList dt {text-align: left;margin-right: 0;margin-left: -.2em;}
  dl.rulesList dt.cjknumbercomma {margin-left: 0;}
  dl.rulesList dd {margin-bottom: 2%;margin-left: .8em;}
  /*新規登録の中の利用規約*/
  .ristouroku #kitei .kiteibox h3.title-h3_rules {font-size: 1.5rem;margin-left: -.5em;}
  .ristouroku #kitei .kiteibox dl.rulesList {margin: 0 0 2rem .5em;}
  .ristouroku #kitei .kiteibox dl.rulesList dt, .ristouroku #kitei .kiteibox dl.rulesList dd {
    width: 96%;
  }
  

img.w100 {width:100% !important;}
.signle_recept {text-align:center;}
.signle_recept img {width:40%;}
.pc_none {display:block !important;}
.sp_none {display:none !important;}
  
} /*End_media only_max-width : 896px*/
/*======================================================*/
/* iphone5/SE/(320) 極小画面スマホ 
========================================================*/
@media only screen and (min-width: 1px) and (max-width: 320px) {
  /*重要なお知らせ*/
  .alertBox {margin: 0 2%;}
  .alertBox h2.alerttag {padding: 7px 3px;width: auto;}
  .alertBox h2.alerttag span {font-size: 1.1rem;padding: 0 12px;vertical-align: bottom;}
  .alertBox h2.alerttag span::before {
    background-size: 12px;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 0;
    margin: 0;
  }
  .alertBox h2.alerttag span::after {
    background-size: 12px;
    width: 12px;
    height: 12px;
    top: 3px;
    right: 0;
    margin: 0;
  }
  .alertBox .alertdetail {font-size: 1.1rem;margin: 0;}
  .alertBox .alertdetail::after {margin-top: -3px;width: 7px;height: 7px;}
  /*ご利用方法*/
  ul.cardtypeList li, .tebiki-flowbox .flowbox {padding: 1rem;}
  a.Down-arrowbtn span, a.flowbox-btn, a.riyocheck, ul.RegisterList li {font-size: 1.5rem;}
  ul.cardtypeList li p {width: 72%;}
  a.tebiki-boxbtn::after {width: 9px;height: 9px;right: 15px;
  }
} /*End_media only_max-width : 320px*/