@charset "UTF-8";
/* CSS Document */
.hero{
position: relative;
}
.hero img{
clip-path: polygon(24% 0%, 100% 0, 100% 100%, 10% 100%);
}
.hero h2{
position: absolute;
color: #c30d23;
font-weight: bold;
font-style: oblique;
}
section:last-of-type{
padding-bottom: 0;
}
.box{
margin: 0 auto;
}
.top-h2{
text-align: center;
}
.top-h2 h2{
color: #c30d23;
font-weight: bold;
}
.top-h2 p{
background-color: #c30d23;
color: #fff;
font-weight: bold;
}
/*
.h3-box:last-of-type{
padding-bottom: 0;
}
*/
h3.h3-l{
border-left: solid 10px #c30d23;
font-weight: bold;
line-height: 1.5em;
}
h3.h3-border{
font-weight: 600;
color: #c30d23;
border-bottom: solid 5px #c30d23;
}
a.btn-r{
display: block;
text-align: center;
color: #fff;
background-color: #c30d23;
border: solid 2px #c30d23;
margin: 0 auto;
font-weight: 600;
}
p.text{
margin: 0 auto;
line-height: 2;
}
.pager ul{
display: flex;
justify-content: center;
align-items: center;
}
.pager ul .pager_item{
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
border: solid 1px #333;
margin: 0 2px;
border-radius: 5px;
}
.pager ul .pager_item a{
display: block;
transition: .3s;
}
.pager ul .pager_item a:hover{
background-color: #666;
color: #fff;
transition: .3s;
}
.pager ul .pager_item a.current_page_number{
background-color: #000;
color: #fff;
}
/*---------------
works
---------------*/
.works h3{
text-align: center;
}
/*---------------
Service
---------------*/
.catch-p{
text-align: center;
line-height: 1.7em;
}
/*-----#online-----*/
#online .point{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#online .point li:before {
}
#online .point li h4{
display: block;
color: #c30d23;
font-weight: bold;
border-bottom: solid 3px #c30d23;
text-indent: -1em;
padding-left: 1em;
}
#online .h3-box h4{
font-weight: bold;
}
#online .h3-box h5{
text-align: center;
}
#online .contents{
box-sizing: border-box;
border: 1px solid #000;
margin: 0 auto;
}
#online .contents th{
border-bottom: 1px solid #000;
border-right: 1px solid #000;
background-color: #efefef;
text-align: center;
}
#online .contents td{
border-bottom: 1px solid #000;
}
#online .contents td ol{
counter-reset: item;
list-style-type: none;
}
#online .contents td li:before {
counter-increment: item;
content: counter(item)'.';
}
/*-----#acting-----*/
#acting ul li{
text-align: center;
background: #0080a4;
border: solid 2px #0080a4;
}
#acting ul li a{
display: block;
color: #fff;
font-weight: 500;
transition: .3s;
}



#acting h4{
font-weight: 600;
}
#acting h4:before{
display: inline-block;
content: "＜";
}
#acting h4:after{
display: inline-block;
content: "＞";
}



#acting table{
display: block;
box-sizing: border-box;
border: 4px solid #0080a4;
}
#acting table th span{
display: block;
color: #fff;
background: #0080a4;
text-align: center;
line-height: 1em;
}
/*-----#sns-----*/
#why ul li:last-of-type{
padding-bottom: 0;
}
#why ul li h4{
font-weight: 600;
}

#request h4{
border-left: solid 10px #c30d23;
font-weight: bold;
line-height: 1.5em;
}
#request ul li:before{
content: "・";	
padding-right: 5px;
}

#flow dl{
margin: 0 auto;
border: solid 1px #999;
}
#flow dl dt{
border-bottom: solid 1px #999;
padding: 10px;
}
#flow dl dd{
border-bottom: solid 1px #999;
}
/*---------------
#voice
---------------*/
#voice h4{
font-weight: 600;
}
#voice ul{
margin: 0 auto;
}
#voice ul li{
border-bottom: solid 1px #999;
}
#voice ul li:last-of-type{
margin-bottom: 0;
}
#voice ul li img{
border-radius: 50%;
}
#voice ul li div h5 span{
background-color: #999;
}
/*---------------
#about
---------------*/
#about .company{
border: solid 1px #999;
}
#about .company th{
border-bottom: solid 1px #999;
border-right: solid 1px #999;
}
#about .company td{
border-bottom: solid 1px #999;
}
#about .profile{
margin: 0 auto;
}
#about .profile img{
border-radius: 50%;
}
#about .profile div h2 span{
display: block;
}
#about ul.example li:before{
content: "・";
padding-right: 5px;
}
/*---------------
#blog
---------------*/
#blog ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#blog ul:after{
content: "";
display: block;
width: 30%;
height: 0;
}
/*---------------
#blog-p
---------------*/
#blog-p h3{
font-weight: bold;
}
#blog-p time{
display: block;
text-align: end;
}
#blog-p .text-box p{
line-height: 1.8;
padding-bottom: 10px;
}
/*---------------
#news
---------------*/
#news ul li{
margin: 0 auto;
border: solid 1px #555;
border-radius: 10px;
}
#news ul li:last-of-type{
margin-bottom: 0;
}
#news ul li h3{
font-weight: bold;
}
#news ul li time{
display: block;
text-align: end;
}
#news ul li a{
display: block;
text-align: end;
}
#news ul li a:after{
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #575757;
}
/*---------------
#news-p
---------------*/
#news-p .box div{
margin: 0 auto;
}
#news-p h3{
font-weight: bold;
}
#news-p time{
display: block;
text-align: end;
}
#news-p p{
line-height: 1.8;
padding-bottom: 10px;
}
/*---------------
#contact
---------------*/
#contact .tel-box{
background: #fff;
border-radius: 6px;
padding: 10px 0 15px;
}
#contact .tel-box h4{
color: #111;
text-align: center;
font-weight: 600;
}
#contact .tel-box a{
display: block;
color: #111;
text-align: center;
font-weight: 600;
}
#contact .tel-box a span{
font-weight: 600;
}
#contact .tel-box p{
color: #111;
text-align: center;
font-weight: 600;
}
#form .soy_inquiry_message{
text-align: center;
}
#form dl{
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #ddd;
max-width: 800px;
}
#form dl dt{
border-top: 1px solid #ddd;
letter-spacing: 0.05em;
font-weight: bold;
}
#form dl dt span{
display: inline-block;
text-align: center;
background: #bd2828;
color: #fff !important;
border-radius: 6px;
line-height: 1;
width: 48px;
}
#form dl dd{
box-sizing: border-box;
}
#form dl dd input[type="text"], 
#form dl dd input[type="email"], 
#form dl dd textarea{
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 6px;
flex: 1;
background: #eaedf2;
width: 100%;
padding-left: 1em;
padding-right: 1em;
height: 48px;
}
button,
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}
#form input[type="submit"] {
display: block;
letter-spacing: 0.05em;
background-color: #c30d23;
color: #ffffff;
font-weight: bold;
border-radius: 30px;
margin: 30px auto 0;
padding: 15px 0;
transition: .3s;
}
#form input[type="submit"]:hover {
background-color: #8e0818;
transition: .3s;
}

@media (max-width: 560px){
main{
padding: 0 0 40px;
}
.hero h2{
bottom: 10px;
left: 10px;
font-size: 36px;
}
section{
padding-bottom: 40px;
}
.box{
width: 90%;
}
.hero{
margin-bottom: 40px;
}
.top-h2 h2{
font-size: 36px;
padding-top: 70px;
}
.top-h2 p{
font-size: 18px;
padding: 5px 0;
margin-bottom: 20px;
}
h3.h3-l{
font-size: 18px;
padding: 7px 0 7px 10px;
margin-bottom: 20px;
}
h3.h3-border{
font-size: 22px;
padding-bottom: 5px;
margin-bottom: 10px;
}
a.btn-r{
width: 230px;
padding: 5px 0;
margin-bottom: 30px;
}
p.text{
padding-bottom: 20px;
}
.pager ul{
padding-top: 30px;
}
/*---------------
Service
---------------*/
.catch-p{
padding-bottom: 20px;
font-size: 16px;
}
.h3-box{
padding-bottom: 40px;
}
/*-----#online-----*/
#online .point{
padding: 20px 0;
}
#online p{
font-size: 1.4rem;
}
#online .h3-box .top-p{
font-size: 1.4rem;
padding-bottom: 20px;
}
#online .point li{
padding-bottom: 20px;
}
#online .point li {
margin: 0 0 10px;
}
#online .point li:before {
font-size: 18px;
}
/*
#online .point li h4{
font-size: 16px;
padding-bottom: 5px;
}
#online .point li p{
font-size: 1.4rem;
padding-left: 22px;
}
*/
#online .h3-box h4{
font-size: 18px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#online .h3-box h5{
font-size: 16px;
padding-bottom: 10px;
}
#online .contents{
padding: 30px 20px;
width: 100%;
}
#online .contents th{
display: block;
width: calc(100% - 20px) ;
font-size: 1.6rem;
padding: 10px;
}
#online .contents th span{
font-size: 1.2rem; 
}
#online .contents td{
display: block;
width: calc(100% - 20px) ;
font-size: 1.4rem;
padding: 10px;
}
#online .contents tr:last-of-type td{
border-bottom: none;
}
#online .contents td ol{
padding: 5px 0 0 10px;
}
#online .contents td li:before {
padding-right: 5px;
}
/*-----#acting-----*/
#acting article{
	padding-bottom: 50px;
	}
#acting ul li{
margin-bottom: 15px;
}
#acting ul li a{
font-size: 1.6rem;
padding: 10px 0;
}
#acting h4{
font-size: 1.8rem;
margin: 20px 0 5px;
}
#acting table{
padding: 15px;
margin-top: 20px;
width: 100%;
}
#acting table th span{
font-size: 14px;
width: 86px;
height: 20px;
padding-top: 4px;
}
#acting table th{
display: block;
padding-bottom: 5px;
}
#acting table td{
display: block;
padding-bottom: 20px;
}
#acting table tr:last-of-type td{
padding-bottom: 0;
}
/*-----#sns-----*/	
#why ul li{
padding-bottom: 30px;
}
#why ul li h4{
font-size: 18px;
padding-bottom: 5px;
}
	
#request p{
padding-bottom: 20px;
}
#request h4{
font-size: 18px;
padding: 7px 0 7px 10px;
margin-bottom: 20px;	
}
#request ul li{
font-size: 14px;
padding-bottom: 5px;	
}

#flow dl{
margin: 20px 0 30px;
}
#flow dl dt{
padding: 10px;
background-color: #eee;
}
#flow dl dd{
padding: 10px;
}
#flow dl dd:last-of-type{
border-bottom: none;
}
/*---------------
#voice
---------------*/
#voice h4{
padding-bottom: 40px;
font-size: 22px;
}
#voice ul li{
padding-bottom: 30px;
margin-bottom: 30px;
}
#voice ul li img{
display: block;
width: 60%;
margin: 0 auto 20px;
}
#voice ul li div h5{
text-align: center;
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 10px;
}
#voice ul li div h5 span{
padding: 3px 10px;
margin-left: 10px;
}
#voice ul li div p{
font-size: 14px;
font-size: 1.4rem;
}
/*---------------
#about
---------------*/
#about p{
font-size: 1.4rem;
}
#about .company{
width: 100%;
margin: 20px auto 30px;
}
#about .company th{
font-size: 1.4rem;
width: 30%;
padding: 10px;
}
#about .company td{
font-size: 1.4rem;
width: 70%;
padding: 10px;
}
#about .profile{
width: 100%;
max-width: 960px;
padding-bottom: 60px;
}
#about .profile img{
display: block;
width: 60%;
margin: 0 auto 10px;
}
#about .profile div h2{
text-align: center;
font-size: 2.6rem;
padding-bottom: 5px;
}
#about .profile div h2 span{
font-size: 1.4rem;
}
#about ul.example{
padding-bottom: 20px;
}
#about ul.example li{
font-size: 1.4rem;
padding-bottom: 5px;
}
#about ul.slider li{
margin: 0 5px;
}
/*---------------
#blog
---------------*/
#blog ul li{
width: 48%;
padding-bottom: 20px;
}
#blog ul li:nth-last-child(-n+2){
padding-bottom: 0;
}
#blog ul li img{
padding-bottom: 5px;
}
#blog ul li time{
font-size: 1.2rem;
}
#blog ul li h3{
font-size: 1.4rem;
}
/*---------------
#blog-p
---------------*/
#blog-p h3{
font-size: 22px;
padding-bottom: 5px;
}
#blog-p time{
font-size: 1.2rem;
padding-bottom: 10px;
}
#blog-p .text-box img{
padding-bottom: 15px;
}
#blog-p .text-box p{
font-size: 1.4rem;
}
/*---------------
#news
---------------*/
#news ul{
margin-top: 40px;
}
#news ul li{
padding: 20px;
margin-bottom: 30px;
}
#news ul li h3{
font-size: 20px;
padding-bottom: 5px;
}
#news ul li time{
font-size: 1.2rem;
padding-bottom: 10px;
}
#news ul li img{
padding-bottom: 15px;
}
#news ul li p{
font-size: 1.4rem;
padding-bottom: 10px;
}
#news ul li a{
font-size: 1.2rem;
}
#news ul li a:after{
padding-left: 10px;
}
/*---------------
#news-p
---------------*/
#news-p h3{
font-size: 20px;
padding-bottom: 5px;
}
#news-p time{
font-size: 1.2rem;
padding-bottom: 10px;
}
#news-p img{
padding-bottom: 15px;
}
#news-p p{
font-size: 1.4rem;
}
/*---------------
#contact
---------------*/
#contact .tel-box{
margin: 0 auto 30px;
}
#contact .tel-box h4{
font-size: 1.8rem;
}
#contact .tel-box a{
font-size: 1.4rem;
}
#contact .tel-box a span{
font-size: 1.8rem;
}
#contact .tel-box p{
font-size: 1.2rem;
}
#form .soy_inquiry_message{
font-size: 1.4rem;
padding-bottom: 10px;
}
#form dl dt{
font-size: 1.4rem;
padding: 10px 0;
}
#form dl dt span{
padding: 7px 0;
font-size: 1.2rem;
margin-left: 10px
}
#form dl dd{
padding: 0 0 15px 0;
font-size: 1.4rem;
}
#form dl dd input[type="text"], 
#form dl dd input[type="email"], 
#form dl dd textarea{
font-size: 1.4rem;
}
#form input[type="submit"]{
width: 200px;
font-size: 1.4rem;
}
}

@media (min-width: 561px){
.nobr{
display: none;
}
.box{
width: 90%;
}
.hero{
margin-bottom: 50px;
}
a.btn-r{
width: 230px;
transition: .6s;
padding: 10px 0;
margin-bottom: 50px;
}
a.btn-r:hover{
color: #c30d23;;
background-color: #fff;
transition: .6s;
}
p.text{
width: 600px;
padding-bottom: 30px;
}
/*---------------
Service
---------------*/
.catch-p{
padding-bottom: 40px;
}
.h3-box{
padding-bottom: 60px;
}
/*-----#online-----*/
#online .h3-box .top-p{
padding-bottom: 20px;
}
#online .point{
padding: 30px 0;
}
#online .point li {
width: 48%;
padding-bottom: 30px;
}
#online .point li {
font-size: 20px;
margin: 0 0 10px;
}
#online .point li:before {
font-size: 20px;
}
#online .point li h4{
font-size: 20px;
margin-bottom: 10px;
}
#online .point li p{
font-size: 16px;
}
#online .h3-box h4{
font-size: 20px;
padding-bottom: 10px;
}
#online .h3-box h5{
font-size: 20px;
padding-bottom: 10px;
}
#online .contents{
padding: 30px 20px;
}
#online .contents th{
width: 20%;
padding: 10px;
font-size: 1.8rem;
}
#online .contents th span{
display: block;
font-size: 1.2rem; 
}
#online .contents td{
width: 80%;
padding: 10px;
}
#online .contents td ol{
padding: 5px 0 0 15px;
}
#online .contents td li:before {
padding-right: 5px;
}
/*-----#acting-----*/
#acting ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#acting ul:after{
content: "";
display: block;
width: calc(31% + 4px) ;
}
#acting ul li{
width: 31%;
margin-bottom: 20px;
}
#acting ul li a{
padding: 10px 0;
}		
#acting h4{
font-size: 2rem;
margin: 30px 0 5px;
}
#acting p{
padding-left: 1em;
}	
#acting table{
padding: 30px 20px;
margin: 20px auto 0;
}
#acting table th span{
font-size: 14px;
width: 86px;
height: 20px;
padding-top: 4px;
}
#acting table th{
padding-bottom: 10px;
}
#acting table td{
padding-left: 20px;
padding-bottom: 10px;
}
/*-----#sns-----*/
#flow dl{
display: flex;
flex-wrap: wrap;
}
#flow dl dt{
width: calc(30% - 21px) ;
border-right: solid 1px #999;
padding: 10px;
}
#flow dl dd{
width: calc(70% - 20px) ;
padding: 10px;
}
#flow dl dt:last-of-type,
#flow dl dd:last-of-type{
border-bottom: none;
}
/*---------------
#voice
---------------*/
#voice h4{
padding-bottom: 40px;
}
#voice ul{
width: 90%;
}
#voice ul li{
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 40px;
margin-bottom: 40px;
}
#voice ul li div h5{
font-size: 20px;
font-size: 2.0rem;
}
#voice ul li div h5 span{
padding: 3px 10px;
margin-left: 10px;
}
/*---------------
#about
---------------*/
#about .company{
margin: 0 auto 50px;
}
#about .company th{
width: 30%;
padding: 10px;
}
#about .company td{
width: 70%;
padding: 10px;
}
#about .profile{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 960px;
padding-bottom: 60px;
}
#about .profile img{
width: 30%;
}
#about .profile div{
width: 65%;
}
#about .profile div h2{
font-size: 3.2rem;
padding-bottom: 15px;
}
#about .profile div h2 span{
font-size: 1.6rem;
}
#about ul.example{
padding-bottom: 30px;
}
#about ul.example li{
padding-bottom: 10px;
}
#about ul.slider li{
margin: 0 10px;
}
/*---------------
#blog
---------------*/
#blog ul li{
width: 30%;
}
#blog ul li:nth-last-child(-n+3){
padding-bottom: 0;
}
#blog ul li:after {
content: "";
display: block;
width: 0;
border-bottom: 8px solid #BFBFBF;
transition: .3s;
}
#blog ul li:hover:after{
width: 100%;
transition: .3s;
}
#blog ul li img{
padding-bottom: 5px;
}
#blog ul li h3{
padding-bottom: 10px;
}
/*---------------
#blog-p
---------------*/
#blog-p h3{
font-size: 26px;
}
#blog-p time{
padding-bottom: 20px;
}
#blog-p .text-box img{
width: 40%;
float: left;
padding: 0 20px 20px 0;
}
/*---------------
#news
---------------*/
#news ul li{
width: 80%;
max-width: 800px;
padding: 30px;
margin-bottom: 50px;
}
#news ul li h3{
font-size: 22px;
}
#news ul li time{
padding-bottom: 15px;
}
#news ul li img{
padding-bottom: 20px;
}
#news ul li p{
padding-bottom: 20px;
}
#news ul li a:after{
padding-left: 10px;
}
/*---------------
#news-p
---------------*/
#news-p .box div{
width: 80%;
max-width: 800px;
}
#news-p h3{
font-size: 22px;
}
#news-p time{
padding-bottom: 15px;
}
#news-p img{
padding-bottom: 20px;
}
#news-p p{
padding-bottom: 20px;
}
/*---------------
#contact
---------------*/
#contact .tel-box{
width: 500px;
margin: 0 auto 50px;
}
#contact .tel-box h4{
font-size: 24px;
font-size: 2.4rem;
}
#contact .tel-box a{
font-size: 18px;
font-size: 1.8rem;
}
#contact .tel-box a span{
font-size: 28px;
font-size: 2.8rem;
}
#contact .tel-box p{
font-size: 14px;
font-size: 1.4rem;
}
#form .soy_inquiry_message{
padding-bottom: 20px;
}
#form dl{
display: flex;
flex-wrap: wrap;
}
#form dl dt{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-size: 1.8rem;
width: 30%;
}
#form dl dt span{
padding: 5px 0;
font-size: 14px;
font-size: 1.4rem;
}
#form dl dd{
padding: 0 0 15px 20px;
width: 70%;
border-top: 1px solid #ddd;
}
#form dl dd input[type="text"], 
#form dl dd input[type="email"], 
#form dl dd textarea{
font-size: 18px;
font-size: 1.8rem;
margin-top: 15px;
}
#form dl dd textarea{
height: 216px;
}
#form input[type="submit"] {
width: 280px;
font-size: 18px;
font-size: 1.8rem;
}
}

@media screen and (min-width:561px) and ( max-width:799px) {
main{
padding: 86px 0 80px;
}
.hero h2{
bottom: 20px;
left: 30px;
font-size: 50px;
}
section{
padding-bottom: 50px;
}
.top-h2 h2{
font-size: 50px;
}
.top-h2 p{
font-size: 20px;
padding: 10px 0;
margin-bottom: 40px;
}
h3.h3-l{
font-size: 22px;
padding: 7px 0 7px 10px;
margin-bottom: 20px;
}
h3.h3-border{
font-size: 30px;
padding-bottom: 5px;
margin-bottom: 30px;
}
.pager ul{
padding-top: 30px;
}
/*---------------
Service
---------------*/
.catch-p{
font-size: 18px;
}
/*-----#online-----*/
#online .contents{
width: 90%;
}
/*-----#acting-----*/
#acting article{
padding-bottom: 50px;
}
#acting ul li a{
font-size: 1.6rem;
transition: .3s;
}
#acting table{
width: 80%;
}
/*-----#sns-----*/
#why ul li{
padding-bottom: 30px;
}
#why ul li h4{
font-size: 20px;
padding-bottom: 5px;
}
	
#request p{
padding-bottom: 30px;
}
#request h4{
font-size: 22px;
padding: 7px 0 7px 10px;
margin-bottom: 20px;	
}
#request ul li{
padding-bottom: 10px;	
}

#flow dl{
width: 90%;
}
/*---------------
#voice
---------------*/
#voice h4{
font-size: 22px;
}
#voice ul li img{
width: 25%;
}
#voice ul li div{
width: 72%;
}
#voice ul li div h5{
padding-bottom: 10px;
}
/*---------------
#about
---------------*/
#about .company{
width: 90%;
}
/*---------------
#blog
---------------*/
#blog ul li{
padding-bottom: 20px;
}
}

@media (min-width: 800px){
main{
padding: 93px 0 80px;
}
.box{
max-width: 1040px;
}
.hero h2{
bottom: 10px;
left: 30px;
font-size: 64px;
}
section{
padding-bottom: 60px;
}
.top-h2 h2{
font-size: 56px;
}
.top-h2 p{
font-size: 26px;
padding: 15px 0;
margin-bottom: 60px;
}
h3.h3-l{
font-size: 24px;
padding: 7px 0 7px 10px;
margin-bottom: 20px;
}
h3.h3-border{
font-size: 34px;
padding-bottom: 5px;
margin-bottom: 50px;
}
.pager ul{
padding-top: 50px;
}
/*---------------
Service
---------------*/
.catch-p{
font-size: 20px;
}
/*-----#online-----*/
#online .contents{
width: 80%;
}
/*-----#acting-----*/
#acting article{
padding-bottom: 80px;
}
#acting ul{
padding-bottom: 10px;
}
#acting ul li a{
font-size: 1.8rem;
transition: .3s;
}
#acting ul li a:hover{
color: #0080a4;
background: #ffffff;
transition: .3s;
}
#acting table{
width: 70%;
margin-top: 50px;
}
/*-----#sns-----*/
#why ul li{
padding-bottom: 30px;
}
#why ul li h4{
font-size: 20px;
padding-bottom: 5px;
}
	
#request p{
padding-bottom: 30px;
}
#request h4{
font-size: 24px;
padding: 7px 0 7px 10px;
margin-bottom: 20px;
}
#request ul li{
padding-bottom: 10px;	
}

#flow dl{
width: 70%;
}
/*---------------
#voice
---------------*/
#voice h4{
font-size: 26px;
}
#voice ul li img{
width: 20%;
}
#voice ul li div{
width: 75%;
}
#voice ul li div h5{
padding-bottom: 20px;
}
/*---------------
#about
---------------*/
#about .company{
width: 70%;
}
/*---------------
#blog
---------------*/
#blog ul li{
padding-bottom: 40px;
}
}

@media screen and (min-width:800px) and ( max-width:1280px) {

}

@media (min-width: 1281px){

}