@charset "UTF-8";
/* Font
---------------------------------------------------------------- */
.u-bold{ font-weight:bold;}

/* Utility
---------------------------------------------------------------- */
.u-left{ text-align:left;}

.u-center{ text-align:center;}

.u-right{ text-align:right;}

.u-ib{ display:inline-block;}

.u-sp{ display:none;}

.u-pc{ display:block;}

.u-ov-h{ overflow:hidden;}

.u-mt-xs{ margin-top:5px;}

.u-mt-ss{ margin-top:10px;}

.u-mt-s{ margin-top:15px;}

.u-mt-ms{ margin-top:20px;}

.u-mt-m{ margin-top:30px;}

.u-mt-ml{ margin-top:40px;}

.u-mt-l{ margin-top:50px;}

.u-mt-ll{ margin-top:60px;}

.u-mt-xl{ margin-top:70px;}

.u-mt-xxl{ margin-top:80px;}

.u-mt-xxll{ margin-top:100px;}

@media only screen and (max-width: 768px){ .u-inr{margin-right:auto; margin-left:auto;max-width:768px; width:93.5%;}
  .u-pc{ display:none;}
  .u-sp{ display:block;}
  .u-mt-xs{ margin-top:.68587%;}
  .u-mt-ss{ margin-top:1.39276%;}
  .u-mt-s{ margin-top:2.08914%;}
  .u-mt-ms{ margin-top:2.78552%;}
  .u-mt-m{ margin-top:4.17827%;}
  .u-mt-ml{ margin-top:5.57103%;}
  .u-mt-l{ margin-top:6.96379%;}
  .u-mt-ll{ margin-top:8.35655%;}
  .u-mt-xl{ margin-top:9.7493%;}
  .u-mt-xxl{ margin-top:11.14206%;}
  .u-mt-xxll{ margin-top:13.92758%;}}

@media only screen and (max-width: 480px){ .u-mt-xs{ margin-top:1.09649%;}
  .u-mt-ss{ margin-top:2.19298%;}
  .u-mt-s{ margin-top:3.28947%;}
  .u-mt-ms{ margin-top:4.38596%;}
  .u-mt-m{ margin-top:6.57895%;}
  .u-mt-ml{ margin-top:8.77193%;}
  .u-mt-l{ margin-top:10.96491%;}
  .u-mt-ll{ margin-top:13.15789%;}
  .u-mt-xl{ margin-top:15.35088%;}
  .u-mt-xxl{ margin-top:17.54386%;}
  .u-mt-xxll{ margin-top:21.92982%;}}

/* Layout
---------------------------------------------------------------- */
.l-container{ width:100%;}

.l-inr{margin-right:auto; margin-left:auto; width:1130px;}

.l-content{margin-right:auto; margin-left:auto; width:1080px;}

.l-wrap{ width:100%;}

.l-box{margin-right:auto; margin-left:auto; width:1030px;}

@media only screen and (max-width: 768px){ .l-inr{ width:100%;}
  .l-content{ width:100%;}
  .l-wrap{margin-right:auto; margin-left:auto;max-width:768px; width:93.5%;}
  .l-box{ width:100%;}}

/* Header
---------------------------------------------------------------- */
.l-header{position:relative;z-index:10; margin:0 0 20px; width:100%;}

.header-copy{ font-size:12px;padding: 0 0 5px 0;}

.header-inr{overflow:hidden; margin-right:auto;margin-left:auto;padding:20px 0; width:1080px;}

.header-logo{ float:left;width:300px;}

.header-ad{ float:right;width:400px;text-align:right;}

.header-menu{ display:none;}



.header-nav{ width:100%;background-color:#e15d5b;box-shadow:0px 3px 3px 0px rgba(181, 181, 181, .6);}
.header-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;margin-right:auto;margin-left:auto; width:1080px;-webkit-box-pack:justify;justify-content:space-between;}
.header-nav-list li{border-right:1px solid #fff; color:#fff; font-size:18px;}
.header-nav-list li:first-child{ border-left:1px solid #fff;}
.header-nav-list li.u-sp{ display:none;}
.header-nav-list a{ display:block;padding:20px 35px; color:#fff;text-align:center;}
.header-nav-list a:hover{ background-color:#e57271;}

@media only screen and (max-width: 768px){ .l-header{ margin:0;padding:0;border-bottom:none;}
  .header-copy{display:none;}
  .header-inr{margin-right:auto;margin-left:auto;padding:2.78552% 0; max-width:768px; width:93.5%;}
  .header-logo{ position:relative;z-index:10; float:none;margin-right:auto;margin-left:auto;width:62.67409%;}
  .header-ad{ display:none;}
  .header-menu{position:absolute;top:25%;right:15px;z-index:10;  display:block;box-sizing:border-box;text-align:center;}
  .header-menu-icon{position:relative; display:inline-block;box-sizing:border-box; width:30px;height:25px;transition:all .4s;}
  .header-menu-icon span{position:absolute;left:0; display:inline-block;box-sizing:border-box; width:100%;height:3px;background-color:#e15d5b;transition:all .4s;}
  .header-menu-icon span:nth-of-type(1){ top:0;}
  .header-menu-icon span:nth-of-type(2){ top:11px;}
  .header-menu-icon span:nth-of-type(3){ bottom:0;}
  .header-menu-icon.active span:nth-of-type(1){ -webkit-transform:translateY(11px) rotate(135deg);transform:translateY(11px) rotate(135deg);}
  .header-menu-icon.active span:nth-of-type(2){ opacity:0;}
  .header-menu-icon.active span:nth-of-type(3){ -webkit-transform:translateY(-11px) rotate(-135deg);transform:translateY(-11px) rotate(-135deg);}
  .header-menu-cap{color:#e15d5b; font-size:13px;line-height:1;}
  .header-nav{position:absolute;top:0px;z-index:2; display:none;padding:15.32033% 0 0;background-color:#fff;box-shadow:none;}
  .header-nav-list{ display:block;overflow:hidden; width:100%;border-top:1px solid #fff;background-color:#e15d5b;text-align:center;}
  .header-nav-list li{display:block;float:left;box-sizing:border-box; width:50%;border-right:1px solid #fff; border-bottom:1px solid #fff;font-size:15px;}
  .header-nav-list li:nth-child(even){ border-right:none;}
  .header-nav-list li:first-child{ border-left:none;}
  .header-nav-list li.u-sp{ display:block;}
  .header-nav-list a{ padding:10px 0;}}

@media only screen and (max-width: 480px){ .header-inr{ padding:5% 0;}
  .header-menu{ right:5px;}
  .header-menu-cap{ font-size:11px;}
  .header-nav{ padding:22% 0 0;}}

/* Bar
---------------------------------------------------------------- */
.c-bar{ position:relative;height:320px;background:url(../images/common/bar_pc.jpg) center top no-repeat;}
.c-bar-inr{ position:absolute;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.c-bar-ttl{ color:#e15d5b;font-weight:bold; font-size:30px;}
.c-bar-ttl::after{ display:block;margin:10px auto;width:60px;height:2px;background-color:#e15d5b; content:"";}
.c-bar-txt{ font-size:18px;}

@media only screen and (max-width: 768px){ .c-bar{ height:300px;background:url(../images/common/bar_sp.jpg) right top no-repeat;background-size:cover;}
  .c-bar-inr{ width:90%;}}

@media only screen and (max-width: 480px){ .c-bar{ height:200px;}
  .c-bar-ttl{ font-size:22px;}
  .c-bar-txt{ font-size:14px;}}

/* Title
---------------------------------------------------------------- */
.c-ttl-01{border-bottom:2px solid #e15d5b; font-weight:bold; font-size:26px;}

.c-ttl-02{padding:20px;border:1px solid #dc4240;text-align:center; font-size:26px;font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ＭＳ 明朝", serif;line-height:1.5; -webkit-font-feature-settings:"palt";font-feature-settings:"palt";}

.c-emp-01{ letter-spacing:3px;font-size:36px;}

.c-emp-02{ color:#dc4240;}

@media only screen and (max-width: 768px){ .c-ttl-01{ font-size:20px;}
  .c-ttl-02{padding:2.78552%;  font-size:22px;}
  .c-emp-01{ font-size:24px;}}

@media only screen and (max-width: 480px){ .c-ttl-01,.c-ttl-02{ font-size:18px;}
  .c-emp-01{ font-size:20px;}}

/* Option
---------------------------------------------------------------- */
.c-opt{box-sizing:border-box;margin-right:auto;margin-left:auto; width:850px;border:2px solid #e14884;}
.c-opt-head{ padding:10px;background-color:#e14884;color:#fff;text-align:center; font-weight:bold;font-size:22px;}
.c-opt-inr{ padding:20px 15px;}
.c-opt-lead{text-align:center; font-weight:bold; font-size:28px;}
.c-opt-lead strong{ color:#e14884;}
.c-opt-list{ font-size:14px;}
.c-opt-txt{padding:5px;background-color:#fff9d7;  color:#e15d5b;text-align:center;}

@media only screen and (max-width: 768px){ .c-opt{ width:100%;}
  .c-opt-head{ font-size:18px;}
  .c-opt-lead{ font-size:22px;}
  .c-opt-list{ font-size:14px;}
  .c-opt-txt{padding:5px;background-color:#fff9d7;  color:#e15d5b;text-align:center;}}

/* Lead
---------------------------------------------------------------- */
.c-lead{ padding:30px 100px;background-color:#fdebe6;}
.c-lead-head{ color:#dc4240;text-align:center;font-size:28px;font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ＭＳ 明朝", serif; line-height:1.5;}
.c-lead-txt{text-align:center;  font-size:18px;}
.c-lead-data{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-align:center;box-sizing:border-box;margin-right:auto;margin-left:auto;padding:20px 40px;width:720px;border-radius:8px; background-color:#fff;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;}
.c-lead-icon{ width:80px;}
.c-lead-list{ width:520px;}
.c-lead-list li{ display:inline-block;margin:0 20px 0 0;color:#dc4240;font-weight:bold; font-size:18px;}

@media only screen and (max-width: 768px){ .c-lead{ padding:3.90625% 3.25521%;}
  .c-lead-head{ font-size:22px;}
  .c-lead-txt{text-align:left;  font-size:16px;}
  .c-lead-data{padding:2.78552% 2.78552%;  width:100%;}
  .c-lead-icon{ width:20.89136%;}
  .c-lead-list{ width:75%;}
  .c-lead-list li{ margin:0 10px 0 0;font-size:16px;}}

@media only screen and (max-width: 480px){ .c-lead-head{ font-size:18px;}}

/* Fixed Menu
---------------------------------------------------------------- */
.c-menu{ display:none;}

@media only screen and (max-width: 768px){ .c-menu{position:fixed;bottom:0;left:0; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-align:center;width:100%; -webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;}
  .c-menu li{ width:50%;background-color:#dc4240; text-align:center;}
  .c-menu li span{ display:block;padding:10px 0;}
  .c-menu li:first-child{ background-color:#a83031;}}

/* Totop
---------------------------------------------------------------- */
.totop{margin-right:auto;margin-left:auto; width:60px;text-align:center;}

/* Footer
---------------------------------------------------------------- */
.l-footer{ padding:15px 0 0;background-color:#e15d5b; color:#fff;}

.footer-inr{margin-right:auto; margin-left:auto; width:1080px;}

.footer-logo{display:inline-block;margin:0 30px 0 0; width:245px;vertical-align:middle;font-size:12px;}

.footer-menu{ display:inline-block;vertical-align:middle; text-align:center;font-size:0;}
.footer-menu li{ display:inline-block;border-right:1px solid #fff; font-size:13px;}
.footer-menu li:first-child{ border-left:1px solid #fff;}
.footer-menu a{ display:block;padding:0 10px; color:#fff;}
.footer-menu a:hover{ opacity:.8;}

.footer-txt{ font-size:12px;}

.footer-copy{ padding:10px 0;background-color:#dc4240; text-align:center;font-size:12px;}

@media only screen and (max-width: 768px){ .l-footer{ padding:15px 0 19%;}
  .footer-inr{margin-right:auto; margin-left:auto;max-width:768px; width:93.5%;}
  .footer-logo{display:block;margin:0 auto; width:55.71031%;text-align:center;}
  .footer-menu{ display:block;margin:6.96379% 0 0;text-align:center;}
  .footer-txt{ text-align:center;}}