@charset "UTF-8";
/* CSS Document */
html {
	overflow: auto;
	width:100%;
}

#globalMenu ul li a{
  color: #000000;
  }
  
  .pcbr{
  display: block;
}
.spbr{
display: none;
}

/*==================== ヘッダー部分 =====================*/
.top_range {
display: block;
position: relative;
background-image:url("../image/pc/05/header_05.jpg");
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
z-index: 2;
height: 355px;
/* height: 100vh;*/
border: none;
overflow: hidden;
top: 160px;
}

.top_range .title{
	width: 357px;
	height: 98px;
	background-image:url("../image/pc/05/header_title.png");
	display: block;
    position: relative;
	top: 35%;
	background-position: center;
	margin: 0px auto -35% auto;
	background-size: 100%;
	background-repeat: no-repeat;
	text-indent: 300%;
white-space: nowrap;
overflow: hidden;
z-index: 20;
}
/*==================== ヘッダー部分　終了 =====================*/

.compa_03 {
display: block;
width: 1049px;
height: auto;
position: relative;
margin: 0px auto 0px auto;
padding-bottom: 280px;
}
.compa_03 p{
padding-top: 0px;
font-size: 13pt;
font-weight: 300;
text-align: center;
margin-top: 0px;
margin-bottom: 40px;
}

.compa_03 .kuujin{
width: 890px;
height: 1476px;
background-image:url("../image/kyuujin20211223.jpg");
display: block;
position: relative;
background-position: center;
margin: 0px auto 50px auto;
background-size: 100%;
background-repeat: no-repeat;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.compa_03 #form_layout .read{
padding-top: 0px;
font-size: 11pt;
font-weight: 300;
text-align: left;
margin: 0px auto 20px auto;
width: 900px;
display: block;
}
.compa_03 #form_layout table {
width: 900px;
height: auto;
display: block;
position: relative;
margin: 0px auto 50px auto;
font-size: 14px;
text-align: center;
font-weight: 300;
column-span: none;
border-bottom: dashed 1px #B8B2AE;
z-index: 1;
}

.compa_03 #form_layout table th {
font-weight: 300;
font-size: 13px;
background-color: #F6F6F6;
padding: 8px 20px;
width: 20%;
text-align:center;
border-right: solid 1px #B8B2AE;
border-top: dashed 1px #B8B2AE;
letter-spacing: 3px;
}

.compa_03 #form_layout table td {
width: 45%;
font-weight: 300;
font-size: 13px;
line-height: 16px;
background-color: #ffffff;
padding: 15px 10px 15px 30px;
text-align:left;
border-top: dashed 1px #B8B2AE;
}

.compa_03 #form_layout table p{
padding-top: 0px;
font-size: 9pt;
font-weight: 300;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}

.compa_03 #form_layout table td .padding_l{
padding-left: 25px;
}
#form_layout .btn09contact {
	width:40%;
margin: 50px auto 100px auto;
padding-left: 50px;
}

#form_layout .btn09contact button{
	width:100%;
	display:block;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	color: #fff;
	font-size: 18px;
	background-color:#0091DB;
	background-repeat: no-repeat;
	-webkit-transition-property:background;  
	-webkit-transition-duration:0.1s;  
	-webkit-transition-timing-function:linear; 
	border:0;
}

#form_layout .btn09contact button:hover{
background-color: #FFD928;
color: #000000;
cursor: pointer;
}



/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:767px){

header .sp_contact {
display: block;
position: fixed;
top:33px;
right: 83px;
z-index: 1000;
font-size: 13px;
color: #0091DB;
font-weight: 700;
text-decoration: none;
text-shadow:0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;
}

main {
	clear: both;
	width:100%;
	position: relative;
	overflow: hidden;
}

.pcbr{
display: none;
}
.spbr{
display: block;
}

/*==================== ヘッダー部分 =====================*/
.top_range {
background-image: url("../image/sp/05/05_img1.jpg");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 80%;
display: block;
position: relative;
top: 85px;
}


.top_range .title{
display: none;
}


/*==================== ヘッダー部分　終了 =====================*/


.compa_03 {
display: block;
width: 100%;
height: auto;
position: relative;
margin: 0px auto 0px auto;
padding-top: 40px;
padding-bottom: 200px;
}
.compa_03 p{
font-size: 12pt;
text-align: justify;
font-weight: 300;
line-height : 28px;
width: 85%;
padding-right: 20px;
margin: 0px auto 0px auto;
letter-spacing: -1px;
height: auto;
padding-bottom: 0px;
color: #000000;
}

.compa_03 .kuujin{
width: 90%;
height: 0px;
padding-top: 178%;
background-image:url("../image/kyuujin20211223.jpg");
display: block;
position: relative;
background-position: center;
margin: 0px auto 0px auto;
background-size: 100%;
background-repeat: no-repeat;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.compa_03 #form_layout .read{
padding-top: 0px;
font-size: 11pt;
font-weight: 300;
text-align: left;
margin-top: 15px;
margin-bottom: 20px;
width: 85%;
}

.compa_03 #form_layout table {
width: 100%;
height: auto;
display: block;
position: relative;
margin: 0px auto 50px auto;
font-size: 14px;
text-align: center;
font-weight: 300;
column-span: none;
border-bottom: dashed 1px #B8B2AE;
z-index: 1;
}

.compa_03 #form_layout table th {
font-weight: 300;
font-size: 13px;
background-color: #F6F6F6;
padding: 10px 20px;
width: 100%;
display: block;
text-align:left;
border-right: solid 1px #B8B2AE;
border-top: dashed 1px #B8B2AE;
letter-spacing: 3px;
}

.compa_03 #form_layout table td {
width: 100%;
display: block;
font-weight: 300;
font-size: 13px;
line-height: 16px;
background-color: #ffffff;
padding: 15px 10px 15px 30px;
text-align:left;
border-top: dashed 1px #B8B2AE;
}
.compa_03 #form_layout tablee td.textbox input{
	width:50% ;
    font-size: 15px;
}
.compa_03 #form_layout tablee td select{
    font-size: 15px;
	height: 20px;
}
.compa_03 #form_layout table td.textbox_long input{
	width:80% ;
    font-size: 15px;
}
.compa_03 #form_layout table td .textarea{
	width:120% !important;
	height:100px !important;
    font-size: 15px;
}
.compa_03 #form_layout table th div {
    width: 100%;
	padding:5px 2%;
}

.compa_03 #form_layout table th.point div{
	background:none;
}
.compa_03 #form_layout table p{
padding-top: 0px;
font-size: 9pt;
font-weight: 300;
text-align: left;
margin-top: 2px;
margin-bottom: 0px;
margin-left: 0px;
}

.compa_03 #form_layout table td .padding_l{
padding-left: 10px;
}

.compa_03 #form_layout .btn{
	width:90%;
}

.compa_03 #form_layout .btn09contact {
width:80%;
margin: 50px auto;
margin-left: -10px;
text-align: center;
}

.compa_03 .line {
display: none;
}
.compa_03 .line p{
background-image: url("../image/pc/05/line_img1.png");
background-repeat: no-repeat;
background-size: 100%;
overflow: hidden;
text-indent: 300%;
white-space: nowrap;
width: 15px;
height: 153px;
display: block;
margin: 0px auto;
padding-right: 0px;
}
.compa_03 .line .border{
width: 0.5px;
height: 250px;
background-color: #000000;
margin-top: 10px;
margin-left: 30px;
}




}