.clearfix:after,.clearfix:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}
body,h1,h2,h3,h4,h5,p{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;-webkit-text-size-adjust:100%}
ul{list-style:none}
h1{color: #fff;
    margin-top: 118px;
    text-shadow: 0 0 3px #747474;}
h2{font-size:2em;line-height:30px;margin-top:55px}
h2,h4{color:#E8588E}
h4{text-align:center}
body,html{position:relative}
a,b{text-decoration:none;font-weight:400}
img{border:0}
.content{max-width:1150px;margin:auto;padding:0 5px;position:relative}
a.btn{font-size:1.7em;padding:15px 0;background:#f44336;color:#fff;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;margin:0 auto 75pt;display:block;max-width:490px;text-align:center;-webkit-box-shadow:4px 4px 4px #555;-moz-box-shadow:4px 4px 4px #555;box-shadow:4px 4px 4px #555}
a.btn:hover{background:#c44336}
.box .content{overflow:hidden;padding:5pc 20px}
.box .content p{font-size:1pc;color:#4c4c4c;line-height:30px}
#mainBox{overflow:hidden}

.content h1 {
    text-align: center;
}

.content h1 .en {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    letter-spacing: 0.52em;
}

.content h1 .jp {
    font-size: 42px;
    display: block;
    position: relative;
    font-family: 'Roboto';
    font-weight: 700;
    letter-spacing: 0.12em;
    margin: 0 auto;
    height: 55px;
    white-space: nowrap;
}

.content .h1_p {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.07em;
}

.content h2 {
    line-height: 1;
    text-align: center;
    margin-bottom: 40px;
}

.content .h2_p {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.07em;
    margin-top: 50px;
}

.content .h4_p {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.07em;
}
#header {
    background: #3c3c3ceb;
}

#header .content{min-height:86px;padding:0 5px;overflow:visible}
#header #top{background:url(../img/common/bg_header.png);height:20px}
#header #logo{padding: 4px 0;
    float: left;
    margin-left: 50px;
    margin-top: 5px;}
#header #logo img{width:150px}
#header #sm_btn_menu{float:right;width:2pc;padding:30px 15px 0 0;display:none}
#header #sm_btn_menu img{width:100%;margin-bottom:5px}
#header p#menu{position:absolute;right:0;bottom:-1px;overflow:hidden}
#header p#menu a{font-size:15px;color:#dedede;padding:20px;border-bottom:1px solid #848384;float:left}
#header p#menu a.active,#header p#menu a:hover{border-color:#E8588E;color:#E8588E}
#keyvisual{background-image:url(../img/page2/key_bg.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#keyvisual .content{min-height:260px;padding:0}
#keyvisual img{position:absolute;bottom:0;left:50%;margin-left:-760px;width:57%}
#breadcrumbs,#breadcrumbs a{font-size:.9em;color:#7b7b7b}
#breadcrumbs .content{padding:10px 5px}
#breadcrumbs a:hover{text-decoration:underline}
.top-titles strong{font-weight:400;margin-top:54px;display:inline-block;color:#616161;width:70%;line-height:30px}
.top-titles .content{text-align:center}
#footer{background:#fffbeb;padding-top:35px}
#footer h4 {
    font-size: 0.7em;
    margin-top: 10px;
    width: 224px;
}
#footer .footer-logo{width:22%;float:left;padding:25px 2% 0 0}
#footer ul{list-style:none;float:left;border-left:1px solid #e9e2c8;width:23%;height:205px;padding:20px 0 0 2%;margin:0}
#footer ul li{margin-bottom:10px}
#footer .social{float:left;width:14%;border-left:1px solid #e9e2c8;height:205px;padding:10px 0 0 2%}
#footer .social>div{padding:0 0 10px}
#footer ul a{color:#525251;font-size:0.9em}
#footer ul a:hover{text-decoration:underline}
#footer .content{margin-bottom:40px}
#copyright{padding:15px;background:#3c3c3c;clear:both;text-align:center;color:#fff}
.rsp_image{max-width:100%;height:auto}
#mobileFootNav{display:none}
.menuButton{display:inline-block;cursor:pointer;color:#fff;font-size:14px;line-height:20px;width:100%;height:100%;text-align:center;vertical-align:middle}
.menuButton:active{position:relative;top:1px}

.sc_block.show {
    transition: transform 0.8s cubic-bezier(0.13, 0.38, 0.12, 1) 0.2s,opacity 0.8s cubic-bezier(0.13, 0.38, 0.12, 1) 0.2s;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.38, 0.12, 1) 0.2s,opacity 0.8s cubic-bezier(0.13, 0.38, 0.12, 1) 0.2s;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
}

.sc_block {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out,opacity 0.3s ease-out;
}

.sp_only {
    display: none !important;
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 20px;/*高さ*/
  width: 75px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 10px;/*文字のサイズ*/
  line-height: 21px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  position: relative;
  top: 0px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/*パソコン・スマホ共通のCSS*/
#PageTopBtn {
position: fixed; /*ボタンの配置場所を固定*/
bottom: -10px; /*下からのボタンの配置場所を指定*/
right: 10px; /*右からのボタンの配置場所を指定*/
z-index: 999; /* 前面 */
}
#PageTopBtn a {
display: block; /*配置の調整*/
text-decoration: none; /*文字の下線を消す*/
color: #fff; /*文字の色*/
background: #E8588E; /*ボタンの背景色*/
text-align: center; /*文字を中央に配置*/
border-radius: 50%; /*ボタンの角を少し丸くする*/
outline: none; /*クリックしたときの黒い枠を消す*/
line-height: 2.1;
margin-bottom: 10px;
}
#PageTopBtn a:hover {
text-decoration: none; 
background: #e8588e38; /*マウスオーバー時の背景色*/
}
/*パソコンで表示する場合のCSS*/
@media (min-width: 768px) {
#PageTopBtn {
font-size: 25px; /*文字のサイズ*/
}
#PageTopBtn a {
width: 50px; /*ボタンの幅*/
height: 50px; /*ボタンの高さ*/
bottom: 10px; /*下からのボタンの配置場所を指定*/
/*padding: 5px 0; 文字の配置場所の調整*/
}
}
/*スマホで表示する場合のCSS*/
@media (max-width: 767px) {
#PageTopBtn {
font-size: 20px;
bottom: 53px !important; /*下からのボタンの配置場所を指定*/
}
#PageTopBtn a {
width: 40px;
height: 40px;
/*padding: 8px 0;*/
}
}


@media only screen and (max-width:1150px){
h1{left:10px}}

@media only screen and (max-width:1024px){
#header .content{text-align:center}
#header #logo{float:none;margin-top:10px;display:inline-block}
#header p#menu{position:relative;width:100%;text-align:center}
#header p#menu a{display:inline-block;float:none;padding:9pt}
#header #logo img{width:131px;height: 60px;}}

@media(max-width:965px){
#keyvisual .content{min-height:210px;padding:0}
#footer .footer-logo{width:30%;margin-bottom:30px;margin-left:4%}
#footer .list-1{margin-left:4%}
#footer ul{width:26%}
#footer .social{width:15%}
#footer div.twitter{width:27%}}

@media only screen and (max-width:768px){
#PageTopBtn {
bottom: 53px !important; /*下からのボタンの配置場所を指定*/
}
h4{text-align:left}
#header #logo{float:left;margin-left:10px}
#header p#menu{height:294px}
#header p#menu{width:220px;position:absolute;right:-5px;top:85px;background:url(../img/common/bg_menu.png);display:none;line-height:24px}
#header p#menu2{width:190px;position:absolute;right:-5px;top:85px;background:url(../img/common/bg_menu.png);display:none;line-height:24px}
#header p#menu2{height:330px}
#header p#menu a{float:left;width:216px;text-align:left;border-bottom:1px solid #fff;line-height:24px}
#header #top{display:none}
#header #sm_btn_menu{display:block;color:#fff;border:solid 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 10px 3px;margin:11px;font-size:10px}
#keyvisual{background-image:url(../img/page2/key_bg_sm.jpg)}
#footer ul{width:26%;padding-left:3%}
#footer .social{border-left:0;height:auto;margin: 7.3pc 0 0 -28%}
#footer div.twitter{width:30%}
#mobileFootNav{background:#E8588Eeb;display:block;z-index:2;width:100%;height:55px;position:fixed;bottom:0}
#mobileFootNav .ftNavBtn{float:left;width:50%;padding-top:5px}
#keyvisual .content{min-height:210px;padding:0}
#mainBox {height: 165px;}
#copyright{padding-bottom:54pt}

.content h1 .en {
    margin-bottom: 6px;
}

.content h1 .jp {
    font-size: 25px;
    height: 50px;
}


#mainBox {
    height: 220px;
}


.content .h2_p {
    font-size: 15px;
    line-height: 27px;
    margin-top: 30px;
}

.content .h1_p {
    line-height:27px;
}

.insta_btn2 {
    margin-top: -30px;
}

}

@media(max-width:640px){
h1{font-size:1em;margin-top: 100px;}
h2{font-size:1.5em}
.top-titles{padding:0 20px}
.top-titles strong{width:100%;text-align:left}
#header p#menu{width:220px;position:absolute;right:-5px;top:85px;background:url(../img/common/bg_menu.png);display:none;height:294px;line-height:24px}
a.btn{font-size:1em;width:90%}
#footer .footer-logo{display:none}
#footer ul{border-left:0;padding-left:0;width:48%;}
#footer .social{float:none;width:98%;text-align:center;margin:0;padding-top:30px;border-top:1px solid #e9e2c8;overflow:hidden}
#footer .social div{display:inherit}
#footer .social div:first-child{margin-left:0}
#footer div.twitter{width:96%;margin-top:45px;padding:0 2%;text-align:center}
#keyvisual .content{min-height:190px;padding:0}
#mainBox {height: 220px;}
#footer div.twitter iframe{display:inline-block}
.br_sp {
    display: block;
}

.content .h2_p {
    font-size: 10.5px;
    line-height: 19px;
}

.content h1 .jp{
    font-size: 14px;
}

.content h1 .en {
    margin-bottom: -4px;
}
.content .h1_p {
    line-height:36px;
}

.insta_btn2 {
    margin-top: -6px;
}

}

@media(max-height:425px){
.main-page #mainBox #keyvisual .content{padding-top:95px}
#header p#menu{height:282px;top:63px}
#header p#menu a{padding:8px 9pt}
#header .content{min-height:62px}
#header #logo{padding:0}
#header #logo img{width:10pc}}