@charset "utf-8";
/* CSS Document */
/*webフォントアイコン*/
@font-face {
font-family: 'LigatureSymbols';
src: url('font/LigatureSymbols-2.11.eot');
src: url('font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
url('font/LigatureSymbols-2.11.woff') format('woff'),
url('font/LigatureSymbols-2.11.ttf') format('truetype'),
url('font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
}
.lsf {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
font-weight:normal !important;
display:inline-block;
margin-right:5px;
font-size:125%;
}
.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
}
/*webフォントアイコン*/

*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:18px;
text-align:left;
color:#333;
min-width:1280px;
background: url("../images/bg.png") fixed;
}
@media screen and (max-width:640px){
html,body{ font-size:3.5vw; min-width:240px; max-width:640px;}
}

img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{ margin:8px auto; text-align:center;}
figure.m0{ margin-bottom: 0;}
figure.m40{ margin: 40px auto;}
@media screen and (max-width:640px){
figure{ margin:1% auto;}
figure.m40{ margin: 3% auto;}
}

p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left;}
p:last-child{ margin:0;}
a{ color:inherit; text-decoration:none;}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*ヘッダー*/
#header{ background: #fc5e82; color: #fff; position: relative; z-index: 5;}
#header dl{ display: table; table-layout: fixed; width: 1280px; margin: 0 auto; padding: 10px 20px;}
#header dl dt{ display: table-cell; vertical-align: middle;}
#header dl dd{ display: table-cell; vertical-align: middle; text-align: right;}
#header dl dd .btn{ margin: 0 auto; text-align: right;}
#header dl dd .btn a{ width: 480px; font-size: 24px; text-align: center; background: #fff; color: #fc5e82; border-bottom: 4px solid #ffb2c4;}
@media screen and (max-width:640px){
#header dl{ width:100%; padding:1.5%;}
#header dl dt{ padding-right: 3%; width: 45%;}
#header dl dd .btn a{ width: 100%; font-size: 3vw; border-bottom:0.5vw solid #ffb2c4;}
}

/*フッター*/
#footer{ background: #fc5e82; color: #fff; position: relative; z-index: 5; text-align: center; overflow: hidden;}
#footer ul{ text-align: center; letter-spacing: -1em;}
#footer ul li{ display: inline-block; vertical-align: middle; letter-spacing: 0; margin: 0 20px;}
#footer .btn{ margin: 20px auto 40px;}
#footer .btn a{ background: #fff; color: #fc5e82; border-color: #ffb2c4;}
@media screen and (max-width:640px){
#footer{ padding: 3%;}
#footer ul li{ display:block; margin: 4.5% auto;}
#footer .btn{ margin: 6% auto;}
#footer .btn a{ background: #fff; color: #fc5e82; border-color: #ffb2c4;}
}

/*メイン*/
section{ margin: 0 auto 50px;}
#content{ overflow:hidden; width: 1280px; background: #fff; margin: 0 auto; box-shadow:rgba(0, 0, 0, 0.25) 0 0 10px 5px;}
@media screen and (max-width:640px){
section{ margin: 0 1% 3%;}
section.m0{ margin: 0 auto;}
#content{ width:100%;}
}
.btn{ margin: 40px auto; text-align: center;}
.btn a{ display: inline-block; width: 840px; margin: 0 auto; font-size: 42px; letter-spacing: 0.1em; font-weight: bold; padding: 0.5em 0; border-bottom: 8px solid #d14d8a; background: #ff71b3; border-radius: 60px; color: #fff; box-shadow:rgba(240, 120, 120, 0.66) 0 0 5px 2px;}
.btn a span.lsf{ margin-right: 0.5em;}
@media screen and (max-width:640px){
.btn{ margin:6% 3%;}
.btn a{ display:block; width:100%; font-size:5.4vw; letter-spacing:0em; border-bottom:1vw solid #d14d8a;}
.btn a span.lsf{ margin-right: 0.25em;}
}
.bg2{ background: url("../images/bg2.png"); overflow: hidden; padding: 40px 0;}
@media screen and (max-width:640px){
.bg2{ padding: 2%;}
}

@media print, screen and (min-width:641px){
.smp{ display:none !important;}
}
@media screen and (max-width:640px){
.pc{ display:none !important;}
}