@charset "UTF-8";

/* --------------------------------------------------------------------------- */
	/* ０．サイト全体の共通設定
	/* --------------------------------------------------------------------------- */
	
/* 共通の設定 */
	.pb_tab_content {
		border: 1px solid rgb(0, 0, 0) !important;
	}

	/* --------------------------------------------------------------------------- */
	/* 1．ヘッダーの設定
	/* --------------------------------------------------------------------------- */
	
	/* ヘッダーの設定 */
	.c-logo a {
		letter-spacing: 0.2em;
	}
	
	.c-logo a span.hearder_title_left {
		font-size: 16px;
	}
	
	.c-logo a span.hearder_title_right {
		font-size: 36px;
	}
	
	/* --------------------------------------------------------------------------- */
	/* 2．TOP ページの設定
	/* --------------------------------------------------------------------------- */

    header{
        text-align: center;
        margin: 0 auto;
    }

    .main_header_in {
        display: flex;
        justify-content: space-between;
        height: 100px;
        padding: 10px;
        color: #fff;
        background-color: black;
        align-items: center;
    }

 .main_header_in .tof{
	font-size: 26px;
	vertical-align: 6px;;
 }

 .main_header_in .tep{
	font-size: 40px;
	display: inline-block;
	background: linear-gradient(90deg, #4158D0, #C850C0 30%, #FFCC70);
	background: -webkit-linear-gradient(0deg, #4158D0, #C850C0 30%, #FFCC70);
 	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 }


    /* バナー本体 */
.news-banner {
    display: block;
    height: 30px;
    width: 100%;
    background-color: #ff5f00;
    overflow: hidden;
  }
  
  /* バナー内コンテンツ */
  .news-banner__content {
    display: inline-block;
    color: #fff;
    line-height: 1px;
    padding-left: 100%;
    white-space: nowrap;
    animation: animate-banner 20s linear infinite;
  }
  
  /* バナー内の要素をすべて選択 */
  .news-banner__content > * {
    display: inline-block;
  }
  
  /* 横にスクロールさせるアニメーション */
  @keyframes animate-banner {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }

 /* トップ画像設定*/

    .main_imgtop_img{
        background-image: url(/topimage.jpg);  
        height: 0;
        padding-top: 62.5%; 
        background-position: center center;
        background-size: cover;
        background-repeat:  no-repeat;
        position: relative;
    }

    .main_imgtop__message{
        position: absolute;
        bottom: 25%;
        width: 100%;
        background: rgb(162 96 14 / 40%);
    }

    .main_imgtop__message p{
        font-size: 400%;
        text-align: center;
        color: #ffffff;
        text-shadow: 1px 2px 3px #000000;
        text-shadow:
    }

 /* 新着情報 */
    .news_title_background{
		width: 768px;
		margin: 40px auto;
        border-radius: 60px;
		height:30px;
        background-color: #ff6b00;
		padding:3px
		
    }


    .news_title_background h4{
        text-align:center;
        margin: 0 auto;
        font-size:20px;
		color:#ffffff
		
    }

    .news_data {
        width: 768px;
		margin: 0 auto;
		
		
    }
    .news_data p{
        border-bottom:1px dotted #666;
		margin:0 0 15px 0;
		padding:7px 7px 17px 7px;
    
    }

 /* 事業内容 */

    .works{
        margin: 0 auto;
        text-align: center;
    }

    .works_title_background{
        width: 100%;
		margin: 40px auto;
		height:30px;
        background-color: #ff6b00;
		padding:3px;
		
    }

    .works_title_background h4{
        text-align:center;
        margin: 0 auto;
        font-size:20px;
		color:#ffffff
		
    }


    .works th,td {
        border: 0px none;
    }
     
    .works table {
        border-collapse:  collapse; /* セルの線を重ねる */
        width: 768px;
        border: 1px solid #fe6b00;
        margin:0 auto;
        text-align: left;
    }
     
    .works th {
        width:  20px;              /* 幅指定 */
        text-align: left;   
    }
     
    .works td {
        text-align:  left; 
		padding:15px;
    }

 /* 会社概要 */

    .company{
        margin: 0 auto;
        text-align: left;
    }

    .company_title_background{
		width: 100%;
		margin: 40px auto;
		height:30px;
        background-color: #ff6b00;
		padding:3px;
		
    }

    .company_title_background h4{
        text-align:center;
        margin: 0 auto;
        font-size:20px;
		color:#ffffff
		
    }

    .company th,td {
        border: 0px none;
    }
     
    .company table {
        border-collapse:  collapse; /* セルの線を重ねる */
        border: 1px solid #7b7b7b;
		margin: 0 auto 30px;
		width: 768px;
	    
    }
     
    .company th {            /* 幅指定 */
        text-align: center;  
		background-color:#ffd6be82;
		font-size:14px;
		width:  150px;   
		border-bottom: 1px solid #7b7b7b;
		
    }
     
    .company td {
        text-align:  left; 
		padding:5px;
		background-color:#ffd6be82;
		border-bottom: 1px solid #7b7b7b;
    }

    .company .two th,td {
        border: 0px none;
    }
     
    .company .two table {
        border-collapse:  collapse; /* セルの線を重ねる */
        width:  100%;               /* 幅指定 */
    }
     
    .company .two th {
        width:  150px;              /* 幅指定 */
		background-color:#bbbbbb82;
	
    }
     
    .company .two td {
		background-color:#bbbbbb82;
		
    }

 /* お問合せ */

    .end p{
        text-align: center;
        margin: 0 auto;
    }

    .main_contact{
		height: auto;
        border: black 1px solid;
    }


    .contact{
        text-align: center;
        width: 360px;
        /* height: auto; */
        background-color: #fe6b00;
        margin: 0 auto;
		
		
    }

    .main_contact .on{
        color: white;
		font-size:33px;
		letter-spacing:0.3em;
		margin:10px 0 4px;
    }

    .main_contact .tw{
        color: black;
		font-size:28px;
        font-style:oblique;
    }

    .con_me p{
        text-align: center;
        margin: 0 auto;
    }

    .ft{
        width: 100%;
        height: 40px;
        background-color: #000000;
        
    }

    .ft p{
        color: rgb(255 255 255);
		padding:7px;
    }

    footer{
        text-align: center;
    }