@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size:100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
a:focus {
	outline: none;
}
button,
input:not([type="radio"]),
optgroup,
select,
textarea {
margin: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="text"], input[type="password"], textarea, select {
outline: 0;
margin: 0;
}
input[type="radio"], input[type="checkbox"], input[type="file"] {
margin: 0;
}
input[type="radio"], input[type="checkbox"], label {
cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
textarea {
width: 100%;
}


/********************

 共通部分

 ********************/

.cfix:after {
content: " ";
display: block;
clear: both;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.serif {
font-weight:normal;
font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E",serif;
}
html {
font-size: 62.5%; /* 10px */
}
body {
overflow-y: auto;
background:none;
color: #000;
font-size: 1.3em; /* 13px */
line-height: 1;
font-family:"游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
word-wrap:break-word;
-webkit-text-size-adjust: 100%;
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
}
div.img img,
div.thumb img {
width:100%;
height:auto;
}
a {
color: #27345F;
}
a:visited {
color: #27345F;
}
a:hover,
a:focus,
a:active {
color: #27345F;
outline: 0;
}
h2, h3, h4, h5, h6 {
line-height:1.2;
}
p {
line-height:1.6;
}
p.link, p.back {
margin-top:.5em;
text-align: right;
}
p.link + p.link {
margin-top:.5em;
}
p.link a::after {
content:"\f101";
display:inline-block;
margin-left:.3em;
color: inherit;
font-weight:normal;
font-size: inherit;
font-family: FontAwesome;
}
p.link.out a::after {
content:"\f08e";
}
p.link.center {
margin-top:1.2em;
text-align:center;
}
p.back {
text-align: left;
}
p.back a::before {
content:"\f100";
display:inline-block;
margin-right:.3em;
color: inherit;
font-weight:normal;
font-size: inherit;
font-family: FontAwesome;
}
p.link i {
margin-left:.3em;
}
p.more_btn {
margin:1em 0 1.5em;
line-height:1;
text-align:right;
}
p.more_btn a {
display: inline-block;
padding: 8px 12px 8px 17px;
border-radius: 14px;
background: #E682B1;
box-shadow: 2px 2px 0 0 #FFF000;
color:#fff;
font-size:12px;
text-decoration:none;
}
p.more_btn a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 6px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 6px solid #fff;
}
li {
line-height:1.5;
}
ul.list li,
dl.list dd {
position:relative;
margin-bottom:.5em;
padding-left:1em;
}
ul.list li::before,
dl.list dd::before {
content:"・";
position:absolute;
top:0;
left:0;
}
ul.check li {
position:relative;
margin-bottom:.5em;
padding:0 1em .4em 2.5em;
border-bottom: dashed 1px #959595;
}
ul.check li:before {
content:"";
position:absolute;
left:.8em;
top:.1em;
width:1em;
height:1em;
background:url(img/check_icon.png) no-repeat left center;
background-size:contain;
}
dt {
line-height:1.2;
}
dd {
line-height:1.5;
}
.float_l {
float:left;
}
.float_r {
float:right;
}
.flex {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.flex_wrap {
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.img_bg {
overflow:hidden;
height:0;
line-height:2;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
#main {
position:relative;
}
#content .space {
padding:2.4em 15px;
}
.btn {
margin:1.5em 0;
text-align:center;
line-height:1.2;
}
.btn a {
display:inline-block;
}
.btn i {
margin-right:.4em;
}
.bnr {
max-width: 500px;
margin: 2em auto;
}
.bold {
font-weight:bold;
}
.fs_s {
font-size:.8em;
}
.fs_m {
font-size:1.2em;
}
.fs_l {
font-size:1.5em;
}
.fs_xl {
font-size:2em;
}
.fs_n {
font-size:1em !important;
}
section.contact_set h2 {
padding:12px 0 10px;
background:#E682B1;
color:#fff;
font-weight:500;
font-size:11px;
text-align:center;
line-height:1.2;
}
section.contact_set h2:first-line {
font-size:1.7em;
}
section.contact_set h2 em {
color:inherit;
font-size:1.3em;
}
section.contact_set div.flex {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
    display: none;
}
section.contact_set div.flex > div {
width:50%;
}
section.contact_set a {
display:block;
position:relative;
height:58px;
padding:21px 0 0 40%;
color:#fff;
text-decoration:none;
}
section.contact_set a:before {
content:"";
display:block;
position:absolute;
top:50%;
left:15px;
width:40px;
height:40px;
margin-top:-20px;
}
section.contact_set a:after {
content:"";
position:absolute;
top:50%;
right:15px;
width:8px;
height:14px;
margin-top:-7px;
background:url(img/arrow_white.png) no-repeat center;
background-size:contain;
}
section.contact_set div.tel a {
background:#C4B380;
font-size:15px;
}
section.contact_set div.tel a:before {
background:url(img/tel_circle_icon.png) no-repeat center;
background-size:contain;
}
section.contact_set div.entry a {
background:#293660;
font-size:15px;
}
section.contact_set div.entry a:before {
content:"無料";
padding-top:13px;
border-radius:20px;
background:#E2DB4F;
color:#293660;
text-align:center;
}
#contact_fix {
display:none;
position:fixed;
bottom:-1px;
left:0;
width:100%;
filter: alpha(opacity=85 finishopacity=85);
-moz-opacity: .85;
opacity: .85;
}
#contact_fix > div {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
width:100%;
}
#contact_fix h2 {
width:56%;
height:50px;
padding-top:.8em;
background:#E682B1;
text-align:center;
color:#fff;
line-height:1.2;
}
#contact_fix h2 em {
color:inherit;
font-size:1.1em;
}
#contact_fix a {
display:block;
color:#fff;
text-decoration:none;
}
#contact_fix .tel {
width:16%;
height:50px;
}
#contact_fix .tel a {
padding-top:50px;
background-position:center;
background-image:url(img/tel_icon.png);
background-color:#C4B380;
background-size:20px auto;
}
#contact_fix .entry {
width:28%;
}
#contact_fix .entry a {
height:50px;
padding-top:1.1em;
background:#293660;
font-size:16px;
text-align:center;
}
.tit {
margin:2px 0 20px;
padding:3px 0;
border-bottom: solid 1px #EEEEEE;
text-align:center;
}
.tit h1,
.tit p {
padding:35px 0 25px;
background:url(img/tit_deco_left.png) no-repeat left center, url(img/tit_deco_right.png) no-repeat right center;
background-size: 90px auto, 79px auto;
color:#C4B380;
font-size:17px;
line-height:1;
}
.tit span {
color:#ADADAD;
font-size:10px;
}
.deco_tit {
margin:0 0 1.5em;
color:#516C9E;
font-size:10px;
text-align:center;
}
.deco_tit span {
display:inline-block;
padding:0 1.2em;
background-repeat:no-repeat;
background-position:left center, right center;
background-size:20px auto;
color:#F375A7;
font-size:20px;
}
.deco_tit.type1 span {
padding:0 1.6em;
background-image:url(img/flower_deco_01.png), url(img/flower_deco_01.png);
background-size:25px auto;
}
.deco_tit.type2 span {
background-image:url(img/flower_deco_02.png), url(img/flower_deco_02.png);
}
.deco_tit.type3 span {
background-image:url(img/flower_deco_03.png), url(img/flower_deco_03.png);
}
.deco_tit.type4 span {
margin:0 -15px;
padding:0 50px;
background-image:url(img/flower_deco_04_left.png), url(img/flower_deco_04_right.png);
background-size:48px auto, auto 17px;
}
.deco_tit.type5 span {
margin:0 -15px;
padding:0 50px;
background-image:url(img/flower_deco_05_left.png), url(img/flower_deco_05_right.png);
background-size:44px auto, auto 15px;
}
.deco_tit.type6 span {
margin:0 -15px;
padding:0 48px;
background-image:url(img/flower_deco_06_left.png), url(img/flower_deco_06_right.png);
background-size:35px auto, 41px auto;
}
div.post_list .deco_tit {
margin-bottom:0;
padding-bottom:1.3em;
border-bottom:solid 2px #F375A7;
}
div.post_list p.link {
margin-top:1em;
}
.post_none {
margin:2em 0;
text-align:center;
}
@media screen and (max-width: 768px) {
.sp_none {
display:none;
}
}
@media screen and (min-width: 769px) {
body {
position:relative;
font-size:16px;
}
p {
line-height:1.6;
}
p.more_btn a:hover {
background:#FFF000;
box-shadow: 2px 2px 0 0 #E682B1;
color:#E682B1;
text-decoration:none;
}
p.more_btn a:hover:after {
border-left: 6px solid #E682B1;
}
a:hover {
filter: alpha(opacity=70 finishopacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
ul.check li {
margin-bottom:.3em;
padding:0 0 .2em 2.4em;
font-size:22px;
}
ul.check li:before {
width:1.1em;
height:1.1em;
}
.pc_none {
display:none;
}
.pc_flex {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
#content .space {
padding:4em 0;
}
.btn {
margin:1.5em 0;
}
.btn a {
padding:.8em 2em;
}
section.contact_set {
display:none;
}
section.contact_set h2 {
padding:26px 0 18px;
font-size:20px;
}
section.contact_set h2:first-line {
font-size:38px;
}
section.contact_set a {
display:inline-block;
width:400px;
height:100px;
padding:0;
}
section.contact_set .tel {
background:#C4B380;
text-align:right;
}
section.contact_set .entry {
background:#293660;
text-align:left;
}
section.contact_set a:before {
left:10px;
width:70px;
height:70px;
margin-top:-35px;
}
section.contact_set a:after {
right:15px;
width:15px;
height:28px;
margin-top:-14px;
}
section.contact_set div.tel a {
overflow:hidden;
height:0;
padding-top:100px;
background:url(img/tel_txt.png?20171115) no-repeat 105px center;
line-height:2;
}
section.contact_set div.tel a:after {
content:none;
}
section.contact_set div.entry a {
padding:35px 0 0 146px;
font-size:30px;
}
section.contact_set div.entry a:before {
left:38px;
padding-top:22px;
border-radius:35px;
font-size:26px;
}
#contact_fix {
background:#E682B1;
}
#contact_fix > div {
width:1000px;
margin:0 auto;
}
#contact_fix h2 {
width:440px;
height:100px;
padding-top:18px;
font-size:26px;
}
#contact_fix .tel {
width:320px;
height:100px;
}
#contact_fix .tel a {
padding-top:100px;
background-image:url(img/tel_txt.png?20171115);
background-size:auto;
}
#contact_fix .entry {
width:240px;
}
#contact_fix .entry a {
position:relative;
height:100px;
padding-top:35px;
padding-left:100px;
font-size:30px;
text-align:left;
}
#contact_fix .entry a:before {
content:"無料";
position:absolute;
top:50%;
left:20px;
overflow: hidden;
width:70px;
height:70px;
margin-top:-35px;
padding-top:22px;
border-radius:35px;
background:#E2DB4F;
color:#293660;
font-size:26px;
text-align:center;
}
.tit {
margin:5px 0 30px;
}
.tit h1,
.tit p {
width:640px;
margin:0 auto;
padding:20px 0;
background-size:auto;
font-size:34px;
}
.tit span {
font-size:20px;
}
.deco_tit {
margin-bottom:2em;
font-size:20px;
}
.deco_tit span,
.deco_tit.type4 span {
font-size:40px;
}
.deco_tit.type1 span {
background-size:50px auto;
}
.deco_tit.type2 span,
.deco_tit.type3 span {
background-size:40px auto;
}
.deco_tit.type4 span {
margin:0;
padding:0 105px;
background-size:auto;
}
.deco_tit.type5 span {
margin:0;
padding:0 100px;
background-size:auto;
}
.deco_tit.type6 span {
margin:0;
padding:0 92px;
background-size:auto;
}
.tel a {
pointer-events: none;
}
}
#header {
border-bottom:solid 1px #F6F7F8;
}
#header a,
#gnav a {
text-decoration:none;
    width: 7%;
    display: block;
}
#header > div.head {
overflow:hidden;
height:40px;
}
#header h1 {
float:left;
width:132px;
margin-left:4vw;
padding:0px 0 0;
text-align:center;
}
#header h1 img {
width:85px;
}
#header .entry {
float:right;
width:6.4em;
text-align:center;
}
#header .entry a {
display: block;
height: 40px;
padding: 1em 0 0;
background: #293660;
color: #fff;
}
#header .cast a {
background:#E682B1;
}
#header .shop a {
background:#C4B380;
}
#header div.head .menu_btn {
position:relative;
float:left;
width:40px;
height:40px;
background:#F1A5C4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.36s ease;
text-align:center;
}
#header div.head .menu_btn::after {
content:"menu";
display:inline-block;
margin-top:26px;
color:#fff;
font-size:10px;
}
#header .menu_btn span {
display: block;
position: absolute;
top: 14px;
left: 50%;
width: 24px;
height: 1.5px;
margin-left: -12px;
background: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#header .menu_btn span:before,
#header .menu_btn span:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 24px;
height: 1.5px;
background: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#header .menu_btn span:before {
top:-7px;
}
#header .menu_btn span:after {
top:7px;
}
#header .store {
float:right;
width: 5.4em;
border-left:solid 1px #293660;
text-align: center;
}
#header .store a {
display: block;
height: 40px;
padding: 1em 0 0;
color: #293660;
}
.page-id-36 #header .menu_btn {
display:none;
}
#page {
position:relative;
z-index:2;
background:#fff;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
#gnav {
display:none;
position: fixed;
top:0;
left:0;
z-index:1;
width:260px;
height:100%;
background:#FCEFF4;
}
#overlay {
content: '';
display: block;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
body.side-open #page,
body.side-open #overlay {
-webkit-transform: translate3d(260px,0,0);
transform: translate3d(260px,0,0);
}
body.side-open #overlay {
visibility: visible;
cursor: pointer;
background: rgba(241,165,196,.6);
}
#gnav div.flex {
height:40px;
background:#F1A5C4;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
}
#gnav h2 {
width:120px;
margin:4px 0 0 15px;
}
#gnav h2 a {
display:block;
padding-top:25px;
background-image:url(img/logo_menu.png?20180601);
}
#gnav .menu_btn {
padding:1em;
color:#fff;
font-size: 12px;
}
#gnav li {
border-bottom:solid 1px #F1A5C4;
line-height:1;
}
#gnav li a {
display:block;
position:relative;
padding:1.2em;
color:#28355F;
font-size:12px;
}
#gnav li a:visited {
color:#28355F;
}
#gnav li:not(.pc_none) a:before {
content:"";
display:inline-block;
width:11px;
height:11px;
margin-right:1em;
background:url(img/site_icon.png?20170927) no-repeat center;
background-size:contain;
vertical-align:-1px;
}
#gnav li a:after {
content:"\f105";
position:absolute;
top:50%;
right:1em;
margin-top:-.5em;
color: #E682B1;
font-weight:normal;
font-size:inherit;
font-family: FontAwesome;
}
#gnav li span {
display:none;
}
#gnav li.pc_none {
background:#F8D8E6;
}
#gnav li.tel {
border-color:#fff;
background:#C4B380;
display: none;
}
#gnav li.entry {
border-bottom:none;
background:#28355F;
display: none;
}
#gnav li.store {
border-color:#293660;
background:#FFF;
display: none;
}
#gnav li.tel a,
#gnav li.entry a,
#gnav li.store a {
padding:.8em 20px;
color:#fff;
font-size:13px;
}
#gnav li.store a {
color:#293660;
}
#gnav li.tel a:before {
content:"";
display:inline-block;
width:20px;
height:20px;
margin-right:.8em;
background:url(img/tel_circle_icon.png) no-repeat center;
background-size:contain;
vertical-align:-4px
}
#gnav li.entry a:before {
content:"";
display:inline-block;
width:20px;
height:20px;
margin-right:.8em;
background:url(img/entry_circle_icon.png) no-repeat center;
background-size:contain;
vertical-align:-4px;
}
#gnav li.store a:before {
content:"";
display:inline-block;
width:20px;
height:20px;
margin-right:.8em;
background:url(img/glass_circle_icon.png) no-repeat center;
background-size:contain;
vertical-align:-4px;
}
#gnav li.tel a:after,
#gnav li.entry a:after {
color:#fff;
}
#gnav li.store a:after {
color:#293660;
}
@media screen and (max-width: 320px) {
#header .entry {
width:6em;
}
#header .store {
width:5em;
}
#header h1,
#header h1 img {
width:122px;
}
}
@media screen and (min-width: 769px) {
.menu_btn {
display:none;
}
#header {
margin-bottom:0px;
border-width:2px;
    background: #acecfd;
}
#header > div.head { 
width:1000px;
height:90px;
margin:0 auto;
}
#header h1 {
    width: 13%;
    margin: 0;
    padding: 0px 0 0 10px;
    text-align: left;
}
#header h1 img {
width: 100%;
}
.headers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#header .tel {
float:right;
width:260px;
padding-top:10px;
color:#929292;
font-size:12px;
text-align:center;
line-height:1.3;
letter-spacing:-.5px;
}
#header .tel:first-line {
color:#28355F;
font-size:15px;
letter-spacing:.5px;
}
#header .tel span {
display:inline-block;
margin:2px 0 0 4px;
color:#28355F;
font-weight:bold;
font-size:28px;
display:none;
}
#header .tel i {
color:#C4B380;
font-size:28px;
    display: none;
}
#header .entry {
    display: none;
overflow:hidden;
width:160px;
text-align:center;
}
#header .entry a {
display:block;
height:95px;
padding-top:2em;
background:#293660;
color:#fff;
font-weight:500;
font-size:18px;
}

body.home #gnav {
border-bottom:none;
}
#overlay {
display:none;
}

#gnav li.pc_none {
background:#F8D8E6;
}

#header .store {
width: 140px;
    display: none;
}
#header .store a {
height: 95px;
padding: 2em 0 0;
font-weight: 500;
font-size: 18px;
}
.page-id-36 #header {
margin-bottom:0;
}
.page-id-36 #gnav  {
display:none;
}
}
#footer {
padding-top:20px;
border-top:solid 1px #D2D2D2;
border-bottom:solid 5px #E682B1;
}
#footer a {
text-decoration:none;
}
#footer a:visited {
color: inherit;
}
#footer .page_top {
margin-bottom:20px;
text-align:center;
}
#footer .page_top a {
display:inline-block;
position:relative;
width:35px;
height:35px;
border:solid 1px #54c9e8;
border-radius:3px;
}
#footer .page_top a:before {
content:"";
display:block;
position:absolute;
top:50%;
left:50%;
width:0;
height:0;
margin:-4px 0 0 -4.5px;
border-right: 4.5px solid transparent;
border-bottom: 8px solid #54c9e8;
border-left: 4.5px solid transparent;
}
#footer h2 {
margin-bottom:1em;
text-align:center;
}
#footer h2 img {
width:132px;
}
#footer nav ul {
overflow:hidden;
}
#footer nav li {
float:left;
width:50%;
border-top:solid 1px #C8C8C8;
line-height:1;
}
#footer nav li:nth-of-type(odd) {
border-right:solid 1px #C8C8C8;
}
#footer nav li:last-of-type {
width:100%;
border-right:none;
text-align:center;
    display: none;
}
#footer nav li a {
display:block;
padding:1em 0 1em .6em;
color:#222;
font-size:14px;
}
#footer nav li:last-of-type a {
padding-right:1em;
}
#footer nav li a:before {
content:"";
display:inline-block;
width:11px;
height:11px;
margin-right:.4em;
background:url(img/site_icon.png) no-repeat center;
background-size:contain;
}
#footer ul.sub {
padding:1em 0;
background:#54c9e8;
text-align:center;
    display: none;
}
#footer ul.sub li {
display:inline-block;
font-size:12px;
}
#footer ul.sub li:after {
content:"|";
margin:0 .3em;
color:#fff;
}
#footer ul.sub li:last-of-type:after {
content:none;
}
#footer ul.sub a {
color:#fff;
}
#footer .copyright {
padding:1em 0;
color:#909090;
font-size:11px;
text-align:center;
}
#footer p.attention {
margin-top:.5em;
padding:1em 15px;
color:#909090;
font-size:11px;
}
@media screen and (min-width: 769px) {
#footer {
position:relative;
padding-top:0;
border-top:solid 1px #D2D2D2;
border-bottom:none;
}
#footer .page_top {
position:absolute;
top:-90px;
right:50%;
width:70px;
height:70px;
margin-right:-600px;
margin-bottom:0;
}
#footer .page_top a {
display:block;
width:70px;
height:70px;
border-width:2px;
border-radius:6px;
background:rgba(255,255,255,.8);
}
#footer .page_top a:before {
margin:-8px 0 0 -9px;
border-right-width: 9px;
border-bottom-width: 16px;
border-left-width: 9px;
}
#footer nav {
display: none;
overflow:hidden;
width:1000px;
margin:0 auto;
padding:15px 0 15px 24px;
}
#footer h2 {
float:left;
width:180px;
margin:0 24px 0 0;
}
#footer h2 img {
width:100%;
}
#footer nav ul {
float:right;
margin-top:1em;
}
#footer nav li {
width: auto;
border-top:none;
}
#footer nav li:nth-of-type(odd) {
border-right:none;
}
#footer nav li:last-of-type {
width:auto;
border-right:none;
}
#footer nav li a {
display:inline-block;
padding:0;
color:#1F1F1F;
font-size:14px;
}
#footer nav li:last-of-type a {
padding-right:0;
}
#footer nav li a:before {
content:none;
}
#footer nav li:after,
#footer nav li:first-of-type:before {
content:"|";
margin:0 .3em;
}
#footer ul.sub {
padding:.5em 0;
}
#footer ul.sub li {
font-size:14px;
}
#footer .copyright {
color:#1F1F1F;
font-size:12px;
}
#footer p.attention {
width:1000px;
margin:.5em auto;
    display: none;
}
}
#content #home_about {
margin-bottom:15px;
padding-bottom:55%;
background:url(img/home_about_bg.png) no-repeat center bottom;
background-size:contain;
}
#home_about h2 {
margin-bottom:.5em;
padding-top:62px;
background:url(img/home_about_flower.png) no-repeat center top;
background-size:auto 57px;
color:#516C9E;
font-size:15px;
text-align:center;
}
#home_about h2 strong {
color:inherit;
font-size:25px;
}
#home_about p.read {
margin-bottom:.8em;
color:#c4b380;
font-size:14px;
text-align:center;
}
#home_about p .note {
font-size:.8em;
}
#home_point {
background:#FEF1F5;
}
#home_point h2 {
margin-bottom:.5em;
color:#F375A7;
font-size:24px;
text-align:center;
}
#home_point h2 + p {
margin-bottom:2em;
}
#home_point ul.point li {
margin-bottom:2em;
padding:.7em 0 .7em 38%;
background-repeat:no-repeat;
background-position:8% center;
background-size:100px;
color:#1F1F1F;
text-align:center;
line-height:1.4;
}
#home_point ul.point li:first-line {
color:#8688AA;
font-weight:bold;
}
#home_point ul.point li strong {
color:#F375A7;
font-size:20px;
}
#home_point ul.point li:nth-of-type(1) {
background-image:url(img/point_01.png);
}
#home_point ul.point li:nth-of-type(2) {
background-image:url(img/point_02.png);
}
#home_point ul.point li:nth-of-type(3) {
background-image:url(img/point_03.png);
}
#home_point ul.merit {
margin:0 -15px 1.2em;
text-align:center;
}
#home_point ul.merit li {
display:inline-block;
width : 30% ;
margin-bottom:.5em;
font-size:11px;
line-height:1.2;
letter-spacing:-1px;
}
#home_point ul.merit li img {
display:inline-block;
width:68%;
margin-bottom:.6em;
}
#home_point h3 {
margin-bottom:.8em;
color:#F273A5;
font-weight:500;
font-size:14px;
text-align:center;
}
#haken_area h2.deco_tit {
margin-bottom:.5em;
}
#haken_area p.copy {
color:#878FB3;
font-size:20px;
text-align:center;
}
#haken_area div.img {
width:58%;
margin:1.5em auto;
}
#home_flow {
background:#FEF1F5;
}
#home_flow  ol {
margin-bottom:1.5em;
}
#home_flow li {
position:relative;
width:28%;
padding:1em 0;
background: #fdcede;
background: -webkit-gradient(linear, left top, left bottom, from(#fdcede), to(#e682b1));
background: linear-gradient(to bottom, #fdcede 0%,#e682b1 100%);
color:#fff;
font-size:14px;
text-align:center;
}
#home_flow li:after {
content:"";
display:block;
position:absolute;
top:0;
right:-18%;
width:8px;
padding-top:3.5em;
background:url(img/arrow_pink.png) no-repeat center;
background-size: contain;
}
#home_flow li:last-of-type:after {
content:none;
}
#content div.post_list {
padding-top:25%;
background:url(img/home_girls_bg.jpg) no-repeat center top;
background-size:contain;
}
#home ul.column_list li {
display:table;
width:100%;
padding: 1.2em 0;
border-bottom: dashed 1px #222;
}
#home ul.column_list div.thumb {
display:table-cell;
width: 120px;
vertical-align:middle;
}
#home ul.column_list p {
display:table-cell;
padding:0 0 0 .8em;
line-height:1.4;
vertical-align:middle;
}
#home ul.column_list p a {
color:#262626;
font-weight:bold;
text-decoration:none;
}
@media screen and (min-width: 769px) {
#home div.catch {
background:#FCF8F4;
text-align:center;
}
#home div.catch img {
width:auto;
}
#content #home_about {
position:relative;
margin:0;
padding-bottom:240px;
background:none;
}
#content #home_about:before {
content:"";
position:absolute;
bottom:-170px;
left:0;
width:100%;
height:341px;
background:url(img/home_about_bg_pc.png) repeat-x left center;
background-size:contain;
}
#home_about h2 {
margin-bottom:.5em;
padding-top:130px;
background-size:auto 114px;
font-size:30px;
line-height:1.3;
}
#home_about h2 strong {
font-size:50px;
}
#home_about p.txt {
width:800px;
margin:0 auto;
}
#home_about p.read {
margin-bottom:.3em;
font-size:30px;
text-align:center;
}
#content #home_point {
padding-top:240px;
background:url(img/point_bg_01.png) no-repeat left 200px, url(img/point_bg_02.png) no-repeat right 200px #FEF1F5;
}
#home_point h2 {
margin-bottom:.5em;
font-size:48px;
}
#home_point h2 + p,
#home_point h3 + p {
width:800px;
margin:0 auto 2em;
}
#home_point ul {
width:1000px;
margin:0 auto 4em;
}
#home_point ul.point li {
width:330px;
margin-bottom:0;
padding:220px 0 0;
background-position: center top;
background-size: auto;
}
#home_point ul.point li:first-line {
font-size:20px;
}
#home_point ul.point li strong {
font-size:30px;
}
#home_point ul.merit {
margin:0 auto 4em;
}
#home_point ul.merit li {
display:block;
width : 160px;
margin-bottom:0;
font-size:18px;
letter-spacing:nomal;
}
#home_point ul.merit li img {
width:140px;
margin-bottom:1em;
}
#home_point h3 {
margin-bottom:.5em;
font-size:28px;
}
#haken_area div.space {
position:relative;
width:1000px;
min-height:460px;
margin:0 auto;
}
#haken_area h2.deco_tit {
margin-bottom:30px;
}
#haken_area p {
margin-right:70px;
margin-left:400px;
font-size:20px;
}
#haken_area p.copy {
font-size:40px;
text-align: left;
}
#haken_area div.img {
position:absolute;
top:140px; 
left:30px;
width:350px;
}
#content #home_flow {
padding-bottom:210px;
background-position:left bottom;
background-repeat:repeat-x;
background-image:url(img/home_girls_bg_pc.jpg);
background-size:80% auto;
}
#home_flow > div {
width:800px;
margin:0 auto;
}
#home_flow ol {
margin-bottom:36px;
}
#home_flow li {
font-size:30px;
}
#home_flow li:after {
width:17px;
}
#content div.post_list {
width:1000px;
margin:0 auto;
padding-top:0;
background:none;
}
div.post_list section.space {
width:480px;
}
#home ul.column_list div.thumb {
width: 160px;
}
}
article.page .menu li {
width:25%;
text-align:center;
}
article.page .menu li a {
display:block;
position:relative;
padding-bottom:2em;
font-weight:500;
font-size:10px;
text-decoration:none;
}
article.page .menu li a:after {
content:"";
display:block;
position:absolute;
bottom:1em;
left:50%;
width:0;
height:0;
margin-left:-3px;
border-top: 6px solid #3B3B65;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
}
#about_sys {
background: #fcecf3;
background: -moz-linear-gradient(top, #fcecf3 0%, #efeadc 100%);
background: -webkit-linear-gradient(top, #fcecf3 0%,#efeadc 100%);
background: linear-gradient(to bottom, #fcecf3 0%,#efeadc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecf3', endColorstr='#efeadc',GradientType=0 );
}
#about_sys div.img {
margin-bottom:1em;
}
#about_cast div.space {
padding-top:1em;
}
#about_cast h2 {
padding:10px 0;
background:#293660;
color:#fff;
font-size:18px;
text-align:center;
}
#about_cast ul.job {
overflow:hidden;
margin:0 15px;
}
#about_cast ul.job li {
float:left;
width : 33.3% ;
width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
margin:0 0 1em;
text-align:center;
}
#about_cast ul.job div.img {
width:65px;
margin:0 auto 3px;
}
#about_cast ul.job p {
color:#C4B380;
font-weight:bold;
font-size:15px;
}
#about_cast ul.check {
margin-bottom:1em;
}
#about_reason .space {
padding-top:2.5em;
background:url(img/point_bg_01.png) no-repeat left top, url(img/point_bg_02.png) no-repeat right top #FEF1F5;
background-size:35% auto;
}
#about_reason h2 {
margin-bottom:.6em;
padding-top:1.5em;
background:url(img/about_reason.png) no-repeat center top;
background-size: auto 15px;
color:#F274A6;
font-size:17px;
text-align:center;
}
#about_reason h2 em {
font-size:25px;
}
#reason_menu li {
margin-bottom:2px;
line-height:1.3;
}
#reason_menu a {
display:block;
position:relative;
padding:10px 30px 10px 90px;
background-position:15px center;
background-repeat:no-repeat;
background-size:auto 72px;
background-color:#E682B1;
color:#fff;
font-weight:bold;
font-size:14px;
text-align:center;
text-decoration:none;
}
#reason_menu span {
color:#D3E6F7;
font-size:20px;
}
#reason_menu strong {
font-size:20px;
}
#reason_menu a:after {
content:"";
display:block;
position:absolute;
top:50%;
right:15px;
width:0;
height:0;
margin-top:-3px;
border-top: 10px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
#reason_menu li:nth-of-type(1) a {
background-image:url(img/about_menu_01.png);
}
#reason_menu li:nth-of-type(2) a {
background-image:url(img/about_menu_02.png);
}
#reason_menu li:nth-of-type(3) a {
background-image:url(img/about_menu_03.png);
}
#about .box {
margin-bottom:20px;
padding:30px 20px 20px;
background-position:95% 10px, 0;
background-repeat:no-repeat;
background-size:26% auto, auto;
}
#about .box h2 {
margin-bottom:.4em;
padding-top:32px;
background-position:left top;
background-repeat:no-repeat;
background-size: auto 26px;
font-size:25px;
}
#about .box h2 span.note {
font-size:.5em;
}
#about .box p {
width:100%;
}
#about .box h2 strong {
color:#F273A5;
}
#about_reason1 .box {
background-image:url(img/about_reason1_bg_01.png), -webkit-gradient(linear, left top, left bottom, from(#f6f7fa), to(#fcf1ed));
background-image:url(img/about_reason1_bg_01.png), linear-gradient(to bottom, #f6f7fa 1%,#fcf1ed 100%);
}
#about_reason2 .box {
background-image:url(img/about_reason2_bg_01.png), -webkit-gradient(linear, left top, left bottom, from(#f6f7fa), to(#fcf1ed));
background-image:url(img/about_reason2_bg_01.png), linear-gradient(to bottom, #f6f7fa 1%,#fcf1ed 100%);
background-position:96% 10px, 0;
background-size:22% auto, auto;
}
#about_reason3 .box {
background-image:url(img/about_reason3_bg_01.png), -webkit-gradient(linear, left top, left bottom, from(#f6f7fa), to(#fcf1ed));
background-image:url(img/about_reason3_bg_01.png), linear-gradient(to bottom, #f6f7fa 1%,#fcf1ed 100%);
}
#about_reason1 h2 {
background-image:url(img/about_reason1.png);
}
#about_reason2 h2 {
background-image:url(img/about_reason2.png);
}
#about_reason3 h2 {
background-image:url(img/about_reason3.png);
}
#about .worry {
margin-bottom:20px;
}
#about .worry div.img {
width:38%;
margin:0 auto 15px;
}
#about .worry h3 {
margin-bottom:14px;
color:#F37AAA;
font-size:18px;
text-align:center;
}
#about div.point {
padding:20px 20px 25px;
border:solid 1px #F1A5C4;
}
#about div.point h3 {
margin-bottom:.4em;
color:#F376A8;
font-size:20px;
}
#about div.point div.img {
margin:1em auto 0;
}
#about #id_pass div.img {
width:74%;
}
#about_free div.img {
width:74%;
}
#about_free h3 {
font-size:18px;
}
#about_free li {
display:inline-block;
margin:0 5px 10px 0;
padding:.4em 1.2em .3em;
background:#FDEEF4;
}
#about_salary h3 {
font-size:22px;
text-align:center;
}
#about_salary div.grd {
margin-top:1em;
padding:20px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fdeef4), to(#e4e0eb));
background-image: linear-gradient(to bottom, #fdeef4 0%,#e4e0eb 100%);
}
#about_salary div.grd h4 {
margin-bottom:10px;
color:#F375A7;
text-align:center;
line-height:1.3;
}
#about_salary div.grd h4 img {
display:inline-block;
margin-bottom:4px;
}
#about_salary div.ex {
position:relative;
padding-top:35px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fdeef4), to(#e4e0eb));
background-image: linear-gradient(to bottom, #fdeef4 20%,#e4e0eb 100%);
}
#about_salary div.ex:before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
background:url(img/dotted_line.png) no-repeat center;
background-size: auto 6px;
}
#about_salary div.ex h4 {
position:relative;
font-size:14px;
}
#about_salary div.ex h4:before,
#about_salary div.ex h4:after {
content:"";
position:absolute;
bottom:.5em;
left:0;
width:18%;
height:1px;
background:#F375A7;
}
#about_salary div.ex h4:after {
left:auto;
right:0;
}
#about_salary div.case h4 {
font-size:15px;
}
#about_salary div.case h4 span {
font-size:12px;
}
#about_salary div.ex h4 img {
width:112px;
}
#about_salary div.case h4 img {
width:45px;
}
#about_salary div.ex p {
margin-top:1em;
font-size:11px;
text-align:center;
}
#about_salary div.ex ul {
margin-left:6%;
}
#about_salary div.case ul {
text-align:center;
}
#about_salary div.case li {
font-size:16px;
}
#about_salary div.case li span {
font-size:13px;
}
#about_merit h2 {
margin-bottom:20px;
color:#F274A6;
font-size:24px;
text-align:center;
}
#about_merit h2:first-line {
font-size:20px;
}
#about_merit ul {
margin:0 -15px 1.2em;
text-align:center;
}
#about_merit li {
display:inline-block;
width : 30% ;
margin-bottom:.5em;
font-size:11px;
line-height:1.2;
letter-spacing:-1px;
}
#about_merit li img {
display:inline-block;
width:68%;
margin-bottom:.6em;
}
#about_merit h3 {
margin-bottom:.6em;
color:#F274A6;
font-size:14px;
text-align:center;
}
#content #about_point {
position:relative;
padding-top:74px;
background:url(img/about_point_bg_top.png) no-repeat right top, url(img/about_point_bg_bottom.png) no-repeat left bottom #FEF1F5;
background-size:20% auto;
}
#about_point div.img {
position:absolute;
top:-40px;
left:50%;
width:142px;
margin-left:-64px;
}
#about_point h3 {
margin-bottom:.6em;
color:#F375A7;
font-size:16px;
text-align:center;
}
#about_point h3:first-line {
font-size:14px;
}
#about_flow ol {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:1.5em;
}
#about_flow li {
position:relative;
width:28%;
padding:1em 0;
background: #fdcede;
background: -webkit-gradient(linear, left top, left bottom, from(#fdcede), to(#e682b1));
background: linear-gradient(to bottom, #fdcede 0%,#e682b1 100%);
color:#fff;
font-size:14px;
text-align:center;
}
#about_flow li:after {
content:"";
display:block;
position:absolute;
top:0;
right:-18%;
width:8px;
padding-top:3.5em;
background:url(img/arrow_pink.png) no-repeat center;
background-size: contain;
}
#about_flow li:last-of-type:after {
content:none;
}
#entry_form h2 {
color:#F375A7;
font-size:20px;
text-align:center;
}
@media screen and (min-width: 769px) {
article.page .menu {
width:800px;
margin:0 auto;
}
article.page .menu li a {
font-size:18px;
}
article.page .menu li a:after {
margin-left:-5px;
border-top-width: 10px;
border-right-width: 5px;
border-left-width: 5px;
}
#about_sys {
position:relative;
}
#about_sys h2 {
margin-bottom:1em;
}
#about_sys:before {
content:"";
position:absolute;
top:0;
left:0;
width:201px;
height:219px;
background:url(img/about_sys_bg_left.png) no-repeat;
}
#about_sys:after {
content:"";
position:absolute;
top:0;
right:0;
width:199px;
height:321px;
background:url(img/about_sys_bg_right.png) no-repeat;
}
#about_sys div.img + p {
width:840px;
margin:0 auto;
font-size:14px;
}
#about_sys div.space {
width:873px;
margin:0 auto;
padding-bottom:5em;
}
#about_cast div.img {
text-align:center;
}
#about_cast div.img img {
width:auto;
}
#about_cast h2 {
padding:20px 0;
font-size:40px;
}
#about_cast div.space {
width:980px;
margin:0 auto;
}
#about_cast ul.job {
margin:60px 0;
}
#about_cast ul.job li {
width : 16.6% ;
width : -webkit-calc(100% / 6) ;
width : calc(100% / 6) ;
margin:0;
}
#about_cast ul.job div.img {
width:130px;
margin-bottom: 10px;
}
#about_cast ul.job p {
font-size:24px;
}
#about_cast ul.check {
overflow:hidden;
margin-bottom:40px;
}
#about_cast ul.check li {
float:left;
width:480px;
font-size:21px;
}
#about_cast ul.check li:nth-of-type(odd) {
margin-right:20px;
}
#about_cast ul.check + p {
width:920px;
margin:0 auto 40px;
font-size:14px;
}
#about_reason .space {
padding-top:80px;
background-position:10% top, 90% top;
background-size:auto;
}
#about_reason h2 {
margin-bottom:0;
padding-top:.5em;
background-size: auto;
font-size:48px;
}
#about_reason h2 em {
font-size:68px;
}
#about_reason h2 + p {
width:800px;
margin:0 auto;
}
#reason_menu {
background:#E682B1;
}
#reason_menu ol {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:1000px;
margin:0 auto;
background:#fff;
}
#reason_menu li {
width:330px;
margin-bottom:0;
}
#reason_menu a {
padding:240px 0px 60px;
background-position:center 30px;
background-size:auto;
font-size:24px;
}
#reason_menu span,
#reason_menu strong {
font-size:30px;
}
#reason_menu a:after {
top: auto;
bottom: 25px;
right:50%;
margin-right:-7px;
border-top: 13px solid #fff;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
#about .box {
width:960px;
margin:0 auto 30px;
padding:50px 80px;
}
#about .box h2 {
margin-bottom:.4em;
padding-top:60px;
background-size: auto; 
font-size:40px;
line-height:1.2;
}
#about .box h2 strong {
font-size:50px;
}
#about_reason1 {
background:url(img/about_reason1_bg_02.png) no-repeat left top, url(img/about_reason1_bg_03.png) no-repeat right top;
}
#about_reason2 {
background:url(img/about_reason2_bg_02.png) no-repeat left top, url(img/about_reason2_bg_03.png) no-repeat right top;
}
#about_reason3 {
background:url(img/about_reason3_bg_02.png) no-repeat left top, url(img/about_reason3_bg_03.png) no-repeat right top;
}
#about_reason1 .box {
background-position:775px 25px, 0;
background-size:auto;
}
#about_reason2 .box {
background-position:790px 38px, 0;
background-size:auto;
background-image:url(img/about_reason2_bg_01.png), -webkit-gradient(linear, left top, left bottom, from(#fcf1ed), to(#f6f7fa));
background-image:url(img/about_reason2_bg_01.png), linear-gradient(to bottom, #fcf1ed 1%,#f6f7fa 100%);
}
#about_reason3 .box {
background-position:790px 30px, 0;
background-size: auto;
background-image:url(img/about_reason3_bg_01.png), -webkit-gradient(linear, left top, left bottom, from(#fcf1ed), to(#f6f7fa));
background-image:url(img/about_reason3_bg_01.png), linear-gradient(to bottom, #fcf1ed 1%,#f6f7fa 100%);
}
#about .worry {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
width:724px;
margin:0 auto 30px;
}
#about .worry div.img {
width:220px;
margin:0 20px 0 0;
}
#about .worry h3 {
margin:30px 0 10px;
font-size:30px;
}
#about div.point {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
width:960px;
margin:0 auto;
padding:40px 60px;
}
#about div.point h3 {
margin-bottom:10px;
font-size:40px;
line-height:1.2;
}
#about #id_pass > div:not(.img) {
width:408px;
margin-right:30px;
}
#about #id_pass div.img {
width:auto;
margin:-10px -20px 0 0;
}
#about_free > div:not(.img) {
width:440px;
margin-right:30px;
}
#about_free div.img {
width:auto;
margin:0;
}
#about_free h3 {
font-size:36px;
}
#about_free li {
margin:0 18px 18px 0;
padding:.2em 1.4em;
font-size:18px;
}
#content #about_salary {
justify-content:space-between;
padding:50px 90px 40px;
}
#about_salary > div {
width:380px;
}
#content #about_salary h3 {
font-size:36px;
}
#about_salary div.grd {
padding:20px;
}
#about_salary div.grd h4 {
margin-bottom:10px;
}
#about_salary div.grd h4 img {
margin-bottom:8px;
}
#about_salary div.ex {
padding:50px 40px 20px;
}
#about_salary div.ex:before {
height:40px;
background:url(img/dotted_line.png) no-repeat center;
background-size: auto 10px;
}
#about_salary div.ex h4 {
font-size:20px;
}
#about_salary div.ex h4:before,
#about_salary div.ex h4:after {
content:"";
position:absolute;
bottom:.5em;
left:0;
width:18%;
height:1px;
background:#F375A7;
}
#about_salary div.ex h4:after {
left:auto;
right:0;
}
#about_salary div.case_wrap {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
}
#about_salary div.case {
width:380px;
padding:40px 0 30px;
}
#about_salary div.case:first-of-type {
margin:0;
}
#about_salary div.case h4 {
margin-bottom:20px;
font-size:20px;
}
#about_salary div.case h4 span {
font-size:16px;
}
#about_salary div.ex h4 img,
#about_salary div.case h4 img {
width:auto;
}
#about_salary div.ex p {
margin-top:.5em;
font-size:14px;
}
#about_salary div.ex ul {
margin-left:24px;
}
#about_salary div.ex li {
font-size:18px;
}
#about_salary div.case ul {
text-align:center;
}
#about_salary div.case li {
font-size:22px;
}
#about_salary div.case li span {
font-size:18px;
}
#about_merit div.space:not(#about_point) {
padding-bottom:165px;
}
#about_merit h2 {
margin-bottom:50px;
font-size:48px;
}
#about_merit h2:first-line {
font-size:40px;
}
#about_merit ul {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:1000px;
margin:0 auto 30px;
}
#about_merit li {
display:block;
width : 160px;
margin-bottom:0;
font-size:18px;
letter-spacing: normal;
}
#about_merit li img {
width:140px;
margin-bottom:1em;
}
#about_merit h3 {
margin-bottom:.8em;
font-size:28px;
}
#about_merit h3 + p {
width:800px;
margin:0 auto;
}
#content #about_point {
padding-top:130px;
background-position:85% top, 15% bottom;
background-size:auto;
}
#about_point div.img {
top:-80px;
width:284px;
margin-left:-128px;
}
#about_point h3 {
margin-bottom:.6em;
font-size:32px;
}
#about_point h3:first-line {
font-size:28px;
}
#about_flow {
width:800px;
margin:0 auto;
}
#about_flow ol {
margin-bottom:36px;
}
#about_flow li {
font-size:30px;
}
#about_flow li:after {
width:17px;
}
#entry_form h2 {
margin-bottom:1em;
font-size:40px;
}
}
#work_category h2 {
margin-bottom:0;
}
#work_category section {
padding:1.5em 0;
border-bottom:dashed 1px #222;
}
#work_category section div.img {
float:left;
width:70px;
margin:.2em .8em .3em 0;
}
#work_category h3 {
margin-bottom:.3em;
color:#F375A7;
font-size:18px;
}
#work_salary {
background:#FDF5F7;
}
#work_salary section {
position:relative;
margin-top:70px;
padding:23px 20px;
background:#fff;
}
#work_salary section div.img {
position:absolute;
top:-55px;
left:50%;
width:117px;
height:78.5px;
margin-left:-58.5px;
}
#work_salary h3 {
margin-bottom:.8em;
padding-bottom:.8em;
border-bottom:solid 1px #C4B380;
text-align:center;
}
#work_salary h3 span {
display:block;
margin-bottom:.8em;
padding:.4em 0;
background:#C4B380;
color:#fff;
font-weight:bold;
}
#work_salary h3 strong {
color:#F375A7;
font-size:20px;
}
#work_item li {
width:25%;
text-align:center;
}
#work_item li div.img {
width:65px;
margin:0 auto 5px;
}
#work_item li p {
line-height:1.1;
}
#work_item li span {
font-size:.5em;
}
#work_item p strong {
display:inline-block;
margin:.5em 0;
color:#F375A7;
font-size:16px;
line-height:1.3;
}
#work #haken_area {
padding-top:0;
background:#F9F5FA;
}
#content .work_point div.space {
padding:2.4em;
}
#work .work_point h2 {
margin:.7em 0 .5em;
color:#1F1F1F;
font-size:18px;
}
#work .work_point h2 span {
display:block;
margin-bottom:.2em;
text-align:center;
}
#work .work_point h2 span img {
width:auto;
height:16px;
}
#work .p_01 div.space {
background:url(img/work_point_01_bg.png) no-repeat center;
background-size:cover;
}
#work .p_02 div.space {
background:url(img/work_point_02_bg.png) no-repeat center;
background-size:cover;
}
@media screen and (min-width: 769px) {
#work_category {
width:910px;
margin:0 auto;
}
#work_category h2 {
margin-bottom:2em;
}
#work_category section {
float:left;
width:440px;
padding:1.2em 0;
}
#work_category section:nth-of-type(odd) {
margin-right:30px;
}
#work_category section div.img {
width:140px;
}
#work_category h3 {
font-size:22px;
}
#work_category p {
font-size:14px;
}
#work_salary div.space {
width:980px;
margin:0 auto;
}
#work_salary section {
width:310px;
margin-top:78px;
padding:30px 16px; 
}
#work_salary section div.img {
top:-84px;
width:170px;
height:114px;
margin-left:-85px;
}
#work_salary h3 span {
font-size:14px;
}
#work_salary h3 strong {
font-size:26px;
}
#work_salary p {
font-size:14px;
}
#work_item {
width:800px;
margin:0 auto;
}
#work_item ul {
margin:0 -20px 30px;
}
#work_item li div.img {
width:160px;
margin-bottom:10px;
}
#work_item li p {
font-size:26px;
}
#work_item li span {
font-size:16px;
}
#work_item p strong {
font-size:32px;
}
#work #haken_area {
padding-bottom:3em;
}
#content .work_point div.space {
width:1000px;
margin:0 auto;
padding:70px 40px;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
}
#content .work_point div.space > div {
width:440px;
}
#work .work_point h2 {
margin:0 0 .5em;
font-size:28px;
}
#work .work_point h2 span {
margin-bottom:20px;
}
#work .work_point h2 span img {
height:auto;
}
#work .p_01 {
background-color:#EAE5DD;
}
#work .p_02 {
background-color:#F2E1E1;
}
#work .p_01 div.space {
background:url(img/work_point_01_bg_pc.png) no-repeat center;
}
#work .p_02 div.space {
background:url(img/work_point_02_bg_pc.png) no-repeat center;
}
}
#flow div.tit {
margin-bottom:0;
}
#flow .step:nth-of-type(odd) {
background:#F5F3EF;
}
#flow .step h2 {
color:#1F1F1F;
font-size:1.8em;
text-align:center;
}
#flow .step h2 span {
display:block;
margin-bottom:5px;
line-height:1;
}
#flow .step h2 img {
width:auto;
height:17px;
}
#flow .step div.img {
margin:1.6em 2em;
}
@media screen and (min-width: 769px) {
#flow div.space {
position:relative;
width:900px;
min-height:360px;
margin:0 auto;
padding-left:440px;
}
#flow .step h2 {
margin-bottom:.6em;
}
#flow .step h2 img {
height:34px;
}
#flow .step div.img {
position:absolute;
top:50%;
left:0;
width:400px;
height:280px;
margin:-140px 0 0 0;
}
#flow .step p {
font-size:14px;
}
}
#faq section:nth-of-type(odd) {
background:#FCECF2;
}
#faq h2 {
margin-bottom:1em;
padding:0 0 .3em;
border-bottom:solid 1px #F375A7;
color:#F375A7;
font-size:1.5em;
}
#faq dt {
position:relative;
margin-bottom:.6em;
padding-left:20px;
color:#28355F;
font-size:1.1em;
line-height:1.2;
}
#faq dd {
position:relative;
margin-bottom:2em;
padding-left:20px;
color:#1F1F1F;
line-height:1.6;
}
#faq dl.faq dd:last-of-type {
margin-bottom:0;
}
#faq dt:before,
#faq dd:before {
content:"Q.";
position:absolute;
top:0;
left:0;
}
#faq dd:before {
content:"A.";
}
@media screen and (min-width: 769px) {
#faq div.space {
width:1000px;
margin:0 auto;
}
#faq h2 {
border-width:2px;
font-size:30px;
}
}
#content #form #contact_form {
padding-top:0;
}
body.form #footer nav,
body.form #footer ul.sub {
display:none;
}
#form div.line {
width: 90%;
max-width: 450px;
margin: 0 auto;
background: #01bb02;
border-radius: 5px;
}
#form div.line a {
display: block;
clear: both;
overflow: hidden;
padding: 10px 10px 5px 20px;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
text-decoration: none;
}
#form div.line a figure {
float: left;
width: 60px;
height: 60px;
background: url(img/line_icon.png) no-repeat;
background-size: 100% auto;
}
#form div.line a figure img {
display: none;
}
#form div.line a p {
font-weight: bold;
}
#form div.line a + p {
display: none;
}
@media screen and (min-width: 769px) {
#form div.line {
background: none;
border: 2px solid #01bb02;
}
#form div.line a {
padding: 10px 10px 10px 20px;
color: #01bb02;
}
#form div.line a figure {
width: 100px;
height: 100px;
background: none;
}
#form div.line a figure img {
display: block;
}
#form div.line a p{
margin-top: 13px;
}
#form div.line a p:last-child {
margin: 0;
font-size: 2.7rem;
}
}
dl.contact_form {
margin-top:2em;
}
dl.contact_form dt {
margin-bottom:.5em;
padding:.2em 0 .2em .6em;
border-left:solid 5px #54c9e8;
color:#54c9e8;
font-size:16px;
}
dl.contact_form dd {
margin-bottom:1.5em;
}
dl.contact_form dd.note {
font-size:.9em;
line-height:1.5;
}
dl.contact_form dd.select,
dl.contact_form dd.file {
margin-bottom:.5em;
}
dl.contact_form dd.note strong {
color:#FF0000;
}
dl.contact_form dd:not(.file) input,
dl.contact_form select,
dl.contact_form textarea {
width:100%;
padding:.8em;
border:solid 1px #CCC;
box-shadow:none;
}
dl.contact_form dd.age input {
width:8em;
margin-right:.5em;
}
dl.contact_form select {
width:auto;
}
dl.contact_form textarea {
line-height:1.5;
}
.submit_btn {
margin:2em 0 1em;
text-align:center;
}
.submit_btn input {
display:inline-block;
padding:.8em 4em;
border:none;
background:#54c9e8;
color:#fff;
font-weight:normal;
font-size:15px;
font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E",serif;
}
dl.contact_form .required:after {
content:"必須";
display:inline-block;
margin-left:.5em;
padding:.3em .4em;
border-radius:.2em;
background:#54c9e8;
color:#fff;
font-size:.75em;
font-family:"游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
}
dl.contact_form dd.radio label {
display: inline-block;
margin-right:2em;
padding:10px 0;
}
dl.contact_form dd input[type="radio"] {
display: inline-block;
width:auto;
vertical-align: middle;
}
dl.contact_form dd input[type="checkbox"] {
display:inline-block;
width:auto;
-moz-appearance:checkbox;
-webkit-appearance:checkbox;
appearance:checkbox;
}
dl.contact_form dd input[type="file"] {
display:inline-block;
width:auto;
margin:.5em auto;
padding:0;
border:none;
border-radius:0;
background:none;
font-size:1.4rem;
}
span.wpcf7-list-item {
display:inline-block;
margin:0 .8em .8em 0;
}
div.wpcf7 .ajax-loader {
margin-right:-16px;
}
#thanks {
min-height:45vh;
}
#thanks .txt {
margin:0 0 1em;
font-size: 1.6em;
}
@media screen and (min-width: 769px) {
#contact h1.main_tit,
#offer h1.main_tit {
padding-top:40px;
}
#contact h1 + p,
#offer h1 + p {
text-align:center;
}
#contact_form {
width:720px;
margin:0 auto;
}
dl.contact_form dt {
margin-bottom:.5em;
font-size:18px;
}
.submit_btn input {
padding: .7em 3.6em;
font-size:30px;
}
.submit_btn input {
padding:.8em 3em;
font-size:20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.submit_btn input:hover {
filter: alpha(opacity=70 finishopacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#contact_form div.wpcf7-mail-sent-ok,
#contact_form div.wpcf7-response-output {
margin: 2em auto 0;
text-align:center;
}
#thanks {
width:640px;
margin:0 auto;
min-height:60vh;
}
}
#aboutus table {
margin:0 15px 2em;
}
#aboutus th {
width:30%;
padding:.5em .8em;
border:solid 1px #000;
background:#293660;
color:#fff;
text-align:center;
line-height:1.5;
vertical-align:middle;
}
#aboutus td {
padding:.5em .8em;
border:solid 1px #000;
line-height:1.5;
vertical-align:middle;
}
@media screen and (min-width: 769px) {
#aboutus table {
width:800px;
margin:2.8em auto 4em;
}
#aboutus th {
padding:.8em 0;
}
#aboutus td {
padding:.8em 1.8em;
}
}
#privacypolicy div.content {
padding:0 15px 2em;
}
#privacypolicy h2 {
margin: 1.6em 0 1em;
padding:0 0 .4em;
border-bottom: solid 1px #ECA1C4;
color:#E581B1;
font-weight:bold;
font-size: 1.2em;
line-height: 1.3;
}
#privacypolicy p {
margin-bottom:1.2em;
}
@media screen and (min-width: 769px) {
#privacypolicy div.content {
width:800px;
margin:0 auto;
padding:0 0 4em;
}
}
#error_404 {
min-height:45vh;
}
#error_404 .txt {
margin:1em 0;
font-size: 1.8em;
line-height: 1.4;
}
@media screen and (min-width: 769px) {
#error_404 {
width:640px;
margin:0 auto;
min-height:60vh;
}
}
#breadcrumb {
display:none;
}
@media screen and (min-width: 769px) {
#breadcrumb {
display:block;
width:1000px;
margin:5px auto;
}
#breadcrumb ol {
overflow:hidden;
}
#breadcrumb li {
float:left;
margin: .3em 0 0;
font-size:12px;
line-height:1;
}
#breadcrumb li:after {
content:"\f105";
margin:0 .5em;
color:#666;
font-weight:normal;
font-family: FontAwesome;
}
#breadcrumb li:last-child:after {
display:none;
}
#breadcrumb li a {
color:#666;
font-size:12px;
text-decoration:none;
}
#breadcrumb li a:hover {
color:#AB8554;
text-decoration:underline;
}
}
div.pager {
margin:1.5em 15px;
}
div.pager li {
display:inline-block;
overflow:hidden;
width:30px;
height:30px;
margin:0 10px 5px 0;
font-size:16px;
line-height:1;
text-align:center;
vertical-align:middle;
}
div.pager li span.current {
display:block;
padding:7px 0;
background: #E682B1;
color:#fff;
}
div.pager li span.dots {
display:block;
padding:7px 0;
color:#999;
}
div.pager li a {
display:block;
padding:7px 0;
background:#eee;
color:#999;
font-size:16px;
text-align:center;
text-decoration: none;
}
div.pager li a.next,
div.pager li a.prev {
border:none;
background:none;
color:#E682B1;
}
@media screen and (min-width: 769px) {
div.pager {
margin:2.5em 0;
}
div.pager ul {
text-align:center;
}
div.pager li {
margin:0 10px 10px 0;
}
div.pager li a:hover {
background: #E682B1;
color:#fff;
}
div.pager li a.next:hover,
div.pager li a.prev:hover {
background:none;
color:#E682B1;
filter: alpha(opacity=70 finishopacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
}
article#column div.tit {
margin-bottom:10px;
}
div.column_list {
padding:0 15px;
}
div.column_list a {
text-decoration:none;
}
div.column_list article {
padding:1.5em 0;
border-bottom:dashed 1px #222;
}
div.column_list article div.thumb {
float:left;
width:120px;
margin:0 .8em .3em 0;
}
div.column_list article h2 a {
color:#28355F;
font-weight:bold;
font-size:1.2em;
}
div.column_list article p {
margin-top:.5em;
font-size:.85em;
line-height:1.5;
}
@media screen and (min-width: 769px) {
#column div.column_list {
width:800px;
margin:0 auto;
padding:0;
}
div.column_list article div.thumb {
width:240px;
}
div.column_list article h2 {
margin:1em 0 .5em;
}
div.column_list article p {
font-size:1em;
}
}
article#voice div.tit {
margin-bottom:10px;
}
ul.voice_list {
padding:0 15px;
}
#home ul.voice_list {
padding:0;
}
ul.voice_list li {
display:table;
position:relative;
width:100%;
padding:1.2em 0;
border-bottom:dashed 1px #222;
}
ul.voice_list li:before {
content:"";
display:block;
position:absolute;
width:10px;
height:18px;
top:50%;
right:.5em;
margin-top:-9px;
background:url(img/arrow_pink_thin.png) no-repeat center;
background-size:contain;
}
ul.voice_list div.thumb {
display:table-cell;
width:50px;
vertical-align:middle;
}
ul.voice_list p {
display:table-cell;
vertical-align:middle;
line-height:1.4;
}
ul.voice_list p a {
display:block;
padding:0 2.5em 0 1em;
color:#293660;
font-weight:bold;
text-decoration:none;
}
ul.voice_list p span {
display:inline-block;
margin-bottom:.3em;
color:#212121;
font-weight:normal;
font-size:.85em;
}
@media screen and (min-width: 769px) {
#voice ul.voice_list {
overflow:hidden;
width:1000px;
margin:0 auto;
padding:0;
}
ul.voice_list li {
float:left;
width:480px;
padding:1.2em .5em;
}
#home ul.voice_list li {
float:none;
}
ul.voice_list li:nth-of-type(2n+1) {
clear:left;
margin-right:40px;
}
ul.voice_list div.thumb {
width:80px;
}
ul.voice_list li:before {
width:16px;
height:28px;
margin-top:-14px;
}
}
#store {
font-size:18px;
}
#store a {
color:#F19EC2;
}
#store .catch {
position:relative;
padding:1.5em 3vw 65%;
background:url(img/store_catch_bg.png) no-repeat center;
background-size: cover;
}
#store .catch::after {
content:"";
display:block;
position:absolute;
z-index:2;
right:3vw;
bottom:0;
width:65%;
height:55%;
background:url(img/store_catch_img.png) no-repeat center;
background-size:contain;
background-position:center bottom;
}
#store .catch > div {
position:relative;
z-index:1;
padding:.8em 1vw;
border:solid 2px #F3AAC8;
box-shadow:0 0 0 3px #fff;
background:#fff;
}
#store .catch h1 {
padding-top:60%;
background-image:url(img/store_catch_copy.png?20180604);
}
#store .btn a {
padding:1em 3em;
background:#293660;
color:#fff;
font-size:1.2em;
text-decoration:none;
}
#store .btn a::after {
content:"\f0d7";
margin-left:.5em;
color: inherit;
font-weight:normal;
font-size:.8em;
font-family: FontAwesome;
}
#store .read {
margin-top:30px;
padding-top: 75px;
background: url(img/home_about_flower.png) no-repeat center top;
background-size: auto 57px;
}
#store .check {
position:relative;
margin-bottom:4em;
}
#store .check::after {
content: "・・・";
position: absolute;
bottom: -2em;
left: 50%;
width: 1em;
margin-left: -.5em;
font-weight: bold;
font-size: 1.5em;
text-align: center;
line-height: .6;
}
#store .check li {
border:none;
}
#store .check + p {
color:#293660;
font-weight:bold;
font-size:1.1em;
text-align:center;
}
#store h2 {
margin-bottom:.5em;
color:#F375A7;
font-weight:bold;
font-size:30px;
text-align:center;
}
#store .about {
background:url(img/point_bg_01.png) no-repeat -30px bottom #fef1f5;
background-size:auto 80%;
}
#store h3 {
color:#293660;
font-weight:bold;
font-size:22px;
}
#store .point h3 {
margin:1.8em 0 .6em;
}
#store .point .last {
margin-top:1em;
padding-top:200px;
background:url(img/store_point_women.png) no-repeat center top;
background-size:215px;
}
#store .flow {
background:#fef1f5;
}
#store .flow .cfix {
margin:0 0 3em;
}
#store .flow .cfix:last-of-type {
margin-bottom:0;
}
#store .flow h3 {
margin:.6em 0;
}
#store_faq dt {
margin:1.5em 0 .3em;
padding-bottom:.3em;
border-bottom:solid 1px #FAD9E6;
color:#293660;
font-weight:bold;
font-size:22px;
}
#store_faq dt::before {
content:"Q.";
margin-right:.2em;
}
#store_faq dd::before {
content:"A.";
margin-right:.2em;
color:#F375A7;
font-weight:bold;
font-size:1.2em;
}
#store #contact_form {
background:#FCF8F4;
}
#store #contact_form h2 {
padding: 30px 0;
background: url(img/tit_deco_left.png) no-repeat left center,url(img/tit_deco_right.png) no-repeat right center;
background-size: 90px auto,79px auto;
color:#C4B380;
}
#store dl.contact_form dt,
.submit_btn input {
font-weight:bold;
font-size:18px;
font-family:"游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
}
input.ngchk {
    -moz-appearance: auto;
    -webkit-appearance: auto;
    appearance: auto;
}
@media screen and (min-width: 769px) {
#store .catch {
padding:4em 0 6em;
background-image:url(img/store_catch_bg_pc.png);
}
#store .catch::after {
right: 50%;
width: 350px;
height: 380px;
margin-right: -545px;
}
#store .catch > div {
width:680px;
margin:0 auto;
padding:1em 0;
box-shadow:0 0 0 10px #fff;
}
#store .catch h1 {
width:451px;
margin:0 auto;
padding-top:294px;
background-image:url(img/store_catch_copy_pc.png?20180604);
}
#store .btn a {
font-size:24px;
}
#store .btn a::after {
content:"\f0d7";
margin-left:.5em;
color: inherit;
font-weight:normal;
font-size:.8em;
font-family: FontAwesome;
}
#store .read {
margin-top:50px;
padding-top: 130px;
background-size: auto 114px;
}
#store .check {
width:480px;
margin:0 auto 4em;
}
#store .check li {
font-size:21px;
}
#store .check + p {
color:#293660;
font-weight:bold;
font-size:1.1em;
text-align:center;
}
#store h2 {
font-size:32px;
}
#store .about {
background-position:20% center;
background-size:auto;
}
#store .about .space {
width:700px;
margin:0 auto;
}
#store .point.space {
width:1200px;
margin:0 auto;
}
#store .point .pc_flex > div {
width:30%;
}
#store .point h3 {
margin:1.8em 0 .6em;
}
#store .point .last {
min-height:215px;
margin-top:1em;
padding:10px 0 20px 280px;
background-position:left center;
}
#store .flow .space {
width:920px;
margin:0 auto;
}
#store .flow .cfix {
margin:3em 0;
}
#store .flow div.img {
float:left;
width:320px;
}
#store .flow h3 {
margin:0 0 .6em 360px;
}
#store .flow p {
margin-left:360px;
}
#store .flow p.btn {
margin-left:auto;
text-align:right;
}
#store_faq {
width:840px;
margin:0 auto;
}
#store_faq dt {
margin:2.5em 0 .5em;
padding-bottom:.5em;
}
#store #contact_form {
width:100%;
padding-bottom:3em;
}
#store #contact_form dl {
width:600px;
margin:0 auto;
}
#store #contact_form h2 {
width:550px;
margin:0 auto 2em;
padding: 40px 0;
background-size: contain;
}
.submit_btn input {
font-size:30px;
}
#contact_form div.wpcf7-mail-sent-ok, #contact_form div.wpcf7-response-output {
width:600px;
}
}