@charset "UTF-8";
@import url(reset.css);
.ovr-hdn {
    overflow: hidden;
}

.float-left {
    float: left;
}

@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }
}

.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .sp {
        display: block;
    }
}

html,
body {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    color: #222;
}

img {
    max-width: 100%;
}

.contents {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

.contents_menu {
    margin: 0 auto;
    max-width: 1000px;
}

h2 {
    margin: 30px 0;
    height: 23px;
    font-size: 180%;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.col {
    float: left;
}

@media screen and (max-width: 768px) {
    .col {
        float: none;
    }
}

.col#main {
    width: 1000px;
}

@media screen and (max-width: 768px) {
    .col#main {
        width: 96%;
        margin: 60px auto;
    }
}


/*
  .col#sidebar {
    width: 235px;
    margin-left: 45px; }
    @media screen and (max-width: 768px) {
      .col#sidebar {
        width: 96%;
        max-width: 602px;
        margin-left: 0px;
        margin: 0 auto 50px; } }
*/


/*
#sidebar .side_title {
  vertical-align: bottom; }
#sidebar .side_content {
  border: 1px solid #d3d3d3;
  padding: 30px 10px; }
  #sidebar .side_content .row {
    margin-bottom: 30px; }
    #sidebar .side_content .row:nth-child(3) {
      margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      #sidebar .side_content .row {
        width: 80%;
        margin: 0 auto 50px; } }
    @media screen and (max-width: 550px) {
      #sidebar .side_content .row {
        width: 95%; } }
  #sidebar .side_content h3 {
    font-size: 130%;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      #sidebar .side_content h3 {
        font-size: 140%; } }
  #sidebar .side_content ul li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      #sidebar .side_content ul li {
        margin-bottom: 16px; } }
    #sidebar .side_content ul li img {
      float: left;
      width: 5%;
      margin-right: 5px; }
      #sidebar .side_content ul li img.sp {
        width: 5%;
        max-width: 17px; }
    #sidebar .side_content ul li a {
      float: left;
      width: 92%;
      font-size: 110%;
      color: #222;
      letter-spacing: 0.1em;
      text-decoration: none; }
      #sidebar .side_content ul li a:hover {
        text-decoration: underline; }
      @media screen and (max-width: 768px) {
        #sidebar .side_content ul li a {
          font-size: 120%;
          padding-top: 3px; } }
*/


/*グローバル*/

#global #main .row {
    margin-bottom: 30px;
}

#global #main .row h3 {
    font-size: 130%;
    letter-spacing: 0.2em;
    color: #FFF;
    background-color: #313131;
    padding: 15px;
}

#global #main .row .col {
    float: left;
    width: 343px;
    margin: 0px 80px 0px 80px;
}

@media screen and (max-width: 768px) {
    #global #main .row .col {
        float: none;
        width: 343px;
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 343px) {
    #global #main .row .col {
        width: 100%;
    }
}

#global #main .row .col:nth-child(2) {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    #global #main .row .col:nth-child(2) {
        margin: 0 auto 0px;
    }
}

#global #main .row .col img {
    vertical-align: bottom;
}

#global #main .row p {
    line-height: 1.8;
    border: 1px solid #d3d3d3;
    padding: 3%;
    margin: 0 auto;
}

#global #main .row p.attention {
    min-height: auto !important;
    border: none;
    padding: 0 3%;
}

#global #main .row .ovr-hdn {
    margin-bottom: 30px;
}

#global #main .row#study p {
    min-height: 128px;
}

#global #main .row#factory p {
    min-height: 107px;
}

#marker {
    max-width: 100%;
}

#marker .row-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#marker .row.black {
    background-color: #000;
    padding: 40px 0;
}

#marker .row.black h3 {
    color: #FFF;
}

#marker .row.black p {
    color: #FFF;
}

#marker h3 {
    font-size: 200%;
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-bottom: 20px;
}

#marker h3 img {
    vertical-align: middle;
    margin-right: 5px;
}

#marker p {
    line-height: 1.8;
}

#marker .main-img {
    display: block;
    margin: 0 auto 30px;
}

#marker #top-content #stc p {
    float: left;
    width: 60%;
    padding: 2% 3%;
}

@media screen and (max-width: 716px) {
    #marker #top-content #stc p {
        float: none;
        width: 96%;
        padding: 0;
        margin: 20px auto;
    }
}

#marker #top-content #stc img {
    float: left;
    width: 38%;
}

@media screen and (max-width: 716px) {
    #marker #top-content #stc img {
        float: none;
        width: auto;
        display: block;
        margin: 0 auto;
    }
}

#marker #scene {
    margin: 30px 0 40px;
}

#marker #scene #stc p {
    float: left;
    width: 60%;
    padding: 0% 3%;
}

@media screen and (max-width: 716px) {
    #marker #scene #stc p {
        float: none;
        width: 96%;
        padding: 0;
        margin: 20px auto;
    }
}

#marker #scene #stc div {
    float: left;
    width: 38%;
}

@media screen and (max-width: 716px) {
    #marker #scene #stc div {
        float: none;
        width: 100%;
    }
}

#marker #scene #stc div img {
    display: block;
    margin: 0 auto;
}

#marker #marketing {
    margin-bottom: 40px;
}

#marker #marketing #img-area {
    width: 596px;
    margin: 0 auto 30px;
}

@media screen and (max-width: 596px) {
    #marker #marketing #img-area {
        width: 100%;
    }
}

#marker #marketing #img-area img {
    float: left;
}

@media screen and (max-width: 596px) {
    #marker #marketing #img-area img {
        float: none;
        display: block;
        margin: 0 auto 0px;
    }
}

#marker #marketing #img-area img:nth-child(1) {
    margin-right: 30px;
}

@media screen and (max-width: 596px) {
    #marker #marketing #img-area img:nth-child(1) {
        margin: 0 auto 20px;
    }
}

#marker #marketing p {
    padding: 0% 3%;
}

#marker #scene2 #stc div {
    float: left;
    width: 70%;
}

@media screen and (max-width: 716px) {
    #marker #scene2 #stc div {
        float: none;
        width: 100%;
        padding: 0;
        margin: 20px auto;
    }
}

#marker #scene2 #stc div p {
    padding: 0% 3%;
}

#marker #scene2 #stc #gooddesign {
    float: left;
    width: 28%;
    margin-left: 5px;
}

@media screen and (max-width: 716px) {
    #marker #scene2 #stc #gooddesign {
        float: none;
        width: auto;
        display: block;
        margin: 0 auto;
    }
}

#marker #quality {
    margin: 40px 0;
}

#marker #quality #stc p {
    float: left;
    width: 60%;
    padding: 0% 3%;
}

@media screen and (max-width: 716px) {
    #marker #quality #stc p {
        float: none;
        width: 96%;
        padding: 0;
        margin: 20px auto;
    }
}

#marker #quality #stc img {
    float: left;
    margin-left: 60px;
}

@media screen and (max-width: 716px) {
    #marker #quality #stc img {
        float: none;
        width: auto;
        display: block;
        margin: 0 auto;
    }
}

#marker #scene3 {
    padding: 40px 0;
    margin-bottom: 40px;
}

#marker #scene3 #img-area {
    margin: 0 auto 30px;
}

#marker #scene3 #img-area img {
    float: left;
}

@media screen and (max-width: 716px) {
    #marker #scene3 #img-area img {
        float: none;
        width: auto;
        display: block;
        margin: 0 auto;
    }
}

#marker #scene3 #img-area img:nth-child(2) {
    margin-top: 40px;
}

#marker #scene3 p {
    padding: 0% 3%;
}

#marker #scene3 #stc p {
    float: left;
    width: 60%;
}

@media screen and (max-width: 716px) {
    #marker #scene3 #stc p {
        float: none;
        width: 96%;
        padding: 0% 1%;
        margin: 20px auto;
    }
}

#marker #scene3 #stc img {
    float: left;
}

@media screen and (max-width: 716px) {
    #marker #scene3 #stc img {
        float: none;
        width: auto;
        display: block;
        margin: 0 auto;
    }
}

.box_center{
    margin:0 auto;
    width:46%;
    padding-bottom: 2em;
}
/*# sourceMappingURL=kumho_about.css.map */