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

/*
SERVICE page
----------------------------------------------------------------------------------------------*/

.mark{
	display:block;
	width:4%;
	margin:30px auto 10px auto;
}

.mark img{
	width:100%;
}

.posi{
	font-size:22px;
	display:block;
}

.ser_title{
	width:25%;
	border-color:#9B308C;
	border-width:1px;
	border-style:solid;
	padding:40px 20px;
	margin:80px auto 80px auto;
	color:#9B308C;
}

.one{
	display:block;
	width:100%;
	font-size:13px;
}

.two{
	display:block;
	width:20%;
	margin:0 auto;
	border-bottom:solid 1px #9B308C;
	padding-bottom:5px;
	font-size:13px;
}

.three{
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;

}

.ser_con{
	width:100%;
	display:flex;
	padding-top:60px;
	
}

.img_le{
	width:50%;
	vertical-align:middle;

	
}

.pc_img_le{
	width:50%;
}

.p_ri{
	width:46%;
	text-align:left;
	padding-left:2%;
	padding-top:45px;
}

.ser_h3{
	font-size:20px;
	border-left:10px solid #9B308C;
	padding-left:10px;
	line-height:1.5;
	margin-bottom:30px;
	color:#9B308C;
	font-weight:bold;
	display:block;
}

.ser_con_end{
	width:100%;
	display:flex;
	padding:60px 0;
	
}

.ser_setsumei{
	font-size:17px;
	line-height:2;
}

ul.gyo{
	line-height:1.8;
	list-style:none;
	width:90%;
	text-align:left;
	padding:0;
}

.serone{
	margin:-10px;
}

.sertwo{
	margin-top:30px;
}

.moji{
	display:block;
	width:100%;
}


li.ind{
	font-size:16px;
	padding-left:1em;
	text-indent:-1em;
	list-style-type:none;
	margin:0;
}



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

.pc_img_le{
	display:none !important;
}



.mark{
	display:block;
	width:10%;
	margin:50px auto 10px auto;
}

.mark img{
	width:100%;
}

.posi{
	font-size:16px;
	display:block;
}

.ser_title{
	width:40%;
	border-color:#9B308C;
	border-width:1px;
	border-style:solid;
	padding:40px 20px;
	margin:80px auto 50px auto;
	color:#9B308C;
}

.ser_con{
	width:90%;
	margin:0 auto;
	display:block;
	padding-top:30px;
	text-align:center !important;
	
}

.ser_con{
	width:100%;
	display:block;	
}

.img_le{
	width:70%;
	margin:0 auto;
	
}

.img_le_sp{
	width:70%;
}

.p_ri{
	width:100%;
	text-align:center;
	padding-top:0;
	padding-left:0;
	margin: 0 auto;
}

.ser_h3{
	font-size:18px;
	border:none;
	padding:0;
	line-height:1.5;
	margin:30px auto;
	color:#9B308C;
	font-weight:bold;
	display:block;
}

.ser_con_end{
	width:100%;
	display:block;
	padding:30px 0;
	
}

.ser_setsumei{
	font-size:16px;
	line-height:1.5;
	display:block;
	width:85%;
	text-align:left;
	margin:0 auto;
}

.gyo{
	line-height:1.5;
	list-style:none;
	text-align:left;
}



li.ind{
	padding-left:1rem;
	text-indent:-1rem;
	list-style:none;
	text-align:left;
}


}




/*
COMPANY page
---------------------------------------------------------------------------------------------------------------*/

.gaikan{
	display:block;
	width:50%;
}

.gaikan img{
	width:100%;
	max-width:600px;
	margin:50px auto;
}

.com_one{
	width:100%;
	text-align:left;
	color:#9B308C;
	font-size:13px;
	margin:0 0 10px 0;
	display:block;
	padding-top:30px;
}

.com_title{
	width:100%;
	border-bottom:1px solid #9B308C;
	color:#9B308C;
	text-align:left;
	display:flex;
	margin:0 auto 20px auto;
}

.com_two{
	width:10%;
	font-size:50px;
	font-weight:bold;
	margin-right:10px;
}

.com_three{
	width:90%;
	text-align:left;
	margin-top:10px;
	padding-bottom:10px;

}


.com_ta{
	width:100%;
	display:flex;
	padding:30px 0 10px 0;
}
	
.com_table{
	width:50%;
	border:none;
	text-align:left;
	display:flex;
	/*align-items:flex-start;*/
}


.com_ta .com_table tr{
	width:100%;
}


.com_ta .com_table tr td.t_le{
	width:110px;
	vertical-align:top;
	padding-top:3px;
}

.com_ta .com_table tr td.t_ri{
	width:400px;
	padding-top:3px;
}

.ta_im{
	width:50%;
	/*padding:3px;*/
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
}

.ta_im img{
	width:97%;
	margin-left:auto;
}

.com_img{
	width:100%;
	display:flex;
	padding-top:20px;
}

.com_img02{
	width:100%;
	display:flex;
	padding-top:35px;
	padding-bottom:60px;
}

.com_img03{
	width:100%;
	display:flex;
	padding-top:20px;
	padding-bottom:40px;
}


.com_le{
	width:50%;
}

.com_le img{
	width:97%;
	margin-right:6%;
}

.com_ri{
	width:50%;
	text-align:right;
}

.com_ri img{
	width:97%;
	text-align:right;
}
	


.left_p{
	text-align:left;
	display:block;
	padding:1em 0;
}

.accessmap iframe{
	width:100%;
	height:600px;
	margin-bottom:10px;
}

.jigyo{
	margin:0;
	padding-top:3px;
	line-height:1.3;
}
	
@media only screen and (max-width: 630px) { 

.gaikan{
	display:block;
	width:80%;
}

.gaikan img{
	width:100%;
	margin:50px auto;
}

.kaisya{
	display:block;
	margin-top:50px;
	margin-bottom:20px;
}

.com_ta{
	width:100%;
	margin:20px auto 10px 0;
	padding:0;
	display:block;
	text-align:center;

}

.com_img , .com_img02 , .com_img03{
	display:block;
	margin-top:0;
	padding-top:0;
	text-align:center;
}

.com_img02{
	padding-bottom:0px;
}

.com_img03{
	padding-top:16px;
	padding-bottom:20px;
}

.com_le , .com_ri {
	width:100%;
	text-align:center;

}

.com_le img{
	width:80%;
	margin:13px auto;
}

.com_ri img{
	width:80%;
	margin:13px auto;
}

.com_img03 .com_ri img{
	width:100%;
	margin:13px auto;

}

.com_img03 .com_le img{
	width:100%;
	margin:13px auto;
}


.kaisya_title{
	width:100%;
	display:block;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;

}

.kaisya_setsumei{
	width:100%;
	display:block;
	margin:10px 0 0 0;
	padding:0;
}

.jigyo_one{
	margin:10px 0 0 0;
	padding:0;
	display::block;
	width:100%;
	line-height:1.7;

}

.jigyo{
	margin:0;
	padding:0;
	display::block;
	width:100%;
	line-height:1.7;
}

.ta_im{
	display:block;
	width:100%;
	padding:10px 0 0 0;
	margin:0 auto;
    text-align:center;
}

.ta_im img{
	display:block;
	width:80%;
	margin:5px auto 13px auto;
}


.com_main_p{
	font-size:15px;
	line-height:40px;
	width:90%;
	margin:0 auto;
	text-align:center;
}

.tabr{
	display:block;
	margin:0;
}

.accessmap iframe{
	margin-bottom:0;
}




}

/*
CONTACT page
----------------------------------------------------------------------------------------------*/

.formTable{
	width:1000px;
	font-size:16px;
}

.formTable th{
	width:100%;
	display:block;
	font-weight:normal;
	text-align:center;
	padding:20px 0;
}

.formTable td{
	width:100%;
	display:block;
	text-align:center;
	padding:0;
}

.formTable td input{
	border: 1px #9B308C solid;
	width:70%;
	text-align:center;
}

.formTable td textarea{
	border: 1px #9B308C solid;
}

td.fo{
	display:block;
    width:100%;
    padding: 0.5em;
    border: 1px solid #999;
    box-sizing: border-box;
    background: #f2f2f2;
    margin: 0.5em 0;
}

td.fo_t{
	display:block;
    width:100%;
    padding: 0.5em;
    border: 1px solid #999;
    box-sizing: border-box;
    background: #f2f2f2;
    margin: 0.5em 0;
	height:10em;
}

.formTable td.checks input{
	border: none;
	width:auto;
}


.exampe>label.labelone{
	display:inline-block;
	padding:5px;
	corsor:pointer;
	margin-right:10px;
}

.example>label{
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}
.example>label:hover{
    color: blue;
}
.example>label>input{
    margin-right: 5px;
    cursor: pointer;
}

.hogobo{
	margin:30px auto;
}

.scrollbox{
	border:1px solid #9B308C;
	height:200px;
	overflow:auto;
	width:70%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	/*background-color:#f7f7f7;*/
	margin:0 auto 20px auto;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
}

.scrollbox p{
	font-size:15px;
}

.boutou{
	margin:0 auto;
	font-size:15px;
}




.sele {
/*  display: inline-block;*/
  position: relative;
  border: 1px solid #9B308C;
  vertical-align: middle;
  display:block;
  width:6em;
  margin:0 auto;
  padding:0;
  background-color:#FFF;
}
 
select {
	display:block;
  appearance: none;
  width: 100%;
  border: none;
  outline: 0;
  background-image: none;
  background-color:#FFF;
  box-shadow: none;
  text-indent: 0.01px;
  cursor: pointer;
  text-align:-webkit-center;
  vertical-align:-webkit-middle;
  padding: 8px 0;
}
 


.kome{
	font-size:13px;
	color:#F00;
}

.formbtn{
	width:420px;
	margin:30px auto;
	display:flex;
	text-align:center;
}

input[type=submit] {
  display: block;
  width: 180px;
  margin: 40px 60px 0 0;
  position: relative;
  padding: 15px 10px;
  border: 1px solid #9B308C;
  color:#FFF;
  background-color:#9B308C;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

input[type=reset] {
  display: block;
  width: 180px;
  margin: 40px 0 0 0;
  position: relative;
  padding: 15px 10px;
  border: 1px solid #9B308C;
  color:#FFF;
  background-color:#9B308C;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}


.pr{
	text-decoration:underline;
	color:#9B308C;
}


.background{
	display:block;
	width:100%;
	padding:20px 0;
	background-color:#F2F2D7 !important;
}

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

table.formTable{
	width:90%;
	font-size:16px;
}

.formbtn{
	width:50%;
	margin:30px auto;
	text-align:center;
	display:block;
}

.center_br{
	width:100%;
	display:block;
	margin:20px 0 20px 0px;
}

.center_b{
	width:100%;
	display:block;
	margin:20px 0px 20px 0px;
}

.go_br{
	width:100%;
	display:block;
	padding:5px;
	background-color:#9B308C;
	color:#FFF;
	border:none;
}	

.go_b{
	width:100%;
	display:block;
	padding:5px;
	background-color:#9B308C;
	color:#FFF;
	border:none;
}



.select{
	  position: relative;
  background: #333;
	text-align:center!important;
	width:7em;
}

select{
	text-align:center !important;
	font-size:16px;
	color:#000;


}


input[type=submit] {
	appearance: none;
	padding:10px;
}

input[type=reset] {
	appearance: none;
	padding:10px;
}

input{
	text-align:center;
}

.custom-radio{
	-webkit-appearance:radio-button;
	width:auto;
	border:none;
}

.formTable td.checks input{
	-webkit-appearance:radio-button;
}


textarea{
	-webkit-appearance: none;
}


}


.pri_p{
	color:#9B308C;
	text-align:left;
	display:block;
	margin-bottom:15px;
}



/*
CASE page
----------------------------------------------------------------------------------------------*/

.yousou{
	padding-top:20px;
}