@charset "utf-8";
/*######################################################################
layout CSS
######################################################################*/

/*/////////////////////////////////////////////////////////////////////////
						Blocks
//////////////////////////////////////////////////////////////////////////*/
div#all{
width:100%;
height:100%;
margin:0 auto;
padding:0;
}

div#wrap{
width:100%;
height:100%;
margin:0 auto;
padding:0;
overflow: hidden;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important;
 }
 .sp2 { display: none !important;
 }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
.sp2 { display: none !important; }
}

@media only screen and (max-width: 750px) {
.sp2 { display: block !important; }
}

div#header {
width:100%;
height:80px;
margin: 0 auto;
padding:0;
margin-top:15px;
}

div#header1 {
height:80px;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
width:100% !important;
max-width:940px;
}

div#header2 {
height:80px;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
width:940px;
}


@media screen and (max-width:768px) {
div#header1 {
width:640px;
height:80px;
margin:5px auto;
padding:0;
} }

div#hl{
width: 380px;
height:80px;
float:left;
}

div.logo a{
float:left;
margin-left:10px;
}

div.tel2{
width: 235px;
height:50px;
float:right;
margin:0 auto;
padding:0;
margin-top:15px;
}

div#content{
width:100%;
height:100%;
margin:0 auto;
padding:0;
}

div#mb {
width:100%;
height:508px;
margin: 0 auto;
padding:0;
background-color:#EBEFF2;
}

div#main{
width: 976px;
height:508px;
margin:0 auto;
padding:0;
}

@media screen and (max-width:768px) {
div#mb {
height:473px;
}

div#main{
width:640px;
height:473px;
}
}

div#main2{
width:570px;
height:413px;
margin:5px auto;
padding:0;
margin-top:15px;
}

div#main2a{
text-align:center;
margin:10px auto;
padding:0;
}

div#mainb{
text-align:center;
margin:10px auto;
padding:0;
background-color:#ECECEC;
}

div.kp{
width:860px;
margin:20px auto;
font-size:15px;
line-height:1.5;
background-color:#FFFFFF;
color:#333333;
}

@media screen and (max-width:768px) {
div.kp{
width:580px;
padding:0;
font-size: 24px;
}
}

div#main3{
width:894px;
height:292px;
margin:10px auto;
padding:0;
}

@media screen and (max-width: 768px) {
div#main3{
width:100%;
height:auto;
}
}

div#main3c{
width:894px;
height:292px;
margin:10px auto;
padding:0;
}

div#kpb{
width:100%;
margin:20px auto;
background-color:#ECECEC;
padding-bottom:14px;
padding-top:14px;
}

div.tl{
width:750px;
margin:0 auto;
line-height:2;
font-size:15px;
margin-top:10px;
background-color:#fff;
}

@media screen and (max-width: 768px) {
div.tl{
width:620px;
font-size: 24px;
}
}

table#cases{
margin:20px auto;
}
table#cases tr td{
text-align:center;
padding:0 35px 45px 35px;
}

div#cases2sp{
height:0;
display:none;
}


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

table#cases{
padding:0;
}

table#cases tr td{
padding:0px 10px 20px 0;
}
table#cases tr td.tclft{
padding:0 0 20px 10px;
}
}

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

table#cases{
display:none;
}

div#cases2sp{
width:500px;
height:100%;
margin:10px auto;
line-height:1.8;
display:block;
margin-top:20px;
}

}

div#kp4{
width:860px;
margin:5px auto;
font-size:15px;
background-color:#FFFFFF;
margin-bottom:30px;
border-bottom:#CCCCCC 1px solid;
}


div#kp4 div.tl2{
width:320px;
height:300px;
margin:0 auto;
float:left;
margin-top:70px;
}

div#kp4 div.tr2{
width:500px;
margin:20px auto;
float:right;
}

p.tr2p{
font-size:15px;
line-height:1.5;
padding-left:50px;
background-color:#fff;
}

@media screen and (max-width:768px) {
div#kp4{
width:100%;
font-size:24px;
}

div#kp4 div.tl2{
width:500px;
height:333px;
float:none;
margin-top:20px;
}


div#kp4 div.tr2{
float:none;
width:620px;
}

p.tr2p{
float:none;
line-height:1.5;
margin:10px auto;
font-size: 24px;
}
}



ul#sm{
width:894px;
list-style:none;
padding:0;
}

ul#sm li a{
width:290px;
float:left;
display:block;
padding:0;
}

ul#sm li.smb{
width:301px;
float:left;
display:block;
padding:0;
margin-left:10px;
}

ul#sm li.smb a{
width:290px;
float:left;
display:block;
padding:0;
}



@media screen and (max-width: 768px) {
ul#sm{
width:559px;
height:300px;
margin:0 auto;
margin-bottom:20px;
padding:0;
}

ul#sm li a{
width:559px;
height:80px;
margin:0 auto;
padding:0;
float:none;
}

ul#sm li.smb{
width:559px;
margin-left:0;
margin:20px auto;
float:none;
}

ul#sm li.smb a{
width:559px;
margin:0;
padding:0;
float:none;
}
}


ul#sm2{
width:894px;
list-style:none;
padding:0;
}

ul#sm2 li a{
width:290px;
float:left;
display:block;
padding:0;
}

ul#sm2 li.smb{
width:301px;
float:left;
display:block;
padding:0;
margin-left:10px;
}

ul#sm2 li.smb a{
width:290px;
float:left;
display:block;
padding:0;
}

div#contab{
width:100%;
height:330px;
padding:0;
text-align:center;
margin:20px auto;
background-color:#F0F0F0;
}

div#conta{
padding:0;
margin:0 auto;
padding-top:10px;
}

div#contatel{
padding:0;
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
background-color:#ffffff;
}

div#contact a{
width:873px;
height:107px;
padding:0;
margin:0 auto;
background-color:#F0F0F0;
}

@media screen and (min-width: 769px) {
div#contatel{
display:none;
}
}

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

div#contab{
width:100%;
height:320px;
margin:20px auto;
background-color:#F0F0F0;
}

div#conta{
display:none;
}

div#contatel{
padding:0;
margin:20px auto;
padding-top:5px;
padding-bottom:5px;
}

div#contatel a{
width:604px;
height:86px;
padding:0;
padding-top:5px;
padding-bottom:5px;
margin:20px auto;
display:block;
}

div#contact a{
width:636px;
height:258px;
padding:0;
margin:0 auto;
display:block;
}
}


div#kp5{
width:860px;
height:75px;
margin:25px auto;
font-size:18px;
line-height:1.5;
font-weight:500;
background-color:#FFFFFF;
}
@media screen and (max-width: 768px) {
div#kp5{
width:600px;
height:auto;
font-size:24px;
}
}
/***************************************************

about

**************************************************/


table.aboutabl{
width:800px;
margin:30px auto;
font-size:14px;
line-height:1.5;
margin-bottom:50px;
border: 1px solid #666666;
}

table.aboutabl tr td{
padding-left:10px;
border: 1px solid #666666;
}

table.aboutabl tr td.tal1{
width:20%;
background-color:#D9E8F0;
text-align:center;
border: 1px solid #666666;
}


@media screen and (max-width: 768px) {
table.aboutabl{
width:620px;
font-size: 24px;
}
}

/***************************************************

voice

**************************************************/

table.at2{
width:800px;
font-size:14px;
text-align:center;
margin:40px auto;
border: 1px solid #666666;
}

@media screen and (max-width: 768px) {
table.at2{
width:620px;
font-size: 24px;
}
}

table.at2 tr th{
background-color:#D3E5FD;
padding:10px;
border: 1px solid #666666;
}

table.at2 tr td{
line-height:1.5;
padding:15px;
border: 1px solid #666666;
}


ul.koe{
	  width:880px;
	  height:auto;
	  margin:15px auto;
	  list-style:none;
}

ul.koe li.kp,ul.koe li.kp2,ul.koe li.kp777{
	  width:220px;
	  height:320px;
	  float:left;
	  text-align:center;
	  font-size:14px;
      background-color:#fff;
}

ul.koe li.kp3{
	  width:220px;
	  height:520px;
	  float:left;
	  text-align:center;
	  font-size:14px;
      background-color:#fff;
}


ul.koe li.kr{
	  width:650px;
	  height:auto;
	  float:right;
	  font-size:14px;
	  line-height:1.8;
	  margin:5px auto;
	  margin-bottom:20px;
	  background-color:#FFFFFF;
}

hr{width:880px;
margin:10px auto;
color:#CCCCCC;
}


@media screen and (max-width:768px) {
ul.koe{
	  width:640px;
	  margin:0 auto;
	  padding:0;
}

ul.koe li.kp,ul.koe li.kp2{
	  width:610px;
	  height:460px;
	  margin:5px auto;
	  float:none;
	  margin-bottom:0;
}


ul.koe li.kp3{
	  width:610px;
	  height:460px;
	  margin:5px auto;
	  float:none;
	  margin-bottom:0;
}
ul.koe li.kp777{
	  width:610px;
	  height:240px;
	  margin:5px auto;
	  float:none;
	  margin-bottom:0;
}
.sprt{
display:none;
}

ul.koe li.kr{
	  width:580px;
	  float:none;
	  line-height:1.5;
	  padding:0;
	  margin:0 auto;
      font-size: 24px;
      margin-bottom:0;
      background-color:#fff;
}

hr{width:96%;
}
}


ul.koe2{
	  width:880px;
	  height:auto;
	  margin:15px auto;
	  list-style:none;
}

ul.koe2 li.kpa{
	  width:220px;
	  height:320px;
	  float:left;
	  text-align:center;
	  font-size:14px;
      background-color:#fff;
}

ul.koe2 li.kp3a{
	  width:220px;
	  height:520px;
	  float:left;
	  text-align:center;
	  font-size:14px;
      background-color:#fff;
}


ul.koe2 li.kr2{
	  width:650px;
	  height:auto;
	  float:right;
	  font-size:14px;
	  line-height:1.8;
	  margin:5px auto;
	  margin-bottom:20px;
	  background-color:#FFFFFF;
}

div.sp2am,div.sp2amg{
width:740px;
margin:10px auto;
padding:0;
font-size:15px;
line-height:3;
background-color:#FFFFFF;
color:#333333;
margin-bottom:20px;
}

@media screen and (max-width:768px) {
div.sp2am{
width:620px;
padding:0;
line-height:3;
font-size: 24px;
}
}

div.sp2amg2{
width:780px;
margin:10px auto;
padding:0;
font-size:15px;
line-height:3;
background-color:#FFFFFF;
color:#333333;
margin-bottom:20px;
}

@media screen and (max-width:768px) {
div.sp2amg2{
width:580px;
margin:0 auto;
line-height:3;
font-size: 24px;
}
}

p.dmm{
text-align:right;
}
/***************************************************

service

**************************************************/


div#sp{
width:746px;
margin:20px auto;
padding:0;
font-size:18px;
line-height:1.5;
text-align:center;
}


div#sp2{
width:740px;
margin:20px auto;
padding:0;
font-size:14px;
line-height:1.8;
}

@media screen and (max-width:768px) {
div#sp,div#sp2{
width:580px;
padding:0;
font-size: 24px;
}
}

div#sp3{
width:740px;
margin:20px auto;
padding:0;
font-size:14px;
line-height:1.5;
margin-bottom:50px;
}

div#spt1{
width:746px;
margin:20px auto;
padding:0;
font-size:14px;
line-height:1.5;
text-align:center;
}

table.tb01{
width:740px;
}

table.tb01{
  width:740px;
  border: solid 1px #AEB1B5; 
  border-collapse: collapse;
  border-spacing:5px;
}


@media screen and (max-width:768px) {
table.tb01{
width:620px;
}
}

div#sp3a{
width:740px;
margin:20px auto;
padding:0;
font-size:14px;
line-height:1.5;
margin-bottom:50px;
}



@media screen and (max-width:768px) {
div#sp3a,div#spt1,div#sp3{
width:620px;
padding:0;
font-size: 24px;
}
}
/***************************************************

footer

**************************************************/

div#footerback{
width:100%;
height:90px;
margin:0 auto;
padding:0;
border-top:2px solid #21B77A;
background-color:#EAEFF3;
}

p#address{
margin:0 auto;
margin-top:10px;
color:#666666;
font-size:12px;
text-align:left;
width:100% !important;
max-width:920px;
}

p#address2{
margin:0 auto;
margin-top:10px;
color:#666666;
font-size:12px;
text-align:left;
width:900px;
}

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

div#footerback{
	height:auto;
}

div#address2{
width:90%;
margin:0 auto;
}
}