@charset "utf-8";

@media print, screen and (min-width: 828px){
/**************************
PC用スタイル
**************************/
/* ヘッダバック背景(静止画、動画) */
header h1, header h2 {
    display: none;
}
.Hed__bloc{
   
}
.Hed__bloc_bg{
    background-image: url(../img/hed/hed_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 740px;
    position: absolute;
    width: 100%;
    z-index: 1;
    animation: fadeIn 1s ease-in-out 0s normal forwards;
    opacity: 0;
}

.Hed__bloc_kazoku{
    z-index: 10;
    position: relative;
    margin-top: -10px;
    text-align: right;
    max-width: 1150px;
    min-width: 900px;
    margin-right: auto;
    margin-left: auto;
    animation: fadeIn2 1s ease-out 0.2s normal forwards;
    opacity: 0;
    margin-bottom: -25px;
}

.Hed__bloc_kazoku img{
    max-width: 220px;
}
.Hed__bloc_logo{
    z-index: 10;
    position: relative;
    padding-top: 170px;
    animation: fadeIn2 1s ease-out 0.4s normal forwards;
    opacity: 0; 
}

@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}
@keyframes fadeIn2 { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0;transform: translate3d(0, -80px, 0); } /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1;transform: translate3d(0, 0, 0);} /*アニメーション終了時は不透明度100%*/

}

.Hed__bloc_logo img{
    max-width: 490px;
}

/* ヘッダナビ */
.Hed_nav_bloc{
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Hed_nav_bg{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
}
.Hed_nav_logo{
    width: 25%;
    text-align: left;
}
.Hed_nav_logo img{
    width: 50%;
}
.Hed_nav_list{
    width: 75%;
}
.Hed_nav_list ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.Hed_nav_list ul li{
    padding-right: 2%;
    padding-left: 2%;
}
.Hed_nav_list ul li img{
    width: 100%;
}
nav{
position: fixed;
transform: translateY(-1000%);
}
.clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    transition: .3s;
    transform: translateY(-150%);
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
.clone-nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
.clone-nav ul li {}
.is-show {
  transform: translateY(0);
}
.global-nav {
    display: none;
}


/* 各ページパン */

/* 各ページセクション */
.Body_bloc{
    padding-top: 60px;
}
.Page__body_feature{
    background-image: url(../img/feature/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
}
.Page__body_service{
    background-image: url(../img/service/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
}
.Page__body_user_guide{
    background-image: url(../img/user_guide/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
}
.Page__body_usage_fee{
    background-image: url(../img/usage_fee/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-color: #F8F8F5;
}
.Page__body_cp{
    background-image: url(../img/cp/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
}
.Page__body_inquiry{
    background-image: url(../img/cp/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-color: #DFF4E7;
}
/* 各ページタイトル トップ画像とタイトル */
.Page__hed_title_icon{
    padding-top: 4%;
    position: relative;
}
/* 特徴 */
.Page__hed_feature{
    height: 310px;
    background-image: url(../img/feature/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    display: block;
}
/* サービス */
.Page__hed_service{
    height: 310px;
    background-image: url(../img/service/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    display: block;
}
/* 案内 */
.Page__hed_user_guide{
    height: 310px;
    background-image: url(../img/user_guide/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    display: block;
}
/* 料金 */
.Page__hed_usage_fee{
    height: 310px;
    background-image: url(../img/usage_fee/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    display: block;
}
/* 会社概要 */
.Page__hed_cp{
    height: 310px;
    background-image: url(../img/cp/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    display: block;
}
/* お問い合せ */
.Page__hed_inquiry{
    height: 310px;
    background-image: url(../img/inquiry/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    display: block;
}

/* ページ共通 H1タイトル・コメント */
.Page-h1-title1{
    margin-bottom: 100px;
}
.Page-h1-coment1{
    margin-bottom: 100px;
}
.Page-h1-title2{
    margin-bottom: 50px;
}
.Page-h1-coment2{
    margin-bottom: 100px;
    font-size: 18px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    line-height: 160%;
}
.Page-h1-coment2_2{
    margin-bottom: 0px;
}
.Page-h1-title3{
    margin-bottom: 100px;
    font-size: 32px;
}
/* ページ共通 H2タイトル・コメント */
.Page-h2-title1{
    margin-bottom: 25px;
}
.Page-h2-title2{
    font-size: 36px;
    margin-bottom: 50px;
    line-height: 148%;
}
.Page-h2-coment2{
    font-size: 56px;
}
/* ページ共通 H3タイトル・コメント */
.Page-h3-title1{
    margin-bottom: 25px;
    font-size: 30px;
    color: #74BF9F;
}
.Page-h3-coment1{
    margin-bottom: 100px;
    font-size: 18px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    line-height: 160%;
}
.Page-h3-title2{
    margin-bottom: 25px;
    font-size: 30px;
    color: #ED939C;
}
/* Topページ ブロック1 */
.Page-top_panel1{
    background-color: #74BF9F;
    padding-top: 25px;
    padding-bottom: 100px;
}
.Page-top_panel1_comentBox{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
}
.Page-top_panel1_comentBox_img1{
    width: 25%;
    align-self: flex-end;
}
.Page-top_panel1_comentBox_img2{
    width: 25%;
    align-self: flex-start;
}
.Page-top_panel1_comentBox_img1 img, .Page-top_panel1_comentBox_img2 img{
    width: 70%;
}
.Page-top_panel1_comentBox_coment{
    width: 50%;
}
.Page-top_panel1_comentBox_coment p{
    margin-bottom: 25px;
    color: #FFF;
    line-height: 200%;
}

/* Topページ ブロック2 */
.Page-top_panel2{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image:  url(../img/top/bloc2/bg_02.png), url(../img/top/bloc2/bg_01.png);
    background-position: center bottom, center top;
    background-repeat: no-repeat , repeat; 
}
.Page-top_panel2_bloc1{
    display: flex;
    justify-content: space-between;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 100px;
}
.Page-top_panel2_bloc1_img{
    width: 28%;
}
.Page-top_panel2_bloc1_img img{
    width: 100%;
}
.Page-top_panel2_bloc1_coment{
    width: 70%;
    text-align: left;
}
.Page-top_panel2_bloc1_subtitle{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 128%;
}
.Page-top_panel2_bloc1_subcoment{
    margin-bottom: 80px;
    line-height: 168%;
    width: 630px;
    font-weight: bold;
}
/* Topページ ブロック3 */
.Page-top_panel3{
    padding-top: 30px;
    padding-bottom: 100px;
    background-image: url(../img/all_page/bg_01.png);
    background-repeat: repeat;
}
.Page-top_panel3_bloc{
    display: flex;
    justify-content: space-between;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}
.Page-top_panel3_bloc_Imag{
    width: 28%;
}
.Page-top_panel3_bloc_Imag img{
    width: 100%;
}
.Page-top_panel3_bloc_comentBox{
    width: 70%;
    text-align: left;
    color: #FFF;
}
.Page-top_panel3_bloc_subtitle{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 128%;
}
.Page-top_panel3_bloc_coment{
    margin-bottom: 80px;
    line-height: 168%;
}

/* Topページ ブロック4 */
.Page-top_panel4{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Page-top_panel4_bloc{
    display: flex;
    justify-content: space-between;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}
.Page-top_panel4_bloc_item{
    width: 30%;
}
.Page-top_panel4_bloc_item img{
    width: 100%;
}
.Page-top_panel4_bloc_item_title{
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}
.Page-top_panel4_bloc_item_coment{
    padding-right: 6%;
    padding-left: 6%;
    margin-bottom: 20px;
}

/* 特徴 ブロック */
.Page-feature_bloc{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-feature_panel1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Page-feature_panel1 p{
    width: 47%;
    margin-bottom: 60px;
}
.Page-feature_panel1 p img{
    width: 100%;
}
/* サービス ブロック */
.Page-service_bloc{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-service_panel1{
    background-color: #DFF4E7;
    border-radius: 20px 20px 20px 20px;
    margin-top: 150px;
    padding-bottom: 30px;
    margin-bottom: 100px;
}
.Page-service_panel1_title{
    background-image: url(../img/service/sub_title_01.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    position: relative;
    top: -75px;
}
.Page-service_panel1_contentbox{
    display: flex;
    justify-content: space-between;
}
.Page-service_panel1_img{
    width: 48%;
}
.Page-service_panel1_coment{
    width: 48%;
    text-align: left;
}
.Page-service_panel1_coment h3{
    font-size: 26px;
    margin-bottom: 20px;
    color: #74BF9F;
}
.Page-service_panel1_coment ul{
    margin-bottom: 30px;
}
.Page-service_panel1_coment ul li:before{
    content: "● ";
    color: #74BF9F;
}
.Page-service_panel1_coment p{
    width: 90%;
}

.Page-service_panel2{
    padding-bottom: 100px;
}
.Page-service_panel2_servi_box{}
.Page-service_panel2_servi_item{
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
    margin-right: auto;
    margin-left: auto;
}
.Page-service_panel2_servi_item_img{
    width: 30%;
}
.Page-service_panel2_servi_item_coment{
    width: 70%;
    text-align: left;
    
}
.Page-service_panel2_servi_item_coment h3{
    font-size: 32px;
    margin-bottom: 15px;
    line-height: 128%;
}
.Page-service_panel2_servi_item_coment p{}

/* 案内 ブロック */
.Page-user_guide_bloc{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-user_guide_panel1{
    border-radius: 20px 20px 20px 20px;
    background-color: #DFF4E7;
    padding-top: 80px;
    padding-bottom: 20px;
    margin-bottom: 60px;
}
.Page-user_guide_panel1_img{
    margin-bottom: 100px;
}
.Page-user_guide_panel1_btm{
    margin-bottom: 60px;
}

/* 料金 ブロック */
.Page-usage_fee_bloc{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-usage_fee_panel1{
    margin-bottom: 100px;
}
.Page-usage_fee_panel1:last-of-type{
    margin-bottom: 100px;
}

/* 会社概要 ブロック */
.Page-cp_bloc{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-cp_panel1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Page-cp_panel1_coment{
    width: 49%;
    text-align: left;
}
.Page-cp_panel1_coment dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 200%;
    padding-bottom: 35px;
}
.Page-cp_panel1_coment dl dt{
    width: 30%;
}
.Page-cp_panel1_coment dl dd{
    width: 70%;
}
.Page-cp_panel1_coment h3{
    font-size: 26px;
    margin-bottom: 15px;
}
.Page-cp_panel1_coment p{
    margin-bottom: 15px;
}
.Page-cp_panel1_map{
    width: 49%;
    text-align: left;
}
.Page-cp_panel1_map h3{
    font-size: 26px;
    margin-bottom: 15px;
}
.Page-cp_panel1_map iframe{
    border-radius: 20px 20px 20px 20px;
}

/* お問い合せ ブロック */
.Page-inquiry_bloc{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-inquiry_panel1{}
.Page-inquiry_panel1 dl{
    width: 100%;
    display: table;
}
.Page-inquiry_panel1 dl dt{
    width: 30%;
    color: #FFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    text-align: right;
    padding-right: 8%;
    display: table-cell;
    background-color: #97CFAC;
    vertical-align: middle;
    height: 150px;
}
.Page-inquiry_panel1 dl dt img{
    margin-left: 10px;
    margin-right: -30%;
}
.Page-inquiry_panel1 dl dd{
    width: 70%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    background-color: #FFF;
    text-align: left;
    padding-left: 3%;
    display: table-cell;
    vertical-align: middle;
}
.Page-inquiry_panel1 .dt_01{
    border-radius: 20px 0px 0px 0px;
}
.Page-inquiry_panel1 .dt_02{
    border-radius: 0px 20px 0px 0px;
}
.Page-inquiry_panel1 .dt_03{
    border-radius: 0px 0px 0px 20px;
    border-bottom-width: 0px;
}
.Page-inquiry_panel1 .dt_04{
    border-radius: 0px 0px 20px 0px;
    border-bottom-width: 0px;
}

.Page-inquiry_panel1 dl input, textarea {
    box-sizing: border-box;
    width: 98%;
    padding: 0.3em;
    transition: 0.3s;
    border: 1px solid #1b2538;
    border-radius: 4px;
    outline: none;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 148%;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
}
.Page-inquiry_panel1 dl textarea {
    height: 150px;
}
.Page-inquiry_panel1_btm{
    padding-top: 50px;
}
/* ページ共通 パネルボックス */
.Page-panel1-list{}
.Page-panel1{}
.Page-panel1 .panel-img{}
.Page-panel1 .panel-title{}
.Page-panel1 .panel-coment{}
.Page-panel1 .panel-btm{}
  /* 左3つ並びの場合(space-between指定時)
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}
  */
  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */

/* ページ共通 流れ */
.Page-flow1-list{}
.Page-flow1{}
.Page-flow1 .flow-img{}
.Page-flow1 .flow-title{}
.Page-flow1 .flow-coment{}
.Page-flow1 .flow-btm{}
/* 左3つ並びの場合(space-between指定時)
.Page-flow1::after{
    content:"";
    display: block;
    width:30%;
}
*/
/* 左4つ並びの場合(space-between指定時)
.Page-flow1::before{
    content:"";
    display: block;
    width:23%;
    order:1;
}
.Page-flow1::after{
    content:"";
    display: block;
    width:23%;
}
*/

/* ページ共通 contact */
input, button, textarea, select {}
.Page-contact1{}
.Page-contact1 .contact-form{}
.Page-contact1 .contact-form input{}
.Page-contact1 .contact-form textarea{}
.Page-contact1 .contact-form select{}
.Page-contact1 .contact-form button{}

/* ページ共通 テーブル構成 */
.Page-table1{}
.Page-table1 .table-hed ul li{}
.Page-table1 .table-cell ul li{}
.Page-table1 .table-foot ul li{}

/* ページ共通 フッター */
.Foot__bloc{}
.Foot__bloc_bg1{
    background-image: url(../img/foot/bg_01.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 75px;
    /*background-color: #DFF4E7;*/
}
.Foot__bloc_bg1_2{
    background-image: url(../img/foot/bg_01.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 75px;
    background-color: #F8F8F5;
}
.Foot__bloc_bg2{
    background-color: #DFF4E7;
}
.Foot__bloc_bg3{
    background-image: url(../img/foot/foot_line.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 194px;
    background-color: #DFF4E7;
}
.Foot__bloc_panel{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 200px;
}
.Foot__bloc_panel_tel{
    width: 45%;
    border-radius: 20px 20px 20px 20px;
    background-color: #FFF;
    padding: 20px;
}
.Foot__bloc_panel_tel img{
    width: 100%;
}
.Foot__bloc_panel_mail{
    width: 45%;
    border-radius: 20px 20px 20px 20px;
    background-color: #FFF;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
}
.Foot__bloc_panel_mail img{
    width: 100%;
    margin-bottom: 50px;    

}
.Foot__bloc_cpcp{
    font-size: 14px;
    line-height: 168%;
    background-color: #74BF9F;
    color: #FFF;
    padding-bottom: 15px;
}
/* ページ共通 ボタン */
.button01 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 160px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button01 {
    border-radius: 30px 30px 30px 30px;
    background-color: #74BF9F;
    border: 2px solid ##74BF9F;
    color: #fff;
}
.button01:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button01:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}

.button02 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 160px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.button02::before,
.button02::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button02,
.button02::before,
.button02::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button02 {
    border-radius: 30px 30px 30px 30px;
    background-color: #dff4e7;
    border: 2px solid ##dff4e7;
    color: #74BF9F!important;
}
.button02:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji02.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button02:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF!important;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.button03 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.button03::before,
.button03::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button03,
.button03::before,
.button03::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button03 {
    border-radius: 30px 30px 30px 30px;
    background-color: #74BF9F;
    border: 2px solid ##74BF9F;
    color: #fff;
    padding-right: 60px;
    padding-left: 30px;
}
.button03:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button03:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
    padding-right: 100px;
    padding-left: 30px;
}

.button04 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 130px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.button04::before,
.button04::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button04,
.button04::before,
.button04::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button04 {
    border-radius: 30px 30px 30px 30px;
    background-color: #8B694E;
    border: 2px solid ##74BF9F;
    color: #fff;
}
.button04:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button04:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}

.button05 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 20px;
    padding-right: 160px;
    padding-bottom: 20px;
    padding-left: 80px;
}
.button05::before,
.button05::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button05,
.button05::before,
.button05::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button05 {
    border-radius: 5px 5px 5px 5px;
    background-color: #74BF9F;
    border: 2px solid ##74BF9F;
    color: #fff;
    text-align: left;
}
.button05:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji03.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button05:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}
.button06 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    padding-left: 100px;
}
.button06::before,
.button06::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button06,
.button06::before,
.button06::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button06 {
    border-radius: 30px 30px 30px 30px;
    background-color: #74BF9F;
    border: 0px solid #74BF9F;
    color: #fff;
}
.button06:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button06:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}
/* フッター 共通 */

/*　リストアイコン軍　*/

/* 非表示 */
.pc-hide{
    /*<br / class="pc-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
    display:inline-block;
}
/*　パディング(内)・マージン(外)リセット　*/
.gap-reset-pc{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
/* マージン0～100px */
.mg-reset-pc{margin-bottom: 0px !important;}
.mg-reset-pc10{margin-bottom: 10px !important;}
.mg-reset-pc20{margin-bottom: 20px !important;}
.mg-reset-pc30{margin-bottom: 30px !important;}
.mg-reset-pc40{margin-bottom: 40px !important;}
.mg-reset-pc50{margin-bottom: 50px !important;}
.mg-reset-pc60{margin-bottom: 60px !important;}
.mg-reset-pc70{margin-bottom: 70px !important;}
.mg-reset-pc80{margin-bottom: 80px !important;}
.mg-reset-pc90{margin-bottom: 90px !important;}
.mg-reset-pc100{margin-bottom: 100px !important;}
/* パディング0～100px */
.pd-reset-pc{padding-bottom: 0px !important;}
.pd-reset-pc10{padding-bottom: 10px !important;}
.pd-reset-pc20{padding-bottom: 20px !important;}
.pd-reset-pc30{padding-bottom: 30px !important;}
.pd-reset-pc40{padding-bottom: 40px !important;}
.pd-reset-pc50{padding-bottom: 50px !important;}
.pd-reset-pc60{padding-bottom: 60px !important;}
.pd-reset-pc70{padding-bottom: 70px !important;}
.pd-reset-pc80{padding-bottom: 80px !important;}
.pd-reset-pc90{padding-bottom: 90px !important;}
.pd-reset-pc100{padding-bottom: 100px !important;}

/*　ライン　*/
.down-line{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
/* 左寄せ・右寄せ */
.L-fied-pc{
    text-align: left;;
}
.R-fied-pc{
    text-align: right;
}
/* ページトップへ戻るボタン */

#page-top {
    position: fixed;
    bottom: 20px;
    z-index: 1001;
    right: 20px;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}
}
@media screen and (max-width: 828px){
/**************************
スマホ用スタイル
**************************/
/* ヘッダバック背景(静止画、動画) */
header h1, header h2 {
    display: none;
}
.Hed__bloc{
    padding-top: 48px;
}
.Hed__bloc_bg{
    background-image: url(../img/hed/sp_hed_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    height: 100VH;
    position: absolute;
    width: 100%;
    z-index: 1;
    animation: fadeIn 1s ease-in-out 0s normal forwards;
    opacity: 0;

}

.Hed__bloc_kazoku{
    z-index: 10;
    position: relative;
    text-align: right;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    animation: fadeIn2 1s ease-out 0.2s normal forwards;
    opacity: 0;
}

.Hed__bloc_kazoku img{
    width: 50%;
}
.Hed__bloc_logo{
    z-index: 10;
    position: relative;
    padding-top: 33%;
    animation: fadeIn2 1s ease-out 0.4s normal forwards;
    opacity: 0;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10%;
}
.Hed__bloc_logo img{
    max-width: 100%;
}
@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}
@keyframes fadeIn2 { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0;transform: translate3d(0, -80px, 0); } /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1;transform: translate3d(0, 0, 0);} /*アニメーション終了時は不透明度100%*/

}


/* ヘッダナビ */
.Hed_nav_bloc{
    background-color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    z-index: 1500;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
.Hed_nav_bg{
    width: 100%;
}
.Hed_nav_logo{
    width: 100%;
    text-align: left;
}
.Hed_nav_logo img{
    width: 200px;
}
.Hed_nav_list{
    display: none;
}
nav{
    display: none;
}

.global-nav {
    position: fixed;
    right: -1000px; /* これで隠れる */
    top: 0;
    width: 85%; /* スマホに収まるくらい */
    padding-top: 3px;
    background-color: #fff;
    transition: all .6s;
    z-index: 1501;
    overflow-y: auto;
}
.hamburger {
  position: fixed;
  right: 0;
  top: 0;
  width: 35px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 45px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 1501;
}
.global-nav ul {
    margin-bottom: 10px;
}
.global-nav__list {
    padding: 0;
    list-style: none;
    margin: 0;
}
.global-nav__item {
    text-align: left;
    padding: 0 14px;
}
.global-nav__item img {
    vertical-align: middle;
    margin-right: 15px;
}
.global-nav__item a {
    display: block;
    text-decoration: none;
    color: #111;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DEDEDE;
    font-weight: bold;
    padding-top: 4px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0;
}
.global-nav__item_a_line_no {
    border-bottom-style: none !important;
}
.global-nav__item a:hover {
  background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 0px;
  width: 30px;
  height: 2px;
  background-color: #111;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 8px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 32px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}


/* 各ページパン */

/* 各ページセクション */
.Body_bloc{}
.Page__body_feature{
    background-image: url(../img/feature/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    padding-top: 49px;
}
.Page__body_service{
    background-image: url(../img/service/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    padding-top: 49px;
}
.Page__body_user_guide{
    background-image: url(../img/user_guide/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    padding-top: 49px;
}
.Page__body_usage_fee{
    background-image: url(../img/usage_fee/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-color: #F8F8F5;
    padding-top: 49px;
}
.Page__body_cp{
    background-image: url(../img/cp/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    padding-top: 49px;
}
.Page__body_inquiry{
    background-image: url(../img/cp/page_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-color: #DFF4E7;
    padding-top: 49px;
}
/* 各ページタイトル トップ画像とタイトル */
.Page__hed_title_icon{

}
.Page__hed_title_icon img{
    width: 30%;
}
/* 特徴 */
.Page__hed_feature{
    background-image: url(../img/feature/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 250% auto;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 10%;
}
/* サービス */
.Page__hed_service{
    background-image: url(../img/service/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    background-size: 250% auto;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 10%;
}
/* 案内 */
.Page__hed_user_guide{
    background-image: url(../img/user_guide/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    background-size: 250% auto;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 10%;
}
/* 料金 */
.Page__hed_usage_fee{
    background-image: url(../img/usage_fee/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    background-size: 250% auto;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 10%;
}
/* 会社概要 */
.Page__hed_cp{
    background-image: url(../img/cp/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    background-size: 250% auto;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 10%;
}
/* お問い合せ */
.Page__hed_inquiry{
    background-image: url(../img/inquiry/page_title_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    background-size: 250% auto;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 10%;
}
/* ページ共通 H1タイトル・コメント */
.Page-h1-title1{
    margin-bottom: 70px;
    z-index: 10;
    position: relative;
}
.Page-h1-coment1{
    margin-bottom: 50px;
}
.Page-h1-title2{
    margin-bottom: 30px;
}
.Page-h1-title2 img{
    width: 80%;
}
.Page-h1-coment2{
    margin-bottom: 70px;
    text-align: left;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
}
.Page-h1-coment2_2{
    margin-bottom: 0px;
}
.Page-h1-title3{
    margin-bottom: 50px;
    font-size: 26px;
    line-height: 148%;
}
.Page-h1-title3 img{
    width: 96%;
}
/* ページ共通 H2タイトル・コメント */
.Page-h2-title1{
    margin-bottom: 25px;
}
.Page-h2-title2{
    font-size: 26px;
    margin-bottom: 50px;
    line-height: 148%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.Page-h2-title2 img{
    width: 96%;
}
.Page-h2-coment2{
    font-size: 36px;
}
/* ページ共通 H3タイトル・コメント */
.Page-h3-title1{
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 148%;
    color: #74BF9F;
}
.Page-h3-coment1{
    margin-bottom: 25px;
    line-height: 148%;
    font-size: 18px;
}
.Page-h3-title2{
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 148%;
    color: #ED939C;
}
/* Topページ ブロック1 */
.Page-top_panel1{
    background-color: #74BF9F;
    padding-top: 75px;
    padding-bottom: 25px;
}
.Page-top_panel1_comentBox{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.Page-top_panel1_comentBox_img1{
    width: 100%;
    padding-bottom: 30px;
}
.Page-top_panel1_comentBox_img2{
    display: none;
}
.Page-top_panel1_comentBox_img1 img{
    width: 100%;
}
.Page-top_panel1_comentBox_coment{
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}
.Page-top_panel1_comentBox_coment p{
    margin-bottom: 25px;
    color: #FFF;
    line-height: 200%;
}
/* Topページ ブロック2 */
.Page-top_panel2{
    padding-top: 50px;
    padding-bottom: 100px;
    background-image:  url(../img/top/bloc2/bg_02.png), url(../img/top/bloc2/bg_01.png);
    background-position: center bottom, center top;
    background-repeat: no-repeat , repeat;
    background-size:100% auto,auto auto;
}
.Page-top_panel2_bloc1{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-top_panel2_bloc1_img{
    width: 100%;
}
.Page-top_panel2_bloc1_img p{
    padding-bottom: 40px;
}
.Page-top_panel2_bloc1_img img{
    width: 80%;
}
.Page-top_panel2_bloc1_coment{
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
.Page-top_panel2_bloc1_subtitle{
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 128%;
}
.Page-top_panel2_bloc1_subcoment{
    margin-bottom: 30px;
    line-height: 168%;
}

/* Topページ ブロック3 */
.Page-top_panel3{
    background-color: #74BF9F;
    padding-top: 50px;
    padding-bottom: 50px;
}
.Page-top_panel3_bloc{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column-reverse;
}
.Page-top_panel3_bloc_Imag{
    width: 100%;
}
.Page-top_panel3_bloc_Imag p{
    width: 100%;
    padding-bottom: 30px;
}
.Page-top_panel3_bloc_Imag img{
    width: 80%;
}
.Page-top_panel3_bloc_comentBox{
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    color: #FFF;
}
.Page-top_panel3_bloc_comentBox .Page-h2-title1 img{
    width: 100%; 
}
.Page-top_panel3_bloc_subtitle{
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 128%;
    text-align: left;
}
.Page-top_panel3_bloc_coment{
    margin-bottom: 20px;
    line-height: 168%;
    text-align: left;
}

/* Topページ ブロック4 */
.Page-top_panel4{
    padding-top: 50px;
    padding-bottom: 50px;
}
.Page-top_panel4_bloc{
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}
.Page-top_panel4_bloc_item{
    width: 100%;
    padding-bottom: 50px;
}
.Page-top_panel4_bloc_item img{
    width: 100%;
}
.Page-top_panel4_bloc_item_title{
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}
.Page-top_panel4_bloc_item_coment{
    padding-right: 6%;
    padding-left: 6%;
    margin-bottom: 20px;
}
/* 特徴 ブロック */
.Page-feature_bloc{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.Page-feature_panel1{

}
.Page-feature_panel1 p{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-feature_panel1 p img{
    width: 100%;
}
/* サービス ブロック */
.Page-service_bloc{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.Page-service_panel1{
    width: 96%;
    background-color: #DFF4E7;
    border-radius: 20px 20px 20px 20px;
    margin-top: 150px;
    padding-bottom: 30px;
    margin-bottom: 100px;
    margin-right: auto;
    margin-left: auto;
}
.Page-service_panel1_title{
    background-image: url(../img/service/sub_sp_title_01.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:auto 110px;
    height: 124px;
    position: relative;
    top: -50px;
}
.Page-service_panel1_contentbox{}
.Page-service_panel1_img{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
    margin-top: -30px;
}
.Page-service_panel1_img img{
    width: 100%;
}
.Page-service_panel1_coment{
    width: 96%;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}
.Page-service_panel1_coment h3{
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 148%;
    color: #74BF9F;
}
.Page-service_panel1_coment ul{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 168%;
}
.Page-service_panel1_coment ul li:before{
    content: "● ";
    color: #74BF9F;
}
.Page-service_panel1_coment p{
    width: 100%;
}

.Page-service_panel2{

}
.Page-service_panel2_servi_box{
}
.Page-service_panel2_servi_item{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}
.Page-service_panel2_servi_item_img{
    width: 100%;
    margin-bottom: 20px;
}
.Page-service_panel2_servi_item_img img{
    width: 100%;
}
.Page-service_panel2_servi_item_coment{
    width: 100%;
    
}
.Page-service_panel2_servi_item_coment h3{
    font-size: 32px;
    margin-bottom: 15px;
    line-height: 128%;
}
.Page-service_panel2_servi_item_coment p{}

/* 案内 ブロック */
.Page-user_guide_bloc{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-user_guide_panel1{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px 20px 20px 20px;
    background-color: #DFF4E7;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.Page-user_guide_panel1_img{
    margin-bottom: 10px;
}
.Page-user_guide_panel1_img img{
    width: 96%;
}
.Page-user_guide_panel1_btm{}

/* 料金 ブロック */
.Page-usage_fee_bloc{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-usage_fee_panel1{
    margin-bottom: 100px;
}
.Page-usage_fee_panel1:last-of-type{
    margin-bottom: 50px;
}
.Page-usage_fee_panel1 img{
    width: 100%;
}

/* 会社概要 ブロック */
.Page-cp_bloc{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-cp_panel1{

}
.Page-cp_panel1_coment{
    width: 100%;
    text-align: left;
    margin-bottom: 50px;
}
.Page-cp_panel1_coment dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 200%;
    padding-bottom: 35px;
}
.Page-cp_panel1_coment dl dt{
    width: 30%;
}
.Page-cp_panel1_coment dl dd{
    width: 70%;
}
.Page-cp_panel1_coment h3{
    font-size: 26px;
    margin-bottom: 15px;
}
.Page-cp_panel1_coment p{
    margin-bottom: 15px;
}
.Page-cp_panel1_map{
    width: 100%;
}
.Page-cp_panel1_map h3{
    font-size: 26px;
    margin-bottom: 15px;
}
.Page-cp_panel1_map iframe{
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    height: 360px;
}
/* お問い合せ ブロック */
.Page-inquiry_bloc{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}
.Page-inquiry_panel1{}
.Page-inquiry_panel1 dl{
    width: 100%;
    display: table;
}
.Page-inquiry_panel1 dl dt{
    width: 30%;
    color: #FFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    text-align: center;
    display: table-cell;
    background-color: #97CFAC;
    vertical-align: middle;
    font-size: 14px;
    padding-top: 7%;
    padding-bottom: 7%;
}
.Page-inquiry_panel1 dl dt img{
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.Page-inquiry_panel1 dl dd{
    width: 70%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    background-color: #FFF;
    text-align: left;
    padding-left: 3%;
    display: table-cell;
    vertical-align: middle;
}
.Page-inquiry_panel1 .dt_01{
    border-radius: 20px 0px 0px 0px;
}
.Page-inquiry_panel1 .dt_02{
    border-radius: 0px 20px 0px 0px;
}
.Page-inquiry_panel1 .dt_03{
    border-radius: 0px 0px 0px 20px;
    border-bottom-width: 0px;
}
.Page-inquiry_panel1 .dt_04{
    border-radius: 0px 0px 20px 0px;
    border-bottom-width: 0px;
}
.Page-inquiry_panel1 dl input, textarea {
    box-sizing: border-box;
    width: 95%;
    padding: 0.3em;
    transition: 0.3s;
    border: 1px solid #1b2538;
    border-radius: 4px;
    outline: none;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 148%;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
}
.Page-inquiry_panel1_btm{
    padding-top: 50px;
}
/* ページ共通 パネルボックス */
.Page-panel1-list{}
.Page-panel1{}
.Page-panel1 .panel-img{}
.Page-panel1 .panel-title{}
.Page-panel1 .panel-coment{}
.Page-panel1 .panel-btm{}
  /* 左3つ並びの場合(space-between指定時)
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}
  */
  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */

/* ページ共通 流れ */
.Page-flow1-list{}
.Page-flow1{}
.Page-flow1 .flow-img{}
.Page-flow1 .flow-title{}
.Page-flow1 .flow-coment{}
.Page-flow1 .flow-btm{}
/* 左3つ並びの場合(space-between指定時)
.Page-flow1::after{
    content:"";
    display: block;
    width:30%;
}
*/
/* 左4つ並びの場合(space-between指定時)
.Page-flow1::before{
    content:"";
    display: block;
    width:23%;
    order:1;
}
.Page-flow1::after{
    content:"";
    display: block;
    width:23%;
}
*/

/* ページ共通 contact */
input, button, textarea, select {}
.Page-contact1{}
.Page-contact1 .contact-form{}
.Page-contact1 .contact-form input{}
.Page-contact1 .contact-form textarea{}
.Page-contact1 .contact-form select{}
.Page-contact1 .contact-form button{}

/* ページ共通 テーブル構成 */
.Page-table1{}
.Page-table1 .table-hed ul li{}
.Page-table1 .table-cell ul li{}
.Page-table1 .table-foot ul li{}

/* ページ共通 フッター */
.Foot__bloc{}
.Foot__bloc_bg1{
    background-image: url(../img/foot/bg_01.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:cover;
    height: 15px;
}
.Foot__bloc_bg2{
    background-color: #DFF4E7;
}
.Foot__bloc_bg3{
    width: 100%;
    background-color: #DFF4E7;
    margin-bottom: -1px;
}
.Foot__bloc_bg3 img{
    width: 100%;
}
.Foot__bloc_panel{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 0px;
}
.Foot__bloc_panel_tel{
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}
.Foot__bloc_panel_tel img{
    width: 100%;
}
.Foot__bloc_panel_mail{
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    background-color: #FFF;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}
.Foot__bloc_panel_mail img{
    width: 100%;
    margin-bottom: 50px;    

}
.Foot__bloc_cpcp{
    font-size: 12px;
    background-color: #74BF9F;
    color: #FFF;
    padding-bottom: 0px;
    padding-top: 3px;
}
/* ページ共通 ボタン */
.button01 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 140px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button01 {
    border-radius: 30px 30px 30px 30px;
    background-color: #74BF9F;
    border: 2px solid ##74BF9F;
    color: #fff;
}
.button01:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button01:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}

.button02 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 140px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.button02::before,
.button02::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button02,
.button02::before,
.button02::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button02 {
    border-radius: 30px 30px 30px 30px;
    background-color: #dff4e7;
    border: 2px solid ##dff4e7;
    color: #74BF9F!important;
}
.button02:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji02.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button02:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF!important;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.button03 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.button03::before,
.button03::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button03,
.button03::before,
.button03::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button03 {
    border-radius: 30px 30px 30px 30px;
    background-color: #74BF9F;
    border: 2px solid ##74BF9F;
    color: #fff;
    padding-right: 60px;
    padding-left: 30px;
}
.button03:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button03:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
    padding-right: 100px;
    padding-left: 30px;
}

.button04 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15%;
    width: 100%;
}
.button04::before,
.button04::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button04,
.button04::before,
.button04::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button04 {
    border-radius: 30px 30px 30px 30px;
    background-color: #8B694E;
    border: 2px solid ##74BF9F;
    color: #fff;
}
.button04:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button04:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}
.button05 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 80px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.button05::before,
.button05::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button05,
.button05::before,
.button05::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button05 {
    border-radius: 5px 5px 5px 5px;
    background-color: #74BF9F;
    border: 2px solid ##74BF9F;
    color: #fff;
    text-align: left;
}
.button05:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji03.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button05:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}
.button06 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 10%;
    padding-bottom: 10px;
    padding-left: 10%;
}
.button06::before,
.button06::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button06,
.button06::before,
.button06::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button06 {
    border-radius: 30px 30px 30px 30px;
    background-color: #74BF9F;
    border: 0px solid #74BF9F;
    color: #fff;
}
.button06:link {
    color: #fff;
    background-image: url(../img/all_page/btm_yaji01.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.button06:hover {
    background-color: #ed939c;
    border-color: #ed939c;
    color: #FFFFFF;
}
/*　リストアイコン軍　*/

/* 非表示 */
.sp-hide{
    /*<br / class="sp-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
    display:inline-block;
}
/*　パディング(内)・マージン(外)リセット　*/
.gap-reset-sp{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
/* マージン0～100px */
.mg-reset-sp{margin-bottom: 0px !important;}
.mg-reset-sp10{margin-bottom: 10px !important;}
.mg-reset-sp20{margin-bottom: 20px !important;}
.mg-reset-sp30{margin-bottom: 30px !important;}
.mg-reset-sp40{margin-bottom: 40px !important;}
.mg-reset-sp50{margin-bottom: 50px !important;}
.mg-reset-sp60{margin-bottom: 60px !important;}
.mg-reset-sp70{margin-bottom: 70px !important;}
.mg-reset-sp80{margin-bottom: 80px !important;}
.mg-reset-sp90{margin-bottom: 90px !important;}
.mg-reset-sp100{margin-bottom: 100px !important;}
/* パディング0～100px */
.pd-reset-sp{padding-bottom: 0px !important;}
.pd-reset-sp10{padding-bottom: 10px !important;}
.pd-reset-sp20{padding-bottom: 20px !important;}
.pd-reset-sp30{padding-bottom: 30px !important;}
.pd-reset-sp40{padding-bottom: 40px !important;}
.pd-reset-sp50{padding-bottom: 50px !important;}
.pd-reset-sp60{padding-bottom: 60px !important;}
.pd-reset-sp70{padding-bottom: 70px !important;}
.pd-reset-sp80{padding-bottom: 80px !important;}
.pd-reset-sp90{padding-bottom: 90px !important;}
.pd-reset-sp100{padding-bottom: 100px !important;}

/*　ライン　*/
.down-line{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
/* 左寄せ・右寄せ */
.L-fied-sp{
    text-align: left;;
}
.R-fied-sp{
    text-align: right;
}
/* ページトップへ戻るボタン */

#page-top {
    background-color: #DFF4E7;
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}
}
/**************************
PC・スマホ共に同じスタイル
**************************/

/*　フロートリセット　*/
.cl{
    /*<div class="cl"></div>*/
	line-height: 0px;
	clear: both;
	height: 0px;
}