@charset "utf-8";

/*
Theme Name: achic_v7
Theme URI: 
Version: 20261102
Requires at least: 7.1
Requires PHP: 8.3
Text Domain: achic
Description: 
Author:　
Author URI: 
*/

a,
embed {
    outline: 0
}

*,
a {
    margin: 0;
    padding: 0
}

body,
p {
    color: #333
}

a,
a:hover,
ins {
    text-decoration: none
}

a,
sub,
sup {
    vertical-align: baseline
}

blockquote,
cite,
em,
i {
    font-style: italic
}

.subtitle,
.toppr p span,
dl dt,
strong {
    font-weight: 700
}

.columns,
.columnsvoice {
    column-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

a img,
embed,
img {
    border: none
}

body {
    line-height: 1;
    overflow-x: hidden
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul li,
ul li {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    font-size: 100%;
    background: 0 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    overflow: hidden;
    font-family: 'Noto Sans JP', 'Noto Sans Japanese', sans-serif;
    color: #3B577E;
    transition: .5s
}

a:hover {
    color: #c00;
    opacity: .7
}

img {
    max-width: 100%;
    height: auto
}

a img:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.aligncenter,
div.post .new-post .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin-bottom: 10px
}

.wp-caption.alignleft {
    margin: 0 10px 10px 0
}

.wp-caption.alignright {
    margin: 0 0 10px 10px
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0
}

#desctop,
#teldesc {
    margin-top: -20px;
    display: block
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px
}

img.alignright,
img.alignrightbottom {
    display: inline;
    float: right;
    margin-left: 15px
}

img.alignrightbottom {
    margin-bottom: 30px
}

html {
    -webkit-font-smoothing: antialiased
}

body {
    font-family: 'Noto Sans JP', 'Noto Sans Japanese', serif;
    background-color: #fff
}

.clear {
    clear: both
}

code,
pre {
    font-family: Courier New, monospace;
    margin-bottom: 10px
}

.toppr p span,
article .results h3,
section .datas h2 {
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif
}

sub,
sup {
    height: 0;
    line-height: 1;
    position: relative
}

.ceoblog ul li,
.ext ul li,
.int ul li {
    vertical-align: top
}

sup {
    bottom: .8em
}

sub {
    top: .3em
}

dl {
    margin: 0 0 1.5em
}

dd {
    margin-left: 1.5em
}

blockquote p {
    padding-bottom: 0;
    /* [disabled]display: none;
*/
}

input.text,
input.title,
input[type=email],
input[type=tel],
input[type=text],
select,
textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    color: #4e4e4e;
    padding: 10px;
    border-radius: 5px;
    margin: .5em 0
}

input.text:focus,
input.title:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-color: #2D3940;
    color: #3e3e3e
}

select,
textarea {
    padding: 4px;
    border: 1px solid #bbb !important
}

.shitsubi .right,
.stm .right {
    padding-right: 20px;
    padding-left: 20px
}

img#about-image {
    float: left;
    margin: 3px 8px 8px 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
.ceoblog ul{
    display: flex;
    justify-content: space-between;
}
.ceoblog ul li img {
    width: 100%;
    height: auto;
    transition-duration: 0.5s;
}

.ceoblog ul li img:hover {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.oukan {
    width: 200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: -50px;
    left: 0;
    right: 0;
    position: absolute
}

.wrap header {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    padding-bottom: 0;
    clear: both;
    float: none;
    position: static;
    margin: 0
}

header .headsp .logo {
    width: 265px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.wideslider,
.wrap header .headsp {
    position: relative;
    overflow: hidden
}

.wrap header .headsp {
    width: 98%;
    height: 130px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto
}

.wrap header nav {
    background-color: #FBF9F4
}

.wideslider {
    width: 100%;
    text-align: left;
    margin-top: 80px;
    z-index: 3 !important
}

.slider_next,
.slider_prev {
    background-repeat: no-repeat;
    background-color: #000;
    margin-top: -60px
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
    z-index: 4 !important
}

.wideslider ul li img {
    width: 100%;
    display: none;
    height: auto;
    z-index: 5 !important
}

.wideslider_base {
    top: 0;
    position: absolute
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden
}

.slider_next,
.slider_prev {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer
}

.slider_prev {
    background-position: right center;
    background-image: url(images/pre.png)
}

.slider_next {
    background-position: left center;
    background-image: url(images/next.png)
}

.slidergreen {
    color: #98B23B;
    font-size: 18px
}

#slider3 {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 120px;
    z-index: 2
}

.bx-wrapper {
    width: 100%;
    height: 420px
}

.bx-viewport {
    width: 100% !important;
    height: 420px !important
}

.pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    position: absolute;
    z-index: 200
}

.pagination a {
    margin: 0 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden
}

.pagination a.pn1 {
    background: url(../img/pn1.jpg) left top no-repeat
}

.pagination a.pn2 {
    background: url(../img/pn2.jpg) left top no-repeat
}

.pagination a.pn3 {
    background: url(../img/pn3.jpg) left top no-repeat
}

.pagination a.pn4 {
    background: url(../img/pn4.jpg) left top no-repeat
}

.pagination a.pn5 {
    background: url(../img/pn5.jpg) left top no-repeat
}

.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important
}

.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}

.wideslider ul {
    display: inline-block;
    overflow: hidden
}

#all,
#headbar {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    height: auto;
    z-index: 99999;
    top: 0;
    background-color: #FFF;
    border-bottom: 1px solid #E8E8E8
}

#all:after {
    content: "";
    display: none;
    clear: both;
    height: 0
}

main section .datas {
    width: 980px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30pt
}

.datas article .results,
.datas article .results:nth-of-type(3) {
    width: 32%;
    -moz-box-sizing: border-box;
    display: block;
    height: auto;
    float: left
}

section .datas h2 {
    color: #333;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 30px
}

.datas article .results {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px
}

.datas article .results:nth-of-type(3) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0
}

article .results h3 {
    color: #555;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    padding-bottom: 5px;
    border-bottom: 10px solid #E35377
}

#maincach {
    display: block !important;
    position: relative !important;
    top: 130px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    height: auto;
    margin: auto;
    width: 100%
}

.wideslider #maincach h2 {
    width: 300px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 2px
}

.coll,
.int,
.wrap section .cunsering,
.wrap section .toppr,
section .gellery,
section .voice {
    width: 1024px;
    height: auto;
    padding-top: 30px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.wideslider #maincach p {
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 25px;
    margin-top: 50px;
    text-shadow: 1px 1px 1px #514E4F
}

.wrap section .toppr {
    background-image: url(images/bg/hear_03.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30% auto;
    padding-bottom: 80px
}
.wrap section .toppr.meteo {
    background-image: url();
    padding-bottom: 0px
  
}
#nano .shitsubi{
    padding: 0;
}
#nano .shitsubi video{
    width: 100%;
}
@media screen and (max-width:767px) {
    
    .wrap section .toppr.meteo {
        width: 90%;
        margin:0 auto;

    }
    .wrap section .toppr.meteo p{
        width: 100%;
    }
}
.line_box{
    display: block;
    margin: 0 auto 30px auto;
    border-bottom: 1px solid #b3d4fc;
}

.flex.set{
    margin: 50px auto 30px auto;
}
@media screen and (max-width:767px) {
    .flex.set{
        margin: 0px auto 30px auto;
        padding: 0;
    }
    .line_box p span{
        font-size: 18px !important;
    }
    
}
ul.flex.imgs{
    justify-content: space-between;
    margin: 20px auto 40px auto;
    flex-wrap: wrap;

}
.flex.movie{
    margin: 20px auto 0 auto;
}
ul.flex.imgs li{
    width: 33%;
    margin: 0 0 5px 0;
}

@media screen and (max-width:767px) {

    ul.flex.imgs{
       
        flex-direction: row;
        margin: 0px auto 40px auto;
    }
    ul.flex.imgs li{
        width: 48%;
        margin: 10px 0;
    }
    .flex.movie{
        margin: 0px auto 0 auto;
    }
}
.flex .left video,
.flex .right video,
#shitsubi  video{
    width: 100%;
    height: auto;

}

@media screen and (max-width:767px) {
    .shitsubi .stm{
        width: 100%;
        margin: 20px auto 0 auto;
    }
    .flex .left video,
    .flex .right video{
        margin: 0 auto 20px auto;
    }
    .flex.set .right {
        padding: 30px 0 0 0;
    }
    .flex.set .left p,
    .flex.set .right p{
        width: 100%;
    }
}
.min_img{
    display: block;
    margin: 0 auto 10px auto;
    max-width: 700px !important;
}
.min_img:last-child{
    margin: 0 auto;
}
p.num{
    display: block;
    max-width: 400px;
    margin: 0 auto !important;
}
p.num.last{
    margin: 0 auto 30px auto !important;
}
p.num i{
    font-style: normal;
    font-weight: bold;
    color: #39577C;
    font-size: 18px;
    margin-right: 8px;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
}
.wrap section .toppr.trtmt {
    background-image: url();
    background-size: 30% auto;
    padding-bottom: 80px
}

.wrap section .toppr.trtmt img {
    margin-bottom: 30px;
}

.wrap section .toppr.trtmt .side_md.space {
    margin: 20px auto 30px auto;
	padding: 0 30px;
}

@media screen and (max-width:767px) {
    .min_img{
      
        max-width: 100% !important;
    }
    .flex {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }
    .flex .left,
    .flex .right {
        width: 100%;
    }
    .flex {
        padding: 30px 0 0 0;
    }
    .wrap section .toppr.trtmt p span {
        font-size: 15px;
        line-height: 24px;
    }
}

@media screen and (min-width:768px) {
    .wrap section .toppr.trtmt .side_md.space br {
        display: none;
    }
}

.flex {
    display: flex;
    justify-content: space-between;
}

.flex .one_bunner,
.flex .one_bunner li {
    width: 100%;
}

.flex .one_bunner li img {
    width: 80%;
}

.flex .one_bunner ul {
    border: none;
}

@media screen and (min-width:768px) {
    .flex {
        flex-direction: row;
    }
    .flex .left,
    .flex .right {
        width: 49%;
    }
}

.coll,
.int,
section .gellery,
section .voice {
    padding-bottom: 30px
}

.wrap section .cunsering {
    padding-bottom: 80px
}

#page_ceoblog,
.wrap .beage .ext {
    padding-bottom: 50px
}

.animatedParent .achicmessage {
    width: 100%;
    height: 400px;
    display: block;
    margin-top: 40px;
    position: relative;
    padding-top: 5%;
    overflow: hidden;
    background-image: url(images/parts/kodawari05.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto
}

.animatedParent .animated.fadeInUpShort img {
    width: 100%;
    height: auto;
    z-index: 1
}

.animatedParent .animated.fadeInUpShort .meg {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    width: 50%;
    height: 200px;
    z-index: 2;
    display: block;
    text-align: center;
    overflow: hidden
}

.oukan_md,
.side_md {
    display: block;
    margin-top: 20px
}

.animated.fadeInUpShort .meg img {
    width: 50%;
    height: auto;
    display: block;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto
}

.animatedParent .animated.fadeInUpShort .meg p {
    color: #fff;
    line-height: 30px
}

.beage {
    background-color: #F9F6F2
}

.blue {
    background-color: #EFF4F9;
    position: relative;
    top: -40px;
    height: auto
}

.side_md {
    background-image: url(images/parts/left_md.png), url(images/parts/right_md.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
    background-size: 30px auto, 30px auto;
    margin-bottom: 80px
}

.side_md.space {
    display: block;
    margin: 80px auto 30px auto;
}

.oukan_md {
    margin-bottom: 50px;
    background-image: url(images/parts/oukan_03.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 80px
}

.wrap .beage .ext {
    width: 1024px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px
}

.ext ul li {
    display: inline-block;
    width: 49%;
    height: auto
}

.ext ul li img {
    width: auto;
    height: 300px;
    display: block;
    text-align: center;
    margin: 30px 0
}

.toppr p span {
    color: #39577C;
    font-size: 130%;
    letter-spacing: 2px
}

.toppr h2 span {
    font-size: 150%
}

.cunsering p,
.ext p,
.howto p,
.toppr p {
    line-height: 30px;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    /*font-size: 90%*/
    font-size: 100%;
}

.ceoblog h2,
.cunsering h2,
.ext h2,
.gellery h2,
.howto h2,
.int h2,
.pagestitle,
.subtitle,
.toppr h2,
.voice h2 {
    color: #39577C;
    line-height: 40px;
    letter-spacing: 2px;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif
}

.bottomborder {
    width: 70%;
    border-bottom: 3px solid #fff
}

.ceoblog h2,
.cunsering h2,
.ext h2,
.howto h2,
.pagestitle,
.toppr h2 {
    font-size: 150%;
    text-align: center;
    display: block
}

.gellery ul li {
    display: inline-block;
    width: 250px;
    height: 250px;
    text-align: center;
    overflow: hidden;
    margin: 0 0 2px
}

.gellery ul li a img,
li a img {
    width: 100%;
    height: auto
}

.gellery h2,
.int h2,
.voice h2 {
    font-size: 130%;
    text-align: center;
    display: block
}

.int ul li,
.voice ul li {
    height: auto;
    display: inline-block
}

.int ul li {
    width: 49%;
    margin-bottom: 30px
}

section .int .pagemore {
    margin-bottom: 40px
}

.voice ul li {
    width: 12%
}


.sine,
.subtitle {
    display: block
}

.sine {
    text-align: right
}

.sine img {
    width: 300px !important;
    height: auto;
    margin-top: 30px
}

.ceoblog,
.inner {
    width: 1024px;
    height: auto
}

.cunsering h2 div {
    font-size: 90%
}

.subtitle {
    font-size: 130%;
    text-align: center;
    margin-bottom: 50px
}

.ceoblog {
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 10
}

.ceoblog.media {
    padding-bottom: 80px;
}

.ceoblog ul {
    margin-top: 20px
}

.inner {
    margin: 60px auto 40px
}

.howto,
section .ceoblog li a h3 {
    margin-left: auto;
    margin-right: auto
}

.wrap section .seo_message {
    width: 100%;
    height: auto;
    background-image: url(images/bg/aisatu_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    background-attachment: fixed;
    padding: 20px
}

.blue .howto .care,
.blue .howto .cares,
.toppr.trtmt .care {
    background-position: right bottom;
    background-repeat: no-repeat
}

.seo_message .inner p {
    color: #FFF;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 15px
}

.ceoblog ul li div {
    width: 100%;
    height: 249px;
    overflow: hidden
}

.ceoblog ul li {
    width: 24%;
    height: auto;
    /*width: 24.6%;
    display: inline-block;*/
    position: relative;
    background-color: #fff;
    padding-bottom: 5px;
    border: 1px solid #CBCACA;
}

.ceoblog ul li a time {
    width: 80px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
}

section .ceoblog li a h3 {
    display: block;
    width: 90%;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 15px auto 15px;
}

.shitsubi .left,
.shitsubi .right,
.stm .left,
.stm .right {
    display: inline-block;
    vertical-align: top;
    height: auto
}

.howto {
    max-width: 1024px;
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 40px
}

.shitsubi .left img {
    width: 100%;
    height: auto
}

.shitsubi .left {
    width: 49%
}

.stm .left {
    width: 30%;
    padding-bottom: 50px
}
.stm .right {
    padding-bottom: 50px
}
.shitsubi .right {
    width: 49%
}

.stm .right {
    width: 69%
}

.shitsubi .right h3,
.stm .right h3,
.shitsubi .stm .left h3{
    display: block;
    border-left: 5px solid #c3aa84;
    padding-left: 20px;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    color: #39577c;
    font-size: 18px;
    line-height: 40px
}



.shitsubi .right p,
.stm .right p {
    margin-left: 0
}

.shitsubi,
.stm {
    width: 1024px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px
}

.colorlist ul {
    padding: 10px;
    display: block
}

.colorlist ul .left,
.colorlist ul .right {
    height: 70px;
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.colorlist ul .left {
    width: 20%;
    background-color: #BDD2E5;
    font-size: 16px;
    line-height: 50px;
    text-align: center
}

.colorlist ul .right {
    width: 79%;
    background-color: #fff;
    font-size: 100%;
    line-height: 25px
}


.boxborder {
    display: block;
    height: auto;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 20px;
    border-bottom: 2px solid #FFF
}

.blue .howto .care,
.toppr.trtmt .care {
    width: 90%;
    height: auto;
    background-image: url(images/parts/woman.png);
    margin: 40px auto
}

.toppr.trtmt .care {
    margin: 40px auto 80px auto
}

.blue .howto .cares {
    width: 95%;
    height: auto;
    margin: -40px auto 20px
}

.care ul li,
.cares ul li {
    padding-left: 25px;
    color: #333;
    font-size: 100%;
    display: block;
    background-image: url(images/parts/bluelistico.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 15px auto;
    padding-bottom: 10px;
    padding-top: 10px
}

.nomal_pt_md,
.pt_md {
    border-bottom: 1px solid #c3aa84;
    text-align: center;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    font-size: 22px;
    line-height: 40px;
    color: #39577C;
    letter-spacing: 2px
}

.kirakira,
.pagemore {
    background-image: url(images/parts/kirakira.png)
}

.howto .styleimg img {
    display: inline-block;
    width: 16.5%;
    height: auto;
}

.kirakira,
.nomal_pt_md,
.pt_md,
.rightmore {
    display: block
}

.kirakira {
    background-repeat: no-repeat;
    background-position: 10% center;
    background-size: 50px auto;
    margin-top: 50px;
    margin-bottom: 40px
}

.pt_md {
    width: 70%;
    margin: 50px auto 40px
}

.nomal_pt_md {
    width: 100%;
    margin: 0 auto 40px
}

.rightmore {
    text-align: right
}

.shitsubi .cuticle {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 50px;
    margin-bottom: 0
}

.shitsubi .cuticle .left,
.shitsubi .cuticle .right {
    height: auto;
    display: inline-block;
    vertical-align: top
}

.shitsubi .cuticle .left {
    width: 24%
}

.shitsubi .cuticle .left img {
    width: 100%;
    height: auto
}

.shitsubi .cuticle .right {
    width: 75%
}

.shitsubi .cuticle .right p {
    margin-top: 0
}

.pagemore,
.pagemorein {
    background-position: 95% center;
    margin: 40px auto 0;
    height: 60px;
    color: #FFF;
    line-height: 60px;
    background-color: #39577C;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    transition: .5s
}

.pagemore {
    width: 400px;
    background-size: 20px auto
}

.pagemorein {
    width: 500px;
    background-image: url(images/icon/listinst.png);
    background-size: 15px auto
}

.catmore {
    display: block;
    width: 300px;
    height: 60px;
    color: #FFF;
    line-height: 60px;
    background-color: #39577C;
    transition: .5s;
    text-align: center;
    margin: 40px auto 20px
}

.catmore:hover,
.pagemore:hover,
.pagemorein:hover {
    color: #fff;
    background-color: #E9103B
}

.howto .colorlist h3 {
    display: block;
    width: 100%;
    height: auto;
    background-image: url(images/parts/faqimage.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100px auto;
    margin-top: 30px;
    padding: 10px
}

#bg_k,
#bg_rec,
#bg_sg,
#bg_sr,
#bg_staff,
#bg_voice {
    background-position: center top
}

#ariga_satoshi,
#suzuki_jyun,
#yuka_ootake {
    background-size: 100% auto;
    background-position: left top
}

#bg_gaiyou,
#bg_k,
#bg_rec,
#bg_sg,
#bg_single,
#bg_sr,
#bg_staff,
#bg_voice {
    background-size: cover;
    background-repeat: no-repeat
}

.howto .colorlist h3 span,
.howto.stms .colorlist h3 span {
    width: 80% !important;
    height: auto;
    display: block;
    background-color: #fff;
    border-radius: 180px;
    padding: 20px;
    color: #21517c
}

section .cunsering .couse_list {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #C3AA84;
    position: relative;
    margin-bottom: 20px;
    margin-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

.cunsering .couse_list .number {
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #FFF;
    background-color: #C3AA84;
    position: absolute;
    left: -30px;
    top: -20px
}

.cunsering .couse_list img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    width: 300px;
    height: auto
}

.coll ul li,
.cunsering ul li,
.thinfo ul li {
    display: inline-block;
    width: 32%;
    height: auto
}

.voice_wrap {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0 auto 30px auto;
}

.voice_wrap:before {
    position: absolute;
    top: 45%;
    left: 0;
    content: '';
    width: 30%;
    height: 1px;
    background-color: #C7D6E4;
}

.voice_wrap:after {
    position: absolute;
    top: 45%;
    right: 0;
    content: '';
    width: 30%;
    height: 1px;
    background-color: #C7D6E4;
}

.voice_wrap:before,
.voice_wrap:after {
    z-index: -1;
}

.voice_wrap a.voice {
    display: block;
    color: #40567A;
    width: 350px;
    background: url(./images/icon/voice.png) no-repeat;
    background-size: 24px auto;
    background-position: 16px center;
    padding: 12px 8px 12px 40px;
    border: 1px solid #40567A;
    margin: 24px auto;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
    background-color: #fff;
}

@media screen and (max-width:767px) {
    .voice_wrap:before {
        width: 20%;
    }
    .voice_wrap:after {
        width: 20%;
    }
    .voice_wrap a.voice {
        margin: 16px auto;
        width: 80%;
        font-size: 13px;
        padding: 8px 8px 8px 30px;
    }
}

.instglm p {
    max-width: 1024px;
    margin: 0 auto;
}

.coll .thinfo {
    padding-top: 0;
}

.thinfo {
    padding: 40px 0 0 0;
}

.coll li img,
.cunsering li a img,
.thinfo li img {
    width: 100%;
    height: auto
}

.cunsering .couse_list h3 {
    position: absolute;
    width: 67%;
    color: #39577c;
    right: 15px;
    top: 20px;
    line-height: 25px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C3AA84
}

.ext .ex_text #exmd,
.ext .ex_text .exmd,
.ext .ex_text h3 {
    color: #39577C;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    text-align: center;
    line-height: 40px;
    display: block;
    letter-spacing: 2px
}

.cunsering .couse_list .text {
    position: absolute;
    right: 10px;
    top: 70px;
    width: 70%
}

.beage .ext .ex_text {
    width: 98%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #FFF;
    padding: 30px 20px 20px
}

.ext .ex_text img {
    display: block;
    margin: 30px auto
}

.ext .ex_text h3 {
    font-size: 140%
}

.ext .ex_text #exmd,
.ext .ex_text .exmd {
    font-size: 110%;
    font-weight: 700
}

.footmap .inner .left,
.footmap .inner .right {
    display: inline-block;
    height: auto;
    vertical-align: top
}

.ext .ex_text p {
    text-align: left
}

#pagesubtitle,
.page_md {
    text-align: left !important
}

footer section .footmap {
    background-color: #ACC5DE;
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 40px
}

.footmap .inner .left {
    width: 30%;
    display: block;
    margin: 0 auto 50px auto
}

.footmap .inner .right {
    width: 100%
}

.inner .right iframe {
    width: 100%;
    height: 300px
}

.left a img {
    width: 60%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.bunner li,
.inner nav ul {
    display: inline-block;
    height: auto
}

.bunner li {
    width: 49%
}

.inner nav ul {
    width: 22%;
    vertical-align: top;
    margin-top: 40px
}

small {
    color: #88ABCF;
    text-align: center;
    font-size: 12px;
    display: block;
    line-height: normal;
    margin: 40px 0 0
}

.inner nav ul .sns {
    width: 23%;
    height: auto;
    display: inline-block;
    vertical-align: top
}

.inner nav ul li a {
    color: #39577C;
    line-height: 30px
}

.inner nav ul .sns a img {
    width: 100%;
    height: auto
}

.bunner li a img {
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block
}

#snsicons {
    padding-top: 30px
}

#bg_k {
    background-image: url(images/head/kodawari_01.jpg)
}

#bg_sr {
    background-image: url(images/head/style_1.jpg)
}

#bg_sg {
    background-image: url(images/head/style_g.jpg);
    /*background-image: url(images/head/style_g_2020.jpg)*/
}

#bg_voice {
    background-image: url(images/head/shiger.jpg)
}

#bg_rec {
    background-image: url(images/head/rec.jpg)
}

.oukan_md .headlogo {
    width: 250px !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto
}

article .job p {
    margin-left: 20px
}

#bg_staff {
    /*background-image: url(images/head/staff.jpg)*/
    background-image: url(images/head/style_g_staff.jpg)
}

#ariga_satoshi {
    background-image: url(images/staff/staff_07.jpg);
    background-repeat: no-repeat
}

#suzuki_jyun {
    background-image: url(images/staff/staff_19.jpg);
    background-repeat: no-repeat
}

#yuka_ootake {
    background-image: url(images/staff/staff_08.jpg);
    background-repeat: no-repeat
}

#bg_gaiyou,
#bg_single {
    background-image: url(images/head/single.jpg);
    background-position: left top
}

.headimage {
    width: 100%;
    height: 350px;
    display: block;
    position: relative;
    margin-top: 80px
}

.pan_border .pannav {
    width: 1024px;
    height: auto;
    margin-left: 18%;
    margin-right: auto;
    display: block
}

.page_md,
.style_menu,
.style_menu .left {
    width: 100%;
    height: auto
}

.pan_border .pannav span,
.pan_border .pannav span a {
    font-size: 13px;
    color: #FFF;
    text-shadow: 1px 1px 1px #555;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
}

.pan_border {
    position: absolute;
    bottom: 20px;
    color: #DFDBDB
}

.strongtext,
.style_menu .left h3 {
    color: #39577C;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    font-weight: bolder;
    display: block
}

.page_md {
    display: block;
    background-image: url(images/parts/left_md.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px auto;
    padding-left: 60px;
    margin-top: 20px;
    margin-bottom: 20px
}

#page_md_nomal {
    margin-bottom: 40px
}

#pagesubtitle {
    margin-left: 30px;
    margin-top: 50px
}

#kodawari_toppr {
    padding-bottom: 80px;
    margin-bottom: -80px;
    background-image: url(images/parts/heaermodel.png);
    background-repeat: no-repeat;
    background-size: 25% auto;
    background-position: 95% bottom
}

#ex_toppr,
#exss {
    background-image: url(url)
}

.strongtext {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px
}

.wht {
    background-color: #FFF
}

.style_menu {
    margin-top: 40px;
    position: relative;
    padding: 15px
}

.style_menu .left {
    display: block
}

.style_menu .left h3 {
    font-size: 16px;
    padding-bottom: 20px;
    margin-top: -10px !important;
    float: left;
    width: 60%
}

.style_menu header {
    display: block;
    background-color: transparent;
    width: 40%;
    float: right
}

.style_menu .left ul li span,
.style_menu header ul li {
    width: auto;
    height: auto;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif
}

.style_menu header ul li {
    float: right;
    background-color: #c3aa84;
    color: #fff;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 25px;
    margin-right: 5px
}

.style_menu header ul li:after {
    content: '' !important
}

.style_menu .left ul li span {
    display: inline-block;
    vertical-align: top;
    color: #e54256;
    font-size: 14px;
    line-height: normal
}

.style_menu .left p {
    line-height: 20px;
    margin-left: 0
}

.style_menu .right {
    width: 100%;
    height: 80px;
    display: block;
    vertical-align: top;
    background-color: #DDE9F7;
    text-align: center;
    margin-top: 30px
}

.style_menu .right ul {
    width: 68%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px
}

.style_menu .right ul li {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    padding-bottom: 10px;
    margin-top: 5px
}

.columnsext .pin a,
.pin,
.style_menu .right a {
    display: inline-block;
    vertical-align: top
}

.style_menu .right ul li:before {
    content: '■';
    margin-right: 10px
}

.style_menu .right a {
    background-color: #39577c;
    width: 30%;
    height: 60px;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    transition: .5s;
    margin-top: 10px;
    border-radius: 3px;
    letter-spacing: 4px
}

.style_menu .right a:hover {
    background-color: #e54256
}

.wrapper {
    width: 100%;
    max-width: 1100px;
    min-width: 800px;
    margin: 10px auto
}

.pin {
    background: #FEFEFE;
    border: 2px solid #FAFAFA;
    box-shadow: 0 1px 2px rgba(34, 25, 25, .4);
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0 2px 15px;
    padding: 15px 15px 5px;
    opacity: 1
}

.cunsering .wrapper .more,
.plf .left a {
    background-color: #39577C;
    text-align: center
}

.columns {
    -webkit-column-count: 4;
    -webkit-column-fill: balance;
    -moz-column-count: 4;
    -moz-column-fill: balance;
    column-count: 4;
    column-gap: auto;
    column-fill: balance
}

.columnsvoice {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    column-gap: auto
}

.columnsext {
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -webkit-column-fill: balance;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -moz-column-fill: balance;
    column-count: 2;
    column-gap: auto;
    column-fill: balance
}

.columnsvoice .pin img {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 10px
}

.columnsext .pin img,
.pin img {
    padding-bottom: 15px;
    margin-bottom: 0
}

.pin img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc
}

.columnsext .pin img {
    width: 230px;
    height: 340px;
    border: 0
}

.pin p {
    font-size: 12px;
    color: #333;
    margin: 0
}

.columnsext .pin a {
    width: 49%;
    height: auto
}

.columnsext .pin ul {
    display: block;
    margin-top: -5px;
    margin-bottom: 5px
}

.columnsext .pin ul li {
    display: inline-block;
    text-align: center;
    width: 49%;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    color: #39577C
}

.columns:hover .pin img:hover {
    opacity: .4
}

.staffloom:first-child {
    margin-top: -20px
}

.staffloom {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 60px;
    margin-bottom: 40px
}

.plf .left span {
    display: block;
    text-align: center;
    color: #39577C;
    font-size: 14px !important;
    line-height: 40px;
    letter-spacing: 2px
}

.right dl,
.right dl dd a {
    display: inline-block;
    vertical-align: top
}

.right dl {
    width: 49%;
    height: auto
}

.right dl dt {
    color: #39577C;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    margin-bottom: 10px
}

.right dl dt:before {
    content: '■ '
}

.right dl dd {
    font-size: 14px;
    margin-bottom: 30px;
    width: 85%;
    line-height: 20px
}

.right dl dd a {
    margin-right: 20px
}

.right dl dd a img {
    width: 25px;
    height: auto
}

.plf .left a {
    display: block;
    color: #FFF;
    line-height: 50px
}

.staffloom .plf {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 11%
}

.staffloom .plf .left,
.staffloom .plf .right {
    display: inline-block;
    vertical-align: top;
    margin-top: 80px
}

.plf .text {
    height: 180px;
    width: 100%
}

.staffloom .plf h3,
.staffloom .plf p {
    color: #fff
}

.staffloom .plf h3 {
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    margin-bottom: 50px
}

.staffloom .plf span {
    font-size: 25px
}

.staffloom .plf p {
    margin-left: 0;
    line-height: 20px
}

.staffloom .plf .left {
    width: 30%;
    height: auto;
    margin-right: 35px
}

#bg_rec #maincach p,
#bg_voice #maincach p {
    margin-left: auto;
    margin-right: auto;
    height: auto
}

.staffloom .plf .left img {
    width: 100%;
    height: auto
}

.staffloom .plf .right {
    width: 65%;
    height: auto;
    padding-top: 100px
}

#bg_voice #maincach p {
    width: 1024px;
    color: #FFF;
    line-height: 25px;
    margin-top: 0
}

.cunsering .wrapper .more {
    float: right;
    display: block;
    width: 90px;
    color: #fff;
    line-height: 30px
}

#bg_rec #maincach p {
    width: 300px;
    display: block;
    text-align: center;
    color: #FFF;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    font-size: 25px;
    letter-spacing: 4px
}

.animatedParent .animated.fadeInLeft .page_md.mini {
    font-size: 16px
}

.beage .cunsering .job {
    width: 100%;
    height: auto
}

.cunsering tbody tr th {
    background-color: #BDD2E5;
    width: 20%;
    padding: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle
}

.job .mdline h3,
.mainmess .mdline h4,
.mainmess p a {
    font-size: 18px;
    letter-spacing: 2px
}

.cunsering .job .mdline,
.cunsering .job .plsy {
    display: block;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.cunsering .job .mdline {
    border-bottom: 2px solid #C3AA84
}

.job .mdline h3,
.job .mdline span {
    display: inline-block;
    line-height: 40px;
    vertical-align: top
}

.job .mdline h3 {
    width: auto;
    height: auto
}

.job .mdline span {
    margin-left: 30px
}

article .job .mainmess {
    width: 70%;
    height: auto;
    margin: 30px auto 50px
}

.mainmess .mdline h4 {
    color: #39577C;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    text-align: center;
    line-height: 40px
}

.mainmess p a {
    text-decoration: underline;
    color: #000;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif
}

.cunsering table {
    width: 100%;
    height: auto;
    margin-top: 20px
}

.cunsering tbody tr td {
    background-color: #fff;
    text-align: left;
    padding: 20px;
    font-size: 14px
}

.job .mainmess p {
    text-align: center
}

th .subject .require {
    display: block;
    text-align: center;
    margin-top: 10px
}

.mdline input {
    border-radius: 5px;
    padding: 20px
}

form #confirm-button input {
    display: block;
    width: 250px;
    background-color: #39577C;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    text-align: center;
    padding: 10px
}

td div label {
    margin-right: 15px
}

.pagenav,
.pagenav .wp-pagenavi,
article .job .eye {
    height: auto;
    margin-left: auto;
    margin-right: auto
}

article .job .eye {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    background-repeat: repeat;
    background-size: 20px auto;
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    margin-bottom: 40px
}

.access ul li a,
.faqs tr th,
.textspadce .btmsarea .rev {
    background-repeat: no-repeat
}

.postarea .job p {
    font-size: 15px
}

.textspadce img {
    max-width: 90%;
    margin-top: 20px;
    margin-bottom: 20px
}

.pagenav {
    width: 1024px;
    display: block;
    padding-top: 0;
    position: relative
}

.pagenav .prev {
    position: absolute;
    left: 0;
    top: 0
}

.pagenav .next {
    position: absolute;
    right: 0;
    top: 0
}

.pagenav .next a,
.pagenav .prev a {
    width: 80px;
    background-color: #39577C;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.pagenav .wp-pagenavi {
    width: 80%;
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0
}

.pagenav .wp-pagenavi a,
.pagenav .wp-pagenavi span {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    border: 1px solid #D5D4D4
}

.postarea .job h3 {
    display: block;
    border-bottom: 2px solid #C3AA84;
    margin-bottom: 0;
    padding: 15px
}

.job .eye img {
    display: block;
    margin: 0 auto;
    z-index: 1
}

.job .eye .catlink,
.job .eye time {
    z-index: 2;
    position: absolute;
    top: 0;
    height: auto;
    text-align: center;
    line-height: 30px
}

.job .eye time {
    left: 0;
    width: 150px;
    background-color: #C3AA84;
    color: #fff
}

.job .eye .catlink {
    left: 160px;
    width: auto;
    background-color: #39577C
}

.job .eye .catlink a {
    color: #fff;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    transition: .5s
}

.job .eye .catlink a:hover {
    background-color: #F05775
}

.beage .cunsering .postarea {
    display: block;
    padding-top: 20px
}

.sns ul li {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 10px
}

.job .access iframe,
.sns ul {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.sns {
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px
}

.sns ul {
    width: 55%;
    height: auto
}

.sns ul li a:hover {
    text-decoration: none
}

.sns ul li a {
    color: #fff;
    font-size: 11px;
    border-radius: 180px;
    padding: 10px
}

.sns ul li.sns-x a {
    background-color: #000
}

.sns ul li.sns-facebook a {
    background-color: #3B5998
}

.sns ul li.sns-hatena a {
    background-color: #5D8AC1
}

.sns ul li.sns-line a {
    background-color: #25AF00
}

.sns ul li.sns-rss a {
    background-color: #FFB53C
}

.sns ul li.sns-feedly a {
    background-color: #87C040
}

.access {
    width: 100%;
    height: auto;
    background-color: #FFF;
    margin-top: 20px;
    padding: 15px
}

.job .access iframe {
    width: 100%;
    height: 400px;
    margin: 10px 0 10px 0
}

.job .access ul {
    display: block;
    margin-bottom: 15px
}

.access ul li {
    width: 33%;
    height: auto;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.access ul li a {
    display: block;
    background-color: #88ABCF;
    color: #FFF;
    line-height: 30px;
    background-image: url(images/icon/phone_09.png);
    background-size: 10px auto;
    background-position: 20px center;
    border-radius: 5px
}

.typetel {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 10px
}

article .job .faq {
    display: inline-block;
    width: 49%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 50px;
    vertical-align: top
}

.faqs tr th {
    background-color: transparent !important;
    text-align: left !important;
    background-image: url(images/parts/faqimage.png);
    background-position: left center;
    background-size: 80px auto;
    height: 80px;
    padding-left: 100px !important;
    font-size: 16px !important;
    color: #21517c;
    letter-spacing: 2px
}

.faqs {
    margin-bottom: 40px
}

.faqs tr td {
    line-height: 25px
}

article .job .faq li {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

article .job .faq li a {
    display: block;
    color: #21517c;
    line-height: 20px;
    font-size: 14px
}

article .job .coll {
    margin-bottom: -30px !important
}

.job #trust-form p {
    margin-left: 10px
}

.wrap .beage .cunsering.plsypage {
    padding-top: 60px
}

article .job .mdlineplsy {
    padding-top: 30px
}

.job .mdlineplsy h3 {
    display: block;
    border-bottom: 1px solid #C3AA84;
    padding-bottom: 15px
}

.beage .cunsering.plsypage .left,
.beage .cunsering.plsypage .right {
    width: 49%;
    height: auto;
    display: inline-block;
    vertical-align: top
}

.beage .cunsering.plsypage .left h3,
.beage .cunsering.plsypage .right h3 {
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    display: block;
    background-image: url(images/parts/left_md.png);
    background-repeat: no-repeat;
    background-size: auto 60px;
    background-position: left bottom;
    padding-left: 40px;
    height: 60px;
    line-height: 60px;
    color: #39577c;
    margin-bottom: 40px
}

.beage .cunsering.plsypage .left ul li,
.beage .cunsering.plsypage .right ul li {
    display: block;
    line-height: 25px;
    width: 100%
}

.beage .cunsering.plsypage .left ul li:before,
.beage .cunsering.plsypage .right ul li:before {
    content: '■';
    color: #c3aa84;
    float: left;
    margin-right: 5px
}

.beage .cunsering.plsypage .left ul li a,
.beage .cunsering.plsypage .right ul li a {
    font-size: 14px;
    display: block
}

.gellery li a img {
    width: 100%;
    height: 100%
}

#age {
    width: 50px
}

#confirm-button {
    display: block;
    margin-top: 30px
}

article .job .wpcf7 {
    width: 100%;
    height: auto
}

tr td .wpcf7-form-control-wrap input {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.wpcf7-form-control-wrap.sex .wpcf7-form-control.wpcf7-radio label {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background-color: #EFEAEA;
    padding: 10px
}

.wpcf7-form-control-wrap.sex .wpcf7-form-control.wpcf7-radio label input {
    width: 40px
}

td .wpcf7-form-control-wrap.acceptances .wpcf7-form-control.wpcf7-acceptance {
    float: left;
    display: inline-block;
    width: 30px
}

.textspadce .btmsarea {
    width: 100%;
    height: auto;
    border: 1px solid #D5CFCF;
    margin-top: 50px;
    padding: 20px
}

.textspadce .btmsarea .line,
.textspadce .btmsarea .rev {
    color: #FFF;
    width: 200px;
    height: 50px;
    display: block;
    line-height: 50px
}

.textspadce .btmsarea .rev {
    background-color: #5175CD;
    margin-top: 20px;
    background-image: url(images/bg/time_03.png);
    background-size: 30px auto;
    background-position: 10px 12px;
    padding-left: 60px
}

.textspadce .btmsarea .line {
    background-color: #00B800;
    margin-top: 20px;
    background-image: url(images/bg/line_03.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: 15px 17px;
    padding-left: 75px
}

.colorlist .shine li,
.ext .ex_text .exinsta {
    background-image: url(images/parts/kirakira.png);
    background-repeat: no-repeat;
    display: block
}

.textspadce .btmsarea .rsvmd {
    border-bottom: 5px solid #5175CD;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 20px
}

.textspadce .btmsarea .linemd {
    border-bottom: 5px solid #00B800;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 60px
}

.animated.fadeInUp .rptext p {
    color: #444;
    line-height: 30px
}

.animated.fadeInUp .rptext h4 {
    color: #39577C;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    margin-top: 40px;
    letter-spacing: 2px;
    font-size: 25px
}

.colorlist .shine {
    display: block;
    padding-top: 10px
}

.colorlist .shine li {
    background-position: left center;
    background-size: 30px auto;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 24px;
    font-size: 14px
}

.howto .colorlist h4 {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', Times, 'Times New Roman', serif;
    font-size: 18px;
    color: #6798D1
}

.ext .ex_text .exinsta {
    width: 370px;
    height: 60px;
    color: #FFF;
    line-height: 60px;
    background-color: #5982B5;
    background-position: 95% center;
    background-size: 20px auto;
    transition: .5s;
    text-align: center;
    margin: 40px auto 20px
}

.right ul .herf {
    width: 49% !important;
    float: left
}

ul .herf span {
    font-weight: 700;
    color: #F5080C
}

.style_menu.wht .left .exinsta {
    background-image: url(images/icon/listinst.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 5px center;
    height: 30px;
    background-color: #89A9CF;
    margin-bottom: 15px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 5px 20px 5px 35px
}

.animatedParent .animated.fadeInRight.ex img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: -10px
}

.howto.stms .colorlist span {
    background-color: #F9F6F2
}

#ex_toppr .stm .howto.stms {
    margin-top: -40px
}

.plf .text h3 img {
    width: 40%;
    height: auto;
    margin-top: -20px
}

.cats {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px
}

.cats ul {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.cats ul li {
    width: auto;
    margin: 5px
}

.cats ul li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #fff;
    background-color: #39577C;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: normal
}

.postarea .job .textspadce {
    padding-bottom: 30px;
}

.postarea .job .author {
    width: 100%;
    height: auto;
    background-image: url(images/bg/sgbg_03.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 20px
}

.postarea .job .author .left {
    width: 20%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    padding-left: 20px;
}

.postarea .job .author .left .img,
.left dl dd a img {
    width: 100%;
    height: auto
}

.postarea .job .author .right {
    width: 77%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}

.postarea .job .author .right p {
    color: #fff;
    text-align: left
}

.job .author .left h5 {
    padding-top: 15px;
    display: block;
    color: #fff;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 0.8rem;
}

.job .author .left h5 span {
    display: block;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}

.author .left dl {
    display: block;
    width: 100%;
    height: auto
}

.job .author .left dl dd a {
    margin-top: 10px;
    width: 15%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.job .author .right h5 {
    padding-top: 40px;
    display: block;
    color: #fff;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: 2px;
    font-size: 1.2rem;
}

.job .author .right h5 span {
    display: block;
    height: 2px;
    border-bottom: 1px solid #999;
    padding-top: 30px;
}

.job .author .right h6 {
    display: block;
    color: #fff;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: 2px;
    font-size: 1rem;
    padding-top: 20px
}

.job .textspadce blockquote {
    display: block;
    background-color: #ECE8E8;
    padding: 20px;
    background-image: url(images/bg/blc.png);
    background-position: 98% 2%;
    background-repeat: no-repeat;
    background-size: 30px auto;
}

.animatedParent .animated.fadeInUpShort #eng {
    text-align: center;
    color: #0C3A5B;
    font-family: "Times New Roman", Times, serif;
    font-size: 25px;
    letter-spacing: 2px;
}

.wrap section .instglm {
    display: block;
    margin: 0 auto 100px auto;
    text-align: center !important;
    width: 1024px !important;
}

#link-pics #sb_instagram {
    width: 1024px !important;
}

.wrap section .instglm p {
    margin: 20px auto 40px auto;
    line-height: 25px;
    text-align: center !important;
}

.inner .instglm .left,
.inner .instglm .right {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.beage.animatedParent .ceoblog article {
    position: relative;
    padding-top: 30px
}

.beage.animatedParent .ceoblog article a.pagemores {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 10px;
    background-color: #C3AA84;
    font-size: 13px;
    color: #fff
}

.animated.fadeIn a span {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 10px
}

#link-pics {
    margin: 0px auto 40px auto;
    display: block;
    text-align: center;
}

.wrap section .animatedParent.inst {
    border-top: 1px solid #C3AA84;
    padding-top: 30px
}

.swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto
}

.indexConcept.animatedParent .wideslider .swiper {
    margin-top: -340px
}

.movies video {
    display: block;
    margin: 0 auto;
}

.sections_info {
    width: 100%;
    height: auto;
    padding: 40px;
    display: block;
    border: 1px solid #C7D6E4;
    width: 1024px;
    max-width: 90%;
    margin: 40px auto;
    line-height: 30px;
}

.sections_info h3 {
    color: #40567A;
    display: block;
    margin: 0 0 30px 0;
    font-size: 20px;
}

@media screen and (max-width:767px) {
    .sections_info h3 {
        font-size: 16px;
    }
}

.sections_info p {
    margin: 0 auto 26px auto;
}

.sections_info ol {
    width: 95%;
    margin: 0 auto 24px;
}

.sections_info ol li {
    padding: 8px 0;
}

.sections_info ol li strong {
    display: block;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .sections_info {
        padding: 24px;
        margin: 0 auto 40px auto;
    }
    .sections_info p,
    .sections_info ol li {
        font-size: 14px;
        line-height: 24px;
    }
}

.exe {
    text-align: center !important;
    display: block;
    padding: 0 0 20px 0;
    color: #40567A;
}

.cards img {
    display: block;
    width: 40%;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
    .cards img {
        display: block;
        width: 80%;
        margin: 24px auto 0 auto;
    }
}

.one_bunner ul {
    width: 100%;
    margin: 0 auto;
    padding: 24px 0;
    border-bottom: 1px solid #C7D6E4;
}

.one_bunner ul li {
    display: block;
    margin: 0 auto;
    width: 50%;
}

@media screen and (max-width:767px) {
    .one_bunner ul li {
        width: 90%;
    }
}

.bunner_flex ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #C7D6E4;
}

.bunner_flex ul li:first-child {
    width: 58%;
}

.bunner_flex ul li:last-child {
    width: 40%;
}

@media screen and (max-width:767px) {
    .bunner_flex ul {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }
    .bunner_flex ul li:first-child {
        padding: 0 0 24px 0;
    }
    .bunner_flex ul li:first-child,
    .bunner_flex ul li:last-child {
        width: 100%;
    }
}

.bunner_flex ul li img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.bunner_flex h5 {
    color: #D23226;
    font-size: 18px;
    display: block;
    padding: 0 0 24px 0;
}

.bunner_flex p {
    line-height: 24px;
}

.bunner_flex p small {
    margin: 0;
    text-align: left;
    font-size: 14px;
    color: #40567A;
}

.bunner_flex p.big {
    display: block;
    padding: 16px 0 0 0;
    font-weight: bold;
    font-size: 18px;
    color: #40567A;
}

@media screen and (max-width:767px) {
    .bunner_flex h5 {
        text-align: center;
    }
    .bunner_flex p small,
    .bunner_flex p.big {
        text-align: center;
    }
}

.info_bunner{
	width: 100%;
  height: auto;
  margin: 40px auto 100px auto;
  background-color: #efefef;
  padding: 30px;	
}
.info_bunner img{
max-width: 800px;
  display: block;
  margin: 0 auto 40px auto;
  width: 80%;
}
@media screen and (max-width:767px) {

.info_bunner{
  margin: -10px auto 60px auto;
padding: 30px 10px 40px 10px;
}
.info_bunner img{
margin: 0 auto 20px auto;
  width: 90%;
}
}

.info_bunner .side_md.space {
  margin: 20px auto 30px auto;
  padding: 0 30px;
}
.info_bunner .side_md.space br{
	display:block !important;
}
@media screen and (max-width:767px) {
.info_bunner .side_md.space {
margin: 20px auto 30px auto;
  padding: 0 40px;
  font-size: 15px;
  text-align: left;
}

.side_md.space {
    display: block;
    margin: 40px auto 30px auto;
}

}


.flexbox_list{
	display:flex !important;
	align-items:stretch;

}

.flexbox_list .left{
	
  display: flex !important;
  align-content: center !important;
  justify-content: center !important;
	line-height:anto !important;
}
.flexbox_list .left,
.flexbox_list .right{
	height: auto !important;
}

@media screen and (max-width:767px) {
	.flexbox_list{
		flex-direction: column;
	}
}
@media screen and (min-width:992px) {
	.flexbox_list .left{
		line-height: 80px !important;
	}
}
.mv_nano{
    width: 100%;
    padding: 30px;
    background-color: #efefef;
    margin: 0 auto 40px auto;
}

.olg_space{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.olg_space .left{
    width: 44%;
}
.olg_space .right {
    width: 54%;
}

@media screen and (max-width:767px) {
    .shitsubi .stm .left h3{
        margin-bottom: 20px;
    }
    .shitsubi .stm .right p{
        width: 100%;
        margin: 0 auto 20px auto;
    }
    .mv_nano{
        padding: 10px;
    }
    .olg_space .left,
    .olg_space .right {
        width: 100%;

    }
    /*.olg_space .left{
       order: 2;
    }
    .olg_space .right {
      order: 1;
    }*/

}

/* 記事シェアボタンを中央寄せ */
.sns ul {
    text-align: center
}

/* スタイルギャラリー：枠は段の幅いっぱいにして、写真の枚数に関わらず同じ幅にする */
.columnsext .pin {
    display: block;
    text-align: center
}

/* 写真が1枚の記事は元の比率のまま、2枚表示と同じ高さで中央に表示 */
.columnsext .pin--single a {
    width: auto;
    max-width: 100%
}

.columnsext .pin--single img {
    width: auto;
    max-width: 100%;
    height: 340px;
    object-fit: contain
}

.columnsext .pin img {
    object-fit: cover
}

/* ページ送り（wp-pagenavi）を通常の配置に戻し、下のセクションに重ならないようにする */
.pagenav .wp-pagenavi {
    position: static;
    text-align: center
}

.pagenav:has(.wp-pagenavi) {
    padding-top: 20px;
    padding-bottom: 40px
}