@charset "utf-8";

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* MAIN IMAGE */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
[class^="mainimg_"] span {
    background-color: rgba( 16, 47, 51, 0.5);
    padding: 0px 10px;
}
@media all and (max-width: 600px) {
  .mainimg_reason,
  .mainimg_service,
  .mainimg_case,
  .mainimg_voice,
  .mainimg_contact,
  .mainimg_other,
  .mainimg_record,
  .mainimg_overseas-donations,
  .mainimg_useful,
  .mainimg_kaigai,
  .mainimg_faq,
	.mainimg_tokyo01,
	.mainimg_osaka01,
  .mainimg_saitama01,
	.mainimg_iwate01{
    width:100%;
    min-height:120px;
    background-image:url(../images/common/mainimg_case.png);
    background-position:80px 0%;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-color:#edf4f7;
    margin: 0 0 20px 0;
  }

  .mainimg_reason    {background-image:url(../images/common/mainimg_reason.png);}
  .mainimg_service   {background-image:url(../images/common/mainimg_service.png);}
  .mainimg_case      {background-image:url(../images/common/mainimg_case.png);}
  .mainimg_voice     {background-image:url(../images/common/mainimg_voice.png);}
  .mainimg_contact   {background-image:url(../images/common/mainimg_contact.png);}
  .mainimg_other     {background-image:url(../images/common/mainimg_other.png);}
  .mainimg_record     {background-image:url(../images/common/mainimg_record.png);}
  .mainimg_overseas-donations     {background-image:url(../images/common/mainimg_overseas-donations.png);}
  .mainimg_useful  {background-image:url(../images/common/mainimg_useful.png);}
  .mainimg_faq     {background-image:url(../images/common/mainimg_faq.png);}
  .mainimg_kaigai  {background-image:url(../images/common/mainimg_kaigai.png);}
	.mainimg_tokyo01  {background-image:url(../images/common/mainimg_tokyo01.png);}
	.mainimg_osaka01  {background-image:url(../images/common/mainimg_osaka01.png);}
  .mainimg_saitama01  {background-image:url(../images/common/mainimg_saitama01.png);}
	.mainimg_iwate01  {background-image:url(../images/common/mainimg_iwate01.png);}

    .mainimg_reason h1,
    .mainimg_service h1,
    .mainimg_case h1,
    .mainimg_voice h1,
    .mainimg_contact h1,
    .mainimg_other h1,
	.mainimg_record h1,
	.mainimg_overseas-donations h1,
    .mainimg_useful h1,
    .mainimg_kaigai h1,
	.mainimg_faq h1,
	.mainimg_tokyo01 h1,
	.mainimg_osaka01 h1,
  .mainimg_saitama01 h1,
	.mainimg_iwate01 h1{

      /* for modan browser */
      text-shadow:0px 1px 0px white,0px 0px 0px white,1px 0px 0px white,0px -1px 0px white,-1px -1px 0px white,-1px 0px 0px white;
      
      /* for IE */
      filter:dropshadow(color=white,offx=0,offy=1,positive=1),dropshadow(color=white,offx=0,offy=0,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=0,positive=1);

      width:90%;
      margin:0 auto 0 auto;
      padding:45px 0 20px 0;
      font-size:22px;
      line-height:30px;
      color:#277193;
      font-weight:normal;
    }
}

@media all and (min-width: 601px) and (max-width: 1000px) {
  .mainimg_reason,
  .mainimg_service,
  .mainimg_case,
  .mainimg_voice,
  .mainimg_contact,
  .mainimg_other,
  .mainimg_record,
  .mainimg_overseas-donations,
  .mainimg_useful,
  .mainimg_kaigai,
  .mainimg_faq,
	.mainimg_tokyo01,
	.mainimg_osaka01,
  .mainimg_saitama01,
	.mainimg_iwate01{
    width:100%;
    min-height:150px;
    background-image:url(../images/common/mainimg_case.png);
    background-position:100% 0%;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-color:#edf4f7;
    margin: 0 0 20px 0;
  }

  .mainimg_reason    {background-image:url(../images/common/mainimg_reason.png);}
  .mainimg_service   {background-image:url(../images/common/mainimg_service.png);}
  .mainimg_case      {background-image:url(../images/common/mainimg_case.png);}
  .mainimg_voice     {background-image:url(../images/common/mainimg_voice.png);}
  .mainimg_contact   {background-image:url(../images/common/mainimg_contact.png);}
  .mainimg_other     {background-image:url(../images/common/mainimg_other.png);}
  .mainimg_record     {background-image:url(../images/common/mainimg_record.png);}
  .mainimg_overseas-donations     {background-image:url(../images/common/mainimg_overseas-donations.png);}
  .mainimg_useful   {background-image:url(../images/common/mainimg_useful.png);}
  .mainimg_faq     {background-image:url(../images/common/mainimg_faq.png);}
  .mainimg_kaigai  {background-image:url(../images/common/mainimg_kaigai.png);}
	.mainimg_tokyo01  {background-image:url(../images/common/mainimg_tokyo01.png);}
	.mainimg_osaka01  {background-image:url(../images/common/mainimg_osaka01.png);}
  .mainimg_saitama01  {background-image:url(../images/common/mainimg_saitama01.png);}
	.mainimg_iwate01  {background-image:url(../images/common/mainimg_iwate01.png);}
  
    .mainimg_reason h1,
    .mainimg_service h1,
    .mainimg_case h1,
    .mainimg_voice h1,
    .mainimg_contact h1,
    .mainimg_other h1,
	.mainimg_record h1,
	.mainimg_overseas-donations h1,
    .mainimg_useful h1,
    .mainimg_kaigai h1,
	.mainimg_faq h1,
	.mainimg_tokyo01 h1,
	.mainimg_osaka01 h1,
  .mainimg_saitama01 h1,
	.mainimg_iwate01 h1{
      /* for modan browser */
      text-shadow:0px 1px 0px white,0px 0px 0px white,1px 0px 0px white,0px -1px 0px white,-1px -1px 0px white,-1px 0px 0px white;
      
      /* for IE */
      filter:dropshadow(color=white,offx=0,offy=1,positive=1),dropshadow(color=white,offx=0,offy=0,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=0,positive=1);

      width:550px;
      margin:0 auto;
      padding:60px 0 40px 0;
      font-size:30px;
      line-height:38px;
      color:#277193;
      font-weight:normal;
    }
}

@media all and (min-width: 1001px) {
  .mainimg_reason,
  .mainimg_service,
  .mainimg_case,
  .mainimg_voice,
  .mainimg_contact,
  .mainimg_other,
  .mainimg_record,
  .mainimg_overseas-donations,
  .mainimg_useful,
  .mainimg_kaigai,
  .mainimg_faq,
	.mainimg_tokyo01,
	.mainimg_osaka01,
  .mainimg_saitama01,
	.mainimg_iwate01{
    width:100%;
    min-height:190px;
    background-image:url(../images/common/mainimg_case.png);
    background-position:80% 0%;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-color:#edf4f7;
    margin: 0 0 20px 0;
  }

  .mainimg_reason    {background-image:url(../images/common/mainimg_reason.png);}
  .mainimg_service   {background-image:url(../images/common/mainimg_service.png);}
  .mainimg_case      {background-image:url(../images/common/mainimg_case.png);}
  .mainimg_voice     {background-image:url(../images/common/mainimg_voice.png);}
  .mainimg_contact   {background-image:url(../images/common/mainimg_contact.png);}
  .mainimg_other     {background-image:url(../images/common/mainimg_other.png);}
  .mainimg_record     {background-image:url(../images/common/mainimg_record.png);}
  .mainimg_overseas-donations     {background-image:url(../images/common/mainimg_overseas-donations.png);}
  .mainimg_useful   {background-image:url(../images/common/mainimg_useful.png);}
  .mainimg_faq     {background-image:url(../images/common/mainimg_faq.png);}
  .mainimg_kaigai  {background-image:url(../images/common/mainimg_kaigai.png);}
	.mainimg_tokyo01 {background-image:url(../images/common/mainimg_tokyo01.png);}
	.mainimg_osaka01 {background-image:url(../images/common/mainimg_osaka01.png);}
  .mainimg_saitama01 {background-image:url(../images/common/mainimg_saitama01.png);}
	.mainimg_iwate01 {background-image:url(../images/common/mainimg_iwate01.png);}

    .mainimg_reason h1,
    .mainimg_service h1,
    .mainimg_case h1,
    .mainimg_voice h1,
    .mainimg_contact h1,
    .mainimg_other h1,
	.mainimg_record h1,
	.mainimg_overseas-donations h1,
    .mainimg_useful h1,
    .mainimg_kaigai h1,
	.mainimg_faq h1,
	.mainimg_tokyo01 h1,
	.mainimg_osaka01 h1,
  .mainimg_saitama01 h1,
	.mainimg_iwate01 h1{
      /* for modan browser */
      text-shadow:0px 1px 0px white,0px 0px 0px white,1px 0px 0px white,0px -1px 0px white,-1px -1px 0px white,-1px 0px 0px white;
      
      /* for IE */
      filter:dropshadow(color=white,offx=0,offy=1,positive=1),dropshadow(color=white,offx=0,offy=0,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=0,positive=1);

      width:900px;
      margin:0 auto;
      padding:80px 0 40px 0;
      font-size:30px;
      line-height:38px;
      color:#277193;
      font-weight:normal;
    }
}



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS LAYOUTBOX */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.btn01_l,
.btn01_m,
.btn01_s {
  display:inline-block;
  font-weight:bold;
  color:#FFF;
  background-color:#8EC300;
  box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
  -webkit-box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
}
.btn01_l:visited,
.btn01_m:visited,
.btn01_s:visited {
  color:#FFF;
}
.btn01_l:hover,
.btn01_m:hover,
.btn01_s:hover {
  color:#FFF;
  background-color:#aee61c;
}

/* ---------------------------------------------------------------------------------------------- */

.btn02_l,
.btn02_m,
.btn02_s {
  display:inline-block;
  font-weight:bold;
  color:#FFF;
  background-color:#56a3c7;
  box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
  -webkit-box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
}
.btn02_l:visited,
.btn02_m:visited,
.btn02_s:visited {
  color:#FFF;
}
.btn02_l:hover,
.btn02_m:hover,
.btn02_s:hover {
  color:#FFF;
  background-color:#73b6d6;
}


/* ---------------------------------------------------------------------------------------------- */

.btn03_l,
.btn03_m,
.btn03_s {
  display:inline-block;
  font-weight:bold;
  color:#FFF;
  background-color:#95ced5;
  box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
  -webkit-box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 3px 0 0px rgba(0,0,0,0.15);
}
.btn03_l:visited,
.btn03_m:visited,
.btn03_s:visited {
  color:#FFF;
}
.btn03_l:hover,
.btn03_m:hover,
.btn03_s:hover {
  color:#FFF;
  background-color:#a6d9df;
}

/* ---------------------------------------------------------------------------------------------- */

.btnarrow:before {
  content:"";
  display:inline-block;
  vertical-align: top;
  padding:0;
  background-image:url(../images/common/iconset.png);
  background-repeat:no-repeat;
}

.btnarrow:before     {width:20px;height:16px;margin-right: 3px;margin-left: -10px;background-size:200px auto;background-position:-100px 0;}



@media all and (max-width: 600px) {

  .btn01_l {font-size:120%;padding:10px 20px;}
  .btn01_m {font-size:100%;padding:10px 15px;}
  .btn01_s {font-size:75%;padding:5px 10px;}
  
  .btn02_l {font-size:120%;padding:10px 20px;}
  .btn02_m {font-size:100%;padding:10px 15px;}
  .btn02_s {font-size:75%;padding:5px 10px;}
  
  .btn03_l {font-size:120%;padding:10px 20px;}
  .btn03_m {font-size:100%;padding:10px 15px;}
  .btn03_s {font-size:75%;padding:5px 10px;}
}

@media all and (min-width: 601px) and (max-width: 1000px) {

  .btn01_l {font-size:130%;padding:10px 20px;}
  .btn01_m {font-size:100%;padding:10px 15px;}
  .btn01_s {font-size:80%;padding:5px 10px;}
  
  .btn02_l {font-size:130%;padding:10px 20px;}
  .btn02_m {font-size:100%;padding:10px 15px;}
  .btn02_s {font-size:80%;padding:5px 10px;}
  
  .btn03_l {font-size:130%;padding:10px 20px;}
  .btn03_m {font-size:100%;padding:10px 15px;}
  .btn03_s {font-size:80%;padding:5px 10px;}
}

@media all and (min-width: 1001px) {

  .btn01_l {font-size:130%;padding:10px 20px;}
  .btn01_m {font-size:100%;padding:10px 15px;}
  .btn01_s {font-size:80%;padding:5px 10px;}
  
  .btn02_l {font-size:130%;padding:10px 40px;}
  .btn02_m {font-size:100%;padding:10px 15px;}
  .btn02_s {font-size:80%;padding:5px 10px;}
  
  .btn03_l {font-size:130%;padding:10px 20px;}
  .btn03_m {font-size:100%;padding:10px 15px;}
  .btn03_s {font-size:80%;padding:5px 10px;}
}




/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS LAYOUTBOX */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media all and (max-width: 600px) {

  .spblock .box_1,
  .spblock .box_2_2,
  .spblock .box_2_3,
  .spblock .box_2_4,
  .spblock .box_2_5,
  .spblock .box_2_6,
  .spblock .box_2_7,
  .spblock .box_2_8,
  .spblock .box_3,
  .spblock .box_4,
  .spblock .box_5 {
    display:block;
    width:96% !important;
    padding: 0 2% !important;
    letter-spacing:0 !important;
    vertical-align:top !important;
  }

  .box_all {
    width:90%;
    margin: 0 auto;
    padding: 0 5%;
  }
    .box_row {
      margin-left:-2%;
      margin-right:-2%;
      letter-spacing: -0.4em;
    }

      .box_1,
      .box_2_2,
      .box_2_3,
      .box_2_4,
      .box_2_5,
      .box_2_6,
      .box_2_7,
      .box_2_8,
      .box_3,
      .box_4,
      .box_5 {
        display:inline-block;
        padding: 0 2%;
        margin:0;
        letter-spacing:0;
        vertical-align:top;
      }

/* --- 1column --- */

      .box_1 {
        width:96%;
      }

/* --- 2column --- */

      .box_2_5 {
        width:46%;
      }

      .box_2_2 {
        width:20%;
      }
      .box_2_8 {
        width:72%;
      }

      .box_2_3 {
        width:30%;
      }
      .box_2_7 {
        width:62%;
      }

      .box_2_4 {
        width:36%;
      }
      .box_2_6 {
        width:56%;
      }

/* --- 3column --- */

      .box_3 {
        width:29.33%;
      }

/* --- 4column --- */

      .box_4 {
        width:21%;
      }

/* --- 5column --- */

      .box_5 {
        width:16%;
      }

}

@media all and (min-width: 601px) and (max-width: 1000px) {
  .box_all {
    width:90%;
    margin: 0 auto;
    padding: 0 5%;
  }
    .box_row {
      margin-left:-2%;
      margin-right:-2%;
      letter-spacing: -0.4em;
    }


      .box_1,
      .box_2_2,
      .box_2_3,
      .box_2_4,
      .box_2_5,
      .box_2_6,
      .box_2_7,
      .box_2_8,
      .box_3,
      .box_4,
      .box_5 {
        display:inline-block;
        padding: 0 2%;
        margin:0;
        letter-spacing:0;
        vertical-align:top;
      }

/* --- 1column --- */

      .box_1 {
        width:96%;
      }

/* --- 2column --- */

      .box_2_5 {
        width:46%;
      }

      .box_2_2 {
        width:20%;
      }
      .box_2_8 {
        width:72%;
      }

      .box_2_3 {
        width:30%;
      }
      .box_2_7 {
        width:62%;
      }

      .box_2_4 {
        width:36%;
      }
      .box_2_6 {
        width:56%;
      }

/* --- 3column --- */

      .box_3 {
        width:29.33%;
      }

/* --- 4column --- */

      .box_4 {
        width:21%;
      }

/* --- 5column --- */

      .box_5 {
        width:16%;
      }

}

@media all and (min-width: 1001px) {
  .box_all {
    width:1000px;
    margin: 0 auto;
    padding: 0 15px;
  }
    .box_row {
      margin-left:-15px;
      margin-right:-15px;
      letter-spacing: -0.4em;
    }


      .box_1,
      .box_2_2,
      .box_2_3,
      .box_2_4,
      .box_2_5,
      .box_2_6,
      .box_2_7,
      .box_2_8,
      .box_3,
      .box_4,
      .box_5 {
        display:inline-block;
        padding: 0 15px;
        margin:0;
        letter-spacing:0;
        vertical-align:top;
      }

/* --- 1column --- */

      .box_1 {
        width:1000px;
      }

/* --- 2column --- */

      .box_2_5 {
        width:485px;
      }

      .box_2_2 {
        width:200px;
      }
      .box_2_8 {
        width:770px;
      }

      .box_2_3 {
        width:300px;
      }
      .box_2_7 {
        width:670px;
      }

      .box_2_4 {
        width:400px;
      }
      .box_2_6 {
        width:570px;
      }

/* --- 3column --- */

      .box_3 {
        width:313.33px;
      }

/* --- 4column --- */

      .box_4 {
        width:227.5px;
      }

/* --- 5column --- */

      .box_5 {
        width:176px;
      }

}


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* IMG BOX */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media all and (max-width: 1000px) {
  .box_img100 {
    width:100%;
    height:auto;
    margin:0 auto;
  }
  .box_img090 {
    width:90%;
    height:auto;
    margin:0 auto;
  }
  .box_img080 {
    width:80%;
    height:auto;
    margin:0 auto;
  }
  .box_img070 {
    width:70%;
    height:auto;
    margin:0 auto;
  }
  .box_img060 {
    width:60%;
    height:auto;
    margin:0 auto;
  }
  .box_img050 {
    width:50%;
    height:auto;
    margin:0 auto;
  }
    .box_img100 img,
    .box_img090 img,
    .box_img080 img,
    .box_img070 img,
    .box_img060 img,
    .box_img050 img {
      width:100%;
      height:auto;
    }
}

@media all and (min-width: 1001px) {
  .box_img100 {
    width:1000px;
    height:auto;
    margin:0 auto;
  }
  .box_img090 {
    width:900px;
    height:auto;
    margin:0 auto;
  }
  .box_img080 {
    width:800px;
    height:auto;
    margin:0 auto;
  }
  .box_img070 {
    width:750px;
    height:auto;
    margin:0 auto;
  }
  .box_img060 {
    width:600px;
    height:auto;
    margin:0 auto;
  }
  .box_img050 {
    width:500px;
    height:auto;
    margin:0 auto;
  }
    .box_img100 img,
    .box_img090 img,
    .box_img080 img,
    .box_img070 img,
    .box_img060 img,
    .box_img050 img {
      width:100%;
      height:auto;
    }
}



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS ICON */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* --- SIZE SMALL --- */
.icon_arrow01:before,
.icon_arrow02:before,
.icon_arrow03:before,
.icon_arrow04:before,
.icon_arrow05:before,
.icon_arrow06:before,
.icon_check:before,
.icon_mail:before,
.icon_tel:before,
.icon_pen:before,
.icon_pc:before,
.icon_human:before,
.icon_paper:before,
.icon_lamp:before,
.icon_time:before {
  content:"";
  display:inline-block;
  vertical-align:text-bottom;
  padding:0;
  background-image:url(../images/common/iconset.png);
  background-repeat:no-repeat;
}
/* --- SIZE BIG --- */
.bigicon_arrow01:before,
.bigicon_arrow02:before,
.bigicon_arrow03:before,
.bigicon_arrow04:before,
.bigicon_arrow05:before,
.bigicon_arrow06:before,
.bigicon_check:before,
.bigicon_mail:before,
.bigicon_tel:before,
.bigicon_pen:before,
.bigicon_pc:before,
.bigicon_human:before,
.bigicon_paper:before,
.bigicon_lamp:before,
.bigicon_time:before {
  content:"";
  display:inline-block;
  vertical-align:middle;
  padding:0;
  background-image:url(../images/common/iconset.png);
  background-repeat:no-repeat;
}

.icon_arrow01:before     {width:20px;height:20px;margin-right: 0px;margin-left: 0px;background-size:200px auto;background-position:   0px 0;}
.icon_arrow02:before     {width:20px;height:20px;margin-right: 0px;margin-left: 0px;background-size:200px auto;background-position: -20px 0;}
.icon_arrow03:before     {width:20px;height:20px;margin-right: 0px;margin-left: 0px;background-size:200px auto;background-position: -40px 0;}
.icon_arrow04:before     {width:20px;height:20px;margin-right: 0px;margin-left: 0px;background-size:200px auto;background-position: -60px 0;}
.icon_arrow05:before     {width:20px;height:20px;margin-right: 0px;margin-left: 0px;background-size:200px auto;background-position: -80px 0;}
.icon_arrow06:before     {width:20px;height:20px;margin-right: 0px;margin-left: 0px;background-size:200px auto;background-position:-100px 0;}

.icon_check:before       {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position: -40px -20px;}
.icon_mail:before        {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position:   0px -40px;}
.icon_tel:before         {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position: -20px -40px;}
.icon_pen:before         {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position: -40px -40px;}
.icon_pc:before          {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position: -60px -40px;}
.icon_human:before       {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position: -80px -40px;}
.icon_paper:before       {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position:-100px -40px;}
.icon_lamp:before       {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position:-160px -40px;}
.icon_time:before        {width:20px;height:20px;margin-right: 5px;margin-left: 0px;background-size:200px auto;background-position:-120px -40px;}

.bigicon_arrow01:before     {width:40px;height:40px;margin-right: 0px;margin-left: 0px;background-size:400px auto;background-position:   0px 0;}
.bigicon_arrow02:before     {width:40px;height:40px;margin-right: 0px;margin-left: 0px;background-size:400px auto;background-position: -40px 0;}
.bigicon_arrow03:before     {width:40px;height:40px;margin-right: 0px;margin-left: 0px;background-size:400px auto;background-position: -80px 0;}
.bigicon_arrow04:before     {width:40px;height:40px;margin-right: 0px;margin-left: 0px;background-size:400px auto;background-position:-120px 0;}
.bigicon_arrow05:before     {width:40px;height:40px;margin-right: 0px;margin-left: 0px;background-size:400px auto;background-position:-160px 0;}
.bigicon_arrow06:before     {width:40px;height:40px;margin-right: 0px;margin-left: 0px;background-size:400px auto;background-position:-200px 0;}

.bigicon_check:before       {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position: -80px -40px;}
.bigicon_mail:before        {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position:   0px -80px;}
.bigicon_tel:before         {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position: -40px -80px;}
.bigicon_pen:before         {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position: -80px -80px;}
.bigicon_pc:before          {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position:-120px -80px;}
.bigicon_human:before       {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position:-160px -80px;}
.bigicon_paper:before       {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position:-200px -80px;}
.bigicon_lamp:before       {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position:-317px -80px;}
.bigicon_time:before        {width:40px;height:40px;margin-right: 5px;margin-left: 0px;background-size:400px auto;background-position:-240px -80px;}


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS BOXDESIGN */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.boxdesign01 {
  background-color:#F8F8F8;
  border:1px solid #8abcc5;
}
.boxdesign02 {
  border:1px dashed #8abcc5;
}
.boxdesign03 {
  border:1px solid #8abcc5;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS LINE */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.line01 {
  border:0;
  height:5px;
  background-image:url(../images/common/dotline.png);
  background-position: 50% 0;
  background-repeat:repeat-x;
  background-size:8px;
}
.line02 {
  border:0;
  border-bottom:1px dashed #8abcc5;
}
.line03 {
  position:relative;
  border:0;
  border-bottom:2px solid #8abcc5;
}
  .line03:after {
    content:"";
    display:inline-block;
    position:absolute;
    left:50%;
    bottom:-30px;
    width:30px;
    height:30px;
    vertical-align:middle;
    margin: 0 0 0 -15px;
    background-image:url(../images/common/iconset.png);
    background-position: -90px -30px;
    background-repeat:no-repeat;
    background-size:300px auto;
  }


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS TABLE */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.table_scroll{
  overflow:auto;
}
.table_scroll::-webkit-scrollbar {
  height: 5px;
}
.table_scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.table_scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

@media all and (max-width: 600px) {
  .table01 {
    width:100%;
    border: 1px solid #C5C5C5;
    border-collapse: separate;
  }
  .table01 th {
    background-color:#eaf4f9;
    border: 1px solid #FFF;
    padding:10px;
    min-width:150px;
  }
  .table01 td {
    background-color:#F5F5F5;
    border: 1px solid #FFF;
    padding:10px;
    min-width:150px;
  }
  
  .table02 {
    width:100%;
    border-collapse:separate;
    border-spacing:5px;
  }
  .table02 th {
    background-color:#6aadcc;
    color:#FFFFFF;
    padding:10px;
    min-width:150px;
  }
  .table02 td {
    background-color:#FFF;
    border-bottom: 1px solid #6aadcc;
    padding:10px;
    min-width:150px;
  }

  .table_block th,
  .table_block td {
    display:block;
  }

}

@media all and (min-width: 601px) and (max-width: 1000px) {
  .table01 {
    width:100%;
    border: 1px solid #C5C5C5;
    border-collapse: separate;
  }
  .table01 th {
    background-color:#eaf4f9;
    border: 1px solid #FFF;
    padding:10px;
    min-width:150px;
  }
  .table01 td {
    background-color:#F5F5F5;
    border: 1px solid #FFF;
    padding:10px;
    min-width:150px;
  }
  
  .table02 {
    width:100%;
    border-collapse:separate;
    border-spacing:5px;
  }
  .table02 th {
    background-color:#6aadcc;
    color:#FFFFFF;
    padding:10px;
    min-width:150px;
  }
  .table02 td {
    background-color:#FFF;
    border-bottom: 1px solid #6aadcc;
    padding:10px;
    min-width:150px;
  }
}

@media all and (min-width: 1001px) {
  .table01 {
    width:100%;
    border: 1px solid #C5C5C5;
    border-collapse: separate;
  }
  .table01 th {
    background-color:#eaf4f9;
    border: 1px solid #FFF;
    padding:10px;
    min-width:150px;
  }
  .table01 td {
    background-color:#F5F5F5;
    border: 1px solid #FFF;
    padding:10px;
    min-width:150px;
  }
  
  .table02 {
    width:100%;
    border-collapse:separate;
    border-spacing:5px;
  }
  .table02 th {
    background-color:#6aadcc;
    color:#FFFFFF;
    padding:10px;
    min-width:150px;
  }
  .table02 td {
    background-color:#FFF;
    border-bottom: 1px solid #6aadcc;
    padding:10px;
    min-width:150px;
  }
}

	.table03 {
		width: 100%;
		border-collapse: collapse;
	}
	
	.table03 th,
	.table03 td {
		text-align: left;
		padding: 8px 2px 3px;
		border-bottom: 1px solid #DCDCDC;
	}	
	
	.table03 th {
		color: #6aadcc;
		font-weight: bold;
	}



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* PARTS TITLE */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media all and (max-width: 600px) {
  .title01 {
    position:relative;
    width:90%;
    color:#333;
    font-weight:normal;
    font-size:18px;
    line-height:23px;
    padding: 15px 0;
    border-bottom: solid 3px #1A005D;
    margin: 0 auto 20px;
  }
  .title01:after {
    position:absolute;
    bottom:-3px;
    left: 0;
    content:"";
    display:inline-block;
    width:20%;
    border-bottom: solid 3px #8EC300;
  }

  .title02 {
    position:relative;
    width:100%;
    color:#333;
    font-weight:normal;
    font-size:18px;
    line-height:23px;
    padding: 15px 0;
    border-bottom: solid 3px #1A005D;
    margin: 0 auto 20px;
    text-align: left;
  }
  .title02:after {
    position:absolute;
    bottom:-3px;
    left: 0;
    content:"";
    display:inline-block;
    width:30%;
    border-bottom: solid 3px #8EC300;
  }

  .title03 {
    width:90%;
    color:#333;
    font-weight:bold;
    font-size:16px;
    line-height:21px;
    padding: 10px 0;
    margin: 0 auto 20px;
  }
  .useful_cont .title03 {
    width:100%;
    padding: 10px 0;
  }

  .title04 {
    position: relative;
    font-weight:normal;
    font-size:16px;
    line-height:23px;
    text-align:left;
    margin: 0 0 20px 0;
    overflow: hidden;
  }
  .title04::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 45%;
    border-bottom: 2px solid #1A005D;      
    margin-left: 10px;
  }

  .title05 {
    width:auto;
    color:#333;
    font-weight:normal;
    font-size:14px;
    line-height:19px;
    text-align:left;
    border-bottom: 2px dotted #b3d6dc;
    padding: 10px 0 8px;
    margin: 0 0 20px 0;
  }

  .title07 {
    width: 100%;
    background-image: url(../images/common/foot_dot.png);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 10px;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
  }

.title07 > span {
    display: inline-block;
    background-color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
}

}

@media all and (min-width: 601px) and (max-width: 1000px) {
  .title01 {
    position:relative;
    width:95%;
    color:#333;
    font-weight:normal;
    font-size:22px;
    line-height:27px;
    padding: 20px 0 10px;
    border-bottom: solid 3px #1A005D;
    margin: 0 auto 20px;
  }
  .title01:after {
    position:absolute;
    bottom:-3px;
    left:0;
    content:"";
    display:inline-block;
    width:20%;
    border-bottom: solid 3px #8EC300;
  }

  .title02 {
    position:relative;
    width:100%;
    color:#333;
    font-weight:normal;
    font-size:22px;
    line-height:27px;
    padding: 20px 0 10px;
    border-bottom: solid 3px #1A005D;
    margin: 0 auto 20px;
    text-align: left;
    }
  .title02:after {
    position:absolute;
    bottom:-3px;
    left:0;
    content:"";
    display:inline-block;
    width:30%;
    border-bottom: solid 3px #8EC300;
  }

  .title03 {
    width:90%;
    color:#333;
    font-weight:bold;
    font-size:17px;
    line-height:22px;
    padding: 10px 5%;
    margin: 0 auto 10px;
  }
  .useful_cont .title03 {
    width:100%;
    padding: 10px 0;
  }

  .title04 {
    position: relative;
    font-weight:normal;
    font-size:20px;
    line-height:30px;
    text-align:left;
    margin: 0 0 20px 0;
    overflow: hidden;
  }
  .title04::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 45%;
    border-bottom: 2px solid #1A005D;      
    margin-left: 10px;
  }
  .title05 {
    width:auto;
    color:#333;
    font-weight:normal;
    font-size:15px;
    line-height:20px;
    text-align:left;
    border-bottom: 2px dotted #b3d6dc;
    padding: 10px 0 8px;
    margin: 0 0 20px 0;
  }

  .title07 {
    width: 90%;
    background-image: url(../images/common/foot_dot.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 10px;
    margin: 0 auto 10px;
    text-align: center;
  }

  .title07 span {
    display: inline-block;
    background-color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
}

}

@media all and (min-width: 1001px) {
  .title01 {
    position:relative;
    width:1000px;
    color:#333;
    font-weight:normal;
    font-size:25px;
    line-height:30px;
    padding: 20px 0 10px;
    border-bottom: solid 3px #1A005D;
    margin: 0 auto 20px;
  }	
  .title01:after {
    position:absolute;
    bottom:-3px;
    left:0;
    content:"";
    display:inline-block;
    width:15%;
    border-bottom: solid 3px #8EC300;
  }

  .title02 {
    position:relative;
    width:100%;
    color:#333;
    font-weight:normal;
    font-size:25px;
    line-height:30px;
    padding: 20px 0 10px;
    border-bottom: solid 3px #1A005D;
    margin: 0 auto 20px;
      text-align: left;
  }	
  .title02:after {
    position:absolute;
    bottom:-3px;
    left:0;
    content:"";
    display:inline-block;
    width:15%;
    border-bottom: solid 3px #8EC300;
  }

  .title03 {
    width:1000px;
    color:#333;
    font-weight:bold;
    font-size:20px;
    line-height:25px;
    margin: 0 auto 20px ;
  }

  .title04 {
    position: relative;
    font-weight:normal;
    font-size:20px;
    line-height:30px;
    text-align:left;
    margin: 0 0 20px 0;
    overflow: hidden;
  }
  .title04::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 45%;
    border-bottom: 2px solid #1A005D;      
    margin-left: 10px;
  }
    
  .title05 {
    width:auto;
    color:#333;
    font-weight:normal;
    font-size:18px;
    line-height:23px;
    text-align:left;
    border-bottom: 2px dotted #b3d6dc;
    padding: 12px 0 10px;
    margin: 0 0 20px 0;
  }

  .title07 {
    width: 1000px;
    background-image: url(../images/common/foot_dot.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 10px;
    margin: 0 auto 10px;
    text-align: center;
}

  .title07 > span {
    display: inline-block;
    background-color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
  }

}

.title06 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	color: #56a3c7;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* シンプルテキスト */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media all and (max-width: 600px) {
  .textbox {
    width:90%;
    margin: 0 auto;
  }
}

@media all and (min-width: 601px) and (max-width: 1000px) {
  .textbox {
    width:70%;
    margin: 0 auto;
  }
}

@media all and (min-width: 1001px) {
  .textbox {
    width:600px;
    margin: 0 auto;
  }
}



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* 汎用画像 */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media all and (max-width: 600px) {
  .common_imgbox {
    overflow:hidden;
    position:relative;
    width:100%;
    height:50px;
  }
    .common_imgbox img.common_img_truck_l {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:-110px;
      width:70px;
    }
    .common_imgbox img.common_img_truck_r {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:40px;
      width:70px;
    }
    .common_imgbox img.common_img_boxset {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:-40px;
      width:80px;
    }

  .common_movebox {
    overflow:hidden;
    position:relative;
    width:100%;
    height:35px;
    padding-top: 46px;
    margin-top: 20px;
    background:url(../images/common/common_bg_footer.png) repeat-x -80px 0;
  }
    .common_movebox .common_img_truck_l_move {
      position: absolute;
      width:70px;
      height:35px;
      left:130%;
    }
    .common_movebox .common_img_truck_r_move {
      position: absolute;
      width:70px;
      height:35px;
      left:-30%;
    }
      .common_movebox .common_img_truck_l_move img,
      .common_movebox .common_img_truck_r_move img {
        width:100%;
      }
}

@media all and (min-width: 601px) and (max-width: 1000px) {
  .common_imgbox {
    overflow:hidden;
    position:relative;
    width:100%;
    height:70px;
  }
    .common_imgbox img.common_img_truck_l {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:-220px;
      width:100px;
    }
    .common_imgbox img.common_img_truck_r {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:130px;
      width:100px;
    }
    .common_imgbox img.common_img_boxset {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:30px;
      width:100px;
    }

  .common_movebox {
    overflow:hidden;
    position:relative;
    width:100%;
    height:50px;
    padding-top: 30px;
    margin-top: 20px;
    background:url(../images/common/common_bg_footer.png) repeat-x 0 0;
  }
    .common_movebox .common_img_truck_l_move {
      position: absolute;
      width:100px;
      height:50px;
      left:130%;
    }
    .common_movebox .common_img_truck_r_move {
      position: absolute;
      width:100px;
      height:50px;
      left:-30%;
    }
      .common_movebox .common_img_truck_l_move img,
      .common_movebox .common_img_truck_r_move img {
        width:100%;
      }

}

@media all and (min-width: 1001px) {
  .common_imgbox {
    overflow:hidden;
    position:relative;
    width:100%;
    height:75px;
  }
    .common_imgbox img.common_img_truck_l {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:-450px;
      width:120px;
    }
    .common_imgbox img.common_img_truck_r {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:350px;
      width:120px;
    }
    .common_imgbox img.common_img_boxset {
      position: absolute;
      bottom:0;
      left:50%;
      margin-left:200px;
      width:150px;
    }

  .common_movebox {
    overflow:hidden;
    position:relative;
    width:100%;
    height:60px;
    padding-top: 20px;
    margin-top: 40px;
    background:url(../images/common/common_bg_footer.png) repeat-x 0 -2px;
  }
    .common_movebox .common_img_truck_l_move {
      position: absolute;
      width:120px;
      height:60px;
      left:130%;
    }
    .common_movebox .common_img_truck_r_move {
      position: absolute;
      width:120px;
      height:60px;
      left:-30%;
    }
      .common_movebox .common_img_truck_l_move img,
      .common_movebox .common_img_truck_r_move img {
        width:100%;
      }

}