@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#170c07;
background-color:#fff;
font-family: "Noto Sans Japanese";
}


/*---------- リンク設定 ----------*/

a:link {color:#1a73e8;text-decoration:underline;}
a:visited {color:#1a73e8;text-decoration:underline;}
a:hover {color:#1a73e8;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{filter:brightness(1.2);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {font-size:100%;line-height:180%;}
@media screen and (min-width:769px){
p {font-size:18px;letter-spacing:1px;}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

.header{
max-width:100%;
width:100%;
margin:0;
padding:10px 0;
position:fixed;
z-index:10;
box-sizing:border-box;
transition:background-color .5s, color .5s;
}
.header_inner {
margin:0 5px 0 15px;
padding:0;
display:flex;
align-items:center;
justify-content:space-between;
}
.header.change-color {background:rgba(0,0,0,0.5);}
.logo{
margin:0;
padding:0;
display:flex;
align-items:center;
}
.logo a:link {color:#fff;text-decoration:none;}
.logo a:visited {color:#fff;text-decoration:none;}
.logo a:hover {color:#fff;text-decoration:none;}
.logo_item{
width:130px;
margin:0;
padding:0;
}
.logo_item img{width:100%;}
.logo h1{
margin:0;
padding:0 0 0 14px;
font-size:75%;
line-height:150%;
color:#fff;
flex:1;
}
.nav{
margin:-40px 0 0 0;
padding:0;
position:relative;
}
@media screen and (min-width:769px){
.header{
max-width:100%;
width:100%;
margin:0;
padding:10px 0 14px 0;
position:fixed;
z-index:10;
box-sizing:border-box;
transition:background-color .5s, color .5s;
}
.header_inner {
max-width:1180px;
width:94%;
margin:0 auto;
padding:0;
display:flex;
align-items:center;
justify-content:space-between;
}
.header.change-color {
background:rgba(0,0,0,0.5);
}
.logo{
width:38%;
margin:0;
padding:0;
display:flex;
align-items:center;
}
.logo_item{
width:200px;
margin:0;
padding:0;
}
.logo_item img{width:100%;}
.logo h1{
margin:0;
padding:0 0 0 20px;
font-size:14px;
line-height:150%;
color:#fff;
flex:1;
}
.nav{
width:62%;
margin:0;
padding:0;
position:relative;
}
}

@media screen and (min-width:769px){
.menu-lists ul{
margin:0;
padding:4px 0 0 0;
list-style:none;
display:flex;
justify-content:flex-end;
gap:10px;
}
.menu-lists ul li{
margin:0;
padding:0;
font-size:15px;
font-weight:bold;
line-height:100%;
}
.menu-lists ul li a{
display:block;
padding:10px 15px;
border-radius:50px;
background-color:#111;
border:solid 2px #fff;
text-align:center;
white-space:nowrap;
min-width:120px;
box-sizing:border-box; 
}
.menu-lists ul li:last-child a{background-color:#ff4d00;}
.menu-lists a:link {color:#fff;text-decoration:none;}
.menu-lists a:visited {color:#fff;text-decoration:none;}
.menu-lists a:hover {color:#fff;text-decoration:none;}
}
@media (max-width:768px){
.btn{
width:100%;
margin:0;
padding:0;
display:block;      
width:39px;      
height:39px;      
position: absolute;
top:0;
right:0;
z-index:999;
}
.bar{      
width:20px;      
height:2px; 
margin:0;
padding:0;
display:block;      
position:absolute;      
left:50%;      
transform:translateX(-50%);      
background-color:#fff;    
}
.btn.close .bar {
background-color:#fff; /* 閉じる時の色を指定 */
}
.bar-top{margin:0;padding:0;top:10px;}
.bar-middle{
margin:0;
padding:0;
top:50%;
transform:translate(-50%,-50%);
}
.bar-bottom{margin:0;padding:0;bottom:10px;}
.btn.close .bar-top{      
transform:translate(-50%,9px) rotate(45deg);      
transition:transform .3s;    
}  
.btn.close .bar-middle{      
opacity:0;       
transition:opacity .3s;    
}    
.btn.close .bar-bottom{      
transform:translate(-50%,-8px) rotate(-45deg);      
transition:transform .3s;
}
.menu-lists{
display:none;
background-color:rgba(0,0,0,0.8);
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
padding-top:50px;
text-align:center;
}
.menu-lists ul{
margin:0;
padding:10px 0 0 0;
display:block;
list-style:none;
}
.menu-lists ul li{
margin:0 50px 20px 40px;
padding:0;
font-size:120%;
font-weight:bold;
line-height:100%;
}
.menu-lists ul li a{
display:block;
padding:20px 0;
border-radius:50px;
background-color:#111;
border:solid 2px #fff;
}
.menu-lists ul li:last-child a{background-color:#ff4d00;}
.menu-lists a:link {color:#fff;text-decoration:none;}
.menu-lists a:visited {color:#fff;text-decoration:none;}
.menu-lists a:hover {color:#fff;text-decoration:none;}
}



#mv{
margin:0;padding:0;color:#fff;
background-image:url("img/mv_bgsp.jpg") ;
background-position:top center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.copy_bg{
margin:0;
padding:0;
position:relative;
z-index:0;
overflow:hidden;
}
.copy_bg::before {
content: '';
display:block;
position:absolute;
top:0;
right:0;
bottom:50%;
left:0;
background-color:#ff5500;
opacity:0.8;
transform-origin:top right;
transform:skewY(68deg);
z-index:-1;
}
.copy_box{
margin:0 auto;
padding:0;
}
.copy{
margin:0;
padding:75px 0 15px 24px;
}
.copy_pict{
margin:0 30px;
padding:0;
display:flex;
align-items:flex-end;
}
.copy_pict img{width:100%;height:auto;}
.copy h1{
margin:0;
padding:0 0 10px 0;
font-size:220%;
line-height:130%;
}
.subcopy{
margin:0;
padding:20px 0 0 0;
font-size:110%;
font-weight:bold;
line-height:100%;
}
.subcopy span{
padding:1px 10px 2px 10px;
color:#170c07;
background:#fff;
}
.subcopy b{color:#ff4d00;}
.area_title{
margin:0;
padding:45px 0 16px 0;
font-size:95%;
font-weight:bold;
line-height:100%;
color:#fff;
}
.area_title span{padding:1px 10px 2px 10px;background:#ff4d00;}
.area_list{
margin:0;
padding:0;
font-size:110%;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width:769px){
#mv{background-image:url("img/mv_bg.jpg") ;background-size:cover;}
.copy_bg{
margin:0;
padding:0;
position:relative;
z-index:0;
overflow:hidden;
}
.copy_bg::before {
content: '';
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#ff5500;
opacity:0.8;
transform-origin:top right;
transform:skewY(40deg);
z-index:-1;
}
.copy_box{
max-width:1080px;
width:94%;
margin:0 auto;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
}
.copy{
width:49%;
margin:0;
padding:110px 0 70px 0;
}
.copy_pict{
width:50%;
margin:0;
padding:0;
display:flex;
align-items:flex-end;
}
.copy_pict img{width:100%;height:auto;}
.copy h1{
margin:0;
padding:0 0 10px 0;
font-size:clamp(36px, 5vw, 50px);
line-height:130%;
}
.subcopy{
margin:0;
padding:25px 0 0 0;
font-size:20px;
font-weight:bold;
line-height:100%;
}
.subcopy span{
padding:1px 10px 2px 10px;
color:#170c07;
background:#fff;
}
.subcopy b{color:#ff4d00;}
.area_title{
margin:0;
padding:50px 0 16px 0;
font-size:16px;
font-weight:bold;
line-height:100%;
color:#fff;
}
.area_title span{padding:1px 10px 2px 10px;background:#ff4d00;}
.area_list{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:150%;
}
}

.slidein {animation: slideIn 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
@keyframes slideIn {
0% {transform:translateX(180px);opacity:0;}
100% {transform: translateX(0);}
40%,100% {opacity:1;}
}


.point_bg{
margin:0;
padding:45px 20px 5px 20px;
background:#f3f3f3;
}
.point_head{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff4d00;
}
.point_top{
margin:0;
padding:5px 0 0 0;
font-size:210%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.point_box{
margin:0 auto;
padding:40px 0 0 0;
}
.point{
margin:0 0 45px 0;
padding:1px 30px 20px 30px;
border-radius:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
}
.point_number{
margin:-20px 0 10px 0;
padding:0;
text-align:center;
}
.point_number img{width:40px;}
.point_title{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.point_icon{
margin:10px auto 15px auto;
padding:0;
text-align:center;
}
.point_icon img{width:40%;border-radius:50%;}
.point_txt{
margin:0;
padding:0;
font-size:100%;
line-height:170%;
text-align:justify;
}
@media screen and (min-width:769px){
.point_bg{padding:60px 0 75px 0;}
.point_head{font-size:20px;}
.point_top{padding:0;font-size:48px;}
.point_box{
max-width:1180px;
width:94%;
padding:50px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.point{width:31%;margin:0;padding:0 30px 30px 30px;}
.point_title{font-size:28px;}
.point_icon{margin:15px auto 20px auto;}
.point_txt{font-size:16px;}
}


.service_head{
margin:0;
padding:60px 0 20px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#ff4d00;
}
.service_head span{
padding:2px 10px;
border:1px solid #ff4d00;
}
.service_title{
margin:0;
padding:0;
font-size:210%;
font-weight:bold;
line-height:130%;
text-align:center;
}
.service_memo{
margin:15px 20px 30px 20px;
padding:0;
font-size:100%;
line-height:180%;
}
@media screen and (min-width:769px){
.service_head{padding:90px 0 20px 0;font-size:20px;}
.service_title{font-size:48px;line-height:140%;}
.service_memo{margin:15px 0 45px 0;font-size:16px;text-align:center;}
}

.service_box{
max-width:1480px;
width:90%;
margin:0 auto;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.service_item{
width:30%;
margin:0 1.5% 45px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 2px #1e2631;
}
@media screen and (max-width: 1024px) {
.service_box {justify-content:space-around;}
.service_item {width:47%;margin: 0 1.5% 45px;}
.service_item:last-child {width:100%;max-width:400px;margin:0 auto 45px;}
}
@media screen and (max-width: 768px) {
.service_item {width:100%;margin: 0 0 45px;}
.service_item:last-child {max-width:100%;}
}
@media screen and (min-width:1025px) {
.service_box {justify-content:center;}
.service_item:nth-child(4),
.service_item:nth-child(5) {width:30%;margin: 0 1.5% 45px;}
}

.service_pict{margin:0;padding:0;}
.service_pict img{width:100%;}
.service_name{
margin:0 ;
padding:15px 0;
font-size:160%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#ff4d00;
}
.service_txt{
margin:0;
padding:10px 20px;
font-size:100%;
line-height:170%;
}
@media screen and (min-width:769px){
.service_name{font-size:28px;}
.service_txt{font-size:16px;}
}

.more{
margin:0 45px;
padding:0 0 60px 0;
text-align:center;
}
.more a:link {color:#111;text-decoration:none;}
.more a:visited {color:#111;text-decoration:none;}
.more a:hover {color:#fff;text-decoration:none;}
.enter {
width:100%;
margin:0 auto;
padding:25px 0;
font-size:110%;
font-weight:bold;
display:inline-block;
border-radius:60px;
position:relative;
border:solid 2px #ff4d00;
}
.enter:after {
font-size:100%;
position:absolute;
content:"\f054";
font-family:'Font Awesome 5 Free';
font-weight:900;
top:50%;
right:20px;
left:auto;
bottom:auto;
color:#ff4d00;
transform:translateY(-50%);
}
.enter:hover {background:#ff4d00;filter:brightness(1.1);transition:0.3s ease-in-out;}
.enter:hover:after {color:#fff;}
@media screen and (min-width:769px){
.more{width:480px;margin:0 auto;padding:30px 0 75px 0;}
.enter {font-size:20px;}
.enter:after {font-size:18px;right:20px;}
}


.tech_bg{
margin:0;
padding:60px 30px;
background:linear-gradient(to left, #ef9200, #ff4d00);
}
.tech_box{margin:0 auto;padding:0;}
.tech_detail{
margin:0;
padding:0;
color:#fff;
}
.tech_head{
margin:0;
padding:3px 0 24px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.tech_head span{
padding:2px 15px;
color:#ff4d00;
background:#fff;
}
.tech_title{
margin:0;
padding:0 0 10px 0;
font-size:210%;
font-weight:900;
line-height:100%;
text-align:center;
}
.tech_item{margin:0;padding:0;}
.tech_item img{width:100%;margin-top:15px;}
@media screen and (min-width:769px){
.tech_bg{padding:60px 0 45px 0;}
.tech_box{
max-width:1180px;
width:94%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.tech_detail{width:40%;}
.tech_head{padding:3px 0 20px 0;font-size:20px;text-align:left;}
.tech_title{padding:0 0 3px 0;font-size:48px;text-align:left;}
.tech_item{width:58%;}
.tech_item img{width:50%;margin-top:0;}
}


.perth_bg{
margin:0;
padding:45px 20px 15px 20px;
background:#111;
}
.perth_head{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff4d00;
}
.perth_top{
margin:0;
padding:10px 0 25px 0;
font-size:210%;
font-weight:900;
line-height:130%;
text-align:center;
color:#fff;
}
.perth_box{
margin:0 auto;
padding:0;
}
.perth_mv{margin:0;padding:0;}
.perth_detail{
margin:0;
padding:0;
color:#fff;
}
.perth_detail h3{
margin:0;
padding:25px 0 5px 0;
font-size:160%;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.perth_bg{padding:90px 0;}
.perth_head{font-size:20px;}
.perth_top{padding:5px 0 60px 0;font-size:48px;}
.perth_box{
max-width:1180px;
width:94%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.perth_mv{width:48%;}
.perth_detail{width:48%;}
.perth_detail p{font-size:16px;}
.perth_detail h3{padding:5px 0;font-size:24px;text-align:left;}
}

.effect_top{
margin:0;
padding:20px 0 0 0;
font-size:200%;
font-weight:900;
line-height:140%;
text-align:center;
color:#fff;
}
.effect_box{
margin:0 auto;
padding:40px 0 0 0;
}
.effect{
margin:0 0 45px 0;
padding:1px 20px 25px 20px;
border-radius:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
}
.effect_number{
margin:-20px 0 10px 0;
padding:0;
text-align:center;
}
.effect_number img{width:40px;}
.effect_title{
margin:0;
padding:0;
font-size:28px;
font-weight:bold;
line-height:140%;
text-align:center;
}
.effect_pict{
margin:15px 0;
padding:0;
position:relative;
overflow:hidden; 
}
.effect_pict img{width:100%;border-radius:8px;}
.thumbbox{
width:100%;
height:30%;
margin:0;
padding:0;
bottom:0;
position:absolute;
background:linear-gradient(to bottom, rgba(50,50,50,0), #171516);
border-radius:0 0 8px 8px;
display:flex;
align-items:flex-end;
}
.thumbtext{
width:100%;
margin:0;
padding:0 10px 5px 10px;
color:#fff;
font-size:90%;
line-height:140%;
text-align:right;
}
.effect_txt{
margin:0;
padding:0;
font-size:100%;
line-height:170%;
text-align:justify;
}
@media screen and (min-width:769px){
.effect_top{padding:60px 0 0 0;font-size:36px;}
.effect_box{
max-width:1080px;
width:94%;
padding:50px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.effect{width:31%;margin:0;padding:0 20px 20px 20px;}
.effect_title{font-size:28px;}
.effect_txt{font-size:16px;}
}

.video{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}


.guide_bg{
margin:0;
padding:30px 30px 0 30px;
background:linear-gradient(-60deg,#ff4d00,#ef9200);
}
.guide_box{
margin:0 auto;
padding:0;
}
.guide_photo{margin:0;padding:20px 0 45px 0;text-align:center;}
.guide_photo img{width:70%;}
.guide_info{margin:0;padding:0;color:#fff;text-align:center;}
.guide_copy{
margin:0;
padding:15px 0 0 0;
font-size:180%;
font-weight:900;
line-height:150%;
}
.guide_tel{
margin:15px 0 0 0;
padding:15px 0 10px 0;
font-size:200%;
font-weight:900;
line-height:120%;
border-top:solid 1px #fff;
font-family:Arial, Helvetica, "sans-serif";
}
.guide_tel span{font-size:60%;}
.guide_tel a:link {color:#fff;text-decoration:none;}
.guide_tel a:visited {color:#fff;text-decoration:none;}
.guide_tel a:hover {color:#fff;text-decoration:none;}
.guide_mail{
margin:0 0 30px 0;
padding:0 0 15px 0;
font-size:110%;
font-weight:bold;
line-height:120%;
letter-spacing:1px;
border-bottom:solid 1px #fff;
font-family:Arial, Helvetica, "sans-serif";
}
.guide_mail a:link {color:#fff;text-decoration:none;}
.guide_mail a:visited {color:#fff;text-decoration:none;}
.guide_mail a:hover {color:#fff;text-decoration:none;}
.guide_title{
margin:0;
padding:0 0 18px 0;
font-size:90%;
line-height:100%;
}
.guide_title span{padding:1px 10px 2px 10px;border:solid 1px #fff;}
.guide_list{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width:769px){
.guide_bg{padding:45px 0 0 0;background:linear-gradient(to right, #ef9200, #ff4d00);}
.guide_box{
width:780px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.guide_photo{width:162px;padding:0;order:1;}
.guide_photo img{width:100%;}
.guide_info{width:580px;order:2;text-align:left;}
.guide_copy{padding:5px 0 0 0;font-size:32px;font-weight:bold;}
.guide_tel{padding:10px 0 0 0;font-size:24px;font-weight:normal;line-height:150%;font-family: "Arial Black", Gadget, "sans-serif";}
.guide_tel span{font-size:18px;}
.guide_mail{padding:0 0 12px 0;font-size:18px;line-height:150%;font-family:Arial, Helvetica, "sans-serif";}
.guide_mail span{font-size:18px;}
.guide_title{padding:0 0 12px 0;font-size:16px;}
.guide_list{font-size:18px;}
}



/*------------------------------ 下層ページ ------------------------------*/

#page_title{
margin:0;
padding:90px 0;
background-image:url("img/bg.gif") ;
}
#page_title h1{
margin:0;
padding:0;
font-size:200%;
line-height:100%;
text-align:center;
color:#fff;
}
#container{
margin:0 auto;
padding:45px 20px 60px 20px;
}
.page_subhead{
margin:60px 0;
padding:0;
font-size:180%;
line-height:140%;
text-align:center;
position:relative;
}
.page_subhead::before {
content: "";
width:40px;
height:5px;
bottom:-24px;
left:50%;
transform:translateX(-50%);
background-color:#ff4d00;
position:absolute;
}
@media screen and (min-width:769px){
#page_title{padding:120px 0;}
#page_title h1{font-size:48px;}
#container{max-width:1040px;width:94%;padding:60px 0 90px 0;}
.page_subhead{margin:75px 0 60px 0;font-size:36px;}
}


.page_subtitle{
margin:0 0 60px 0;
padding:0;
font-size:180%;
line-height:140%;
text-align:center;
position:relative;
}
.page_subtitle::before {
content: "";
width:40px;
height:5px;
bottom:-24px;
left:50%;
transform:translateX(-50%);
background-color:#ff4d00;
position:absolute;
}
.info_memo{margin:0 auto;padding:0;}
.info_box{
margin:30px 0 0 0;
padding:0;
}
.info_pict{margin:0;padding:0;}
.info_pict img{width:100%;}
.info_txt{margin:0;padding:0;}
.info_txt h2{
margin:0;
padding:25px 0 5px 0;
font-size:160%;
line-height:150%;
color:#ff4d00;
}
.info_caption{
margin:-5px 0 0 0;
padding:0;
font-size:80%;
line-height:180%;
color:#666;
}
@media screen and (min-width:769px){
.page_subtitle{margin:0 0 60px 0;font-size:36px;}
.info_memo{width:768px;margin:0 auto;}
.info_box{
margin:45px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.info_pict{width:48%;}
.info_pict img{width:100%;}
.info_txt{width:48%;}
.info_txt h2{padding:20px 0 5px 0;font-size:28px;}
.info_caption{margin:-5px 0 0 0;font-size:14px;}
}


.biz_box{margin:0;padding:0;}
.biz{
margin:0 0 45px 0;
padding:0;
}
.biz_pict{margin:0;padding:0;}
.biz_pict img{width:100%;}
.biz h3{
margin:20px 0 10px 0;
padding:0;
font-size:160%;
line-height:140%;
text-align:center;
}
.biz_txt{
margin:0;
padding:0;
font-size:100%;
line-height:170%;
text-align:justify;
}
@media screen and (min-width:769px){
.biz_box{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:45px;}
.biz{width:31%;margin:0;}
.biz h3{margin:20px 0 15px 0;font-size:24px;}
.biz_txt{font-size:16px;}
}


.info_company{margin:0;padding:0;}
.info_company table{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
.info_company table th{
padding:20px 0 5px 0;
font-size:100%;
line-height:180%;
text-align:left;
border-bottom:solid 1px #ff4d00;
display:block;
}
.info_company table td{
padding:10px 0 0 0;
font-size:100%;
line-height:180%;
display:block;
}
.notel_link {pointer-events: none;}
.notel_link a[href^="tel:"] {
pointer-events:none;
color:inherit;
text-decoration:none;
cursor:default;
}
@media screen and (min-width:769px){
.info_company{width:600px;margin:0 auto;}
.info_company table th{
width:180px;
padding:20px 0;
font-size:16px;
letter-spacing:1px;
display:table-cell;
}
.info_company table td{
padding:20px;
font-size:16px;
letter-spacing:1px;
border-bottom:solid 1px #222;
display:table-cell;
}
}


.site_box{
margin:30px 0 0 0;
padding:0;
}
.site_space{}
.site_pict{margin:0;padding:0;}
.site_pict img{width:100%;}
.site_txt{margin:0;padding:0;}
.site_txt h2{
margin:0;
padding:25px 0 5px 0;
font-size:160%;
line-height:150%;
color:#ff4d00;
}
.flow{margin:0;padding:0;}
.flow img{width:100%;}
@media screen and (min-width:769px){
.site_box{
margin:45px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.site_space{padding:20px 0 0 0;}
.site_pict{width:48%;}
.site_pict img{width:100%;}
.site_txt{width:48%;}
.site_txt h2{padding:0 0 5px 0;font-size:28px;}
.flow{width:680px;margin:0 auto;}
}


.recruit_box{
margin:0 20px;
padding:60px 0 75px 0;
}
.recruit_full{
margin:0 0 45px 0;
padding:0;
border-radius:8px;
border:solid 2px #222;
}
.recruit_part{
margin:0;
padding:0;
border-radius:8px;
border:solid 2px #222;
}
.recruit_head{
margin:0;
padding:20px 0;
font-size:160%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#ff4d00;
border-radius:6px 6px 0 0;
}
.recruit{
margin:0;
padding:10px 20px 30px 20px;
}
.recruit h3{
margin:30px 0 0 0;
padding:0 0 0 26px;
font-size:120%;
font-weight:bold;
line-height:150%;
position:relative;
}
.recruit h3:before {
font-size:100%;
position:absolute;
content:"◎";
top:50%;
left:0;
bottom:auto;
color:#ff4d00;
transform:translateY(-50%);
}
.recruit table{
width:100%;
border-collapse:separate;
margin:20px 0 0 0;
}
.recruit table th{
padding:15px;
font-size:100%;
line-height:160%;
text-align:left;
background:#f5f5f5;
border-bottom:solid 1px #ddd;
display:block;
}
.recruit table td{
padding:15px 0 15px 15px;
font-size:100%;
line-height:160%;
display:block;
}
.recruit_tel{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:160%;
font-family: Arial, Helvetica, "sans-serif";
}
.recruit_tel span{font-size:80%;}
.recruit_tel a:link {color:#170c07;text-decoration:none;}
.recruit_tel a:visited {color:#170c07;text-decoration:none;}
.recruit_tel a:hover {color:#170c07;text-decoration:none;}
@media screen and (min-width:769px){
.recruit_box{
max-width:1180px;
width:94%;
margin:0 auto;
padding:75px 0 90px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.recruit_full{width:48%;margin:0;}
.recruit_part{width:48%;}
.recruit_head{font-size:28px;}
.recruit{padding:15px 45px 30px 45px;}
.recruit h3{font-size:21px;}
.recruit table th{
width:140px;
font-size:16px;
display:table-cell;
}
.recruit table td{
font-size:16px;
border-bottom:solid 1px #ddd;
display:table-cell;
}
.recruit_tel{font-size:24px;}
}


.contents{
margin:45px 30px 60px 30px;
padding:0;
}
.contents ul{
margin:0;
padding:0;
list-style:none;
}
.contents ul li{
margin:0;
padding:0 0 10px 0;
font-size:90%;
line-height:150%;
}
.contents_sub ul li ul{margin:10px 0 0 20px;}
@media screen and (min-width:769px){
.contents{width:520px;margin:75px auto 120px auto;}
.contents ul li{font-size:16px;letter-spacing:1px;}
.contents ul li ul{margin:10px 0 0 20px;}
}

/*------------------------------ フッター ------------------------------*/

#footer{
margin:0;
padding:0 0 30px 0;
color:#fff;
background:#111;
}
.footer_box{margin:0 auto;padding:0;}
.footer_logo{
margin:0;
padding:30px 0 0 0;
font-size:70%;
line-height:150%;
font-family:'Roboto Condensed', sans-serif;
text-align:center;
}
.footer_logo img{width:160px;margin-bottom:15px;}
@media only screen and (min-width:320px) and (max-width:768px){
.footer_link{margin:0;padding:0;}
.footer_link ul {
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.footer_link ul li{
width:50%;
margin:0;
padding:0;
list-style:none;
font-size:90%;
line-height:150%;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-bottom:solid 1px #444;
border-right:solid 1px #444;
}
.footer_link ul li:nth-child(2n) {border-right:0;}
.footer_link ul li a{display:block;padding:15px;}
.footer_link a:link {color:#fff;text-decoration:none;transition:0.5s;}
.footer_link a:visited {color:#fff;text-decoration:none;}
.footer_link a:hover {color:#a5a8ad;text-decoration:none;transition:0.5s;}
}
@media screen and (min-width:769px){
#footer{padding:60px 0;}
.footer_box{
max-width:980px;
width:90%;
margin:0 auto;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.footer_logo{
width:240px;
padding:0;
font-size:12px;
order:1;
text-align:left;
}
.footer_logo img{width:180px;margin-bottom:10px;}
.footer_link{margin:0;padding:16px 0 0 0;order:2;}
.footer_link ul {
margin:0;
display:flex;
justify-content:flex-end;
align-items:center;
list-style:none;
}
.footer_link ul li{
margin:0;
padding:0;
font-size:12px;
line-height:100%;
}
.footer_link ul li a{
display:block;
padding:5px 0 5px 20px;
}
.footer_link a:link {color:#fff;text-decoration:underline;transition:0.5s;}
.footer_link a:visited {color:#fff;text-decoration:underline;}
.footer_link a:hover {color:#a5a8ad;text-decoration:underline;transition:0.5s;}
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.org{font-weight:bold;color:#ff4d00;}
.caption{font-size:80%;color:#666;}
.mt{margin-top:30px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}

@media (min-width:769px) {
a[href^="tel:"] {
pointer-events: none;
cursor: default;
}
}

.order_01{}
.order_02{}
@media screen and (min-width:769px){
.order_01{order:1;}
.order_02{order:2;}
}