@charset "UTF-8";
@import url("reset.css");
@import url("advanced.css");

/* =========================================================
全体設定
========================================================= */
html{ background: #F1227E; overflow-x: hidden;}
body { margin: 0; font-size: 14px; font-family: "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* リンク設定
--------------------------------------------------------- */
a img {	-webkit-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;	transition: .3s ease-in-out; }
a:hover img{ opacity: 0.5; }

a { color: #333; text-decoration: none; }
a:hover{ color: #FC6DA4; text-decoration: underline; }

a.link1 {	-webkit-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
a.link1:hover{ opacity: 0.5;}

/* 英文フォント
--------------------------------------------------------- */
.font_en1{ font-family: "Libre Caslon Text", serif;}

/* =========================================================
header
========================================================= */
header{ background: #FCF4F7; padding-bottom: 75px;}
header .header_inner{ width: 1200px; margin: 0 auto;}
header h1{ font-size: 14px; padding: 2px 0;}

/* ロゴ
--------------------------------------------------------- */
header .logo{ padding: 20px 0 0 0;}

/* =========================================================
main_contents
========================================================= */
#main_contents{ background: #FCF4F7;}

#entrance{ width: 1110px; margin: 0 auto; position: relative; padding-bottom: 45px;}
#entrance figure{ display: block; margin-bottom: 90px;}

#entrance ul{ box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; padding-right: 42px;}
#entrance li a{ text-decoration: none; font-weight: bold; display: flex; align-items: center;}
#entrance li:first-child{ font-size: 90px; margin-right: 65px;}
#entrance li:first-child i{ color: #F1227E;}
#entrance li:last-child i{ color: #454545;}
#entrance li:last-child{ font-size: 70px;}
#entrance li i{ font-size: 0.6em; padding-right: 8px;}
#entrance li:first-child span{ background: linear-gradient(135deg, #8C3CAA 0%, #FF2F6A 50%, #FFA802 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#entrance li:last-child span{ color: #454545;}

/* =========================================================
footer
========================================================= */
footer{ padding-top: 60px; background: #F1227E;}

footer .attention{ text-align: center; margin-bottom: 60px;}
footer .attention figure{ width: 70px; margin: 0 auto 20px;}
footer .attention figure img{ width: 100%;}
footer .attention p{ color: #fff; font-size: 16px;}

footer .copyright{ text-align: center; color: #fff; padding-bottom: 80px;}