@charset "utf-8";
/* CSS Document */

.homeBox:not(#box0, #box1){
	text-align:center;
	padding-bottom:40px;
}

.homeBox img{
/*	display:block;*/
	max-width:100%;
}
.lineBtn{
	width:30%;
}
#box1{
	position:relative;
}
#box1 ul{
font-size:0;
}
#box1 ul li{
font-size:14px;
	display:inline-block;
	width:calc(100%/3 - 10px);
	padding:5px;
}
#box1 ul li img{
	display:block;
	max-width:100%;
}

#box1 #box1-1{
}

#box1 #box1-2{
}
#box1 #box1-3{
}
#box1 #box1-4{
}
#box1 #box1-5{
}
#box1 #box1-6{
}
#box1 #box1-7{
}

#box1 #box1-8{
}


#box2{
	position:relative;
}
#box2-1{
	    width: 100%;
    margin: auto;
position: relative;
    z-index: 1;
margin-top:20px;}

#box3{
	position:relative;
}

#box4{
	position:relative;
}

#box4 ul li{
    padding-bottom: 30px;
    padding-top: 10px;
}
#box4 ul li:nth-child(2n){
background:#F9F7F5;
}

#box5{
	position:relative;
}
#box5 #box5-1{
}
#box5 #box5-2{
	position:absolute;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
#box5 #box5-3{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}


#box6{
	position:relative;
}
#box6 #box6-1{
}
#box6 #box6-2{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
#box6 #box6-3{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}


#box7{
	position:relative;
}
#box7 #box7-1{
}
#box7 #box7-2{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
#box7 #box7-3{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}


#box8{
	position:relative;
}
#box8 #box8-1{
}
#box8 #box8-2{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
#box8 #box8-3{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}


#box9{
	position:relative;
}
#box9 #box9-1{
}
#box9 #box9-2{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
#box9 #box9-3{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}


#box10{
	position:relative;
}
#box10 #box10-1{
}
#box10 #box10-2{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
#box10 #box10-3{
	position:absolute;
	width:100%;
	top:0px;
/*	left:50%;
	transform:translate(-50%, 0%);*/
}
.homeBox p{
	text-align:left;
padding: 10px 30px;
    font-size: 15px;
    line-height: 1.8;
}


#box11{
	position:relative;
}
img#box11-1 {
 /*    margin: 20px auto;*/
}
#box11 ul{
	padding:10px;
}
#box11 ul li{
	margin:10px 0;
}
#box11 ul li img{
}
#box12{
	position:relative;
}
#box12 #qanda{
    font-size: 14px;
    padding: 0 10px;
}
#box12 #qanda dl{
	padding:0px;
}
#box12 #qanda dt{
padding:9px 10px;
text-align:left;
margin-top:10px;
cursor:pointer;
font-weight:bold;
color:inherit;
	border-radius:2rem;
}
#box12 #qanda dt:before{
content: '';
	background-color:#ffffff;
background-image: url(/user/images/img12-q.png);
	vertical-align:top;
  background-size: contain;
      display: inline-block;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 2rem;
    margin-right: 5px;
    line-height: 1.5;
	}

#box12 #qanda dt{
	background-color:#927444;
	color:#ffffff;
}
#box12 #qanda dt:nth-child(4n - 1){
	background-color:#aa9361;
	color:#ffffff;
}
#box12 #qanda dt h3{
font-size:13px;
text-align:left;
font-weight:normal;
padding: 0px;
	display:inline-block;
	width:calc(100% - 5em);
}

#box12 #qanda dt.active h3{
font-size:13px;
text-align:left;
font-weight:normal;
padding: 0px;
	display:inline-block;
}
#qanda dt i {
    float: right;
    display: inline-block;
    line-height: 2;
    position: relative;
	margin-right:10px;
}
#box12 #qanda dt.active  i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    z-index: 1000;
}

#box12 div#qanda dd {
text-align:left;
	padding:5px  10px;
padding-left:2em;
    display: none;
    cursor: pointer;
/*	border:1px solid #EAEAEA;*/
	border-top:none;
     border-top-right-radius: 0px; 
    border-top-left-radius: 0px;
    margin-bottom: 20px;
}
#qanda dt.active + dd {
	display:block;
/*	background-color:#ebf7f7;*/
}

#box12 #qanda dd p{
    font-size: 12px;
    line-height: 1.3;
    padding: 4px;
    text-align: left;
    position: relative;
    width: auto;
    max-width: inherit;
}
#box12 #qanda dd p:before{
	content:'A.';
	display:inline-block;
}

#box13{
	position:relative;
}
#box13 table{
}
#box13 table{
font-size:13px;
width:calc(100% - 20px);
	margin:auto;
}
#box13 table th{
display:block;
text-align:left;
font-size:13px;
font-weight:normal;
	border-bottom:2px solid #ebf7f7;
}
#box13 table th span{
display:inline-block;
text-align:left;
padding:5px 10px;
	letter-spacing: 3px;
font-size:14px;
font-weight:normal;
color: #4a4947 !important;
    background: #ebf7f7;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#box13 table td{
display:block;
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px;
	color:#4a4947;
}

#box14{
	position:relative;
	background:url(/user/images/img14-bg.png);
	padding-bottom:50px;
}

#box14 dl{
	color:#4a4a48;
	text-align:left;
	font-size:14px;
padding: 10px 30px;
}
#box14 dl dt{
	padding:5px;
}
#box14 dl dd{
	padding:5px;
}
#box14 select,
#box14 textarea,
#box14 input{
	font-size:14px;
	padding:5px;
	width:calc(100% - 15px);
border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: rgba(255,255,255,.2);
}
#box14 label input[type="radio"]{
width:auto;
	text-align:center;
}
#box14 label{
	display:inline-block;
	border-radius:2rem;
	width:calc(100%/2 - 10px);
text-align: center;
}
#box14 input[type="reset"],
#box14 input[type="submit"]{
	color:#444444;
	font-weight:normal;
}

#box14 .bt{
	color:#444444;
	display:inline-block;
	border-radius:2rem;
	width:calc(100%/2 - 10px);
text-align: center;
	border:none;
	font-size:18px;
	background-color:transparent;
}
#contents{
padding-top:52px;}

#contents p{
	font-size:14px;
	padding:10px 30px;
	text-align:left;
	line-height:2;
}
#contents p strong{
font-weight:bold;
}

@media screen and (max-width: 559px) {
body#system {
background: #ffffff url(/user/images/sp_bg.jpg) center top scroll;
    background-size: contain;}
body#system #layout{
    background: rgba(255,255,255,.5);
}
.homeBox p {
	font-size:14px;
padding: 10px 30px;
    line-height: 1.8;
}
	#contents p{
	font-size:13px;
	text-align:left;
}
#contents p strong{
font-weight:bold;
}
#box13 table td{
font-size:12px;
}
.lineBtn {
    width: 40%;
}
}