@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/

body {
    background: #f5f5f5;
    color: #313131;
    /*全体の文字色*/
    margin: 0px;
    padding: 0px;
    font: 16px/1.6 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

h1,
h2,
h3,
h4,
h5,
p,
ol,
dl,
dt,
dd,
form,
figure {
    margin: 0px;
    padding: 0px;
}

ul {
    padding-left: 10px;
    margin-bottom: 10px;
}

img {
    border: none;
}

input,
textarea,
select {
    font-size: 1em;
}

form {
    margin: 0px;
}

table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0;
}

.clearfix:after {
    content: ".";
    /* 新しい要素を作る */
    display: block;
    /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/

a {
    color: #313131;
    /*リンクテキストの色*/
    text-decoration: none;
}

a:hover {
    color: #006ddc;
    /*マウスオン時の文字色（全体）*/
}


/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/

#container {
    width: 1024px;
    /*コンテナー幅*/
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0 auto;
}

.body-bg2 {
    background-color: #fff;
}





/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/

.head {
    height: 75px;
    background-image: url(../img2/header.png);
}

.heads {
    font-size: 18px;
    padding-top: 28px;
    margin-left: 510px;
}


/*日程
---------------------------------------------------------------------------*/


.widget_wrapper_btn{
    text-align: center;
}




/*特典
--------------------------*/

.tokuten {
    height: 1300px;
    background-image: url(../img2/tokuten.jpg);
}

.toku1 {
    font-size: 20px;
    padding-top: 580px;
    margin-left: 130px;
    margin-right: 90px;
    line-height: 1.9em;
}

.toku2 {
    font-size: 20px;
    padding-top: 340px;
    margin-left: 130px;
    margin-right: 90px;
    line-height: 1.7em;
}


/*講師紹介
--------------------------*/

.koushi {
    height: 1180px;
    background-image: url(../img2/koushi.jpg);
}

.koushishoukai {
    font-size: 20px;
    padding-top: 480px;
    margin-left: 50px;
    margin-right: 90px;
    line-height: 1.7em;
}


/*セミナー内容
--------------------------*/


.naiyoutxt {
    font-size: 20px;
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 50px;
    line-height: 1.7em;
}

.naiyoutxt1 {
    font-size: 20px;
    margin-left: 60px;
    margin-right: 60px;
    line-height: 1.7em;
}

.txt{
    text-align: left;
}


/*講師紹介2
--------------------------*/

.koushi2 {
    height: 1327px;
    background-image: url(../img2/koushi2.jpg);
}

.koushishoukai2 {
    font-size: 20px;
    padding-top: 570px;
    margin-left: 60px;
    margin-right: 90px;
    line-height: 1.8em;
}

.jisseki {
    font-size: 20px;
    padding-top: 40px;
    margin-left: 60px;
    margin-right: 90px;
    line-height: 1.7em;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/

#main {
    clear: both;
    margin: 0;
}

.notice {
    width: 100%;
}

h2 {
    font-size: 38px;
    /*margin: 80px 0 40px 40px;
border-left: 10px solid #0cb8df;
padding-left: 10px;
font-size: 200%;
text-align: left;
line-height: 1.4;
color: #000;*/
}

h2#shoukai {
    margin: 80px 0 40px 40px;
    border-left: 10px solid #0cb8df;
    padding-left: 10px;
    font-size: 200%;
    text-align: left;
    line-height: 1.4;
    color: #000;
}

.point {
    color: #eb6100;
}

.ttl-1 {
    width: auto;
    padding: 1em 0.5em;
    background: #0cb8df;
    position: relative;
    color: #fff;
    /*font-size: 200%;*/
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
}

.sankaku {
    width: 0;
    height: 0;
    border-top: 30px solid #0cb8df;
    border-right: 50px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    bottom: -53px;
    left: 440px;
}

.notice2 {
    padding: 1.3em 2em;
    margin-bottom: 1em;
    font-size: 134%;
    line-height: 1.6;
    font-weight: normal;
}

.notice2 em {
    font-size: 80%;
    font-weight: normal;
}

.notice2 p {
    border-bottom: 1px dashed #999;
}

.d-box {
    /*background-color: #ff6900;*/
    color: #0e335d;
    padding: 0px 6px;
    border-radius: 8px;
    /*margin-right: 10px;*/
    margin-top: 5px;
    margin-bottom: 5px;
}

.text-box {
    width: 90%;
    margin: 1em auto;
}

#check {}

#check dt {
    background: url(../img/icon.png) no-repeat 8px 8px;
    background-color: #efefef;
    font-size: 130%;
    font-weight: bold;
    padding-left: 35px;
}

#check dd {
    margin: 1em 0;
    text-align: justify;
}

.order {
    width: 80%;
    margin: 0 auto 30px;
}

.profile {
    margin: 10px 0;
    padding: 1.5em;
    border: 1px solid #cccccc;
}

.profile h3,
.day_box h3 {
    line-height: 1.3;
    font-size: 180%;
    border-left: 5px solid #777374;
    padding-left: 15px;
}

.profile h4,
.day_box h4 {
    border-left: 5px solid #777374;
    color: #333;
    padding-left: 15px;
}

.profile p {
    margin-left: 5px;
}

h1 {
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    padding: 0.5em;
}

.relative {
    position: relative;
}

.absolute p {
    position: absolute;
    font-size: 250%;
    color: #454545;
    font-weight: bold;
    line-height: 65%;
    top: 55px;
    left: 150px;
    text-align: center;
    letter-spacing: -0.03em;
}

.kiyaku {
    overflow-y: scroll;
    height: 50px;
    width: 70%;
    padding: 1em;
    font-size: 80%;
    color: #888;
    margin: -75px auto 40px;
}

.yohaku {
    margin-top: 20px;
    margin-left: 150px;
}

.yajirushi {
    width: 69px;
    margin: 0 auto;
}

table.day {
    width: 800px;
    margin: 50px auto 10px;
}

table.day tr {
    border-bottom: 1px dotted #ccc;
}

table.day th {
    background: #777374;
    color: #fff;
    padding: 2px 30px;
    font-size: 24px;
    font-weight: normal;
}

.day td {
    padding: 5px;
    background: #fff;
    font-size: 24px;
    border: 1px solid #ccc;
}

.day_box {
    width: 910px;
    margin: 20px auto 30px;
    background: #fff;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    padding: 20px 35px;
    border: 1px solid #ccc;
}

.day_box p {
    line-height: 1.4;
    margin-bottom: 14px;
    font-size: 16px;
}

p {
    line-height: 1.6;
    margin-bottom: 14px;
}

.bg_orange {
    background: #ff6600;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.2;
    padding: 10px 15px;
}

h3.green {
    background: #33cc00;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.2;
    padding: 20px 5px;
}

.box1 {
    border: 1px solid #ccc;
    padding: 10px;
    line-height: 1.4;
}

ul.maru {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    font-weight: bold;
}

.maru li {
    background: url(../img/int.png) no-repeat;
    padding-left: 30px;
    margin-bottom: 5px !important;
}

.box1 li p {
    margin: 0;
    padding: 0;
}

#shosai {
    width: 100%;
    border-top: 1px solid #3b628b;
    border-right: 1px solid #3b628b;
}

#shosai tr {}

#shosai th {
    background-color: #3b628b;
    width: 30%;
    color: #fff;
    font-size: 150%;
    padding: 1em;
    border-bottom: 1px solid #fff;
}

#shosai td {
    width: 70%;
    padding: 1em;
    border-bottom: 1px solid #3b628b;
}

#shosai ul {}

.voice {
    padding: 1em;
    margin: 1em auto;
    border: 1px solid #504885;
}

.voice2 {
    overflow-y: auto;
    border: 1px solid #504885;
    padding: 1em;
    margin: 1em auto;
}

#send-table {
    width: 90%;
    margin: 0 auto;
    border-left: 1px solid #dcdcc1;
    border-top: 1px solid #dcdcc1;
    font-size: 100%;
}

#send-table th {
    widht: 30%;
    background-color: #DBEDFF;
    text-align: right;
    padding: 10px 20px;
    border-right: 1px solid #dcdcc1;
    border-bottom: 1px solid #dcdcc1;
}

#send-table td {
    width: 70%;
    padding: 10px 20px;
    background-color: #fff;
    border-right: 1px solid #dcdcc1;
    border-bottom: 1px solid #dcdcc1;
}

#send-table caption {
    background: #296eb7;
    padding: 8px 12px;
    margin: 5px 0;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
}

#main blockquote {
    margin: 0 0 2em 0;
    padding: 20px;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

#main blockquote:after {
    content: '"';
    font-style: italic;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    line-height: 60px;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 5px;
    color: #999;
}

#main blockquote:before {
    content: '"';
    font-style: italic;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999;
}

.youtube {
    width: 853px;
    margin: 0 auto;
    height: auto;
}

#seminar {
    width: 100%;
}

#seminar th {
    padding: 5px 15px;
    font-weight: bold;
    text-align: left;
    background-color: #ddd;
}

#seminar td {
    text-align: left;
    padding: 3px 10px;
    border-bottom: 1px dotted #ddd;
}

.bg1 {
    background: url(../img/step1_bg.jpg) no-repeat;
}

.bg2 {
    background: url(../img/step2_bg.jpg) no-repeat;
}

h3.about {
    margin-top: 30px;
    background: url("../img/check.png") no-repeat;
    padding-left: 40px;
    padding-top: 5px;
    font-size: 20px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.about_box {
    padding-left: 40px;
    font-size: 18px;
}

ul.image {
    list-style: none;
    display: block;
}

ul.image li {
    width: 50%;
    float: left;
}


/*ボタン設定
---------------------------------------------------------------------------*/

.button {
    padding-top: 50px;
}

.btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-bottom: 5px solid #0e527e;
    color: #ffffff;
    font-size: 200%;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin: 10px 0;
}

.btn:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
    color: #ffffff;
}

a.img-link:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


/*ボタン*/

.submit {
    text-shadow: 0px -2px #ff6600;
    position: relative;
    padding: 25px 120px;
    border-radius: 5px;
    font-size: 180%;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    /*display:block;*/
}


/*.submit:hover {
background-color: #79d793;
box-shadow: 0 3px 0 #3cb65c;
}*/

.submit:active,
.submit:hover {
    top: 3px;
    box-shadow: none;
    color: #fff;
}

.button1 {
    background: #ffffff;
    margin-top: 30px;
    margin-bottom: 60px;
}

.button1 {
    background: #ffffff;
    margin-top: -50px;
    margin-bottom: 60px;
}


/*フッター設定
---------------------------------------------------------------------------*/

footer {
    font-size: 85%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #c23c3c;
    color: #fff;
    position: relative;
    min-width: 1024px;
}

footer a {
    color: #fff;
}

.link-top {
    position: absolute;
    top: -25px;
    right: 5%;
}


/*その他
---------------------------------------------------------------------------*/

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}


/*リンク透明設定*/

a.img-link:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#qa {}

#qa dl {}

#qa dt {
    font-size: 120%;
    font-weight: bold;
    background: url(../img/icon-q.jpg) no-repeat 2px 7px;
    padding: 4px 4px 4px 40px;
}

#qa dd {
    margin-bottom: 10px;
    padding: 4px 4px 10px 40px;
    background: url(../img/icon-a.jpg) no-repeat 2px 7px;
    border-bottom: 1px solid #ccc;
}

.border1 {
    border: 0;
    border-bottom: 1px dashed #666;
    margin: 1em 0;
}

.border2 {
    border: 0;
    border-bottom: 3px double #0075a9;
    margin-bottom: 1em;
}


/*フォント設定
---------------------------------------------------------------------------*/

.under {
    text-decoration: underline;
}

.red {
    color: #d80011;
}

.murasaki {
    color: #6d308e;
}

.ao {
    color: #1c639d;
}

.kiro {
    color: #FF0;
}

.gray {
    color: #666;
}

.siro {
    color: #fff;
}

.bold {
    font-weight: bold;
}

.through {
    text-decoration: line-through;
}

.yellow {
    background-color: #FF6;
}

.justify {
    text-align: justify;
}

.size10 {
    font-size: 10px;
}

.size12 {
    font-size: 12px;
}

.size14 {
    font-size: 14px;
}

.size105 {
    font-size: 105%;
}

.size110 {
    font-size: 110%;
}

.size130 {
    font-size: 130%;
}

.size150 {
    font-size: 150%;
}

.size200 {
    font-size: 200%;
}

.fnt18 {
    font-size: 18px;
}

.voice_text {
    font-size: 14px;
    color: #aaa;
    text-align: right;
}

.bg-gray {
    background: #f5f5f5;
    padding: 1em;
}

.bg-white {
    background: #fff;
    padding: 1em;
}

.bg-white p {
    border-bottom: 1px dashed #ccc;
}

.pk {
    text-align: center;
    font-size: 16px;
    padding: 3px;
    color: #fff;
    background-color: #313131;
    margin-top: 5px;
    margin-bottom: 3px;
}

input {
    padding: 8px;
    font-size: 140%;
}

.send {
    padding: 10px;
    font-size: 140%;
}

select {
    padding: 8px;
}

.tokutei_tbl,
.about_tbl {
    width: 80%;
    margin: 20px auto;
}

.tokutei_tbl th,
.about_tbl th {
    background: #eee;
    text-align: center;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 10px;
}

.tokutei_tbl td,
.about_tbl td {
    border: 1px solid #ccc;
    padding: 10px;
}

ul.half {
    list-style: none;
    width: 920px;
    margin: 0 auto;
    padding: 0;
}

ul.half li {
    float: left;
    max-width: 455px;
    margin-right: 7px;
    padding: 0;
}

ul.half li:nth-child(2) {
    margin-right: 0;
}

dl.tbl_form dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

dl.tbl_form {
    background: #eee;
    border: 1px solid #ccc;
    border-top: none;
    width: 80%;
    margin: 20px auto;
}

dl.tbl_form dt,
dd {
    padding: 6px;
}

dl.tbl_form dt {
    border-top: 1px solid #ccc;
    clear: left;
    float: left;
    width: 26%;
    text-align: center;
    line-height: 2.5em;
}

dl.tbl_form dd {
    background: #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: 27%;
}

form h3 {
    width: 80%;
    background: #eee;
    text-align: center;
    margin: 0 auto;
    padding: 6px;
    font-weight: normal;
}


/* margin
---------------------------------------------------------------------------*/

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml40 {
    margin-left: 40px;
}

.ml60 {
    margin-left: 60px;
}

.ml75 {
    margin-left: 75px;
}

.ml80 {
    margin-left: 80px;
}

.mr20 {
    margin-right: 20px;
}

.mr400 {
    margin-right: 400px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb80 {
    margin-bottom: 80px;
}

.pt20 {
    padding-top: 20px;
}

.pt40 {
    padding-top: 40px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb40 {
    padding-bottom: 40px;
}

.pl10 {
    padding-left: 10px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pr10 {
    padding-right: 10px;
}

.pd20 {
    padding: 20px;
}

.pd30 {
    padding: 30px;
}



@media screen and (max-width: 768px) {
    /* スマホ用のCSS */
    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    img {
        max-width: 100% !important;
    }
    img.alignright {
        max-width: 100%;
    }

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/

.logo{
    width: 25%;
    padding: 5px;
}



li {
    display: inline;
    }

    .yohaku {
        margin:0 auto;
        
    }

.seireki{
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
}


.nen{
    font-size: 20px;
}


.php{
   position: absolute;
   top: 27%;
   left: 6%;
   font-size: 120%;
   line-height: 1.1;
   font-weight: bold;
}


.absolute p {
    position: absolute;
    font-size: 145%;
    color: #454545;
    font-weight: bold;
    line-height: 65%;
    top: 5px;
    left: 10px;
    text-align: center;
    letter-spacing: -0.03em;
}

.kiyaku {
    overflow-y: scroll;
    height: 50px;
    width: 80%;
    padding: 1em;
    font-size: 60%;
    color: #888;
    margin: -30px auto 40px;
}


    .naiyoutxt {
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 50px;
        line-height: 1.8em;
    }

    .naiyoutxt1 {
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
        line-height: 1.8em;
    }
 
    .txt{
        text-align: left;
        margin-left: -10px;
        width: 100%;
    }
    


    
    .koushishoukai2 {
        font-size: 20px;
        padding-top: 570px;
        margin-left: 60px;
        margin-right: 90px;
        line-height: 1.8em;
    }
    

    .tokuten {
        width: 100%;
        background-image: url(../img2/tokuten.jpg);
        background-size: cover;
    }
    
    .toku1 {
        font-size: 20px;
        padding-top: 580px;
        margin-left: 130px;
        margin-right: 90px;
        line-height: 1.9em;
    }
    
    .toku2 {
        font-size: 20px;
        padding-top: 340px;
        margin-left: 130px;
        margin-right: 90px;
        line-height: 1.7em;
    }


/*講師紹介2
--------------------------*/

.koushi2 {
    width: 100%;
    height: 1327px;
    background-image: url(../img2/koushi2.jpg);
}

.koushishoukai2 {
    font-size: 20px;
    padding-top: 570px;
    margin-left: 60px;
    margin-right: 90px;
    line-height: 1.8em;
}

.jisseki {
    font-size: 15px;
    padding-top: 20px;
    margin-left: 15px;
    margin-right: 20px;
    line-height: 1.7em;
}



    

    .background {
        width: 100%;
        height: 0;}
    
      
        h2 {
            font-size: 120%;
        }
        h1 {
            text-align: center;
            color: #fff;
            font-size: 145%;
            line-height: 1.2;
            padding: 5px;
        }
        h3.green {
            font-size: 140%;
            padding: 5px;
        }
        #container {
            width: 100%;
        }
        .hd_link {
            display: none;
        }
        header {
            height: auto;
        }
        table.day,
        .day_box {
            width: 98%;
            margin: 10px auto 20px;
            border: 1px solid #ccc;
        }
        table.day th {
            background: #0cb8df;
            color: #fff;
            padding: 5px;
            font-size: 100%;
            font-weight: normal;
        }
        table.day td {
            padding: 5px;
            background: #fff;
            font-size: 100%;
        }
        footer {
            width: 100%;
            min-width: 100%;
        }
        .sankaku {
            display: none;
        }
        .notice2 {
            padding: 1.3em 1em;
            margin-bottom: 1em;
            font-size: 120%;
            line-height: 1.6;
            font-weight: normal;
        }
        .day_box {}
        .profile,
        .day_box {
            padding: 1em 0.5em;
        }
        .profile h3,
        .day_box h3 {
            line-height: 1.3;
            font-size: 120%;
            border-left: 5px solid #0cb8df;
            padding-left: 15px;
        }
        .profile h4,
        .day_box h4 {
            border-left: 5px solid #0cb8df;
            color: #333;
            padding-left: 15px;
        }
        .submit {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding: 25px;
            min-width: 60%;
            font-size: 180%;
        }
        .about_box {
            padding-left: 0px;
        }
        .size150 {
            font-size: 120%;
        }
        .size130 {
            font-size: 105%;
        }
        .size200 {
            font-size: 140%;
        }
        ul.half {
            list-style: none;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
        ul.half li {
            float: none;
            width: 100%;
            margin: 0 auto 5px;
        }
        ul.half li:nth-child(2) {
            margin: 0 auto 5px;
        }
        header {
            height: auto;
            padding: 0;
        }
        .hd_logo {
            margin: 2px;
        }
        .hd_logo img {
            width: 50%;
        }
   
    }
}

@media screen and (max-width: 768px) {





    input{ font-size:16px; }
    .ewp_grey_column .text-center {
        width: 100% !important;
        font-size: 280% !important;
        line-height: 1.3;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    h5 .text-center{
        font-size: 280% !important;
    }
    .widgetform-group.ewp_icon.recurr-date{
        padding: 0px !important;
    }
    .recurr-date{
        padding: 2.5em !important;
    }
    .widgetform-input{
        font-size: 26px !important;
        padding: 1.5em !important;
    }
    .ewp_icon .calendar_icon{
        top: 45px !important;
    }
    .ew-register_btn{
        height: 100px !important;
    }
    .ewp_btn_green{
        font-size: 30px !important;
    }
}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
  .pc { display: none !important; }
  .sp { display: block !important; }





/*ハンバーガーメニュー
--------------------------*/
  .menu-btn {
    position: fixed;
    top: 10px;
    right: 30px;
    display: flex;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #8285C8;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}


#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 25%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #FF7575;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #FF7575;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}










}