@charset 'UTF-8';

* {
margin:0px;
padding:0px;
}

#contents {
max-width:700px;
font-size:95%;
text-align:left;
margin-top:28px;
}

@media (max-width: 700px) {
	#contents {
		padding: 0px 20px;
	}
	#title{

		max-width: 100%;
		white-space: nowrap;
		font-size: clamp(7px, 4vw, 35px);
  
	}
}


#contents h1 {
margin-bottom:18px;
}

#contents h2 {
margin-bottom:18px;
}

#contents p {
margin-bottom:15px;
}

#contents a {
color:#0048cc;
text-decoration:none;
}

#contents img {
border:none;
}

#contents .clear {
clear:both;
font-size:0%;
height:0px;
}

.inputPT {
	padding-top: 4px;
}

.section-box .col2 {
margin-bottom:0px;
}

.section-box .col2 .l-col,
.section-box .col2 .r-col {
width:320px;
float:left;
margin-right:10px;
}

.cont-box ul,
.indent20 ul,
.section-box ul {
list-style-type:none;
}

.section-box ul{
	margin:0px;
}
.section-box  ul li {
	font-size:16px;
	line-height: 170%;
	margin-bottom: 4px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.section-box li::before{
  font-family: 'icon';
	content: "\e929";
	color: #489628;
	margin-right: 10px;
}

.id-container {
	display: inline-block;
	gap: 0;
	font-size:0;
}

.input-field {
	width: 19px;
	text-align: center;
	font-size:14px;
	padding: 0;
    margin: 0;
}

.id-container input:nth-child(3), 
.id-container input:nth-child(7),
.id-container input:nth-child(11) {
    margin-right: 5px;
}

.additional-form {
	display: none; /* 初期状態ではフォームは非表示 */
	margin-top: 10px;
}

.form-container {
	margin-top: 20px;
}
.form-container form {
	display: none; /* 初期状態ではフォームは非表示 */
}
.form-container form.active {
	display: block; /* activeクラスが追加されたフォームのみ表示 */
}


.cont-box {
margin-bottom:20px;
}

.indent20 {
padding:0px 20px 0px;
margin-bottom:20px;
}

.indent20 .col2 .l-col,
.indent20 .col2 .r-col {
width:320px;
float:left;
margin-right:10px;
}

.indent20 .col2 ul {
list-style-type:none;
}

.indent20 .col2 ul li {
margin-bottom:9px;
}

.indent20 .col2 p {
font-size:80%;
padding-top:10px;
letter-spacing:0.05em;
line-height:1.3em;
}

.indent20 .ot-block {
border-bottom:#c8c8c8 solid 1px;
margin-bottom:18px;
}

.faqnew .indent20 .ot-block p {
background:url(../../../images/common/or-arrow.gif) no-repeat top left;
font-weight:bold;
padding-left:25px;
height:18px;
line-height:20px;
margin-bottom:10px;
}

.indent20 .ot-block .ph {
margin-bottom:18px;
}

.indent20 .ot-block .ph img {
vertical-align:middle;
}

.indent20 .ot-block .ph span {
font-size:80%;
padding-left:15px;
}

.indent20 .ot-block span {
padding-left:25px;
}

.faqnew .pb-18 {
padding-bottom:18px;
}

.faqnew .t-red {
color:#da0f0f;
}


.faqnew .n-link {
background:url(../images/n-arrow.gif) no-repeat 0px 2px;
margin-left:2px;
padding:4px 0px 3px 25px;
}

.faqnew  .last-cont {
margin-bottom:0px;
}


.faqnew  .mark_ex {
background:url(../images/mark_ex.gif) no-repeat 0px 4px;
padding:4px 0px 3px 25px;
}

.faqnew  .mark_gr-list {
background:url(../images/gr-list.gif) no-repeat 3px 7px;
padding:4px 0px 3px 25px;
}


.section-box {
background-image:none;
background-color:#fbf7dd;
font-size:80%;
font-weight:bold;
padding:20px;
}

.indent20 ul {
line-height:1.4em;
font-size:85%;
}

.form-box {
width:700px;
padding-top:9px;
}

.form-box .form-inner {
padding:10px 20px 0px;
width:660px;
}

.form-box .form-bottom {
padding-bottom:9px;
margin-bottom:20px;
}

.form-box table {
width:100%;
font-size:90%;
padding-bottom:10px;
margin-bottom:15px;
}

.form-box table th {
width:270px;
background:url(../images/section-box_arrow.gif) no-repeat 0px 2px;
padding:0px 0px 8px 25px;
font-weight:normal;
text-align:left;
}

.form-box table tr td.section-title{
	font-size: 1.3em;
	text-align: left;
	padding-bottom: 20px;
}

#contents .form-box table th p {
margin:0px;
padding:0px;
text-indent:-1em;
padding-left:1em;
}

#contents .t-green {
color:#129800;
}

#contents .t-red {
color:#da0f0f;
}

#contents .textS {
font-size:85%;
}

.form-box table .input-ss {
width:70px;
}

.form-box table .input-s {
width:300px;
}


.form-box table .input-m {
width:440px;
}

.form-box table.check-box {
width:170px;
margin:0px;
padding:0px;
border:none;
}

.form-box table.check-box td {
width:60px;
}

.form-box table.check-box th {
margin:0px;
padding:0px;
background:none;
width:20px;
}

.form-box table.check-box td.space {
width:25px;
}

#contents .form-box table.check-box p {
margin:0px;
padding:0px;
}

.form-box table.name-box {
width:350px;
margin:0px;
padding:0px;
border:none;
}

.form-box table.name-box th {
margin:0px;
padding:0px;
background:none;
width:150px;
}


.form-box table.name-box td.space {
width:5px;
}

.form-box table.name-box td.en {
width:auto;
}

#contents .form-box table.name-box p {
margin:0px;
padding:0px;
}

#contents .form-box table.name-box .input-s {
width:150px;
}

.eki-box{
	width: 100px;
}

.form-box .btn-set {
width:660px;
margin-bottom:5px;
}

.form-box .btn-set .center-btn {
width:103px;
margin-left:278px;
}

.form-box .btn-set .left-btn {
width:103px;
}

.form-box .btn-set .right-btn {
width:103px;
}

.break-line {
	display: block; 
  }
.break-small{
	display:inline;
}

  .panelEkiNameSearchList .ekiNameSearchList {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	cursor: pointer;
	display: none;
	font-size: 16px;
	line-height: 24px;
	list-style: none;
	margin: 0;
	min-width: 307px;
	padding: 0px;
	position: absolute;
	text-align: left;
	z-index: 10;
	max-height: 200px;
	overflow-y: scroll; 
}

.panelEkiNameSearchList .ekiNameSearchList li {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	position: relative;
	border-top: 1px solid #ccc;
}

.panelEkiNameSearchList .ekiNameSearchList li::before {
	content: url("../images/arrow_leftup.svg");
	background-color: #f3f3f3;
	position: absolute;
	top: 0;
	width: 30px;
	bottom: 0;
	right: 0;
	padding: 7px 7px;
}

.panelEkiNameSearchList .ekiNameSearchList li:hover {
	background-color: #ffc;
	color: #2F2F2F;
	text-decoration: none;
}

table{
	width: 100%!important;
}

.sslmark{
		max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	}
.sslmark th{
	width:100px;
	padding-right: 10px;
}

.ui-widget-header{
	color: #000000 !important;
}

.ui-datepicker {
  position: absolute;
  
  left: 0;
  width: 17em; /* 必要な幅に調整 */
  z-index: 9999; /* 他の要素と重ならないように */
}

.input-s::placeholder{
	font-size: 14px;
}

.label, .break-line-small {
  display: inline;
}

.name-wrapper {
  word-wrap: break-word;
  word-break: break-word;
}

.name {
  display: inline-block;
}

@media (max-width: 680px) {
	
.form-box{
	width: 100%;
	}
.form-box .btn-set{
	width: 100%;
	}
	
.form-box table th,
.form-box table td{
	width: 100%;
	display:block;
	width: 100%;
	font-size: 16px;
}
.break-line {
    display: inline; 
  }
.break-small{
	display: block;
}

.form-box table td {
	padding-bottom: 20px;
	}	
.form-box table th{
	padding-bottom: 5px;
}
	
#contents .form-box table.name-box td,
#contents .form-box table.name-box th{
	padding: 0px;
	margin: 0px;
}
	
#contents .form-box table.name-box th:first-child{
	margin-bottom: 5px;
	}

.form-box table .input-m,
.form-box table .input-s{
width:100%!important;
}

.sslmark{
		width: 100%;
	}
	
	
.sslmark th,
.sslmark td{
	width: 100%;
	display:block;
	width: 100%;
}
.sslmark th{
	padding-right: 0px;
}
	.sslmark td{
	padding: 0px 20px;
}


.ui-datepicker {
    transform: scale(0.9);
    transform-origin: top left;
  }

}


@media (max-width: 500px) {

.button-group a:first-child img {
    margin-right: 10px !important;
  }
.break-line-small {
    display: block;
  }
}



@media (max-width: 375px) {

	.form-box table tr td.section-title{
	font-size: 1.04em;
	text-align: left;
	padding-bottom: 15px;
}
}

/* Chrome,Safari�Ή� */
.form-control::-webkit-input-placeholder {
  color:#AAAAAA;
}

/* IE�Ή� */
.form-control:-ms-input-placeholder {
  color:#AAAAAA;
}

/* Firefox�Ή� */
.form-control::-moz-placeholder {
  color:#AAAAAA;
}

/* Firefox�Ή� 18�ȑO */
.form-control:-moz-placeholder {
  color:#AAAAAA;
}