@charset "UTF-8";

/* ==================
● pc.css デスクトップ用のcssを記述
================== */
@media screen and (min-width: 980px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/* ==================
▼▼▼ common
================== */
.br_pc{
     display: block;
}
.br_tb{
     display: none;
}
.br_sp{
     display: none;
}

hr{
     color:#cccccc;
     background-color: #cccccc;
     height: 1px;
     border-width: medium;
     border-style: none;
     border-color: initial;
     margin: 50px 0;
}
/* video */
.video_bk p {
     right: 25%;
     left: 25%;
     font-size: 400%;
     position: absolute;
     top: 110px;
     z-index: 1;
}
#main_titleBK01{
     display: none;
}

/* menu */
nav p{
     padding: 15px 0 15px 0;
}
nav a{
     padding: 10px;
}

/* main */
#main_titleBK01 img{
     padding-bottom: 20px;
}
#main_titleBK01 h1{
     width: 50%;
     margin: 0 auto;
     font-size: 2.4rem;
     line-height: 3.2rem;
     color: white;
     padding: 15px;
     border-width: 1.5px;
     border-style: solid;
     border-color: white;
}
#main_titleBK02 h1{
     width: 30%;
     margin: 0 auto;
     font-size: 2.6rem;
     line-height: 3.2rem;
     letter-spacing: 0.8rem;
     color: white;
     padding: 30px;
     border-width: 1.5px;
     border-style: solid;
     border-color: white;
}
#main_titleBK02 span{
     font-size: 1rem;
     letter-spacing: 0.3rem;
}

/* page top */
.tothetopfixed img{
 opacity: 1;
}


/* ==================
▼▼▼ footer
================== */
#footer_box{
     width: 980px;
     margin: 0px auto;
}

/* footer_box01a */
#footer_box01a{
     width: 480px;
     padding: 20px 0 50px 0;
     float: left;
}

/* footer_box01b */
#footer_box01b{
     width: 480px;
     padding: 0px 0px 80px;
     float: left;
     font-size: 0.8rem;
}
#footer_box01b ul{
     text-align: center;
}
#footer_box01b li{
     display: inline-block;
     *display: inline;
     zoom: 1;
     padding: 40px 2px 10px 2px;
}


/* ==================
▼▼▼ index
================== */
.index_box{
     width: 980px;
     margin: 0px auto;
     padding: 80px 0 50px 0;
}
.index_box01a{
     width: 480px;
     padding: 0 0 80px 0;
     float: left;
}

.index_box01b{
     padding-left: 20px;
     width: 400px;
     float: left;
}
.index_box01b h1{
     padding: 10px 0px 10px 15px;
     margin-bottom: 10px;
     border-left-width: 5px;
     border-left-style: solid;
     border-left-color: #99cc00;
     font-size: 1.6rem;
     line-height: 2rem;
}
.index_box01b h2{
     padding: 10px 0px 10px 15px;
     margin-bottom: 10px;
     border-left-width: 5px;
     border-left-style: solid;
     border-left-color: #39ac4a;
     font-size: 1.6rem;
     line-height: 2rem;
}
.index_box01b p{
     padding: 10px 0px;
     line-height: 1.8rem;
}


/* ==================
▲▲▲ business
================== */
.business_box{
     width: 980px;
     margin: 0px auto;
     padding: 80px 0 50px 0;
}
.business_box h1{
     font-size: 2.2rem;
     line-height: 3rem;
     text-align: center;
     font-weight: bold;
}

/* ▼▼▼ business_box01 */
#business_box01{
     width: 980px;
     margin: 0px auto;
}
#business_box01 h1{
     color: #99cc00;
     font-size: 1.8rem;
     text-align: center;
     padding: 25px 0px;
     font-weight: bold;
}
#business_box01 p{
     font-size: 1rem;
     line-height: 1.6rem;
}
#business_box01a{
     width: 290px;
     float: left;
}
#business_box01b{
     padding: 0 55px;
     width: 290px;
     float: left;
}
#business_box01c{
     width: 290px;
     float: left;
}

/* ▼▼▼ business_box02 */
#business_box02{
     width: 980px;
     margin: 0px auto;
}
#business_box02 h1{
     font-size: 1.8rem;
     line-height: 2.2rem;
     padding: 10px 0px 10px 15px;
     font-weight: bold;
     border-left-width: 10px;
     border-left-style: solid;
     border-left-color: #39ac4a;
}
#business_box02 p{
     font-size: 1rem;
     line-height: 1.6rem;
     padding: 10px 0px;
}

.business_box02a{
     width: 480px;
     padding: 0 0 80px 0;
     float: left;
}

.business_box02b{
     padding-left: 20px;
     width: 400px;
     float: left;
}


/* ==================
▲▲▲ system flow
================== */
.flow_box{
     width: 980px;
     margin: 0px auto;
     padding: 80px 0 50px 0;
}
.flow_box h1{
     font-size: 2.2rem;
     line-height: 3rem;
     text-align: center;
     font-weight: bold;
}

/* ▼▼▼ flow_box01 */
#flow_box01a{
     width: 950px;
     margin: 50px 0;
     text-align: center;
     padding: 30px 10px;
     border-width: 5px;
     border-style: solid;
     border-color: #99cc00;
}
#flow_box01b{
     display: none;
}

/* ▼▼▼ flow_box02 */
#flow_box02{
     width: 980px;
     margin: 0 auto;
     padding: 0 0 100px 0;
}
#flow_box02 h1{
     font-size: 1.8rem;
     line-height: 2.2rem;
     margin: 20px 0;
     padding: 10px 0px 10px 15px;
     font-weight: bold;
     border-left-width: 10px;
     border-left-style: solid;
     border-left-color: #39ac4a;
}
#flow_box02 p{
     font-size: 1rem;
     line-height: 1.6rem;
     padding: 0 20px;
}


/* ==================
▲▲▲ company
================== */
.company_box{
     width: 980px;
     margin: 0px auto;
     padding: 80px 0 50px 0;
}
.company_box h1{
     font-size: 2.2rem;
     line-height: 3rem;
     text-align: center;
     font-weight: bold;
}
.company_box p{
     font-size: 1rem;
     line-height: 1.6rem;
     padding: 20px 20px 0 20px;
}
#company_box01{
     width: 100%;
     margin: 0px auto;
     padding-bottom: 80px;
}
#company_box02{
     width: 100%;
     margin: 0px auto;
     padding-bottom: 80px;
}
.ggmap{
     margin-top: 30px;
}

/* ▼▼▼ 定義リスト */
.company_box dl{
     width: 100%;
     border-bottom: 1px dashed #cccccc;
     padding: 20px 30px;
     margin: 0 0 10px 0;
}
.company_box dt{
     float: left;
     clear: left;
     width: 20%;
}
.company_box dd{
     padding-left: 25%;
     width: 80%;
     line-height: 1.8rem;
}


/* ==================
▲▲▲ pc.css / デスクトップ用CSSを記述
================== */
}