@charset "utf-8";
.media article .animatedParent p {
    text-align: center;
    font-size: 12px;
    padding-bottom: 30px
}


/*------------------------------------------------------------------------------------------------------------*/


/*--------------------------------     iPhone4,iPhone5,iPhone5s,iPhone6   ------------------------------------*/


/*------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:480px) {
    .columns .pin {
        width: 47% !important;
    }
    .indexConcept.animatedParent .wideslider .swiper {
        margin-top: -200px
    }
    .wp-embed {
        width: 100% !important;
    }
    .textspadce .youtube-container iframe {
        width: 100% !important;
    }
    .job .textspadce .embedly-card {
        display: block;
        width: 100%;
        clear: both;
        float: none;
    }
    .job .textspadce .embedly-card+p {
        display: block;
        width: 100%;
        clear: both;
        float: none;
    }
    .ceoblog ul li div {
        height: 150px;
    }
    .toppr p span br {
        display: none;
    }
    .beage.animatedParent .ceoblog article a.pagemores {
        font-size: 11px;
        bottom: 0px;
    }
}

@media only screen and (max-width:767px) {
	
    .movies video {
        width: 90% !important;
    }
    .wp-embed {
        width: 100% !important;
    }
    .beage.animatedParent .ceoblog article a.pagemores {
        bottom: -40px;
        top: auto;
    }
    .ceoblog ul li div {
        width: 100%;
        height: 150px;
        overflow: hidden
    }
    .textspadce .youtube-container iframe {
        width: 100% !important;
    }
    * {
        margin: 0px;
        padding: 0px;
        -webkit-text-size-adjust: 100%;
        font-family: 'Noto Sans JP', 'Noto Sans Japanese', serif;
    }
    body {
        overflow: hidden
    }
    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }
    .spnone {
        display: none !important;
    }
    .wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 10px auto;
    }
    .beage .cunsering .job {
        width: 95%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    /*-------------top----------------*/
    .wideslider {
        margin-top: 40px;
    }
    .bottomborder {
        width: 100%;
    }
    #maincach {
        top: 15px;
        width: 100%;
    }
    .cats,
    .wrap section .instglm {
        width: 97% !important;
        margin: auto
    }
    #link-pics #sb_instagram {
        width: 95% !important;
    }
    .wrap section .instglm p {
        margin: 20px auto 40px auto;
        line-height: 25px;
        text-align: center !important;
    }
    .cats ul li {
        width: 48% !important;
        margin: 2px !important;
        vertical-align: top !important
    }
    .cats ul li a {
        padding: 5px;
        font-size: 10px
    }
    .job .eye .catlink {
        left: auto;
        right: 0px;
    }
    .job .eye .catlink a {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
        transition: 0.5s
    }
    .animatedParent .animated.fadeInRight.ex img {
        width: 90%;
        height: auto;
        margin-top: 0px;
    }
    footer section .footmap {
        background-color: #ACC5DE;
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footmap .inner .left {
        width: 50%;
        height: auto;
        display: block;
        vertical-align: top;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .footmap .inner .right {
        width: 90%;
        height: auto;
        display: block;
        vertical-align: top;
        margin-left: auto;
        margin-right: auto;
    }
    .wideslider #maincach h2 {
        width: 65%;
        text-align: center
    }
    .wideslider #maincach p {
        text-align: center;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 20px;
        margin-top: 10px;
        text-shadow: 1px 1px 1px #514E4F;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .sns {
        width: 100%;
        height: auto;
        padding-top: 30px;
        padding-bottom: 0px;
        margin-left: auto;
    }
    .sns ul {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .sns ul li {
        width: auto !important;
        display: inline-block;
        vertical-align: top;
        padding-bottom: 30px;
        margin-right: 5px
    }
    .inner nav ul .sns {
        width: 45%;
        height: auto;
        display: inline-block;
        vertical-align: top;
        padding: 5px;
        margin: 0px;
    }
    article .job .eye {
        width: 90%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        background-repeat: repeat;
        background-size: 20px auto;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        background-color: #ffffff;
    }
    article .job img,
    article .job a img,
    article .job p img,
    article .job p a img {
        width: 100%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        float: none;
    }
    .textspadce .btmsarea .line,
    .textspadce .btmsarea .rev {
        margin-left: auto;
        margin-right: auto;
    }
    #snsicons {
        padding-top: 0px;
    }
    .textspadce .btmsarea {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .textspadce .btmsarea p {
        font-size: 13px;
        margin-left: auto
    }
    .bunner li {
        width: 100%;
        height: auto;
        display: block
    }
    .job .mainmess p {
        text-align: center;
        margin-left: auto;
    }
    .inner nav ul {
        width: 43%;
        height: auto;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: auto;
    }
    .inner nav ul li a {
        font-size: 12px;
    }
    .bunner li {
        margin-bottom: 5px;
    }
    small {
        font-size: 11px !important;
    }
    .oukan_md {
        display: block;
        margin-bottom: 20px;
        margin-top: 0px;
        background-image: url(images/parts/oukan_03.png);
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 40px;
        background-size: 30% auto;
    }
    .inner {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .sine {
        padding-left: 40%;
        display: block;
        text-align: right;
    }
    .wrap section .seo_message {
        width: 100%;
        height: auto;
        background-image: url(images/bg/aisatu_bg.jpg);
        background-repeat: no-repeat;
        background-position: 65% center;
        background-size: 500% 100%;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        background-attachment: fixed;
    }
    .seo_message .inner p {
        color: #FFFFFF;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .gellery ul {
        display: block;
        width: 90%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .ext .ex_text #exmd,
    .ext .ex_text .exmd {
        color: #39577C;
        font-size: 14px;
        font-family: "source-han-serif-japanese", serif;
        text-align: center;
        line-height: 25px;
    }
    #maincach h2 img {
        width: 70%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .wrap section .toppr {
        /*width: 100%;
        padding-top: 10px;
        background-size: 25% auto;
        padding-bottom: 20px;
        margin-bottom: 0px;*/
        width: 100%;
        padding: 10px 0 200px 0;
        background-size: 55% auto;
        margin-bottom: 0px;
        display: block;
    }
    section .gellery,
    section .voice,
    .coll,
    .int {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0px;
    }
    .wrap .beage .ext {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 30px;
        margin-bottom: 0px;
    }
    .wrap section .cunsering {
        width: 100%;
        position: static;
        height: auto;
        margin-bottom: 0px;
        padding: 20px 20px 40px 20px
    }
    .wrap .blue .howto {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }
    .cunsering .couse_list h3 {
        position: relative;
        width: 98%;
        color: #39577c;
        line-height: 25px;
        padding-left: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #C3AA84;
        margin-left: 15px;
        margin-right: auto;
        display: block;
        font-size: 14px;
        font-weight: normal
    }
    .thinfo {
        padding: 20px 0 0 0;
    }
    .thinfo ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    .thinfo ul li {
        width: 49%;
        height: auto;
        margin: 0 auto;
    }
    .cunsering ul li,
    .coll ul li {
        width: 49%;
        height: auto;
        margin: 0 auto;
        /*display: inline-block;
        width: 33%;
        height: auto;
        margin: 0 auto;*/
    }
    .couse_list+.thinfo ul {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .ext ul li img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 0px !important;
    }
    .cunsering .couse_list .text {
        position: static;
        width: 100%;
        padding-top: 20px;
    }
    .cunsering h2 {
        margin-top: -20px;
    }
    .animatedParent .animated.fadeInLeft .page_md.mini {
        font-size: 13px;
    }
    .pagenav .wp-pagenavi {
        width: 95%;
        left: 0%;
        right: 0%;
        top: 0px;
    }
    .subtitle {
        font-size: 15px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
    article .job p {
        margin-left: auto;
        width: 100%;
        margin-right: auto;
        font-size: 14px !important;
        line-height: 24px;
        color: #333
    }
    .ext .ex_text h3 {
        font-size: 16px !important;
        line-height: 25px;
    }
    .toppr h2 span {
        font-size: 18px;
        font-family: "source-han-serif-japanese", serif;
    }
    .bottomborder {
        width: 70%;
        border-bottom: 3px solid #fff
    }
    section .toppr h2,
    section .ceoblog h2,
    .cunsering h2,
    .ext h2 {
        padding-left: 8%;
        padding-right: 8%;
        font-size: 18px;
        font-family: "source-han-serif-japanese", serif;
        line-height: 25px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    section .howto h2 {
        font-size: 15.5px;
        font-family: "source-han-serif-japanese", serif;
        line-height: 25px;
        padding-bottom: 0px;
        padding-top: 55px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ceoblog {
        width: 96%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 60px;
        z-index: 10;
    }
    .bunner_flex p {
        font-size: 14px;
    }
    .side_md {
        background-size: 20px auto, 20px auto;
        margin-bottom: 30px;
        margin-top: 20px;
        padding-top: 0px;
    }
    #exss{
        padding: 10px 0 ;
    }
    .howto .colorlist h3 {
        background-size: 14% auto;
        background-position: 95%;
    }
    .howto .colorlist h3 span {
        /*width: 85% !important;*/
        width: 80% !important;
        height: auto;
        display: block;
        background-color: #fff;
        border-radius: 180px;
        padding-top: 10px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 10px;
        color: #21517c;
    }
    .howto .colorlist h4 {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 25px;
        font-family: "source-han-serif-japanese", serif;
        font-size: 16px;
        padding-bottom: 10px
    }
    .howto .colorlist p {
        line-height: 24px;
        width: 90%;
        margin: 0 auto;
    }
    section .toppr p,
    .blue .howto p,
    .cunsering p,
    .ext p {
        line-height: 25px;
        width: 90%;
        margin: 0 auto 20px auto;
        font-size: 90%;
    }
    .cunsering p{
        margin-left: auto;
        margin-right: auto;
    }
    
    .toppr p span {
        line-height: 30px;
        font-family: "source-han-serif-japanese", serif;
        font-size: 15px;
        display: block
    }
    .ceoblog ul {
        width: 95%;
        margin: 0px auto 0 auto;
        padding-top: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ceoblog ul li {
        width: 48%;
        height: auto;
        /*display: inline-block;
        vertical-align: top;*/
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 5px
    }
    .ceoblog ul li a time {
        width: 80px;
        height: 30px;
        display: block;
        position: absolute;
        right: 0;
        top: 0px;
        background-color: #000;
        color: #fff;
        text-align: center;
        font-size: 11px;
        line-height: 30px;
        z-index: 100
    }
    section .ceoblog li a h3 {
        font-size: 13px;
        line-height: 20px;
        margin: 10px auto 0 auto
    }
    .colorlist ul .left {
        width: 100%;
        height: auto;
        display: block;
        padding: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .colorlist ul .right {
        width: 100%;
        height: auto;
        display: block;
        padding: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .kirakira {
        display: block;
        background-image: url(images/parts/kirakira.png);
        background-repeat: no-repeat;
        background-position: 0% center;
        background-size: 30px auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .boxborder {
        display: block;
        height: auto;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        border-bottom: 2px solid #FFFFFF;
        padding-bottom: 20px !important;
    }
    .blue .howto .care {
        height: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        background-image: url(images/parts/woman.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 40% auto;
    }
    .styleimg {
        width: 95%;
        height: auto;
        display: block;
        margin: 20px auto 0 auto;
    }
    .howto .styleimg img {
        display: inline-block;
        width: 32.75%;
        height: auto;
    }
	
    .pagemore {
        display: block;
        width: 90%;
        height: 50px;
        line-height: 50px;
        background-color: #39577C;
        background-image: url(images/parts/kirakira.png);
        background-repeat: no-repeat;
        background-position: 98% center;
        font-size: 13px;
        margin-bottom: 10px;
    }
    .pagemorein {
        display: block;
        width: 90%;
        height: 50px;
        line-height: 50px;
        transition: 0.5s;
        text-align: center;
        background-position: 98% center;
        background-size: 10px auto;
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 10.5px
    }
    .pagemorein#ex {
        font-size: 13px;
        background-position: 96% center;
    }
    .ext .ex_text .exinsta {
        display: block;
        width: 93%;
        font-size: 13px;
        background-position: 98% center;
        height: 50px;
        line-height: 50px
    }
    .catmore {
        display: block;
        width: 80%;
        height: 50px;
        line-height: 50px;
        background-color: #39577C;
        transition: 0.5s;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 13px
    }
    .animated.fadeInUpShort .side_md div {
        font-family: "source-han-serif-japanese", serif;
        font-size: 13px;
    }
    section .cunsering .couse_list {
        width: 95%;
        height: auto;
        display: block;
        border: 1px solid #C3AA84;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        position: static;
        margin-bottom: 20px;
        margin-top: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
    .cunsering .couse_list .number {
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        color: #FFFFFF;
        background-color: #C3AA84;
        position: relative;
        z-index: 2;
        margin-top: 0px;
        margin-left: 0px;
        left: -10px;
        top: -10px;
    }
    .cunsering .couse_list img {
        display: block;
        margin-right: 0px;
        vertical-align: top;
        width: 100%;
        height: auto;
        margin-bottom: 0px;
        z-index: 1;
        margin-top: -55px
    }
    .cunsering li a img,
    .coll li img,
    .thinfo li img {
        width: 100%;
        height: auto;
    }
    .animatedParent .cunsering ul {
        width: 95%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 0;
    }
    .voice ul {
        width: 95%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 0px;
    }
    .voice ul li {
        width: 23.75%;
        height: auto;
        display: inline-block;
    }
    .beage .ext ul {
        width: 95%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    section .coll ul {
        width: 95%;
        height: auto;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }
    .headimage {
        width: 100%;
        height: 125px;
        display: block;
        position: relative;
        margin-top: 40px;
        border-bottom: 1px solid #D8D7D7
    }
    .pan_border {
        width: 100% !important;
        bottom: 10px;
        display: block
    }
    .pan_border .pannav {
        width: 95% !important;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
        color: #A4A1A1;
        font-size: 10px;
    }
    .pan_border .pannav span {
        font-size: 10px;
        color: #A4A1A1;
        text-shadow: none;
        width: auto;
    }
    .page_md {
        background-size: 20px auto;
        width: 100% !important;
        height: auto;
        padding-left: 30px !important;
        text-align: left !important;
        margin-bottom: 0px;
        background-position: left center;
        display: block;
    }
    #kodawari_toppr {
        /*padding-bottom: 140px;*/
        padding-bottom: 250px;
        padding-top: 40px;
        margin-bottom: 20px;
        background-image: url(images/parts/heaermodel.png);
        background-repeat: no-repeat;
        background-size: 50% auto;
        background-position: center bottom;
        height: auto;
    }
    #ex_toppr {
        padding-bottom: 40px;
        /*margin-bottom: -40px;*/
        background-image: url(url);
        padding-top: 50px;
    }
    .beage,
    .wht {
        padding-top: 10px;
    }
    .topwht {
        padding-top: 20px;
    }
    #pagesubtitle {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        text-align: left !important;
        width: 95%;
        margin-bottom: 0px;
    }
    .bottomborder {
        width: 100%;
    }
    #page_md_nomal {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .toppr p,
    .howto p,
    .cunsering p,
    .ext p {
        width: 95%;
        line-height: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .shitsubi,
    .stm {
        width: 95%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .stm {
        padding: 0;
    }
    .shitsubi .left,
    .stm .left {
        width: 100%;
        height: auto;
        display: block;
        padding-bottom: 20px;
    }
    .shitsubi .right,
    .stm .right {
        width: 100%;
        height: auto;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px
    }
   .stm .right{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
   }
   .stm .right:last-child{
    padding-bottom: 0px;
   }
    .howto .colorlist h3 span {
        font-size: 14px;
        line-height: 20px;
    }
    .shitsubi .right h3,
    .stm .right h3 {
        padding-left: 15px;
        font-family: "source-han-serif-japanese", serif;
        color: #39577c;
        font-size: 16px;
        line-height: 25px;
    }
    .strongtext {
        line-height: 25px
    }
	.wrap section .toppr.trtmt.custm,
	.wrap section .toppr.trtmt.custm img{
		margin-bottom:0px;
		padding-bottom:0px
		
	}
    .pt_md,
    .nomal_pt_md {
        display: block;
        margin-top: 0px;
        margin-bottom: 20px;
        width: 95%;
        font-size: 16px;
        line-height: 30px;
        color: #39577C;
        letter-spacing: 2px;
        padding-bottom: 15px
    }
    .rightmore {
        font-size: 13px
    }
    .rightmore span {
        display: block
    }
    .shitsubi .cuticle .left {
        width: 95%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .shitsubi .cuticle .left img {
        width: 100%;
        height: auto;
    }
    .shitsubi .cuticle .right {
        width: 96%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .animatedParent .achicmessage {
        width: 100%;
        height: 420px;
        display: block;
        margin-top: 40px !important;
        position: relative;
        padding-top: 5%;
        overflow: hidden;
        background-image: url(images/parts/kodawari05_sp.jpg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 100% auto;
        margin-bottom: 60px;
    }
    .animatedParent .animated.fadeInUpShort img {
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .animatedParent .animated.fadeInUpShort .meg {
        position: absolute;
        margin: auto;
        width: 90%;
        height: 200px;
        z-index: 2;
        display: block;
        text-align: center;
        overflow: hidden;
        margin-top: 31%;
    }
    .animated.fadeInUpShort .meg img {
        width: 100%;
        margin-bottom: 30px;
    }
    .animatedParent .animated.fadeInUpShort .meg p {
        line-height: 20px;
        font-size: 11px
    }
    .style_menu {
        width: 90%;
        height: auto;
        padding: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    .style_menu .left {
        width: 100%;
        height: auto;
        display: block;
    }
    .style_menu .left h3 {
        color: #39577C;
        font-family: "source-han-serif-japanese", serif;
        font-size: 14px;
        font-weight: bolder;
        display: block;
        margin-bottom: -10px;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        line-height: 25px;
        float: none;
        clear: both;
        width: 100%;
    }
    .style_menu .left ul {
        display: block;
    }
    .style_menu .left ul li:before {
        content: 'ﾃ｢窶? ';
        font-size: 13px;
    }
    .style_menu .left ul li {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        margin-right: 20px;
    }
    .style_menu header {
        display: block;
        background-color: transparent;
        margin-top: -40px;
        padding-bottom: 20px;
        float: none;
        clear: both;
        width: 100%;
    }
    .style_menu header ul li {
        display: inline-block !important;
        vertical-align: top;
        width: auto;
        height: auto !important;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 25px;
        border: none
    }
    .style_menu header ul li:after {
        content: '' !important;
    }
    .style_menu .left ul li span {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: top;
        color: #e54256;
        font-family: "source-han-serif-japanese", serif;
        font-size: 14px;
        line-height: nomal
    }
    .style_menu .left p {
        line-height: 20px;
        font-size: 12px;
        display: block;
        padding-bottom: 20px;
        margin-left: 0px;
    }
    .style_menu .right {
        width: 100%;
        height: auto;
        display: block;
        text-align: center;
        margin-top: -10px;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
    .style_menu .right p {
        color: #fff;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: normal;
    }
    .style_menu .right a {
        display: block;
        background-color: #39577c;
        width: 90%;
        height: 40px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        line-height: 40px;
        transition: 0.5s;
        margin-bottom: 10px;
    }
    .style_menu.beage .left ul {
        bottom: 30px;
    }
    .style_menu .right ul {
        width: 100%;
        height: auto;
        display: block;
        vertical-align: top;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .style_menu.wht .left .exinsta {
        display: block;
        background-size: 15px auto;
        background-position: 5px center;
        height: auto;
        padding-left: 35px;
        background-color: #89A9CF;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        margin-top: -15px;
    }
    .style_menu .right ul li:before {
        content: '';
        margin-right: 0px
    }
    .job .eye time {
        font-size: 12px;
        width: 30%;
    }
    .pagenav {
        width: 100%;
        height: auto;
        display: block;
        padding-bottom: 20px
    }
    .pagenav .prev {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .pagenav .next {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .pagenav .prev a,
    .pagenav .next a {
        width: 40%;
        font-size: 13px;
    }
    .right ul .herf {
        width: 100% !important;
        float: none
    }
    ul .herf span {
        font-weight: bold;
        color: #F5080C;
    }
    .columns .pin {
        width: 48%;
        vertical-align: top;
        margin-top: 0;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 5px;
        padding: 10px;
        padding-bottom: 0px;
        display: inline-block;
    }
    .columnsext .pin {
        width: 100%;
        vertical-align: top;
        margin-top: 0;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 7px;
        padding: 10px;
        
        display: block;
    }
    .pin img {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .columnsext .pin img {
        width: 100%;
        height: auto;
        border: 0px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .columns {
        width: 95%;
        height: auto;
        margin-top: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 10px;
        -webkit-column-fill: auto;
        -moz-column-count: 1;
        -moz-column-gap: 10px;
        -moz-column-fill: auto;
        column-count: 1;
        column-gap: auto;
        column-fill: auto;
        margin-left: 3%;
        margin-right: 1%;
    }
    .columnsext {
        width: 95%;
        height: auto;
        margin-top: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 10px;
        -webkit-column-fill: auto;
        -moz-column-count: 1;
        -moz-column-gap: 10px;
        -moz-column-fill: auto;
        column-count: 1;
        column-gap: auto;
        column-fill: auto;
        margin-left: 2%;
        margin-right: 1%;
        display: block;
    }
    .columnsvoice {
        -webkit-column-count: 2;
        -webkit-column-gap: 0px;
        -moz-column-count: 2;
        -moz-column-gap: 0px;
        column-count: 2;
        column-gap: auto;
    }
    /*------staff-------*/
    .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 {
        width: 82%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .right dl dt {
        color: #39577C;
        font-family: "source-han-serif-japanese", serif;
        margin-bottom: 10px;
    }
    .right dl dt:before {
        content: '■  ';
    }
    .right dl dd {
        font-size: 12px;
        margin-bottom: 30px;
        width: 100%;
        line-height: 20px;
    }
    .right dl dd a {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }
    .right dl dd a img {
        width: 25px;
        height: auto;
    }
    .plf .left a {
        width: 60%;
        display: block;
        background-color: #39577C;
        color: #FFFFFF;
        text-align: center;
        line-height: 50px;
        margin-left: auto;
        margin-right: auto
    }
    .staffloom .plf {
        width: 98%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        /* [disabled]margin-top: 100px;
*/
        padding-top: 11%;
    }
    .plf .text {
        height: auto;
        width: 100%;
    }
    .staffloom .plf h3 {
        font-family: "source-han-serif-japanese", serif;
        margin-bottom: 70px;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }
    .staffloom .plf span {
        display: block;
        font-size: 20px;
        font-family: "source-han-serif-japanese", serif;
    }
    .staffloom .plf p {
        text-align: center;
        color: #333;
        line-height: 20px;
        margin-left: 5px;
    }
    .staffloom .plf .left {
        width: 98%;
        display: block;
        height: auto;
        vertical-align: top;
        margin-right: 35px;
        margin-top: 0px;
    }
    .staffloom .plf .left img {
        width: 60%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .staffloom .plf .right {
        width: 100%;
        display: block;
        height: auto;
        vertical-align: top;
        margin-top: 0px;
        padding-top: 40px;
    }
    #bg_voice #maincach p {
        width: 95%;
        height: auto;
        line-height: 18px;
        margin-top: 0px;
        font-size: 11px;
    }
    #bg_voice #maincach p br {
        float: left;
    }
    /*------rec------*/
    .cunsering tbody tr th {
        padding: 20px;
        text-align: center;
        font-weight: normal;
        font-size: 14px;
        display: block;
        vertical-align: middle;
        width: 100%;
        height: auto;
        clear: both;
        float: none;
    }
    .cunsering .job .mdline {
        display: block;
        border-bottom: 2px solid #C3AA84;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .job .mdline h3 {
        text-align: center;
        line-height: 40px;
        font-size: 18px;
        letter-spacing: 2px;
        display: block;
    }
    .job .mdline span {
        font-size: 13px;
        margin-left: 0px;
        line-height: 30px;
        text-align: center
    }
    article .job .mainmess {
        width: 90%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .mainmess .mdline h4 {
        font-size: 16px;
        line-height: 30px;
    }
    .mainmess p a {
        font-size: 16px;
    }
    .cunsering table {
        width: 100%;
        height: auto;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .cunsering tbody tr td {
        width: 100%;
        height: auto;
        clear: both;
        float: none;
        background-color: #fff;
        text-align: left;
        padding: 20px;
        font-size: 14px;
        display: block;
        line-height: 20px;
    }
    form #confirm-button input {
        width: 50%;
    }
    td div label {
        margin-right: 15px;
    }
    #bg_rec #maincach p {
        width: 100%;
        font-size: 20px;
        letter-spacing: 4px;
        padding-top: 15px;
    }
    td textarea {
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        display: block;
    }
    #trust-form table {
        width: 95%;
        height: auto;
        display: block !important;
        vertical-align: middle;
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #trust-form table tr th {
        display: block !important;
        vertical-align: middle;
        width: 85%;
        height: auto;
        clear: both;
        float: none;
    }
    #trust-form table tr td {
        display: block !important;
        vertical-align: middle;
        width: 85%;
        height: auto;
        clear: both;
        float: none;
    }
    td div input,
    td input,
    td select {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        max-width: 100%;
    }
    .int ul li {
        width: 90%;
        height: auto;
        display: block;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    section .int .pagemore {
        margin-bottom: 20px;
    }
    .gellery.sp {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    article .job .faq {
        display: block;
        width: 90%;
        height: auto;
        margin-top: 30px;
        margin-bottom: 0px;
        vertical-align: top;
        margin-left: auto;
        margin-right: auto;
    }
    .lastfaq {
        padding-bottom: 50px;
    }
    .wrap .beage .cunsering.plsypage {
        width: 90%;
        height: auto;
        padding-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .wrap .beage .cunsering.plsypage p {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .gellery ul li {
        display: inline-block;
        width: 32.5%;
        height: 120px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 2px;
        margin-left: 0px;
        text-align: center;
        overflow: hidden
    }
    .gellery ul li a img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .care ul li,
    .cares ul li {
        padding-left: 20px;
        color: #333;
        font-size: 80%;
        background-position: 0px center;
        background-size: 10px auto;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 20px;
        font-size: 14px;
    }
    .colorlist .shine {
        padding-top: 20px;
    }
    .colorlist .shine li {
        display: block;
        background-image: url(images/parts/kirakira.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px auto;
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: normal;
        font-size: 14px;
    }
    .style_menu .right ul li {
        font-size: 11px;
    }
    .plf .animated.fadeInUp .rptext {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    section .gellery.sp .coll {
        margin-top: -20px;
        margin-right: 0px;
        margin-bottom: -40px;
        margin-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .plf .animated.fadeInUp .rptext h4 {
        font-size: 18px;
        line-height: 20px;
    }
    .plf .animated.fadeInUp .rptext p {
        text-align: left
    }
    .postarea .job .textspadce {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        line-height: 24px;
        font-size: 14px
    }
    .wrap .beage .pagenav {
        display: block;
        padding-bottom: 40px;
    }
    .subject .require img {
        width: 10%;
        height: auto;
    }
    .columnsext .pin.exs img {
        width: 49%;
        height: auto;
    }
    .stm .howto.stms .nomal_pt_md {
        padding-top: 50px;
    }
    .howto.stms p{
        width: 100%;
    }
    .wrap #stmsps {
        /* [disabled]margin-bottom: -50px;
*/
        display: block;
        padding-bottom: 0px;
    }
    .wrap #stmsps #ex_toppr {
        margin-top: 0px;
        margin-right: 0px;
        /*margin-bottom: -100px;*/
        margin-left: 0px;
    }
    .stm .left img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
    }
    .plf .text h3 img {
        width: 90%;
        height: auto;
        margin-top: 0px;
    }
    .wrap .animatedParent.topwht #archive {
        margin-bottom: -30px;
        display: block;
    }
    .animatedParent .animated.fadeInUp .aligncenter {
        margin-top: 30px;
        width: 95%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .wrap section #sp {
        margin-top: -60px;
    }
    .postarea .job .author {
        width: 90%;
        height: auto;
        background-image: url(images/bg/sgspbg.jpg);
        background-color: #000;
        padding-bottom: 15px;
        background-size: cover;
        margin-left: auto;
        margin-right: auto;
    }
    .postarea .job .author .left {
        width: 100%;
        display: block;
        vertical-align: top;
        padding-top: 20px;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .postarea .job .author .left img {
        width: 40%;
        height: auto;
        float: left
    }
    .postarea .job .author .right {
        width: 100%;
        height: auto;
        display: block;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .postarea .job .author .right p {
        font-size: 12px !important;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .job .author .left h5 {
        width: 54%;
        float: left;
        padding-top: 5px;
        padding-left: 0px;
        line-height: 25px;
    }
    .job .author .left h5 span {
        display: block;
        border-bottom: 1px solid #999;
        padding-bottom: 15px;
    }
    .author .left dl {
        width: 100%;
        float: right;
    }
    .job .author .left dl dd a img {
        width: 100%;
        height: auto
    }
    .job .author .left dl dd {
        margin-top: 10px;
        width: 100%;
        margin-right: 20px;
    }
    .job .author .left dl dd a {
        width: 30%;
        float: left;
        padding: 0px;
        margin: 0px;
    }
    .job .author .right h5 {
        padding-top: 20px;
        font-size: 1rem;
        clear: both;
        float: none;
    }
    .job .author .right h5 span {
        display: block;
        height: 2px;
        border-bottom: 1px solid #999;
        padding-top: 20px;
    }
    .job .author .right h6 {
        font-size: 0.8rem;
        line-height: 1.5rem;
        padding: 0px;
    }
    .job .author .right h6 span {
        display: block
    }
    .job .textspadce .embedly-card {
        display: block;
        width: 100%;
        clear: both;
        float: none;
    }
    .job .textspadce .embedly-card+p {
        display: block;
        width: 100%;
        clear: both;
        float: none;
    }
    .animated.fadeInUpShort .side_md br,
    .ex_text #exmd br,
    .couse_list h3 br {
        display: none;
    }
    section .instglm p {
        font-size: 12px
    }
    .EmbeddedTweet-tweet,
    .embedly-card-hug,
    .MediaCard-widthConstraint,
    .embedly-card-hug iframe,
    .twitter-tweet {
        width: 100% !important;
    }
    .coll .thinfo ul {
        padding-top: 0;
    }
    .animatedParent .cunsering .thinfo ul {
        margin-top: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .instglm p {
        max-width: 90%;
        margin: 0 auto;
    }
    .howto p{
        width: 90%;
    }
    #nano .shitsubi{
        padding: 30px 0 0 0;

    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    * {
        margin: 0px;
        padding: 0px;
    }
    .slidemenu {
        display: none;
    }
    .telspace {
        display: none !important;
    }
    .pcnone {
        display: none !important;
    }
    .telspace {
        display: none !important;
    }
    .headimage {
        margin-top: 0px;
    }
    .pagenav {
        width: 90%;
    }
    .sns {
        width: 100%;
        height: auto;
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .sns ul {
        width: 80%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    section .inner nav {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .colorlist ul .left {
        width: 20%;
        height: 100px;
        line-height: normal
    }
    .colorlist ul .right {
        width: 79%;
        height: 100px;
    }
    .cunsering .couse_list h3 {
        font-size: 14px;
        right: 15px;
        top: 10px;
        line-height: 25px;
    }
    .gellery ul li {
        display: inline-block;
        width: 24.3%;
        height: 230px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 2px;
        margin-left: 0px;
        text-align: center;
        overflow: hidden
    }
    .cunsering .couse_list .text {
        top: 55px;
        width: 70%;
    }
    .toppr p,
    .howto p,
    .cunsering p,
    .ext p {
        line-height: 24px;
    }
   
    .cunsering p {
        font-size: 14px;
        line-height: 24px;
    }
    .toppr h2,
    .ceoblog h2,
    .howto h2,
    .cunsering h2,
    .ext h2,
    .pagestitle {
        font-size: 1.2em;
    }
    .cunsering .couse_list img {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        width: 30%;
        height: auto;
    }
    .ext ul li {
        width: 49%;
        overflow: hidden
    }
    .ext ul li img {
        width: auto;
        height: 200px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .wrap section .toppr,
    .ceoblog,
    .howto,
    .wrap section .cunsering,
    .wrap .beage .ext,
    section .gellery,
    section .voice,
    .coll,
    .int,
    .shitsubi,
    .stm {
        width: 98%;
    }
    .wrap section .cunsering {
        padding-bottom: 40px
    }
    .thinfo {
        padding-bottom: 0px
    }
    #maincach {
        width: 95%;
    }
    .animatedParent .achicmessage {
        width: 100%;
        height: 300px;
        display: block;
        margin-top: 0px;
        position: relative;
        padding-top: 7%;
        overflow: hidden;
    }
    .pan_border .pannav {
        width: 95%;
    }
    .inner {
        width: 100%
    }
    .wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 10px auto;
    }
    .columnsvoice {
        -webkit-column-count: 5;
        -webkit-column-gap: 0px;
        -moz-column-count: 5;
        -moz-column-gap: 0px;
        column-count: 5;
        column-gap: auto;
    }
    header .headsp .logo {
        width: 265px;
        height: 67px;
        position: absolute;
        top: 0;
        right: auto;
        left: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }
    .postarea .job .textspadce {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .animated.fadeInUp .rptext p {
        line-height: 25px;
        text-align: left
    }
    .colorlist .shine li {
        font-size: 12.5px;
        line-height: normal;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .animated.fadeInUp .rptext h4 {
        text-align: center;
        font-size: 20px;
        line-height: 25px;
    }
    .blue .howto .care {
        width: 90%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .blue .howto .cares {
        width: 95%;
        height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-position: right bottom;
        margin-left: auto;
        margin-right: auto;
    }
    .couse_list h3 span {
        display: block;
    }
}


/*------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------     miniPC    -------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1024px) {
    * {
        margin: 0px;
        padding: 0px;
    }
    .slidemenu {
        display: none;
    }
    .telspace {
        display: none !important;
    }
    .small-container {
        display: none !important;
    }
    .access ul li {
        width: 100%;
        height: auto;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .access ul li:last-child {
        margin-top: 15px;
    }
}


/*------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------     miniPC2   ----------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1347px) {
    .telspace {
        display: none !important;
    }
}


/*------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------     PC    -------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:1025px) {
    * {
        margin: 0px;
        padding: 0px;
    }
    .slidemenu {
        display: none;
    }
    .pcnone {
        display: none !important;
    }
}

@media screen {}