@charset "utf-8";

@media print, screen and (max-width:1299px) and (min-width:768px){

body{
    background: #f2f9f9;
    /* font-family: FLOPDesignFont, "游ゴシック Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important; */
    font-family: "游ゴシック Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
    color: #525d5e;
    letter-spacing: 1.1px;
    line-height: 32px;
}
.flopd_font{
    font-family: FLOPDesignFont, "游ゴシック Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;

}
.smart_contents{
    display: none;
}
.font_change{
    display: none;
}
.load-old{
    display: none;
}
#loader{
    background: #f2f9f9 !important;
}
a{
	color:#525d5e; text-decoration:none;
}
a:link{
	color:#525d5e; text-decoration:none;
}
a:visited{
	color:#525d5e; text-decoration:none;
}
a:hover{
	color: #57aabf; text-decoration:none;
}
a:focus{
	color:#525d5e; text-decoration:none;
}
a:active{
	color:#525d5e; text-decoration:none;
}
tbody tr td {
    border-top-style: solid;
    border-width: 1px;
    border-color: #d1dcdd;
}
.top_h1 {
    margin-top: -27px !important;
}
.color_change{

}
.typewriter{
    visibility: hidden;
    display: none;
}
.typewriter-load{
    display: none;
}
.light{
    animation: blink 1s infinite;
}
@keyframes blink{
    to{opacity: .0;}
}
.max500{
    max-height:500px;
    overflow: scroll;
}
.mt0{
    margin-top: 0 !important;
}
#box {
    position:fixed;
    bottom:15vh;
    right:320px;
    width:30px;
}
.lmenu{
    display: none;
}
.rmenu img{
    display: none;
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 50px;
    height: 44px;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 40px;
    height: 4px;
    background-color: #525d5e;
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 13px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 14px;
}
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}
.inner{
    padding: 0 25px;
}
.menu_circle{
    display: none;
}
.pagenavi{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 100px;
    display: block;
    position: relative;
    height: 100px;
}
.page-numbers{
    margin-right: 10px;
    margin-top: 5px;
    font-size: 16px;
}
.current{
}
.navigation.pagination{
    margin-top: 20px;
}
.screen-reader-text{
    display: none;
}
.nav-links{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.page-numbers.current{
    padding: 2px;
    border-style: solid;
    border-width: 1px;
}
.next.page-numbers{
    float: right;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}
.prev.page-numbers{
    float: left;
    margin-top: 0;
    overflow: hidden;
}
.photo_actual_top{
    width: 13.3%;
    height: 9.5vh;
    margin-top: 1vh;
    display: inline-block;
}
.promo_logo_box{
    position: relative;
}
.promo-logo{
    width: 100%;
    margin: auto;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="password"], input[type="url"], textarea{
    border-color: #d1dcdd;
    color: #292e2f;
}
.css_change{
    position: fixed;
    top: 26px;
    right: 145px;
    height: 23px;
    color: #65b0c3;
    border-color: #d1d1d1;
    background: white;
}
select {
    border: 0;
    outline: 2px solid #ccc;
    outline-offset: -1px;
}

/* メニューアニメーション関連 サービス　 ***********************************************************************/

.mini_menu, .mini_menu_company, .mini_menu_other{
    display:none;
    text-align: right;
}
.on, .on_company, .on_other, .on_other ul li{
    display:block;
}
.on ul li, .on_company ul li{
    position: relative;
}
.on ul li::before, .on_company ul li::before, .on_other ul li::before{
    content: "";
    width: 151px;
    height: 2px;
    background: #d1dcdd;
    position: absolute;
    right: 5px;
    z-index: 1;
    top: 33px;
}

@-webkit-keyframes height_change{
    0% {
        margin-top: -130px;
        opacity:0;
    }
    90%{
        opacity:0;
    }
    100% {
        margin-top:0px !important;
        opacity:0;
    }
}

@-webkit-keyframes height_change_other{
    0% {
        margin-top: -205px;
        opacity:0;
    }
    90%{
        opacity:0;
    }
    100% {
        margin-top:0px !important;
        opacity:0;
    }
}
.mini_menu, .mini_menu_company, .mini_menu_other{
    display:none;
    text-align: right;
}
.hover:hover, .hover_company:hover, .hover_other:hover{

    cursor: ns-resize;
}
.on_company{
    display:block;
    -webkit-animation-name: height_change;
    -webkit-animation-duration:0.6s;
    animation-name:height_change;
    animation-duration:0.6s;
}
.on{
    display:block;
    -webkit-animation-name: height_change_other;
    -webkit-animation-duration:1.0s;
    animation-name:height_change_other;
    animation-duration:1.0s;
}

@-webkit-keyframes left_in{
    0% {
        opacity:0;
        margin-right: 140px;
    }
    100% {
        margin-right:0px !important;
    }
}
.on_company ul{
    height:140px;
}
.on ul{
    height: 210px;
}
.on ul li:nth-child(3){
    animation-delay: 0.6s;
}
.on ul li:nth-child(4){
    animation-delay: 0.8s;
}
.on ul li, .on_company ul li, .on_other ul li{
    -webkit-animation-name: left_in;
    -webkit-animation-duration:0.6s;
    animation-name:left_in;
    animation-duration:0.6s;
    padding: 10px 15px;
    position: relative;
    line-height: 19px;
}
.on ul li:nth-child(1), .on_company ul li:nth-child(1), .on_other ul li:nth-child(1){
    animation-delay: 0.2s;
}
.on ul li:nth-child(2), .on_company ul li:nth-child(2), .on_other ul li:nth-child(2){
    animation-delay: 0.4s;
}
.on ul li:nth-child(3), .on_company ul li:nth-child(3), .on_other ul li:nth-child(3){
    animation-delay: 0.6s;
}
.on ul li:nth-child(4){
    animation-delay: 0.8s;
}
.on ul li:nth-child(5){
    animation-delay: 1.0s;
}

/* メニューアニメーション関連 その他　 ***********************************************************************/

.on_other{
    display:block;
    -webkit-animation-name: height_change_other;
    -webkit-animation-duration:1.0s;
    animation-name:height_change_other;
    animation-duration:1.0s;
}
.on_other ul {
    height:210px;
}
.on_other ul li:nth-child(4){
    animation-delay: 0.8s;
}
.on_other ul li:nth-child(5){
    animation-delay: 1.0s;
}

/* 左サイドバー　 ***********************************************************************/

.detail{
    position: relative;
}
.detail::after{
    content: " ";
    position: absolute;
    top: 11px;
    width: 0;
    right: 7px;
    height: 0;
    border-width: 10px 8px 8px 8px;
    border-style: solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    color: #79bbcc;
}
.ps__rail-x, .ps__rail-y {
    opacity: 0!important;
}
.l-sidebar{
    width: 245px;
    height: 500px;
    float:left;
}
.l-sidebar_wrapper{
    position: fixed;
    width: 245px;
    height: 77vh;
    overflow-y: scroll;
    margin-top: 85px;
    -ms-overflow-style: none;
}
.scrollbar_none::-webkit-scrollbar{
    display:none;
}
.scrollbar_none{
    height:200px;
    overflow-y:auto;
    -ms-overflow-style:none;
}
.logo_2{
    display:none;
}
.logo_box{
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 6px 15px;
    width: 269px;
    margin-left: -26px;
    height: 60px;
}
.reflection{
    display:inline-block;
    position: fixed;;
    overflow:hidden;
}
.reflection:after {
    content:"";
    height:100%;
    width:30px;
    position:absolute;
    top:-180px;
    left:0;
    opacity:0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 5s ease-in-out;
}

@keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.menu-list{
    width: 100%;
}
.ruby{
    font-size: 14px;
    color: #57aabf;
}
.list_title.estimate{
    border-color: #909090;
    background: #defdff;
}
.list_title b{
    display: block;
    padding: 5px 10px 0 10px;
    font-size: 25px;
    letter-spacing: 5px;
}
.blog_article{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d1dcdd;
}
.blog{
    margin: 5px 2px;
    border-style: solid;
    border-width: 2px;
    position: relative;
    border-color: #d1dcdd;
    background: white;
}
.logo_single{
    text-align: left;
    margin-left: 0;
    padding-left: 30px;
    margin-bottom: 0;
}
.object3{
    display: none;
}
.sankaku-top{
    position: absolute;
    right: 0;
    width:20px;
    margin: 2px;
}
.blog h2{
    padding: 3px 15px;
    font-size: 19px;
    letter-spacing: 5px;
    font-weight: bold;
    margin-bottom: -15px;
}
.blog_wrapper{
    padding-top:30px;
}
.spec_contents{
    padding: 20px 10px 10px 10px;
    overflow: hidden;
}
.spec_img{
    width: 85px;
    height: 90px;
    float: left;
    background-size: cover;
    background-repeat: no-repeat; 
}
.spec_list{
    width: 131px;
    float: left;
    line-height: 20px;
}
.blog .spec_list h2 {
    color: #57aabf;
    margin: 0;
}
.spec_list span{
    font-size: 13px;
    padding-left: 10px;
}
.spec_list img{
    display: none;
}
.article_contents{
    padding: 2px 8px 10px;
    font-size: 13px;
    line-height: 20px;
}
.object3::after{
    content: "-"
}
.arrow_contact{
    position: fixed;
    width: 400px;
    z-index: 99999;
    left: 290px;
    background: white;
    padding: 20px;
    display: none;
    border-style: solid;
    border-color: #ac2258;
}
.arrow_contact:after{
    content: " ";
    position: absolute;
    top: 20px;
    left: -28px;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    color: #269ba2;
}
.side_on{
    opacity: 1;
}
.menu_hide{
    opacity: 0.6;
}
.menu_appier{
    opacity: 1;
}
.arrow_appier{
    display: block;
}

/* 右サイドバー　 ***********************************************************************/

.r-sidebar{
    width: 270px;
    height: 900px;
    float: right;
    position: absolute;
    margin-left: -390px;
    overflow: scroll;
    margin-top: 20px;
    background: #f2f9f9;
    transition: all .4s;
}
.rmenu-on {
    display: block;
    -webkit-animation-name: right_slide;
    -webkit-animation-duration: 0.6s;
    animation-name: right_slide;
    animation-duration: 0.6s;
    margin-left: -22px !important;
}
.r-sidebar_wrapper .widget-area {
    top: -37px;
    right: 73px;
    position: fixed;
}
.news_block{
    border-style: solid;
    border-width: 2px;
    border-color: #d1dcdd;
    background: white;
    height: 215px;
    overflow: hidden;
    position: relative;
    width: 270px;
}
.news_block h2{
    padding: 7px 15px;
    font-size: 19px;
    letter-spacing: 5px;
    font-weight: bold;
}
.news_block p{
    padding: 20px;
    font-size: 14px;
    line-height: 25px;
}
.news_block small{
    bottom: 5px;
    right: 30px;
    position: absolute;
    font-size: 14px;
}
.actual{
    margin-top: 5px;
    position: relative;
    padding-bottom: 150px;
}
.modal_actual{
    width: 100%;
}
.actual.search{
    padding-bottom: 0;
}
.cat-item{
    display: inline-block;
    margin: 0 3px 3px 0;
    border-style: solid;
    border-width: 1px;
    line-height: 23px;
    font-size: 13px;
    float: left;
}
.cat-item a{
    padding: 4px 10px;
    width: 100%;
    height: 100%;
    margin: auto;
}
.cat-item a:hover{
    color: white;
    background: #556061;
    display: block;
    line-height: 15px;
}
.cat-item-3{

}
.cat-item-3:hover{
    background: none;
    border-style: solid;
}
.cat-item-3 a:hover{
}
.cat-item-12{
}
.cat-item-12:hover{
    background: none;
    border-style: solid;
}
.cat-item-12 a:hover{

}
.cat-item-13{
}
.cat-item-13:hover{
    background: none;
    border-style: solid;
}
.cat-item-13 a:hover{
}
.cat-item-9{
}
.cat-item-9:hover{
    background: none;
    border-style: solid;
}
.cat-item-9 a:hover{
}
.cat-item-4{
}
.cat-item-4:hover{
    background: none;
    border-style: solid;
}
.cat-item-4 a:hover{
}
.cat-item-99999{
}
.cat-item-99999:hover{
    background: none;
    border-style: solid;
}
.cat-item-99999 a:hover{
}
.actual_link{
    padding: 10px 10px 30px;
    text-align: right;
}
.actual h2{
    padding: 0px 15px;
    font-size: 19px;
    letter-spacing: 5px;
    font-weight: bold;
    text-align: center;
    border-style: solid solid none;
    border-width: 2px;
    border-color: #d1dcdd;  
}
.white_top_damy{
    height: 2px;
    width: 146px;
    position: absolute;
    top: 0;
}
.actual::before{
}
.actual_wrapper{
    border-style: solid;
    border-width: 2px;
    border-color: #d1dcdd;
    background: white;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
}
.actual_wrapper ul{
    padding: 10px 10px 0;
}
.actual_contents{
    width: 50%;
    float: left;
    padding: 12px 10px 5px 10px;
}
.actual_contents h3{
    font-size: 13px;
    padding: 3px;
    line-height: 19px;
}
.actual_photo{
    width: 100%;
    height: 115px;
    border-style: solid;
    border-width: 1px;
}
.actual_photo{
    background-blend-mode: color-dodge !important;
}
.actual_photo h3{
    padding: 5px;
    font-size: 13px;
}

/* メインコンテンツ　 ***********************************************************************/

.main{
    width: calc(100% - 290px);
    height: 86vh;
    position: fixed;
    padding: 0 30px 150px;
    margin: 25px 8px 0;
    left: 268px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    color: #292e2f;
}
.topright{
    display: none;
}
.topleft{
    display: none;
}
.bottomright{
    display: none;
}
.bottomleft{
    display: none;
}
.list_title{
    height: 70px;
    margin: 5px 1px;
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-color: #d1dcdd;
    background: white;
    text-align: center;
}
.top-line{
    display: none;
}
.top-line > img{
    display: none;
}
.top-line::after{
    content: "";
    width: calc(100vw - 954px);
    height: 2px;
    position: absolute;
    left: 103%;
    top: 3px;
    z-index: 1;
}
.top-line::before{
    content: "";
    width: 150px;
    height: 2px;
    position: absolute;
    right: 102%;
    top: 3px;
    z-index: 1;
}
.bottom-line{
    position: absolute;
    bottom: -8px;
    right: 150px;
    z-index: 1;
}
.bottom-line > img{
    display: none;
}
.bottom-line::after{
    content: "";
    width: 146px;
    height: 2px;
    position: absolute;
    left: 103%;
    top: 4px;
    z-index: 1;
}
.bottom-line::before{
    content: "";
    width: calc(100vw - 886px);
    height: 2px;
    position: absolute;
    right: 102%;
    top: 5px;
    z-index: 1;
}
.main-bottom{
    display: none;
}
.main-bottom-wrapper{
    float: right;
    width: 100%;
    height: calc(11vh - 20px);
    margin-bottom: 1vh;
    padding-left: 5px;
    text-align: center;
}
.bottom_title{
    position: absolute;
    padding: 0px 5px;
    top: -6px;
    background: #2b3030;
    color: white;
}
.main-bottom-wrapper .bottom-more{
    position: absolute;
    right: -5px;
    top: -17px;
    text-shadow: 0px 0px 1px #ffffff;
}
.main-bottom-wrapper .bottom-more:hover{
}
.modal_bottom{
    display: block;
    color: #ae275c;
}
.promo{
    display: none;
}
.main_wrapper{
    width: calc(100% - 290px);
    height: 93vh;
    position: fixed;
    padding: 0 10px 0 10px;
    margin: 20px 8px 0;
    left: 268px;
    background: white;
}
.rmenu {
    width: 55px;
    position: fixed;
    top: 5px;
    right: 15px;
    margin-top: 30px;
}
.sankaku{
    display: none;
}
.contact-box{
    position: absolute;
    bottom: 14vh;
    padding: 0 0 13px 0;
    left: 7px;
}
.contact-box p{
    float: right;
    margin-top: 19px;
}
.contact-box p:hover {
}
.contact-box h2{
    font-size: 20px;
    margin-top: 10px;
    margin-right: 120px;
    margin-bottom: -20px;
    float: left;
    border-style: solid;
    border-width: 1px;
    background: white;
}
.form_on {
    background: white;
    border-color: #2b3030;
}
.type_area{
    color: #57aabf !important;
}
.contact_submit2 {
    color: #65b1c4 !important;
    border-width: 1px;
    border-style: solid !important;
    padding: 5px !important;
    border-color: #d1dcdd !important;
    background: #f2f9f9 !important;
}
.contact_submit2:hover {
    border-color: #dee7e8 !important;
    background: white !important;
}
.contact_button h2{
    padding: 0 5px;
}
.picture_contents{
    width: 100%;
    height: 570px;
    float:left;
    min-width: 467px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 50px;
}
.white_damy_top{
    display: none;
}
.white_damy_bottom{
    display: none;
}
.site_left{
    display: none;
}
.site_right{
    display: none;
}
.yellow_slash{
    display: none;
}
.yellow_damy{
    display: none;
}
.point{
    width: 100%;
    position: relative;
    margin: 0 0 0 1%;
    font-size: 14px;
    padding: 40px 0 20px 0;
    text-align: right;
}
.site_contents01 .site_keyword {
    padding: 0px 4px;
    background: #a4b9bb;
    color: white;
    display: inline-block;
    font-weight: normal;
    border-radius: 0;
    line-height: 23px;
}
.point_contents{
    text-align: center;
    margin-top: 50px;
}
.point > span{
    font-size: 21px;
    padding: 0px 20px;
    width: 100%;
    display: block;
    text-align: center;
    color: #ac2258;
}
.point-topright{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    opacity: 0.5;
}
.point-topleft{
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    opacity: 0.5;
}
.point-bottomright{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    opacity: 0.5;
}
.point-bottomleft{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    opacity: 0.5;
}
.second_contents{
    float: left;
    border-style: solid;
    border-width: 2px;
    position: relative;
    padding: 10px 10px 30px;
    background: #f2f9f9;
    border-color: #d1dcdd;
    margin-top: 10px;
    width: 100%;
}
.left_contents_zone .site_keyword {
    padding: 0px 5px;
    background: #a4b9bb;
    color: white;
    border-radius: 0;
}
.yellow_slash2{
    display: none;
}
.blue_line{
    display: none;
}
.second_contents > h2{
    font-size: 18px;
    color: #ac2258;
    text-align: center;
}
.blue_line > img{
    display: none;
}
.blue_line::before{
    content: "";
    width: 61px;
    height: 1px;
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -1px;
}
.blue_line::after{
    display: none;
}
.site_contents01{
    padding: 10px 10px 10px 20px;
}
.site_contents01 ul li{
}
.left{
    width: 50%;
    float: left;
    margin-top: 35px;
    overflow: scroll;
    padding-right: 10px;
}
.left_contents_zone{
    padding: 10px 40px 10px 0;
}
.right{
    width: 50%;
    float: left;
    margin-top: 15px;
}
.grey{
    margin-right: 15px;
    display: inline-block;
}
.site_contents01_box{
    font-size: 15px;
    padding: 5px 10px 10px 10px;
}
.control_area{
    overflow: hidden;
    margin: 0 auto;
    display: table;
    padding-top: 50px;
    margin-bottom: 50px;
}
.next, .previous, .prev{
    height: 50px;
    background: #d1dcdd;
    padding: 5px 10px;
}
.next:hover, .prev:hover{
}

/* company　 ***********************************************************************/

.company{
    position: relative;
    width: 825px;
    height: 440px;
    overflow-x: scroll;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 20px;
    background: slategrey;
    left: -14px;
    color: #697374;
    font-size: 13px;
}
.company_wrapper{
    width: 100%;
    overflow: scroll;
}
.company strong{
    font-weight: normal;
    color: #57aabf;
}
.company_info{
    background: url(img/company-info.png);
    background-size: contain;
    width: 614px;
    height: 298px;
    position: absolute;
    right: 146px;
    top: 60px;
}
.company_contents1{
    position: absolute;
    width: fit-content;
    right: 120px;
    top: 7px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #525d5e;
    background: #f2f9f9;
}
.company_contents1 span{
}
.company_contents2{
    position: absolute;
    right: 55px;
    top: 155px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #525d5e;
    background: #f2f9f9;
}
.company_contents3{
    position: absolute;
    top: 340px;
    right: 150px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #525d5e;
    background: #f2f9f9;
}
.company_contents4{
    position: absolute;
    left: 20px;
    top: 80px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #525d5e;
    background: #f2f9f9;
}
.company_contents5{
    position: absolute;
    top: 360px;
    left: 100px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #525d5e;
    background: #f2f9f9;
}
.company_bottom_contents{
    margin: 70px 0;
}
.company_bottom_contents strong{
    font-weight: normal;
}
.company_bottom_contents h2{
    margin-bottom: 10px;
    font-size: 20px;
    color: #5cacc0;
}

/* archive　 ***********************************************************************/

.archive_wrapper{
    margin-top:30px;
}
.archive_wrapper a{
    padding: 0;
}
.archive_wrapper a:hover{
    opacity: 0.8;
}
.archive_menu > img{
    display: none;
}
.archive_menu{
    overflow: hidden;
    padding-top: 80px;
}
.archive_menu > h1, .archive_menu > h2{
    overflow: hidden;
    padding-top: 80px;
}
.archive_menu h1 span, .archive_menu h2 span{
}
.archive_box{
    width: 50%;
    float: left;
    padding: 10px 15px 10px 0;
    position: relative;
    margin-bottom: 20px;
}
.archive_left_wrapper{
    width: 100%;
    position: relative;
}
.archive_left_wrapper_photo > span{
    float: right;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
}
.archive_left_wrapper_photo{
    width: 100%;
    position: relative;
    height: 250px;
    float: left;
}
.photo_info{

}
.btn-default{
    width: 100%;
    display: block;
    text-align: center;    
}
.count{
    padding: 3px;
    border-radius: 3px;
}
.archive_left_contents{
    position: relative;
    height: 215px;
    background-blend-mode: luminosity;
    background-size: cover !important;
}
.archive_left_contents:hover {
    background-blend-mode: unset !important;
}
.archive_left_wrapper > span{
    bottom: 5px;
    display: block;
    line-height: 19px;
    padding: 10px;
    color: #64afc3;
    background: white;
}
.archive_right_contents{
    width: 100%;
    padding: 10px 13px;
    font-size: 12px;
    background: white;
    border-color: #525d5e;
    border-width: 2px;
    line-height: 20px;
}
.archive_right_contents p{
    width: 100%;
    line-height: 20px;
}
.archive_left{
    display: none;
}
.archive_right{
    display: none;
}
.news_log, .news_log:visited {
    position: absolute;
    top: 5px;
    right: 35px;
    bottom: unset;
    left: unset;
}
.news_log span{
    position: absolute;
    right: 0;
    width: 80px;
    text-align: right;
}
.news_wrapper{
    margin-top: 30px;
}
.news_log:hover {
    color: #57aabf !important;
}
.news_block_archive{
    margin: 10px 0;
    background: #f2f9f9;
    border-style: solid;
    border-color: #d1dcdd;
    border-width: 2px;
    position: relative;
}
.news_block_archive h2{
    padding: 7px 15px;
    font-size: 19px;
    letter-spacing: 5px;
    font-weight: bold;
}
.news_block_archive p{
    padding: 10px 20px 0 20px;
    font-size: 14px;
    display: table-cell;
}
.news_block_archive small{
    font-size: 14px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #ac2258;
}

/* policy　 ***********************************************************************/

.policy_wrapper{

}
.policy_contents{
    padding: 10px 20px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
}
.policy_contents:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 80%;
    margin: 3% -10% 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: -1;
    background: #f2f9f9;
}
.policy_contents:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 80%;
    margin: 3% -10% 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: -2;
}
.bk_c01:after{
    background: #d1dcdd;
}
.bk_c02:after{
    background: #d1dcdd;
}
.bk_c03:after{
    background: #d1dcdd;
}
.bk_c04:after{
    background: #d1dcdd;
}
.bk_c05:after{
    background: #d1dcdd;
}
.policy_contents > img{
    display: none;
}
.policy_contents > h2{
    padding: 15px 10px;
    font-size: 21px;
    color: #57aabf;
}
.policy_contents > p{
    padding: 0 10px 20px 10px;
    font-size: 15px;
    min-height: 170px;
}
.red_line{
    height: 1px;
    width: calc(100vw - 865px);
    display: block;
    z-index: 1;
    margin: 0 auto;
    display:none;
}

/* log　 ***********************************************************************/

.logline_left{
    display: none;
}
.logline_right{
    display: none;
}
.blue_damy{
    display: none;
}
.pankuzu_position::before{
    content: "";
    width: 0;
    height: 0px;
    border-top: 5px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #269ba2;
    position: absolute;
    top: 2px;
    left: -6px;
}
.pankuzu{
    padding: 0 20px 0 0;
    margin-top: 10px;
}
.home_position{
    padding: 5px;
    font-size: 13px;
}
.blue_sankaku{
    display: none;
}
.pankuzu_position{
    position: relative;
    padding-left: 10px;
    padding-right: 5px;
}
.log_contents{
    margin-top: 30px;
    margin-bottom: 80px;
}
.chatch_img{
    margin-bottom: 10px;
    max-width: 300px;
    box-shadow: 7px 8px 1px #d1dcdd;
}
.log_contents > h1{
    font-size: 22px;
}
.log_contents p{
    padding: 10px 0;
    font-size: 15px;
}

/* service　 ***********************************************************************/

.service_wrapper{
    margin-top: 30px;
}
.service_contents{
    border-style: solid;
    border-width: 2px;
    padding: 35px;
    position: relative;
    font-size: 15px;
    border-color: #d1dcdd;
    margin-bottom: 100px;
}
.service_contents:nth-child(1){

}
.service_contents:nth-child(2){

}
.service_contents:nth-child(3){

}
.service_contents:nth-child(4){

}
.service_contents:nth-child(5){

}
.service_contents h2{
    font-size: 18px;
    font-weight: bold;
    color: #c9342f;
}
.step::before{
    display: none;
}
.step::after{
    display: none;
}
.left_damy{
    display: none;
}
.right_damy{
    display: none;
}
.service_contents p{
}
.service_contents h3{
    font-size: 16px;
    margin-bottom: 30px;
    border-bottom-style: solid;
    width: fit-content;
    border-width: 2px;
    padding-right: 20px;
    color: #59abc0;
}
.service_contents h4{
    margin-bottom: 7px;
    padding: 0 20px 0 5px;
    width: fit-content;
    margin-top: 30px;
    background: #f2f9f9;
}
.service_contents ul{
    list-style: inherit;
    margin-left: 30px;
}

/* contact　 ***********************************************************************/

.contact_box{
    position: relative;
    min-height: 600px;
}
.contact_top{
    position: absolute;
    top: -16px;
    height: 23px;
    left: 50px;
}
.contact_topright{
    position: absolute;
    right: -3px;
    height: 80px;
    top: 0;
    display: none;
}
.contact_bottom{
    display: none;
}
.contact_textbox{
    width: 100%;
}
.contact_textbox p{
    padding: 0 0 10px 0;
}
.contact_formbox{
    width: 100%;
    padding: 0 0 100px 0;
    margin-top: 30px;
}
.contact_formbox b{
    display: block;
    margin-top: 25px;
    margin-bottom: 7px;
    background: #f2f9f9;
    padding-left: 10px;
}
.contact_formbox .important{
    font-size: 11px;
    margin-left: 11px;
    color: #c9342f;
}
.contact_inner::before{
    content: "";
    width: 59px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 1;
}
.contact_inner::after{
    content: "";
    width: calc(100vw - 1052px);
    height: 2px;
    position: absolute;
    left: 407px;
    top: 0px;
    z-index: 1;
}
.contact_inner{
    position: relative;
}
.thanks{
}
.small_box{
    float: left;
    margin-bottom: 15px;
    line-height: 20px;
}
.small_box span{
    float: left;
}
.type_area span{
    padding: 10px 10px 43px;
    display: block;
    height: 74px;
}
.type_text1 span{
    padding: 0px 9px 0px 5px;
    height: 25px;
}
.type_text1 input{
    width: 190px;
}
.type_text2 span{
    padding: 0 10px 0;
    height: 25px;
}
.type_text2 input{
    width: 227px;
}
.type_text3 span{
    padding: 0px 10px 0px 5px;
    height: 25px;
}
.type_text3 input{
    width: 160px;
}
.type_text4 span{
    height: 25px;
    padding: 0px 15px 0 5px;
}
.type_text4 input{
    width: 170px;
}
.type_text5 span{
    height: 25px;
    padding: 0 5px 0 5px;
}
.type_text5 input{
    width: 210px;
}
.type_text6 span{
    height: 25px;
    padding: 0 65px 0 5px;
}
.type_text6 input{
    width: 136px;
}
.type_text7 span{
    height: 25px;
    padding: 0 20px 0 5px;
}
.type_text7 input{
    width: 223px;
}
.small_box textarea{
    width: 240px;
    height: 74px;
}
.submit_contact{
    position: absolute;
    bottom: 70px;
    right: 74px;
    background: #f2f9f9;
    border-style: solid;
    border-color: #d1dcdd;
    color: #64afc3;
}
.submit_contact:hover{
    background: #64afc3;
    border-style: solid;
    color: #f2f9f9;
}
.contact_line{
    display: none;
}
.contact_botton{
    display: none;
}
.contact_formbox b em {
    font-size: 13px;
    color: #57aabf;
}

/* rental　 ***********************************************************************/

.rental_wrapper{
    margin-top:50px;
    padding: 0 20px;
}
.rental_contents p{
    margin-bottom: 10px;
}
.require{
    float: left;
    width: 70%;
    padding: 0 0 50px 20px;
}
.rental_photo{
    float: left;
    width: 30%;
    margin-top: 30px;
}
.require h2{
    font-size: 17px;
    font-weight: bold;
}
.require p{
}
.first_cost h3{
    font-size: 16px;
    border-bottom-style: solid;
    width: fit-content;
    border-width: 2px;
    padding-right: 20px;
}
.compare_contents h4{
    font-size: 16px;
    border-bottom-style: solid;
    width: fit-content;
    border-width: 2px;
    padding-right: 20px;
}
.rental_ex{
    width: 50%;
    float: left;
    margin-top: 30px;
}
.rental_box table thead tr{
}
.rental_box table tbody tr td{
    background: none;
    padding: 0 5px 0 10px;
}
.price{
    text-align: center;
}
.rental_box .atension{
    padding-top: 20px;
}
.compare_contents table{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}
.compare_contents table tr td{
    width: 30%;
    background: none;
}
.compare_contents table tbody tr th{
    font-size: 17px;
}
.compare_contents table thead tr th{
}
.compare_contents table thead tr .blank_th{
    background: none;
}

/* greeting　 ***********************************************************************/

.greeting{
    width: 471px;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 100px;
    overflow: hidden;
}
.greeting_text{
    margin: 0 auto;
    margin-top: 150px;
    width: 471px;
    margin-bottom: 150px;
}
.greeting_text h2{
    font-size: 17px;
    font-weight: bold;    
}
.geeting_text p{
    padding:30px;
}

/* gifu_weather　 ***********************************************************************/

.weather_wrapper{
    margin-top:100px;
}
.weather_rule{
    padding: 30px 20px 0;
}
.archive_wrapper .fuwatto_contents {
    margin-bottom: 0;
    text-align: left;
    color: #525d5e;
    letter-spacing: 1px;
    padding: 0;
}
.lockon, .locked{
    display: none !important;
}
.weather_wrapper .weather_info tbody tr td {
    border-color: #d1dcdd;
}


/* adsense　 ***********************************************************************/
.add_wrapper{
    margin-top: 30px;
}
.add_wrapper span, .add_wrapper p{
    font-size: 15px;
}


/* shop　 ***********************************************************************/
.shop_info{
    padding: 30px 20px;
    max-width: 500px;
}

/* ========================================================================
	投稿用スタイル
======================================================================== */
.log_single{
    margin-top: 40px;
}
.log_log_single h2, .log_log_single h3, .log_log_single h4, .log_log_single h5, .log_log_single ol, .log_log_single ul, .log_log_single table, .log_log_single table tr, .log_log_single table th, .log_log_single table td{
    margin-left: 30px;
}
.point_contents a, .log_single a{
}
.point_contents a:hover, .log_single a:hover{
}
.point_contents h1, .right h1, .log_log_single h1{
    font-size: 18px;
    font-weight: bold;
}
/******** 見出し１ *********/
.point_contents h2, .right h2, .log_single h2{
    font-size: 17px;
    font-weight: bold;
    color: #64afc3;
}
.log_single h2{
}
.log_contents h1{
    margin-bottom: 0;
    color: #ac2258;
    margin-top: 50px;
}
/******** 見出し２ *********/
.point_contents h3, .right h3, .log_single h3{
    font-size: 16px;
    border-bottom-style: solid;
    width: fit-content;
    border-width: 2px;
    padding-right: 20px;
    display: inline-block;
}
.log_contents h3{
    color: #5b912d;
}
/******** 見出し３ *********/
.point_contents h4, .right h4, .log_single h4{
    padding: 0 20px 0 5px;
    width: fit-content;
}
.log_contents h4{
    background: #f2f9f9;
    border-left-style: solid;
    border-color: #d1dcdd;
}
/******** 見出し４ *********/
.point_contents h5, .right h5, .log_single h5{
    font-size: 19px;
}
.log_contents h5{

}
.point_contents h5:before, .right h5:before, .log_single h5:before{
    font-size: 19px;
    content: "■"
}
.point_contents ul,
.point_contents ol, .right ul, .right ol, .log_single ul, .log_single ol{
	margin:0;
	list-style:none;
}
.point_contents ul li, .right ul li, .log_single ul li{
    padding: 0 0 0 30px;
    background-size: 25px;
    background-position-x: -5px;
    position: relative;
    color: #79bbcc;
    font-size: 15px;
}
.point_contents ul li:before, .right ul li:before, .log_single ul li:before{
    content: "☆";
    font-size: 18px;
    position: absolute;
    top: -1px;
    left: 5px;
    color: #79bbcc;
}
.point_contents ol, .right ol, .log_single ol{
    counter-reset:number;
    padding-left: 10px;
    margin-top: 15px;
}
.point_contents ul, .right ul, .log_single ul{
    margin-top: 15px;
}
.point_contents ol li, .right ol li, .log_single ol li{
    position: relative;
    padding: 0px 0 0 41px;
    font-size: 16px;
}
.point_contents ol li:before, .right ol li:before, .log_single ol li:before{
    position: absolute;
    top: 0;
    left: 1px;
    width: 22px;
    text-align: center;
    font-size: 18px;
    counter-increment: number;
    content: counter(number);
    background-position-y: 6px;
    background-size: 20px;
    background-position-x: 1px;
    color: #5b912d;
}
.point_contents ol li:after, .right ol li:after, .log_single ol li:after{
    position: absolute;
    top: 0;
    left: 17px;
    width: 22px;
    text-align: center;
    font-size: 18px;
    background-position-y: 6px;
    background-size: 20px;
    background-position-x: 1px;
    content: "-";
    color: #c9342f;
}
.point_contents table, .right table, .log_single table{
	margin:0 0 60px 0;
    border-collapse: collapse;
    width:auto!important;
}
.point_contents table tr, .right table tr, .log_single table tr{
    height: auto;
}
.point_contents table th, .right table th, .log_single table th{
	width:auto !important;
	padding:10px 30px;
	border:none;
	font-weight:bold;
	white-space:nowrap;
}
.point_contents table td, .right table td, .log_single table td{
    width: auto !important;
    background: none;
    padding: 21px 23px;
    font-size: 15px;
}


/* 流れ星　 ***********************************************************************/

#stars {
    display: none;
}
#stars:after {
    display: none;
}
#stars2 {
    display: none;
}
#stars2:after {
    display: none;
}
#stars3 {
    display: none;
}
#stars3:after {
    display: none;
}

/* modal window　 ***********************************************************************/

.modal-window {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    display: none\9;
}
.modal-window:target {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.is-active.modal-window {
    display: block\9;
}
.modal-window:target {
    display: block\9;
    background: rgb(0,0,0,0.8);
}
.modal-window .modal-inner {
    position: relative;
    top: 50px;
    z-index: 20;
    margin: 0 auto;
    border-style: solid;
    overflow-x: hidden;
    border-radius: 2px;
    background: black;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 33px;
    width: fit-content;
    max-width: 80vw;
    text-align: center;
}
.modal-window .modal-inner p {
    padding: 0 20px;
}
.modal-window .modal-close {
    display: block;
    text-indent: -100px;
    overflow: hidden;
}
.modal-window .modal-close:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.modal-window .modal-close:after {
    content: '\00d7';
    position: absolute;
    top: 55px;
    left: 50%;
    z-index: 20;
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 1.2em;
    text-decoration: none;
    text-indent: 0;
}
.modal-window {
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.modal_photo{
    max-width: 100%;
    max-height: 90vh;
}

/* wanted　 ***********************************************************************/

.wanted{
    padding-top: 0px;
    margin-bottom: 150px;
}
.wanted h2{
    font-size: 20px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.thinking{
    font-size: 25px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.wanted_box{
    max-width: 700px;
    border-style: solid;
    border-width: 1px;
    padding: 5px 15px 15px;
    margin: 0 auto;
    vertical-align: bottom;
    background: #f2f9f9;
    margin-bottom: 5px;
    overflow: hidden;
}
.wanted .wanted_box h3{
    display: none;
}
.wanted_image{
    height: 145px;
    background: rgba(54,200,232,0.9);
    display: block;
    text-align: center;
    display: none;
}
.apoint img{
    height: 146px;
}
.target_box{
    margin-top: 20px;
    position: relative;
}
.target_box span{
    position: absolute;
    bottom: 13px;
    right: 5px;
    background: #ff0389;
    padding: 1px 5px;
    font-size: 13px;
    border-radius: 5px;
    text-shadow: 2px 2px 3px #9d00ff;
    box-shadow: 1px 1px 1px #03fdff;
}
.target_box span:hover {
    box-shadow: none;
    bottom: 14px;
    right: 4px;
}
.target_box .modalContents p{
    text-align: left;
    padding: 5px 20px 19px 30px;
    font-size: 15px;
}
.target_box .modalContents img{
    position: unset;
    width: 80%;
    height: auto;
    background: none;
    padding: 0;
    margin-left: 10%;
    padding-bottom: 10px;
}
.modalWrapper .modalContents img{
    width: auto;
}
.target_box .modalContents a{
}
.target_box .modalContents a:hover{
}
.target_box .modalContents b{
    background: #00afaa;
    padding: 5px;
    margin: 20px;
    border-radius: 5px;
}
/* モーダルCSS */
.modalArea {
    display: none;
    position: fixed;
    z-index: 10; /*サイトによってここの数値は調整 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalBg {
    width: 100%;
    height: 100%;
}
.modalWrapper {
    position: absolute;
    top: 45%;
    left: 65%;
    transform: translate(-50%,-50%);
    width: calc(100% - 365px);
    max-height: 95vh;
    overflow: scroll;
    margin-top: 32px;
    background: #f2f9f9;
    border-style: solid;
    border-color: #d1dcdd;
    text-align: center;
}
.closeModal {
    position: absolute;
    top: 1px;
    left: 1rem;
    cursor: pointer;
    z-index: 999;
    color: #c9342f;
}
.modalContents h1{
    font-size: 18px;
    padding: 20px;
    text-decoration-line: underline;
    text-decoration-style: inherit;
    text-underline-position: under;
}
/* モーダルCSS ここまで */
.target_box .modalContents .wp_logo{
    width:150px;
}
.other_works{
    margin-top: 100px;
}
.choice_us{
    padding: 10px;
    border-width: 1px;
    margin-top: 70px;
    margin-bottom: 100px;
}
.choice_wrapper{
    overflow: hidden;
}
.choice_us h2{
    font-size: 25px;
    padding: 10px 0 0;
}
.choice_us h3{
    font-size: 24px;
    margin-bottom: 3px;
    margin-top: 20px;
    text-align: center;
}
.choice_us p{
    padding: 10px 10px 10px 15px;
    min-height: 130px;
    font-size: 15px;
    color: #2c3131;
    text-shadow: none;
    border-style: solid none none none;
    border-width: 2px;
    border-color: #57aabf;
    text-align: left;
}
.choice_us .title_wrapper{
    margin-bottom: 60px;
}
#openModal-price{
    display: none;
}
.wanted .target_box h4{
    text-align: center;
    font-size: 19px;
    margin-top: 7px;
    position: absolute;
    top: -23px;
    width: 100%;
    padding: 0;
}
.target_box::after{
    display: none;
}
.target_box p{
    padding: 40px 25px;
    text-align: center;
    color: #c9342f;
    font-size: 18px;
}
.target_box p::before{
    content: "Q&A";
    position: absolute;
    right: 0;
    font-size: 60px;
    color: #e7f1f1;
    font-style: italic;
    z-index: 0;
    bottom: 0;
    font-weight: bold;
}
.target_box img{
    display: none;
}
.result{
    margin-top: 80px;
    margin-bottom: 100px;
}
.result h2{
    font-size: 22px;
    padding-left: 5px;
}
.result_wrapper{
    position: relative;
    margin-bottom: 20px;
}
.result_wrapper h2{
    font-size: 19px;
    color: #57aabf;
    margin-top: 30px;
}
.result_squea{
    display: none;
}
.result_box{
    border-style: solid;
    border-width: 2px;
    padding: 35px 30px;
    border-color: #d1dcdd;
}
.worldmap{
    background: #f2f9f9 url(/img/worldmap.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-blend-mode: luminosity;
}
.student{
    background: #f2f9f9 url(/img/student.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-blend-mode: luminosity;
}
.quarity{
    background: #f2f9f9 url(/img/quarity.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-blend-mode: luminosity;
}
.result_box p{
    text-shadow: 1px 1px 1px white;
}
.result_box::before{
    display:none;
}
.result_box::after{
    display:none;
}
.result_point{
    margin: 80px 10px 0;
}
.result_point_wrapper{
    position: relative;
    margin-bottom: 80px;
    width: 32%;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}
.result_point_wrapper img:first-child{
    height: 40px;
    position: absolute;
    left: 5px;
}
.result_point_wrapper img:last-child{
    position: absolute;
    left: calc(100% - 50px);
    height: 32px;
    bottom: -15px;
}
.result_point_wrapper b{
    position: absolute;
    margin-left: 15px;
    margin-top: 1px;
}
.result_point_wrapper p{
    padding: 70px 5px 40px 10px;
}
.result_point_wrapper::after{
    content: "";
    width: calc(100% - 52px);
    height: 1px;
    background: #02fdff;
    position: absolute;
    left: 15px;
    z-index: 1;
    bottom: 6px;
    margin: auto;
    border-radius: 3px;
}
.user_voice{
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.user_voice img:first-child{
    height: 25px;
    position: absolute;
    left: 10px;
}
.user_voice h2{
    margin-left: 60px;
    font-size: 17px;
    font-weight: bold;
}
.job, .work_area{
    padding: 10px;
    margin-top: 50px;
    border-style: solid;
    border-width: 1px;
}
.job h2, .work_area h2{
    font-size: 18px;
}
.job h3, .work_area h3{
    margin-top: 10px;
    font-size: 17px;
    margin-bottom: 2px;
}
.job p, .work_area p{
    margin-left: 5px;
    font-size: 15px;
}
.other_wanted{
    padding: 10px;
    margin-bottom: 50px;
    background: url(/img/women.png), #ffffff url(/img/station3);
    background-size: 100px, cover;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: bottom, top;
    margin-top: 100px;
}
.other_wanted h5{
    font-size: 18px;
    text-align: center;
    background: #4a4a4a;
    margin-bottom: 20px;
}
.other_wanted ul{
    padding: 10px 10px 10px 30px;
    font-size: 17px;
    width: 70%;
    background: whitesmoke;
    border-style: solid;
    border-radius: 15px;
}
.other_wanted ul:after{
    content: "";
    position: absolute;
    top: 70%;
    left: 100%;
    margin-top: -14px;
    border: 15px solid #615d5d00;
    border-left: 15px solid #333435;
    margin-left: 0px;
}
.other_wanted ul li{
    height: 40px;
}
.voice_box{
    width: 100%;
    float: left;
    padding: 50px 25px 50px;
    position: relative;
    min-height: 420px;
}
.user02{
    animation-delay: 1s;
}
.user03{
    animation-delay: 1.1s;
}
.user04{
    animation-delay: 1.2s;
}
.voice_box img{
    width: 40%;
    margin-left: 6%;
    position: absolute;
    bottom: 30px;
    opacity: 0.7;
    right: 0;
}
.voice_box span{
    display: block;
    text-align: right;
    font-size: 16px;
    padding-right: 17px;
    position: absolute;
    bottom: 0;
    right: 20px;
}
.wanted_image img{
    padding: 13px;
}
.question{
    margin-top: 80px;
}
.question h2{
    font-size: 25px;
    text-align: center;
    margin-bottom: 130px;
}
.good_point{
    position: relative;
    padding-bottom: 20px;
    padding-top: 30px;
}
.question h4{
    margin-top: 80px;
    font-size: 18px;
}
.merit_box{
    border-style: solid;
    padding: 0px;
    overflow: hidden;
    border-width: 1px;
    border-color: #d1dcdd;
}
.merit_small_box{
    position: relative;
    border-width: 1px;
    padding: 15px 10px;
    border-style: solid;
    width: 100%;
    float: left;
    border-color: #d1dcdd;
}
.merit_small_box:nth-child(1), .merit_small_box:nth-child(3){
    
}
.merit_small_box p{
    margin-left: 61px;
    font-size: 17px;
}
.merit_circle{
    width: 40px;
    height: 40px;
    background: #f2f9f9;
    display: block;
    position: absolute;
    border-radius: 40px;
    left: 10px;
}
.merit_number{
    font-size: 12px;
    position: absolute;
    left: 26px;
    top: 12px;
}
.merit_title{
    position: absolute;
    left: 15px;
    top: 25px;
    font-size: 10px;
}
.add_web h2{
    font-size: 35px;
    text-align: center;
    margin-top: 80px;
}
.add_web h3{
    font-size: 20px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.add_web h4{
    padding: 40px 0;
    max-width: 700px;
    margin: 0 auto;
    font-size: 18px;
}
.add_voice{
    margin-top: 80px;
    position: relative;
    margin-left: 10px;
}
.add_voice img{
    height: 27px;
}
.add_web h5, .price_list h5{
    font-size: 20px;
    margin-left: 10px;
}
.add_voice_box{
    padding: 5px 20px;
    background: darkslategrey;
    margin: 10px 10px;
    border-left-style: solid;
}
.add_schedule{
    margin: 20px;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    border-radius: 5px;
}
.price_reason{
    margin-top: 80px;
}
.price_reason h3{
    font-size: 20px;
    margin-left: 10px;
}
.price_reason ul{
    padding: 0 20px 20px;
    font-size: 17px;
    list-style: inside;
}
.add_add p{
    padding: 20px;
}
.price_list{
    margin-top: 80px;
}
.price_list b{
    display: block;
    text-align: center;
    font-size: 28px;
    padding: 30px 0 0;
}
.price_list p{
    text-align: center;
    font-size: 16px;
    margin-bottom: 50px;
}
.price_list span{
    padding-left: 25px;
    font-size: 16px;
}
.price_list table{
    border-collapse: collapse;
    text-align: center;
    margin-top: 0;
}
.price_list th, .price_list td{
    text-align: center;
    border-style: solid;
}
.price_list th{
}
.price_list tr{
    height: 50px;
}
.price_list tr:first-child{
    height: 35px;
}
.price_list tr:nth-child(4){
    background: rgba(3,169,244,0.5);
}
.add{
    width: 100%;
    border-right-style: none;
    margin-left: 0;
    border-left-style: none;
    min-height: 75px;
}
.add_voice_box span{
    display: block;
    text-align: right;
}
.status{
    margin-top: 50px;
}
.status_wrapper{
    overflow: hidden;
    max-width:1200px;
    margin: 0 auto;
}
.status_left{
    display: none;
}
.status_right{
    width: 100%;
    text-align: center;
}
.status_box{
    margin-bottom: 15px;
}
.status_box ul li b{
    display: inline-block;
}
.status_box h2{
    font-size: 30px;
    margin-bottom: 20px;
    color: #ac2258;
}
.status_box h3, .status_box b{
    color: #5bacc0;
    font-size: 17px;
    font-weight: normal;
}
.status_box p{
    padding-left: 10px;
}
.status_under_wrapper{
    padding: 20px;
    margin-top: 20px;
    background: #efffff url(img/tv.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: calc(100% - 300px);
    background-blend-mode: multiply;
    text-shadow: 0px 0px 3px white;
    text-align: center;
}
.font_meiryo{
    font-family: makinas;
}
#font_change{
    position: absolute;
    padding: 3px;
    border-style: solid;
    right: 315px;
    top: 25px;
    border-width: 2px;
    width: 200px;
    color: #5fadc1;
    background: white;
    border-color: #cccccc;
    line-height: 17px;
}
#font_change:hover{
    color: white;
    background: #5fadc1;
}
#font_change:active{
    background: blue;
    right: 358;
    top: 27px;
    box-shadow: 2px 2px 2px blue;
}
.job_type{
    border-style: solid;
    padding: 15px;
    border-width: 2px;
    margin-top: 25px;
    background: #f2f9f9;
    border-color: #d1dcdd;
}
.job_left{
    width: 70%;
    display: inline-block;
    min-height: 170px;
}
.job_left h2{
    font-size: 20px;
    margin-bottom: 5px;
    border-bottom-style: solid;
    width: fit-content;
}
.job_left h2 span{
    border-bottom-style: solid;
    padding-bottom: 6px;
    color: #57aabf;
}
.job_left p{
    padding: 10px 10px 10px 30px;
    font-size: 15px;
}
.bk_color{
    background: #f2f9f9;
}
.job_right_chirashi{
    width: 30%;
    min-height: 200px;
    float: right;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(img/chirashi.jpg);
    background-size: cover;
}
.job_right_panfu{
    width: 30%;
    min-height: 200px;
    float: right;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(../img/panfu.jpg);
    background-size: cover;
}
.job_right_rogo{
    width: 30%;
    min-height: 200px;
    float: right;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(../img/rogo.jpg);
    background-size: cover;
}
.job_right_kanban{
    width: 30%;
    min-height: 200px;
    float: right;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(../img/kanban.jpg);
    background-size: cover;
}
.job_wrapper{
    position: relative;
}
.other_job{
    font-size: 22px;
    padding-left: 5px;
    transform: rotate( -19deg );
    transform-origin: bottom;
    z-index: 9999;
    position: absolute;
    -webkit-transform-origin-x: -70px;
    -ms-transform-origin-x: -70px;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-transform-origin-y: 39px;
    -ms-transform-origin-y: 39px;
    border-style: solid;
    background: rgba(128,128,128,0.3);
}
.start_contents{
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 150px;
}
.box17{
    background: none !important;
}
.box17.pt50{
    padding: 70px 10px;
}
.start_contents h2{
    font-size: 40px;
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
    border-radius: 7px;
    text-underline-position: under;
    text-decoration: underline;
}
.question .shadow_title, .result .shadow_title, .archive_menu .shadow_title, .start_contents .shadow_title, .packege_plan2 .shadow_title, .box17 .title_wrapper h3, .choice_us h3, .wanted h3, .user_category h3, .other_works h3{
    position: absolute;
    font-size: 70px;
    left: 34px;
    color: #f0f5f5;
    top: -33px;
    margin: 0;
    text-align: left;
    text-underline-position: unset;
    text-decoration: none;
    z-index: 0;
    font-weight: bold;
    border-radius: 0;
    border-color: #525d5e;
    padding-bottom: 29px;
    display: block;
    width: 100%;
    line-height: 80px;
    overflow: hidden;
    max-height: 88px;
}
.title_wrapper{
    position: relative;
    border-bottom-style: solid;
    border-color: #525d5e;
}
.choice_point_right .pr_title{
    font-size: 25px;
    display: block;
    position: relative;
    padding-left: 68px;
    color: #57aabf !important;
    text-shadow: none;
    border-style: none;
    font-weight: normal;
    top: 0;
    text-align: center;
    left: 0;
}
.question span, .result span, .archive_menu .box-title2, .start_contents span, .packege_plan2 span, .box17 .title_wrapper span, .choice_us .title_wrapper span, .wanted .title_wrapper span, .user_category .title_wrapper span, .other_works .title_wrapper span{
    font-size: 42px;
    padding-left: 5px;
    border-radius: 0;
    font-weight: bold;
    color: #525d5e;
    padding: 0 10px 4px 0;
    line-height: 55px;
    z-index: 1;
    position: relative;
}
.title_wrapper:before{
    content: "";
    position: absolute;
    width: 300px;
    height: 6px;
    background: #525d5e;
    bottom: -3px;
    z-index: 99999;

}
.start_contents p{
    text-align: center;
    font-size: 16px;
}
.sample_wrapper{
    margin-top: 30px;
}
.actual_sample{
    width: calc(50% - 4px);
    padding: 10px;
    float: left;
    position: relative;
    min-height: 410px;
    margin: 0 2px 2px;
}
.topics_list{
    overflow: hidden;
    text-align: center;
    width: calc(100% - 4px);
    height: 45px;
    position: relative;
    background: #57aabf;
    color: white;
    line-height: 40px;
    top: 5px;
    margin: 0 auto;
    margin-bottom: 5px;
}
a:hover .topics_list{
    background: #f2f9f9;
    border-style: solid;
    border-width: 1px;
    color: #c9342f;
    border-color: black;
}
.actual_note{
    margin-bottom: 5px;
}
.actual_note p{
    font-size: 14px;
    text-align:left;
    margin: 0;
}
.actual_note b{
    font-size: 15px;
    padding: 5px 0;
}
.actual_note h2{
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    padding: 5px 0;
    text-underline-position: under;
    text-decoration: underline;
}
.actual_note .actual_mini_photo {
    position: relative;
    cursor: pointer;
    transition-duration: 0.3s;
    overflow: hidden;
}
.actual_note .actual_mini_photo:before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "Read More";
    background: radial-gradient(rgba(0, 0, 0, 0.6), #d1dcdd);
    font-size: 22px;
    text-shadow: 0 0 2px #565656;
    filter: blur(4px);
    transition-duration: 0.3s;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #57aabf;
}
.actual_note .actual_mini_photo:hover {
    transform: scale(1.1);
}
.actual_note .actual_mini_photo:hover:before {
    transform: scale(1.3);
    filter: blur(0);
    opacity: 1;
}
.actual_note small {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background: #fff;
    margin: 0;
    padding: 0.6em 1em;
}
.imgWrap{
    overflow: hidden;
    margin-bottom: 5px;
}
.actual_sample .site_keyword_top{
    background: #f2f9f9;
    margin: 2px 0;
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
    padding: 0 5px;
    margin-top: 5px;
    color: #636d6e;
    line-height: 23px;
}
.job_policy{
    font-size: 24px;
    margin: 75px 0 10px;
    border-top-style: solid;
}
.job_policy_p{
    padding: 0 10px;
    font-size: 16px;
}
.choice_point{
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 0 0 0 3px;
}
.choice_point:nth-last-child(2n){
    padding: 0 3px 0 0;
}
.choice_point_right{
    text-shadow: 1px 1px black;
    display: block;
    position: relative;
    text-align: center;
}
.choice_point_right span{
    position: absolute;
    right: 25%;
    bottom: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    border-radius: 5px;
    width: 50%;
    text-align: center;
}
.choice_point_right span:hover{
}
.choice_point_left{
    width: 30%;
    display: inline-block;
    min-height: 170px;
    position: absolute;
    z-index: 0;
    display: none;
}
.cp01{
    background: url(img/choice-support.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp02{
    background: url(img/choice-plan.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp03{
    background: url(img/choice-strong.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp04{
    background: url(img/choice-speed.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp05{
    background: url(img/choice-coaching.png);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp06{
    background: url(img/choice-service.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp07{
    background: url(img/choice-meeting.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.cp08{
    background: url(img/choice-design.jpg);
    background-size: cover;
    box-shadow: 25px 27px #f2f9f9;
    background-blend-mode: luminosity;
    background-color: aliceblue;
}
.suggest{
    display: none;
}

/*************   タブメニュー　 **********************************************/
cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
    position: relative;
    margin-top: 45px;
}
.cp_tab input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6),
.cp_tab > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7),
.cp_tab > input:nth-child(15):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(8),
.cp_tab > input:nth-child(17):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(9),
.cp_tab > input:nth-child(19):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(10) {
	display: block;
}
.cp_tab .cp_tabpanels {
    position: absolute;
    top: -15px;
    left: 10em;
    display: block;
    border-style: solid;
    border-width: 2px 2px 2px 0;
    height: auto;
    min-height: 590px;
    background-size: contain;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: -67px;
    border-color: #d1dcdd;
    margin-left: -1px;
}
.cp_tabpanel h2{
    margin-bottom: 20px;
    font-size: 20px;
    text-decoration: underline;
    text-underline-position: under;
    margin-top: 10px;
    color: #57aabf;
}
.cp_tabpanel h2 span{
    text-decoration: underline;
    text-underline-position: under;
}
.cp_tabpanel p{
    padding: 0 5px;
    font-size: 15px;
    max-height: 515px;
    overflow: scroll;
    text-shadow: 1px 1px 3px #ffffff;
}
.cp_tab > input + label {
    position: relative;
    z-index: 100;
    top: -15px;
    left: 1px;
    display: block;
    width: 10em;
    margin-bottom: 3px;
    padding: 15px;
    cursor: pointer;
    border: 2px solid #d1dcdd;
    border-radius: 1px 0 0 6px;
    line-height: 13px;
}
.cp_tab > input + label:last-of-type {

}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
}
.cp_tab > input:checked + label {
    border-right: 1px solid whitesmoke;
    background: #f4f4f4;
}
.cp_tab .cp_tabpanel {
    padding: 0.5em 1em;
    border-left: 2px solid #cccccc;
    min-height: inherit;
}
.tab_contents{
    padding: 0 10px;
}

/*************   プライステーブル　 **********************************************/
.choice_point_right table img { border:0; margin:.5em; }
.choice_point_right table {
    border:1px solid #e5eff8;
    border-spacing:0;
    border-collapse:collapse;
    text-shadow: none;
}
caption {
    font-size:.94em;
    margin:1em 0 0 0; padding:0;
    caption-side:top;
    text-align:center;
}
tr.odd td    {
    background:#f7fbff
}
tr.odd .column1    {
    background:#f4f9fe;
}
.column1    {
    background:#f9fcfe;
}
.choice_point_right td {
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;
    text-align:center;
    font-size: 15px;
}
.choice_point_right th {
    font-weight:normal;
    text-align:left;
    border-bottom: 1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;
    font-size: 15px;
    width: auto;
}
.choice_point_right tbody tr {
    height: 50px;
}
.choice_point_right thead th {
    background:#f4f9fe;
    text-align:center;
}          
.choice_point_right td em {
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}
.meeting{
    background: url(img/meeting.jpg);
    background-size: contain;
}
.box17 {
    position: relative;
    margin: 0 -8px;
    padding: 25px 10px 7px;
    background-size: cover;
    background-attachment: fixed;
}
.box17 .box-title {
    position: absolute;
    display: inline-block;
    top: 7px;
    left: 15px;
    padding: 0 9px;
    height: 25px;
    background: #2cb1ae;
    font-weight: bold;
    font-size: 18px;
    border-radius: 2px;
}
.box17 .box-title2, .packege_plan2 .box-title2, .choice_us .box-title2, .wanted .box-title2{
    font-size: 42px;
    padding-left: 5px;
    padding: 5px 10px;
    border-radius: 0;
    font-weight: bold;
    color: #2b3030;

    border-width: 5px;
}
.box17 p {
    padding: 25px 10px;
}
.target_contents_box{
    overflow: hidden;
    padding-top: 30px;
}
.target_contents{
    border-width: 1px;
    margin: 0 auto;
    margin-top: -40px;
    position: relative;
}
.target_contents h1{
    font-size: 18px;
    padding: 20px;
    text-decoration-line: underline;
    text-decoration-style: inherit;
    text-underline-position: under;
    color: #5dadc1;
    text-align: center;
}
.hidden_box label:hover {
    color: #59abc0 !important;
}
.target_contents .hidden_show p, .target_contents .hidden_show b{
    text-align: center;
}
.target_contents p{
    text-align: left;
    padding: 5px 20px 19px 30px;
    font-size: 15px;
}
.target_contents p a{
}
.hidden_box .hidden_show b{
    font-size: 18px;
    color: #57aabf;
    font-weight: normal;
    text-align: center;
    display: block;
}
.target_contents .wp_logo {
    display: none;
}
.user_category{
    padding-top: 150px;
}

/*************   パック価格表関連ページ　 **********************************************/
.num{
    color: #ac2258;
}
.creative_plan h2{
    font-size: 18px;
    border-bottom-style: dashed;
    margin-bottom: 10px;
    padding-left: 10px;
}
.creative_plan h2 span{
    display: block;
    font-size: 17px;
    float: right;
    padding-right: 5px;
    color: #60aec2;
}
.create_contents h3{
    position: relative;
    font-size: 20px;
    border-bottom-style: solid;
    border-width: 2px;
    padding-bottom: 9px;
}
.create_contents h3::before{
    display: none;
}
.target_user{
    margin-bottom: 30px;
}
.target_user small{
    display: block;
    font-size: 13px;
    color: #219aa0;
}
.target_user h3{
    position: relative;
    font-size: 20px;
    border-bottom-style: solid;
    border-width: 2px;
    color: #57aabf;
}
.target_user h3::before{
    display: none;
}
.target_user span{
    float: right;
    font-size: 14px;
    margin-top: 5px;
}
.target_user ul{
    padding: 25px 10px 0 20px;
}
.target_user ul li{
    position: relative;
    font-size: 16px;
    padding-left: 14px;
    min-height: 35px;
}
.target_user ul li::before{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #269ba2;
    top: 11px;
}
.create_contents h3{
    position: relative;
    font-size: 20px;
    border-width: 2px;
    padding-bottom: 9px;
    border-style: none;
    color: #5babc0;
}
.create_contents h3::before{
    content: "";
    width: 5px;
    height: 27px;
    background: #56ea71;
    position: absolute;
    left: 0px;
    top: 1px;
}
.create_contents h3::before{
    display: none;
}
.create_contents ul{
    padding: 13px 10px 0 20px;
}
.create_contents ul li{
    position: relative;
    font-size: 15px;
    padding-left: 14px;
    height: 30px;
}
.create_contents ul li::before{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #56ea71;
    top: 6px;
}
.create_contents table{
    border-collapse: collapse;
    font-size: 14px;
    margin: 0;
    width: 100%;
}
.create_contents table tbody tr{
    height: 50px;
}
.create_contents table tbody tr td{
    padding: 5px 10px;
    border-style: solid;
}
.create_contents table tbody tr td a{
}
.create_contents table tbody tr td a:hover{
}
.create_contents table tbody tr td:nth-child(1){
    background: #f2f9f9;
    max-width: 70px;
    min-width: 88px;
}
.create_contents table tbody tr td span{
    display: block;
    font-size: 13px;
}
.function h3{
    position: relative;
    font-size: 20px;
    margin-top: 50px;
    border-style: none;
    color: #5babc0;
}
.function h3::before{
    display: none;
}
.function table{
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
.function table tbody tr{
    height: 50px;
}
.function table tbody tr td{
    padding: 5px 10px;
    border-style: solid;
}
.function table tbody tr td:nth-child(1){
    background: #f2f9f9;
    max-width: 70px;
}
.function table tbody tr td span{
    display: block;
    font-size: 13px;
    color: #219aa0;
}
.create_option h3{
    position: relative;
    font-size: 20px;
    margin-top: 50px;
    border-style: none;
    color: #5babc0;
}
.create_option h3::before{
    display: none;
}
.create_option table{
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
.create_option table tbody tr{
    height: 50px;
}
.create_option table tbody tr td{
    padding: 5px 10px;
    border-style: solid;
}
.create_option table tbody tr td:nth-child(1){
    background: #f2f9f9;
    position: relative;
    width: 50px;
}
.create_option table tbody tr td:nth-child(2){
    background: #f2f9f9;
} 
.create_option table tbody tr td:nth-child(3){
    text-align: right;
    border-right-style: none;
    padding-right: 3px;
} 
.create_option table tbody tr td:nth-child(4){
    border-left-style: none;
    padding-left: 0;
    width: 10px;
}     
.create_option table tbody tr td span{
    display: block;
    font-size: 13px;
}
.create_option .f1_wrapper{
    background: #f2f9f9;
    height: 100%;
    padding: 0;
    position: absolute;
    width: 55px;
    left: 0px;
    top: 0;
}
.create_option2{
    overflow: hidden;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    background: #f2f9f9;
    border-color: #d1dcdd;
}
.create_option2 .answer_price{
    font-size: 25px;
    text-align: right;
    width: 150px;
    border-style: none;
    float: right;
    margin-top: -6px;
    color: #2fa0a6;
    font-weight: bold;
    min-height: 30px;
}
.create_option2 span{
    font-size: 25px;
    text-align: left;
    margin-left: 10px;
    border-style: none;
    margin-top: 10px;
    float: left;
}
.answer_check{
    margin-top: 20px;
    padding: 5px 10px;
}
.create_check{

}
.create_option .send{
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
.create_option .send tbody tr{
    height: 50px;
}
.create_option .send tbody tr td{
    padding: 5px 10px;
    border-style: solid;
}
.create_option .send tbody tr td:nth-child(1){
    background: #f2f9f9;
    max-width: fit-content;
    position: relative;
    width: 300px;
}
.create_option .send tbody tr td:nth-child(2){
    background: none;
    padding: 0 10px;
} 
.create_option .send tbody tr td:nth-child(3){
    text-align: right;
    border-right-style: none;
    padding-right: 3px;
} 
.create_option .send tbody tr td:nth-child(4){
    border-left-style: none;
    padding-left: 0;
    width: 100px;
}     
.create_option .send tbody tr td span{
    display: block;
    font-size: 13px;
    color: #c9342f;
}
.create_option .send input{
    width: 100%;
    height: 49px;
    border: none;
    -webkit-appearance: none;
    background: transparent;
    border-style: none;
    border-width: 1px;
    padding: 0;
    color: #525d5e;
}
.create_option .send .mwform-zip-field input[type="text"]{
    display: inline-block;
    width: auto;
    border-style: solid;
    height: 24px;
}
.create_option .send textarea{
    border-style: none;
}
.create_option .send #zip1, #zip2 {
    width: 100px;
    border-style: solid;
    height: 28px;
    padding-left: 5px;
}
.server{
    margin-top: 30px;
}
#option-camera, #option-cms, #option-contact, #option-design, #option-intaview, #option-sns, #option-manual, #option-cmsplus, #option-server{
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
} 
.calcurate_title{
    margin-top: 50px;
    font-size: 16px;
}
.create_option .mw_wp_form_complete{
    text-align: center;
    font-size: 15px;
    margin-bottom: 100px;
    margin-top: 50px;
}
.create_option .send .mwform-tel-field .type_tel{
    border-style: solid;
    height: 27px;
}
.create_option .plan_checked input{
    width: 100%;
    height: 49px;
    border: none;
    -webkit-appearance: none;
    background: transparent;
    border-style: none;
    border-width: 1px;
    padding: 0;
}
.create_option .plan_checked{
    margin-top: 60px;
}
.create_option .plan_checked h5{
    padding: 0 10px;
    font-size: 15px;
}
.create_option .plan_checked table tr td{
    width: 50%;
    background: none;
}
.create_option .plan_checked table tr td input{
    height: 40px;
}
.banner_wrapper{
    position: relative;
    min-height: 245px;
    margin: 50px -8px;
    background-size: cover;
    padding-bottom: 10px;
    background: #f2f9f9;
}
.banner_wrapper h3{
    position: absolute;
    right: 10px;
    top: -80px;
    font-size: 25px;
    border-style: solid;
    margin-top: 10px;
    background: white;
    padding: 30px 5px 5px 5px;
}
.banner_wrapper h3 span{
    font-size: 80px;
    color: #ac2258;
}
.banner_wrapper h2{
    font-size: 30px;
    text-align: left;
    padding-top: 30px;
    padding-left: 20px;
    margin-bottom: 0;
    padding-bottom: 5px;
    color: #5cacc1;
    border-bottom-color: #d1dcdd;
}
.banner_wrapper strong{
    padding-left: 20px;
    margin-top: 15px;
    display: block;
    font-size: 18px;
}
.banner_wrapper p{
    padding: 0 20px;
    margin-top: 20px;
}
.plan_ex{
    max-width: calc(100% / 3);
    float: left;
    overflow: hidden;
}
.plan_ex.ex2{
    max-width: calc(100% / 3 * 2);
    float: left;
    overflow: hidden;
}
.ex_wrapper{
    width: 100%;
    overflow: hidden;
}
.plan_ex p{
    padding: 10px 10px 30px;
}
.other_plan h3{
    position: relative;
    font-size: 20px;
    margin: 50px 0 6px;
    border-style: none;
    text-align: left;
    color: #61aec2;
}
.other_plan h3::before{
    display: none;
}
.other_plan a{
    position: relative;
}
.other_plan a .banner_icon{
    width: calc(100% - 9px);
    margin: 5px 3px;
    display: inline-block;
    box-shadow: 10px 10px 0px #d1dcdd;
}
.other_plan a:hover .banner_icon{
    box-shadow: 0 0 0 transparent;
    left: -1px;
    top: 1px;
    opacity: 0.8;
    box-shadow: 10px 10px 0px #d1dcdd;
}
.packege_plan{
    padding: 0;
    margin-top: 30px;
}
.semi{
    font-size: 18px;
    border-bottom-style: dashed;
    margin-bottom: 10px;
    padding-left: 10px;
    border-width: 1px;
}
.semi_wrapper, .full_wrapper{
    overflow: hidden;
    margin-top: 30px;
}
.full{
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    font-size: 18px;
    border-bottom-style: dashed;
    margin-bottom: 10px;
    padding-left: 10px;
    border-width: 1px;
}
.semi a, .full a{
    background: #2b3030;
    line-height: 13px;
    font-size: 13px;
    margin-left: 10px;
    float: right;
    color: white;
    padding: 5px 10px;
}
.semi a:hover, .full a:hover{
    background: white;
    line-height: 13px;
    font-size: 13px;
    margin-left: 10px;
    float: right;
    color: #2b3030;
    border-style: solid;
    border-width: 1px;
    padding: 5px 10px;
}
.plan_h3{
    padding: 40px 20px 0;
    font-size: 19px;
}
.plan_p{
    padding: 40px 20px;
    font-size: 15px;
    border-style: solid;
    margin: 20px;
    border-width: 1px;
    box-shadow: 2px 2px 3px #525d5e;
    background: white;
    border-color: #d1dcdd;
    text-align: left;
}
.packege_plan2{
    padding: 10px 0 100px;
}
.packege_plan h3{
    font-size: 18px;
    color: #57aabf;
}
.packege_plan .banner_icon{
    width: 49%;
    padding: 10px 0;
    display: inline-block;
}
.packege_plan2 .banner_icon{
    width: calc(100% - 9px);
    margin: 5px 3px;
    display: inline-block;
    box-shadow: 10px 10px 0px #d1dcdd;
    max-width: 500px;
}
.packege_plan a:hover .banner_icon{
    box-shadow: 0 0 0 transparent;
    left: -1px;
    top: 1px;
    opacity: 0.8;
    box-shadow: 10px 10px 0px #d1dcdd;
}
.packege_plan2 a:hover .banner_icon{
    box-shadow: 0 0 0 transparent;
    left: -1px;
    top: 1px;
    opacity: 0.8;
}
.contact_box h3{
    font-size: 18px;
    margin-top: 100px;
    color: #57aabf;
}

/*************   カメラスペックページ　 **********************************************/
#modalArea-price .modalContents h3{
    margin-top: 37px;
    text-shadow: none;
}
#modalArea-price .modalContents img{
    padding: 20px;
    max-width: 500px;
}
#modalArea-price .modalContents{
    text-align: center;
}
.about_machine{
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    min-width: 50%;
    width: 100%;
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #d1dcdd;
    background: #f2f9f9;
    color: #c9342f;
}
.hidden_box .about_machine:after {
    content: "";
}
.camera{
    margin-top: 20px;
}
.photo_actual_wrapper{
    margin-top: 80px;
}
.photo_actual_wrapper h3{
    font-size: 17px;
    font-weight: bold;
    padding: 0 10px;
}
.photo_actual_wrapper p{
    padding: 20px 0px 50px 10px;
}
.canon{
    background: #c69da5;
    margin-bottom: 20px;
    padding: 20px;
}
.photo_actual{
    margin-top: 60px;
}
.picture_box{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.machine_spec{
    padding: 0 10px;
    overflow: hidden;
}
.machine_left{
    display: none;
}
.machine_right{
    width: 100%;
}
.camera table, .drone table{
    border-collapse: collapse;
}
.camera tr, .drone tr{
    height: auto;
}
.camera td, .drone td{
    border-style: none;
    font-size: 14px;
    padding: 5px 10px;
    border-right-style: solid;
}
.camera td:nth-child(1), .drone td:nth-child(1){
    width: 150px;
}
.camera td:nth-child(2), .drone td:nth-child(2){
    border-right-style: none;
}
.camera h3, .drone h3, .photo_actual h3{
    padding: 0 15px;
    font-size: 15px;
    position: relative;
    background: #f2f9f9;
    color: #5dadc1;
}
.camera h3::before, .drone h3::before, .photo_actual h3:before{
    display:none;
}
.photo_actual p{
    padding: 10px 20px;
}
.photo_example{
    width: calc(100% / 3.2);
    height: 300px;
    max-width: 300px;
    text-align: center;
    display: inline-block;
    border-style: solid;
    overflow: hidden;
    border-color: #d1dcdd;
    border-width: 1px;
}
.photo_example h3{
    font-weight: normal;
}
.photo_example h3:before{
    display: none;
}
.photo_actual_wrapper .modalArea img{
    min-width: 400px;
}
.photo_actual_wrapper .modalContents img{
    width: auto;
}
.camera_spec_list{
    background: rgb(242, 249, 249);
    padding: 10px;
}
.camera_spec_list_bottom{
    text-align: center;
    margin-top: 20px;
}
.camera_spec_list_bottom h3{
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
    text-align: center;
    color: #67b1c5;
}
.camera_spec_list li{
    text-shadow: 0px 0px 3px gainsboro;
}
.photo_actual_wrapper .modalContents h3{
    margin-top: 20px;
    font-size: 20px;
    overflow: hidden;
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
}
.photo_actual_wrapper .modalContents small{
    font-size: 13px;
    padding: 2px;
    display: block;
    color: #ae275c;
}
.photo_actual_wrapper .modalContents ul{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.photo_actual_top:hover{
    border-style: solid;
    border-width: 1px;
}


/*************   サーバー料金表　 **********************************************/
.table_price {
	border-collapse: collapse;
    border: solid 1px #d1dcdd;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.table_price th,.table_price td {
	border: solid 1px #ccc;
	padding: 8px 10px;
}
.table_price thead th {
	font-size: 120%;
	border-bottom:none;
	padding-bottom: 0;
}
.table_price thead td {
	border-top:none; 
	padding-top: 0;
}

.table_price thead th,thead th,.table_price thead td {
	background: #f2f9f9;
    font-size: 15px;
    width: 300px;
    text-align: center;
}
.table_price .num {
    font-size: 25px;
	font-weight: bold;
}
.table_price tbody th {
    background: #f2f9f9;
}
.table_price tbody tr {
    height: 30px;
}
.table_price tbody td.em {
	background: #f2f9f9;
}

/*************   サーバー特徴　 **********************************************/
.section .page_catch{
	display: block;
	margin-bottom: 1em;
	}
	.section h1{
		margin-bottom: 2em;
		}
.intro{
	margin-bottom:0;
	padding-bottom:10px;
	background:#cc0000;
	padding:60px 0 25px;
}
.intro h1{
	}
	.intro h1 > .altus{
		display: block;
		margin-top: 60px;
		}
	.intro h1 > .name{
		font-size:58px;
		}
	.intro h1 > .series{
		font-size:44px;
		}
	.intro h1 > .text{
		display: block;
		margin: 30px 0;
		font-size:32px;
		}
.intro h2{
	margin:30px 0 10px 0;
	font-size:52px;
	}
.intro .icon-new:before{
	font-size: 12px;
	margin-right: 1rem;
	}
.intro p.em{
	margin-bottom: 20px;
	}
.column-1{
	margin-bottom: 0;
	}
.column-1 .wrap{
	padding: 50px 0;
	}
.column-1 h2{
	margin-bottom:20px;
	font-size:40px;
	text-align:center;
	}
.column-1 .text{
	font-size:18px;
	text-align:center;
	}	
.feature .float_l{
    width: 100%;
    overflow: hidden;
    border-width: 2px;
    border-style: none none solid none;
    background: #f2f9f9;
    border-color: #d1dcdd;
    margin-top: 15px;
}
.feature .float_r{
    width: 100%;
    overflow: hidden;
    border-width: 2px;
    border-style: none none solid none;
    background: #f2f9f9;
    border-color: #d1dcdd;
    margin-top: 15px;
    margin-bottom: 15px;
}
.feature .float_l > .img,.feature .float_r > .img{
    width: 150px;
    margin-right: 30px;
    float: left;
    max-width: 20%;
    border-style: none;
}
.feature .float_l > .img img ,.feature .float_r > .img img {
	width: 150px;
    height: auto;
    border-style: none;
    margin: 0;
}
.feature .float_l > .text,.feature .float_r > .text{
    float: left;
    text-align: left;
    max-width: 77%;
	}
.feature .float_l > .text h3,.feature .float_r > .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    padding-top: 10px;
    color: #6bb3c6;
}
.feature .float_l > .text p,.feature .float_r > .text p {
	font-size: 14px;
}
.wrap h2{
    font-size: 20px;
    border-style: none;
    text-align: left;
    color: #64afc3;
}
.wrap h2:before{
    display: none;
}
.tree1{
    display: none;
}
.tree2{
    display: none;
}
.tree3{
    display: none;
}
.look_ok{
    max-width: 500px;
    margin: 0 auto;
    background: #f2f9f9;
    border-style: solid;
    padding: 10px;
    border-width: 2px;
    border-color: #d1dcdd;
}
.point_contents .look_ok h3, .point_contents .look_ok p{
    text-align: center;
    width: 100%;
}
.point_contents .look_ok a{
    color: #249ba1;
    font-size: 18px;
}
.point_contents .site_keyword {
    background: #a4b9bb;
    margin: 2px 0;
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
    padding: 0 5px;
    margin-top: 5px;
    color: white;
    line-height: 23px;
    border-radius: 0;
}
.damy_type{
    display: none;
}
.hidden_show img{
    display: none;
}
.cat_span{
    border-style: solid;
    border-width: 1px;
    margin-left: 9px;
    padding: 2px 6px;
    border-color: #525d5e;
}
.now_contact{
    margin-bottom: 100px;
    text-align: center;
}
.now_contact h3{
    color: #79bbcd;
    font-size: 18px;
    margin-bottom: 5px;
}
.now_contact_button{
    max-width: 350px;
    background: #57aabf;
    margin: 0 auto;
    padding: 20px 10px;
}
.now_contact_button:hover{
    background: #f2f9f9;
    border-style: solid;
    border-width: 1px;
    margin-bottom: -2px;
}
.now_contact_button a{
    color: white;
}
.now_contact_button:hover a{
    color: #c9342f;
}
.plan{
    width: 100%;
    text-align: center;
    padding-top: 30px;
    font-size: 15px;
}
.plan th{
    width: auto;
    background: #d1dcdd;
}
.plan tbody tr th{
    border-top-style: none;
    width: 98px;
    text-align: center;
    background: #e8f0f1;
}
.plan .lp_min{
    background: #175f81;
    color: #cde8fe;
}
.plan tbody tr td {
    border-top-style: none;
    background: #f2f9f9;
    line-height: 20px;
}
.plan tbody tr td a{
    color: #c9342f;
    font-size: 13px;
}
.plan tbody tr td a:hover{
    color: #63afc2;
}
.plan .lp_first{
    color: #9afb99;
    background: #175f81;
}
.plan .lp_standard{
    color: #02fdfe;
    background: #175f81;
}
.plan .lp_advance{
    color: #fbb03b;
    background: #175f81;
}
.plan .lp_branding{
    color: #f4f641;
    background: #175f81;
}
.sales_point{
    background: #175f81;
    color: white;
    padding: 0 5px;
    margin-bottom: 10px;
    position: relative;
    min-height: 65px;
}
.sales_point:after{
    content: " ";
    position: absolute;
    width: 0;
    left: 7px;
    height: 0;
    border-width: 10px 8px 8px 8px;
    border-style: solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    color: #175f81;
    bottom: -18px;
}
.sales_point em{
    color: yellow;
    margin-right: 5px;
    border-style: none none solid none;
    border-width: 1px;
    padding: 2px;
}
.key_box{
    height: 70px;
    overflow-y: scroll;
}
.choice_number{
    font-weight: bold;
    font-size: 80px;
    color: #f0f5f5;
    position: absolute;
    right: 0px;
    z-index: -1;
}
.icon_us{
    width: 20%;
    border-style: solid;
    border-radius: 50%;
    padding: 3px;
    border-width: 2px;
    border-color: #57aabf;
    background: #f2f9f9;
}
.contact_tel{
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.contact_tel b{
    display: block;
    font-size: 15px;
    margin-top: 100px;
}
.contact_tel strong a{
    display: block;
    font-size: 25px;
    padding: 10px;
    color: #c9342f;
}
.contact_tel small{
    display: block;
    font-size: 13px;
    margin-bottom: 120px;
}
}