@charset "utf-8";


/* +++++++ faq +++++++ */
ul.list { padding-bottom: 25px;}
ul.list li { border-bottom: 1px dashed #bebebe; background: url(../support/images/icon_arrow_down_small.jpg) no-repeat 0 50%; padding: 5px 5px 5px 18px; }
ul.list li a { font-weight: bold; color: #000; text-decoration: none; }
ul.list li a:hover { text-decoration: underline; }


.box { margin-top: 18px; background: url(../support/images/faq_box_bg_btm.gif) no-repeat 0 100%; padding-bottom:7px;}
.box .content { padding: 15px 15px 15px 60px; background: url(../support/images/faq_box_A.gif) no-repeat 15px 15px; border-left: 1px solid #cac7c8; border-right: 1px solid #cac7c8; }
* html .box .content p { width: 550px; }
#faq #main-content .pagetop {
	margin-top: 8px;
	padding-right: 0;
}


/* +++++++ Inquiry +++++++ */

table.border {
	border-top: 1px solid #cac7c8;
	border-left: 1px solid #cac7c8;
	-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    0px 2px 0px rgba(0, 0, 0, 0.05);
	box-shadow:         0px 2px 0px rgba(0, 0, 0, 0.05);
}
table.border th {
	border-bottom: 1px solid #cac7c8;
}
table.border td {
	border-right: 1px solid #cac7c8;
	border-bottom: 1px solid #cac7c8;
}

table.border table td {
	border-bottom: 1px solid #cac7c8;
	border-right: 1px solid #cac7c8;
}

#phone-call {}

#phone-call table.border tr:last-child td:last-child {
	-webkit-border-radius: 0px 8px 8px 0px;
		 -moz-border-radius: 0px 8px 8px 0px;
			 -o-border-radius: 0px 8px 8px 0px;
					border-radius: 0px 8px 8px 0px;
}


#phone-call strong { color: #08a8f2;  font-size:17px; }


/* ++++ form ++++ */
.form-txt { border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; padding: 3px 5px; 
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
			 -o-border-radius: 3px;
					border-radius: 3px;
}

.form-txt.middle-size { width: 195px; }
.form-txt.full-size { width: 420px; }

#inquiry table.border table td {
	border-bottom: none;
	border-right: none;
	padding:0; 
	margin:0;
	vertical-align: baseline;
}


#inquiry table.border th,
#inquiry table.border td {
	vertical-align: middle;
}


#inquiry .section-content .section-body {
	overflow: auto !important;
	padding-bottom: 3px;
}












/*========== Miscellaneous for development ============*/

/*===== colors ====*/
.white { color: #fff; }
.green { color: #2aab39; }
.red { color: #f00; }
.gray { color: #666; }
.lGreen { color: #9bd057; }
.brown { color: #6a3a0d;}
.yellow-url { color: #c6911d!important; }
.yellow-url:hover { color: #dfc68f!important; text-decoration: underline; }
.font-black { color: #000 !important; }
.font-white { color: #fff !important; }
.font-brown { color: #a52a2a !important; }
.font-gray { color: #808080 !important; }
.font-light-gray { color: #d3d3d3 !important; }

/*===== bgs ====*/
.nobg { background: none !important; }
.ybg { background: yellow; }
.bg-black { background: #000 !important; }
.bg-white { background: #fff !important; }
.bg-brown { background: #a52a2a !important; }
.bg-gray { background: #808080 !important; }
.bg-light-gray { background: #d3d3d3 !important; }

/*===== highlight ====*/
.highlight { background: #ff741f; display: inline; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 3px 10px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); }
a.highlight { text-decoration: none; background: url(/imgs/bg_overall_dark_over.jpg); }
.required { display: inline; padding: 0 0 0 16px; background: url(/imgs/bullet_body_star_10x10.gif) no-repeat 0 0; }

/*===== borders ====*/
.borderTop { border-top: 1px solid #cebfb2; }
.nobder { border: none !important; }

/*===== float & align ====*/
.col { clear: both; overflow: hidden; zoom: 1; }
.c1,
.cl { float: left; display: inline; }
.c2,
.cr { float: right; display: inline; }
.al { text-align: left!important; }
.ac { text-align: center!important; }
.ar { text-align: right!important; }

/*===== image ====*/
.imgsl { width: 520px; }
.imgsm { width: 300px; }
.imgss { width: 160px; }
.imgl { float: left; margin: 0 1.2em 1.2em 0; }
.imgr { float: right; margin: 0 0 1.2em 1.2em; }
img.nostyle { border: none!important; padding: 0!important; background: none !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0!important; }

/*===== margins ====*/
.ma0 { margin: 0!important;}
.mt-10 { margin-top: -10px !important; }
.mt-5 { margin-top: -5px !important; }
.mt-2 { margin-top: -2px !important; }
.mT0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mT5 { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT12 { margin-top: 12px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT24 { margin-top: 24px !important; }
.mT25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr30 { margin-right: 30px !important; }
.mr-120 { margin-right: -120px !important; }
.mr-150 { margin-right: -150px !important; }
.mr-200 { margin-right: -200px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb2 { margin-bottom: 2px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml60 { margin-left: 60px !important; }
.ml100 { margin-left: 100px !important; }
.ml-100 { margin-left: -100px !important; }
.ml-120 { margin-left: -120px !important; }
.ml-150 { margin-left: -150px !important; }
.ml-175 { margin-left: -175px !important; }
.ml-200 { margin-left: -200px !important; }
.pl100 { padding-left: 100px; }
.pt10 { padding-top: 10px; }
.pd0 { padding: 0; }

/*===== font size ====*/
.fz9 { font-size: 9px !important; }
.fz10 { font-size: .85em; }
.fz11 { font-size: 11px; }
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 1.15em /*14px*/; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.h34 { height: 34px !important; }

/*===== others ====*/
.second-row { margin-left: 12px; }
.hoverText { color: #ebe8e9; padding-left: 1.5em; font-weight: normal; font-style: italic !important; font-size: 1em !important; }
.textIndent { text-indent: 2em; }
.small,
.small a { font-size: .83em /*10px*/ !important; }
.dn,
.hide { display: none; }
.messageSent { color: #5b9900; margin: 2em 0; line-height: 24px; }
.show,
.showOb { display: block !important; }
.lMore { font-size: 10px; color: #a5917e; }
.edit-post-link { display: block; clear: both; }
.edit-post-link a { background: #d55703; padding: 3px 5px; color: #fff; }
.last { margin-right: 0!important; }
.ls-1 { letter-spacing: -1px!important; }

/* = fixers
-----------------------------------------------------------------------------*/
.clear { clear: both; line-height: 0; margin: -1px 0 0 0; padding: 0; height: 1px; }
.clearfix { clear: both; }
.fix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
* html .fix { height: 1%; }
br.clearfix { clear: both; display: block; height: 1px; margin: -1px 0 0 0; }
.of { overflow: hidden; zoom: 1; }

.cf:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.cf { display: inline-table; }

/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */


.note { background: #f2edd3; padding: 10px; margin: 0;}
.graybg { background: #f1f1f1; padding: 7px 7px 5px 7px;}
.dummy-block { background: #ebebeb; height: 150px; line-height: 150px; text-align: center; color: #aaa !important; }
.arrow-link { background: url(../imgs/common/arrow_red.gif) no-repeat 0 center; padding: 0 0 0 8px; display: block; margin-top: 3px;}
.dotted-item { background: url(../imgs/service/bullet_red.gif) no-repeat 0 center; padding: 0 0 0 14px;}


@media screen and (max-width: 767px){
  #faq h5 .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	align-items: center;
  }
  #faq h5 .flex .q{
	color: #00a0d3;
	font-size: 22px;
    width: 35px;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
  }
  #faq h5 .flex .txt{
    font-weight: bold;
    font-size: 16px;
  }
  #faq .box .content{
    border: none;
	padding-left: 35px;
	background: url(../support/images/faq_box_A.gif) no-repeat 7px 15px;
  }
  #faq .box{
	background: inherit;
  }
  #faq .box .content img{
    width: 100%;
	height: auto;
  }
  
  #inquiry tr{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
  }
  #inquiry table.border,
  #inquiry tr th,
  #inquiry tr td,
  #inquiry .form-txt.full-size{
    width: 100%;
	border-radius: inherit;
  }
  #inquiry tr td input{
    width: 100%;
  }
  #inquiry tr td input[type="radio"]{
    width: 20px;
  }
  
  .flex-tel td td{
    width: 30% !important;
  }
  .flex-tel td td.line{
    width: 5% !important;
  }
  .flex-tel td td.w100{
    width: 100% !important;
  }
  
  .flex-post td td{
    width: 30% !important;
  }
  .flex-post td td.line{
    width: 5% !important;
  }
  .flex-post td td.w100{
    width: 100% !important;
  }
}
/* 2022-03-30add */
.pri_inner_sec {
  margin-top: 30px;
}
.paragraph_title {
  font-size: 18px;
  font-weight: bold;
  height: auto;
  padding-left: 10px;
  border-left: 6px solid #00a0d3;
  margin: 0 15px;
}
.txt-indent {
  padding-left: 1em;
}
.txt-indent2 {
  padding-left: 2em;
}
@media screen and (max-width: 767px){
  .paragraph_title {
    margin: 0px;
  }
  /* .privacy_page p {
    margin-bottom: 0;
  } */
}

/* 情報セキュリティページ */
.html_page_ttl {
  font-size: 24px;
  border-top: 5px solid #39B7F2;
  /* background-color: #f2f2f2; */
  background-color: #F9F9F9;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  padding: 10px;
  border-radius: 5px 5px 5px 5px;
}
.html_page_ttl span{
  margin-left: 15px;
}
@media screen and (max-width: 767px){
  .html_page_ttl {
    border-top: 7px solid #00a0d3;
    background-color: #f2f2f2;
    border-radius: 5px 5px 0px 0px;
  }
  .html_page_ttl span{
    margin-left: 0px;
  }
}

.security_action {
  text-align: center;
  margin-top: 5px;
}
.security_action img {
  max-width: 150px;
  /* max-width: 174px; */
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
.security_action p {
  margin-top: 15px;
}
.sp_br {
  display: none;
}
@media screen and (max-width: 767px){
  .sp_br {
    display: block;
  }
}

/* privacypolicy2023 */
#privacy_inner {
  line-height: 1.8;
}
.pri-nml {
  margin: 0px 0 20px 0;
}
.pri-txt-right {
  text-align: right;
  margin-bottom: 10px;
}
.pri-1-ttl {
  font-weight: bold;
  font-size: 16px;
}
.pri-page-anchor {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 30px;
  flex-wrap: wrap;
}
.pri-t-h3 {
  text-align: center;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 16px;
}
.pri-1p {
  margin-bottom: 20px;
}
.pri-dl {
  display: flex;
  margin-bottom: 20px;
}
.pri-dl dd{
}
.pri-dl dt{
  margin-right: 1em;
}
.pri-dl ul {
  padding-left: 2em;
  text-indent: -2em;
}
.pri-dl ul li{
  list-style: none;
}
@media screen and (max-width: 767px){
  .pri-page-anchor span {
    display: none;
  }
  .pri-page-anchor a {
    margin-bottom: 5px;
  }
  .pri-page-anchor {
    flex-direction: column;
  }
  .pri-link a {
    display: block;
  }  .pri-link br {
    display: none;
  }
  dd.f-menu-sastain {
    margin-top: 30px !important;
  }
}