/*========================*/
/* その他ページ(top以外)設定 */
/*========================*/


* {margin:0px; padding:0px;}



@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



	
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/*----------------------------------------------------------------------------------------------------*/
/* ★★ for all ★★                                                                                  */
/*----------------------------------------------------------------------------------------------------*/

/*--------- 共通 ---------*/

/* 全体のMAX横幅 */
.all_width{
    max-width: 1200px;
    margin: 0px auto;
}





/*======================================================================================*/
/*        header                                                                        */
/*======================================================================================*/

/* 会社案内 */
#company #header{
    margin: 0px auto;
    text-align: center;
    width: 100%;
    height: 300px;    
    background-image: url("img/company.jpg");
    background-size:cover;
    background-position:right top;
}

/* 事業案内 */
#service #header{
    margin: 0px auto;
    text-align: center;    
    width: 100%;
    height: 300px;    
    background-image: url("img/service.jpg");
    background-size:cover;
    background-position:right top;
}

/* プライバシーポリシー */
#privacy #header{
    margin: 0px auto;
    text-align: center;    
    width: 100%;
    height: 300px;    
    background-image: url("img/privacy.jpg");
    background-size:cover;
    background-position:right top;
}


/* お問合せ */
#contact #header,
#thanks #header,
#not #header{
    margin: 0px auto;
    text-align: center;    
    width: 100%;
    height: 300px;
    background-image: url("img/contact.jpg");
    background-size:cover;
    background-position:right top;
}


/* タイトル下の斜め */
.title:before {
    content: "";
    display: block;
    height: 25%;
    background: #158bc9;
    transform: skew(00,-3deg) translate(00,200px);
}


.title:after {
    content: "";
    display: block;
    height: 30%;
    background: #efe9dd;
    transform: skew(00,-3deg) translate(00,200px);
}


/*--------------------------------------------------------------------------------------*/
/*        nav                                                                           */
/*--------------------------------------------------------------------------------------*/

/* nav.cssに記述 */


/*--------------------------------------------------------------------------------------*/
/*        title                                                                           */
/*--------------------------------------------------------------------------------------*/
.title{
    height: 100%;
}



h1{
	position: absolute;
	top: 130px;
	left: 5%;
    
    /*フォント*/
    font-weight: 500;
    color:#ffffff;
    text-align: left;
    
    
}

h1 span{
    margin-left:10px;
   
    /*フォント*/
    font-size: 28px;
    color:#f7f70a;
    font-family: 'Caveat', cursive;
}



h2{
    padding-top:100px;
    display: inline-blockphilosophy
    border-bottom: 4px solid rgb(41, 148, 178);
    
    /*フォント*/
    color:#000000;
    font-weight: 600;    
}


h2 span{
    /*フォント*/    
    font-size:15px;
    font-weight: 500;
}


/*--------- 会社案内 ---------*/

/*======================================================================================*/
/*        content01                                                                    */
/*======================================================================================*/
#content01{
    text-align: center;
    margin-bottom:100px;
}




/*--------------------------------------------------------------------------------------*/
/*        会社理念                                                                       */
/*--------------------------------------------------------------------------------------*/
.rinen{
    display: inline-block;
    text-align: left;
    /*min-height:250px;*/
    margin: 0px auto;
    padding:20px 20px;
}



.rinen ul{
    padding-left:40px;
}



/*======================================================================================*/
/*        content02                                                                    */
/*======================================================================================*/

#content02{
    text-align: center;
    background-color: #b5cad0;
    overflow:hidden;
    
}

/*--------------------------------------------------------------------------------------*/
/*        会社概要                                                                       */
/*--------------------------------------------------------------------------------------*/
.gaiyo_tb{
    text-align: left;
    width:700px;
    margin: 50px auto;
    border-collapse: collapse;
    border-width: 1px; 
    color:#000000;

}



.gaiyo_tb tr{
    border-style: solid;
    border-width: 1px 0;
    border-color: #a5a4a4;
}


.gaiyo_tb th{
    padding:30px;
}
.gaiyo_tb td{
    padding:20px;
}


.daihyo_tr{
    display: flex;
    align-items:center;
}

.daihyo_img{
    width:150px;
    margin-left: 50px;;
}




/*--------- 事業案内 ---------*/

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        事業内容                                                                       */
/*--------------------------------------------------------------------------------------*/

.jigyo{

    width:800px;
    height:300px;
    list-style: none;
    
    margin:20px auto;
    
}

.jigyo li{
    float:left;
    width:180px;
    padding: 0px 10px;

    
    text-align: left;
    

}




.jigyo_img{
/*    text-align: left;*/

    width:180px;
}

.jigyo p{
    margin: 0 auto;
    width:170px;
    color:#19466d;
    
    /*フォント*/
    font-size:13px;
    font-weight: 600;
}









/*======================================================================================*/
/*        content02              */
/*======================================================================================*/
#service #content02{
    clear: both;
}

/*--------------------------------------------------------------------------------------*/
/*        主な取引先                                                                          */
/*--------------------------------------------------------------------------------------*/
.torihiki{
    display: inline-block;
    text-align: left;
    padding:20px 20px;
    margin-bottom:90px;
}

.torihiki ul{
    list-style: none;
}




/*--------- プライバシーポリシー ---------*/
/*--------------------------------------------------------------------------------------*/
/*        プライバシーポリシー                                                                          */
/*--------------------------------------------------------------------------------------*/
.policy{
/*    display: inline-block;*/
    width:80%;
    text-align: left;
    /*min-height:250px;*/
    margin: 100px auto;
}



.policy ul{
    padding-left:40px;
}

h3{
    padding:5px 0;
}




/*--------- お問い合わせ ---------*/

#contact .content01_innner{
    width:700px;
    margin: 80px auto;
    text-align: left;  
    padding:30px;
    
}


input[type="text"],
input[type="tel"],
input[type="email"]{
    padding:3px;
}

input[name="address"],
input[name="phone"],
input[name="email"]{
    width:50%;
}

input[type="submit"],
input[type="button"]{
    margin-top: 10px;;
    padding:5px;
}

textarea{
    padding:3px;
    width:50%;
}

#complete .content01_innner,
#confirm .content01_innner{
    width:700px;
    margin: 80px auto;
    padding:30px;
    
}


.content01_innner span{
	color: #d9534f;
}

.content01_innner dl{
    margin-top: 5px;
}


.content01_innner h2{
    margin-bottom: 10px;
}


.content01_innner .input-area{
    margin-top: 5px;;
}


/*--------- 404ページ ---------*/

#not .content01_innner{
    width:700px;
    margin: 80px auto;
    
}
/*----------------------------------------------------------------------------------------------------*/
/*  ★★ 1200px以下 ★★                                                                              */
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){ 



/* 全体のMAX横幅 */
.all_width{
    width:100%;
}




}
/*----------------------------------------------------------------------------------------------------*/
/*  ★★ 950px以下 ★★                                                                               */
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 950px){ 

/*======================================================================================*/
/*        header                                                                        */
/*======================================================================================*/
#header{

}


 
/*--------------------------------------------------------------------------------------*/
/*        nav                                                                           */
/*--------------------------------------------------------------------------------------*/

/* nav.cssに記述 */


    
    




/*--------- 事業案内 ---------*/

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        事業内容                                                                       */
/*--------------------------------------------------------------------------------------*/

.jigyo{
    width:90%;
    margin: 50px auto; 
}

.jigyo li{
    margin:0px;
    width:21%;
}



.jigyo_img{
    width:100%;
}

.jigyo p{
    width:80%;
    /*フォント*/
    font-size:12px;
    font-weight: 600;
}



    



}
/*----------------------------------------------------------------------------------------------------*/
/*  ★★ 639px以下 ★★                                                                               */
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 639px){ 

    
/*--------- 共通 ---------*/
    
/*======================================================================================*/
/*        header                                                                        */
/*======================================================================================*/


.title:after {
    height: 20%;
}



h1{
	font-size:30px;
}

.title h1{
	position: absolute;

    /* フォント */
    font-weight: 500;
    color:#ffffff;
    text-align: left;    
}




h2{
    padding-top:50px;
}



/*--------- 会社案内 ---------*/
/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        会社概要                                                                          */
/*--------------------------------------------------------------------------------------*/
    
.gaiyo_tb{
    width:90%;
    
    }
    
    
.gaiyo_tb th{
	display:block;
    padding:10px;
}


.gaiyo_tb td{
	display:block;
        padding: 15px;

}


.daihyo_tr{
    display: flex;
    flex-direction: column;
    align-items:flex-start;
}

.daihyo_img{
    width:150px;
    margin: 20px 0;

}




/*--------- 事業案内 ---------*/

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        事業内容                                                                       */
/*--------------------------------------------------------------------------------------*/

#content01{
    height:auto;
    overflow:hidden;
    }    
    
.jigyo{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
    width:90%;
    margin: 50px auto; 
    height:auto;
    overflow:hidden;
    
}
    

.jigyo li{
    margin:0px;
    width:42%;
}



.jigyo_img{
    width:100%;
}

.jigyo p{
    /*フォント*/
    font-size:10px;
    font-weight: 600;
    line-height: 1.5;
}



    

/*--------- プライバシーポリシー ---------*/
/*--------------------------------------------------------------------------------------*/
/*        プライバシーポリシー                                                             */
/*--------------------------------------------------------------------------------------*/
    

.policy{
    width:90%;
    margin: 50px auto;
}
    


/*--------- お問い合わせ ---------*/
#contact .content01_innner{
    width:80%;    
}

#complete .content01_innner,
#confirm .content01_innner{
    width:80%;
    
}


input[name="name_1"],
input[name="name_2"],
input[name="read_1"],
input[name="read_2"]{
    width:50%;
}


input[name="address"],
input[name="phone"],
input[name="email"]{
    width:100%;
}


textarea{
    padding:3px;
    width:100%;
}


}