@charset "utf-8";

    * {
        user-select: none;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

.wrapper {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    -webkit-box-shadow: 0 0px 10px 0px hsla(0,0%,0%,0.70);
    box-shadow: 0 0px 10px 0px hsla(0,0%,0%,0.70);
}
.wrapper header {
    padding-bottom: 80px;
}

.wrapper header .corporatelogo {
    background-color: #333333;
    padding-top: 20px;
    padding-left: 20px;
    text-align: right;
    padding-right: 20px;
}
header .corporatelogo a {
    display: inline-block;
}

header .corporatelogo a:hover {
    opacity: 0.8;
    display: inline-block;
}

header .corporatelogo p {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: hsla(0,0%,100%,1.00);
    vertical-align: 25%;
    font-size: 80%;
}

header .corporatelogo img {
    max-width: 104px;
    display: inline-block;
}
.wrapper header div {

}
.wrapper header .mainimg {

}


header div img {
    width: 100%;
    height: auto;
}
.wrapper main {
    padding-left: 40px;
    padding-right: 40px;

}

.wrapper main section {
    width: 100%;
    display: table;
    padding-bottom: 100px;

}

.wrapper main .img {
    width: 30%;
    vertical-align: top;
    text-align: center;
    display: table-cell;
}
main section .title.right {
    text-align: right;

}
section .title.right p {
    float: right;
}

.wrapper main .title {
    width: 70%;
    vertical-align: top;
    padding-left: 0px;
    display: table-cell;
    text-align: left;
}

main .title p {
    font-size: 140%;
    color: hsla(0,0%,0%,0.80);
    max-width: 620px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 40px;
    text-align: left;
    padding-top: 20px;
}
main .title p:first-letter {
    font-size: 300%;
    line-height: 72px;
    float: left;
    margin-right: 6px;
    color: hsla(0,0%,0%,0.60);
}
.wrapper main .end {
    padding-bottom: 10px;
}
.wrapper footer {
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #333333;
    color: hsla(0,0%,100%,1.00);
    text-align: center;
    font-size: 80%;
}









body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #ca5259;
  font-family: '游ゴシック', YuGothic, 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
    font-weight: 500;
      /* 絶対値指定 */
  letter-spacing: 1.5px;
  /* 相対値指定 */
  letter-spacing: calc(1px - .0625em);
  /*
    OpenType フォントのプロポーショナルメトリクスの機能の有効化
    font-feature-settings:[機能名] [有効可否]
    機能名：
      palt (プロポーショナルメトリクス)
      pkna (プロポーショナルかな)
      etc https://helpx.adobe.com/jp/typekit/using/open-type-syntax.html
    有効可否：
      1：有効 (初期値)
      0：無効
  */
  font-feature-settings: "palt" 1;
  /*
    OpenTypeフォントのメトリクスカーニング機能の有効化
    normal：メトリクスカーニングの実施
    none：カーニングを行わない
    auto：用字系にあわせてユーザエージェントが判断 (初期値)
  */
  font-kerning: auto;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    /* [disabled]background-color: hsla(0,0%,100%,0.80); */
    text-decoration: none;
    color: hsla(0,0%,0%,0.80);
    width: 122px;
    /* [disabled]padding-top: 30px; */
    padding-right: 0;
    padding-left: 0;
    /* [disabled]padding-bottom: 30px; */
    text-align: center;
    display: block;
    border-radius: 5px;
    font-weight: bold;
}
#page-top a:hover {
    text-decoration: none;
    /* [disabled]background-color: hsla(0,0%,100%,1.00); */
    opacity: 0.8;
}
main section .img.hide {
    display: none;
}


@media screen and (max-width:1000px){
.wrapper main section {
    width: 100%;
    display: block;
    border-bottom: 1px solid hsla(0,0%,0%,0.50);
    padding-top: 30px;
    padding-bottom: 30px;
}
.wrapper main .img {
    width: 100%;
    display: block;

}

main section .img {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

section .img img {
    vertical-align: middle;
}

section .title img  {
    width: 100%;
    height: auto;
}
main section .title.left {
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}




main section .title.right {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.wrapper #page-top a {
    /* [disabled]background-color: hsla(0,0%,0%,0.80); */
    /* [disabled]color: hsla(0,0%,100%,1.00); */
}
.wrapper #page-top a:hover {
    /* [disabled]background-color: hsla(0,0%,0%,0.50); */
}


section .title p  {
    float: none;
    max-width: 100%;
}
.wrapper header {
    padding-bottom: 0px;
}
main section .img.hide_r {
    display: none;
}
main section .img.hide {
    display: block;
}








}