@charset "utf-8";
        @import url('https://fonts.googleapis.com/css?family=Anton');

        /* Global Styles */

        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
        table {
          border-collapse: collapse;
          border-spacing: 0;
        }
        html {
            font-size: 62.5%;
        }

        body {
            font-family: ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",sans-serif;
            font-size: 1.4em;
            line-height: 1.3;
            margin: 0;
            padding: 0;
            color:#2a3c3c;
            background-color: #f7f7f7;
        }

        a {
        	color:inherit;
        	text-decoration: none;

        }

        h1 {
            font-size: 30px;
        }

        h2 {
            font-size: 24px;
        }

        h3 {
            font-size: 18px;
        }

        h4 {
            font-size: 15px;
        }

        /*header*/
        header {
        	color: rgba(146,146,146,1.00);
        	font-size: 1.5rem;
        	font-style: normal;
        	font-weight: 400;
        }

        #header {
            float: left;
            padding: 0;
            position: absolute;
            width: 100%;
            z-index: 999;
            background-repeat: no-repeat;
            background-position: bottom center;
        }
        #header2 {
            float: left;
            padding: 0;
            position: relative;
            width: 100%;
            z-index: 999;
            background-repeat: no-repeat;
            background-position: bottom center;
        }

        #headinner {
        max-width: 1128px;
         margin:0 auto;
        }

        .breadcrumbs {
            clear: both;
            float: left;
            margin: 8px 0;
            display:block;
            color: #999;
            font-size:13px;
        }

        .breadcrumbs a {
            text-decoration: underline;
            color:#1895A7;
        }

        .wp-pagenavi {
            clear: both;
            padding: 20px 0;
            text-align: center;
        }

        .wp-pagenavi a, .wp-pagenavi span {
            border: 1px solid #bfbfbf;
            border-radius: 3px;
            margin: 2px;
            padding: 3px 5px;
            text-decoration: none;
        }

        .wp-pagenavi span.current {
            background-color: #000;
            color: #fff;
            font-weight: bold;
        }

        /* Logo placeholder*/
        #logo a{
        	float: left;
        	padding: 20px 0;
        	width: 255px;
            background-repeat: no-repeat;
        	text-align: center;
        	color: rgba(255,255,255,1.00);
        }

        #logo a img{
            width:80%;

        }
        .s {
            border: 0;
            border-radius: 3px 0 0 3px;
            display: inline-block;
            line-height: 28px;
            margin: 0;
            width: 78%;
            font-size: 0.9em;
            border: 1px solid #565656;
        }
        .searchsubmit {
            background: #565656;
            border: 0;
            border-radius: 0 3px 3px 0;
            color: #ffffff;
            display: inline-block;
            font-size: 0.9em;
            line-height: 30px;
            margin: 0;
            width: 20%;
            border: 1px solid #565656;
        }

        #searchform {
            display: block;
        }

.headimg {
    width: 100%;
    height: 400px;
    background-size: cover;
    clear: both;
    position: relative;
}

.headlp {
    background-image: url(../img/lp-flow_top.jpg);
    background-position: center center;
}

.headimg:before {
    content: "";
    position: absolute;
    background-image: url(../img/mesh.png);
    width: 100%;
    height: 400px;
    background-color: rgba(0, 0, 0, 0.3);
}

.headimg .headimginner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.headimginner h1 {
    padding:15px 30px;
    background-color: #000;
    color:#fff;
    text-align: center;
    border-radius: 100px;
}

.flavortext {
    line-height: 2em;
    padding: 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
}


        #sub_nav {
            max-width: 1080px;
            margin: 0 auto;
        }

        #sub_nav ul{
        }

        #sub_nav ul li {
            list-style: none;
            float: left;
            width: 20%;
            text-align: center;
        }

        #formbox{
            width: 35%;
            float: right;
            margin-top: 20px;
            display: none;
        }

    .bggray {
        background-color: #fff;
        width: 100%;
        display: inline-block;
    }

        /* div for Links in header */
        #headerLinks {
        	float: left;
        	width: 100%;
            background-color:#3d3d3d;
            border-bottom: 1px solid #565656;
            border-top: 1px solid #565656;
        }
        /* Links in header */
        #headerLinks a {
            text-decoration: none;
            color: #fff;
            padding: 10px 15px;
            font-size: 16px;
            display: inline-block;
        }
        #headerLinks li{
        background-color:#3d3d3d;
        -moz-transition-duration:1s;
        -webkit-transition-duration:1s;
        -o-transition-duration:1s;
        -ms-transition-duration:1s;

        -moz-transition-timing-function:ease-in-out;
        -webkit-transition-timing-function:ease-in-out;
        -o-transition-timing-function:ease-in-out;
        -ms-transition-timing-function:ease-in-out;
        }

        #headerLinks li:hover {
            background-color:#565656;
        }
        /* Offer text banner*/

        #offer {
            clear: both;
            display: inline-block;
            margin-top: 20px;
            width:100%;
        }

        .offer-block {
            background-size: cover;
            border-radius: 5px;
            float: left;
            height: 250px;
            list-style: outside none none;
            margin: 0 0.5%;
            position: relative;
            width: 32.3%;
        }

        .offer-block a {
            display: block;
            height: 190px;
            width: 100%;
        }

        .offer-block h3 {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 0 0 5px 5px;
            bottom: 0;
            padding: 5px 2%;
            position: absolute;
            width: 96%;
            color: #fff;
            font-weight: normal;
        }

        /* Main content of the site */
        #content {
        	clear: both;
            width:100%;
        }
        /* Sidebar */
        #content .sidebar {
        	float: right;
        	width: 300px;
        }

        .ui-header {
            padding-bottom: 8px;
            margin:0 8px;
        }

        .ui-header h2 {
            font-size: 1.8em;
            letter-spacing: 1px;
        }

        /* main content of the site */
        #content .mainContent {
            float: left;
            width: 100%;
        }
        #content .mainContent .maincolum {
            float: left;
            width: 98%;
            margin: 40px 1%;
        }

        #content .lp .maincolum{
            float: left;
            width: 100%;
            margin: 0px;
        }

        #content .mainContent #maincolum-single {
            float: left;
            width: 100%;
        }

        #maincolum-single #sharebtnall {
            border-bottom: 1px solid #efefef;
            float: left;
            margin: 10px auto 0px;
            padding-bottom: 20px;
            width: 100%;
            clear:both;
        }


        .halfcolum {
            float: left;
            width: 48%;
            margin: 20px 1%;
        }

        .halfcolum img{
            max-width: 100%;
        }

        .seventyfivecolum {
            float: left;
            width: 73%;
            margin: 40px 1%;
        }

        .twentyfivecolum {
            float: left;
            width: 23%;
            margin: 40px 1%;
        }

        .areattl {
            border-color:#2059b7;
        }

        .areattl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f3c5';
            margin-right:10px;
            color:#2059b7;
            }

        .areatag  {

        }

        .areatag  li{
            width:18%;
            margin:8px 1%;
            list-style:none;
            float: left;
        }

        .areatag li a {
            background-color: #2059b7;
            padding: 10px 0;
            display: block;
            text-align: center;
            color: #fff;
            border-radius: 100px;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;

            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
        }

        .areatag li a:hover {
            background-color: #3d78d9;
        }

        .areatag li a:before {
            font-family: "Font Awesome 5 Free";
            content: '\f276';
            margin-right:10px;
            font-weight: bold;
        }


        .jobttl {
            border-color:#36923e;
        }

        .jobttl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f0f0';
            margin-right:10px;
            color:#36923e;
            }

        .jobtag  {

        }

        .jobtag  li{
            width:31.33%;
            margin:8px 1%;
            list-style:none;
            float: left;
        }

        .jobtag li a {
            background-color: #36923e;
            padding: 10px 0;
            display: block;
            text-align: center;
            color: #fff;
            border-radius: 100px;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;

            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
        }

        .jobtag li a:hover {
            background-color: #51ba5a;
        }

        .jobtag li a:before {
            font-family: "Font Awesome 5 Free";
            content: '\f2bd';
            margin-right:10px;
            font-weight: bold;
        }

        .listttl {
        }

        .listttl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f022';
            margin-right:10px;
            }

        .bnrlist{

        }
.bnrlist li {
    list-style: none;
    float: left;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.bnrlist  li:hover{
    opacity: 0.8;
}
        .bnrlist li a {
    position: relative;
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
}
        .bnrlist  li a img{
    width: 100%;
    display: block;
}
        .bnrlist  li a span{
    position: absolute;
    bottom: 0;
    background-color: #3d3d3d;
    padding: 7px 2%;
    color: #fff;
    width: 96%;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
}

.bnrphoto {
    width: 260px;
    height: 120px;
    background-position: center center;
    background-size: cover;
}

.bnr1 .bnrphoto {
    background-image: url(../img/page/22507745a9d55823a4e68a973ff557b1_s.jpg);
}

.bnr2 .bnrphoto {
    background-image: url(../img/page/a9524ec2b1dd4c38b086df144c2af4a3_s.jpg);
}

.bnr3 .bnrphoto {
    background-image: url(../img/page/afa116812a423373a8d17fde6b511c44_s.jpg);
}

.bnr4 .bnrphoto {
    background-image: url(../img/page/62fb7f63838deec9a69967214b6f884c_s.jpg);
}

.bnr5 .bnrphoto {
    background-image: url(../img/page/rirekisyo1.jpg);
    background-position: center top;
}

        .sideblock{
            width: 180px;
            float: left;
        }

        .newsflame {
            background-color: #e66f74;
            border-radius: 5px;
            min-height: 300px;
            padding: 20px;
        }

        .newsttl {
            border-color:#fff;
            color:#fff;
        }

        .mainContent .newsttl span {
            color:#fff;
        }

        .newsttl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f1ea';
            margin-right:10px;
            color:#fff;
            }

        .newsflame table {
            background-color: #fff;
            width: 100%;
        }

        .newsflame table tr:nth-child(odd){
            background-color: #f7f7f7;
        }

        .newsflame table tr td {
            padding: 10px;
        }

        .interviewblock li {
            list-style: none;
            width: 32.33%;
            float: left;
            text-align: center;
            background-color: #565656;
            margin: 20px 0.5%;
            position: relative;
            height:220px;
        }

        .interviewblock .interviewphoto {
            border-radius: 100px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            display: block;
            position: absolute;
            left: 50%;
            top:20px;
            margin-left: -60px;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;
            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
            background-size: cover;
            background-position: center center;
        }

        .interviewblock .photo1 {
            background-color: #6db373;
        }
        .interviewblock .photo1 .interviewphoto {
            background-image: url(../img/sample1.jpg);
        }

        .interviewblock .photo2 {
            background-color: #a4c639;
        }
        .interviewblock .photo2 .interviewphoto {
            background-image: url(../img/sample2.jpg);
        }

        .interviewblock .photo3 {
            background-color: #30c7d0;
        }
        .interviewblock .photo3 .interviewphoto {
            background-image: url(../img/sample3.jpg);
        }

        .interviewblock .photo4 {
            background-color: #e4926c;
        }
        .interviewblock .photo4 .interviewphoto {
            background-image: url(../img/page/62fb7f63838deec9a69967214b6f884c_s.jpg);
        }

        .interviewblock .photo5 {
            background-color: #e79b98;
        }
        .interviewblock .photo5 .interviewphoto {
            background-image: url(../img/page/51fd7a731d060a0ecccf269e51b8a1b9_s.jpg);
        }

        .interviewblock .photo6 {
            background-color: #f5a4d7;
        }
        .interviewblock .photo6 .interviewphoto {
            background-image: url(../img/page/rirekisyo1.jpg);
        }

        .interviewblock li:hover .interviewphoto {
            width: 100%;
            height: 100%;
            left:0;
            top:0;
            margin:0;
            border-radius: 0;
        }

        .interviewblock .interviewphoto img{
            height:100%;
        }

        .interviewblock .interviewtext {
            font-size: 120%;
            color: #fff;
            margin: 20px auto;
            display: block;
            position: absolute;
            bottom:25px;
            width:100%;
            font-weight: bold;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;
            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
        }

        .interviewblock li:hover .interviewtext {
            color:#fff;
            font-size: 150%;
            font-weight: bold;
        }

.interviewblock li.photo6:hover .interviewtext {
    color: #565656;
}

#slider .slidepanel01 {
    display: flex;
    float: left;
    width: 100%;
    height: 600px;
    background-image: url(../img/39509965.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

#slider .slidepanel01 img {
position: absolute;
bottom: 15%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
}

        .interviewblock .interviewtext2 {
            font-size: 100%;
            color: #fff;
            margin: 20px auto 0;
            display: block;
            position: absolute;
            bottom:0px;
            padding: 10px 0;
            width:100%;
            font-weight: bold;
            background-color: #3d3d3d;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;
            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
        }

        .interviewblock li:hover .interviewtext2 {
            color:#fff;
            font-size: 120%;
            font-weight: bold;
        }

        .detailflame, .pageflame {
            background-color: #fff;
            border-radius: 5px;
            min-height: 300px;
            padding: 50px;
            float: left;
            width: calc(100% - 100px);
        }

        .detailttl {
            border-color:#2485e4;
        }

        .detailttl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f15c';
            margin-right:10px;
            color:#2485e4;
            }

        .pagettl {
            border-color:#2485e4;
        }

        .pagettl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f02e';
            margin-right:10px;
            color:#2485e4;
            }

        .detailflame table {
            background-color: #fff;
            width: 100%;
        }

        .detailflame table tr:nth-child(odd){
            background-color: #f7f7f7;
        }

        .detailflame table tr td {
            padding: 10px;
        }


        .news-block-body .label {
            color: #fff;
            font-size: 12px;
            margin-right: 5px;
            padding: 5px 10px;
            display: inline-block;
        }

        .label-ishi {
            background-color:#fb228d;
        }

        .label-josyu {
            background-color:#e0a10a;
        }

        .label-eiseishi {
            background-color:#0aa1e0;
        }

        #relation  ul li img{
            width:100%;
            height: auto;
        }

        #relation  ul li .news-block-title {
            font-size: 1.6rem;
            margin: 15px 0;
        }

        #relation  ul li .author-block {
            font-family: "Teko",sans-serif;
        }

        .pure-container {
            display: none;
        }


        .sinfo_01 {
            display: inline-block;
            float: left;
            font-size: 15px;
            vertical-align: middle;
            font-family: 'Teko', sans-serif;
        }

        .sinfo_02 {
            color: #999;
            display: inline-block;
            float: right;
            font-size: 11px;
            vertical-align: middle;	
        }

        .sinfo_02 a {
        	color: #999;
        	text-decoration: underline;
        }

        .leftnav {
            float: left;
            width: 160px;
        }

        .menu {
            margin: 0;
            padding: 0;
        }

        .menu li {
            list-style: outside none none;
            text-align: left;
        }

        .menu li a {
            border-left: 3px solid #ffffff;
            display: inline-block;
            line-height: 40px;
            padding-left: 10px;
        }

        .menu li a:hover,.leftnav ul li a.point  {
            border-left: 3px solid #8ABC39;
            color:#8ABC39;
        }

        .arrow {
        display: block;
        width: 14px;
        height: 14px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        }

        #toggle{
        	 display: none;
        	}

    .mainContent .single h1 {
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-width: 0 0 3px 0;
        border-style: solid;
        font-weight: bold;
        letter-spacing: .05em;
    }

    .mainContent .lp h1 {
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-width: 0 0 3px 0;
        border-style: solid;
        font-weight: bold;
        letter-spacing: .05em;
    }

        .mainContent h2 {
            margin-bottom: 20px;
            padding-bottom: 5px;
            border-width: 0 0 3px 0;
            border-style: solid;
            font-weight: bold;
            letter-spacing: .05em;
        }

        .mainContent h2 span {
            margin-left: 20px;
            font-size: 15px !important;
            font-weight: normal !important;
            color: #333;
        }

    .mainContent .single h2 {
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-width: 0 0 3px 0;
        border-style: solid;
        font-weight: bold;
        clear: both;
        font-size: 20px;
        margin-top:40px;
    }

    .mainContent .single h2:before {
            font-family: "Font Awesome 5 Free";
            content: '\f058';
            margin-right:10px;
            color:#2485e4;
            }

    .mainContent .single p {
    padding:15px;
    line-height:1.5em;
    }

    .mainContent .lpinner h2 {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-width: 0 0 0px 0;
        clear: both;
        font-weight: normal;
        position:relative;
        font-weight: bold;
    }

    .mainContent .lpinner h2:after {
    content: "";
    height: 5px;
    border-radius: 10px;
    width: 12%;
    margin: 0 auto;
    position: absolute;
    background-color: #565656;
    bottom: -10px;
  left: 50%;
    transform:translateX(-50%);
  -webkit- transform: translateX(-50%);
}

    .mainContent .lpinner h3 {
        margin-bottom: 0;
        padding-bottom: 10px;
        border-width: 0 0 0px 0;
        clear: both;
        font-weight: normal;
        color: #4985c9;
    }

 .mainContent .lpinner h4 {
    margin-bottom: 0;
    padding: 10px;
    border-width: 0 0 0px 0;
    clear: both;
    font-weight: normal;
    color: #fff;
    background-color: #4985c9;
    border-radius: 5px;
}

    .mainContent .lpinner {
        padding:70px 0;
        margin:0 auto;
        display: inline-block;
        width:100%;
    }

    .mainContent .lpinner p{
        padding: 15px 15px 0;
        font-size: 15px;
        color: #555;
        line-height: 1.8em;
    }


   .onethirdcolum {
        float: left;
        width: 31.33%;
        margin: 20px 1%;
    }

.framebox {
    -webkit-box-shadow: 0px 0px 3px 1px rgba(117,117,117,0.9);
    -moz-box-shadow: 0px 0px 3px 1px rgba(117,117,117,0.9);
    box-shadow: 0px 0px 3px 1px rgba(117,117,117,0.9);
    text-align: center;
    padding: 20px 30px;
    display: inline-block;
    width: calc(100% - 60px);
    background-color: #fff;
    border-radius: 8px;
}

.nonframebox {
padding: 10px 30px 20px;
display: inline-block;
width: calc(100% - 60px);
}

.text-left {
    text-align: left;
}

.campaignblock {
    background-image: url(../img/transparent.png);
    background-color:#fcc;
    background-size: contain;
    padding: 20px;
    position: relative;
}

.campaignttl {
    width: 50%;
    margin: 0 auto 20px;
    display: block;
}

.campaignframe {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    padding: 30px 20px;
}

.campaign01 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.campaign02 {
    background-color: #ef1515;
    color: #fff;
    width: 80%;
    margin: 0 auto 20px;
    padding: 20px 0;
    border-radius: 8px;
    font-size: 22px;
    font-weight: bold;
    position: relative;
}

.campaign03:before {
    font-family: "Font Awesome 5 Free";
    content: '\f067';
    margin-bottom: 20px;
    color: #663c1d;
    display: block;
    font-size: 35px;
    font-weight: bold;
}


.campaign03 {
    font-size:20px;
    font-weight: bold;
    color:#ef1515;
}

    .mainContent .lpinner .centerobject {
        position: relative;
    }

    .mainContent .lpinner .centerobject:before {
            font-family: "Font Awesome 5 Free";
            content: '\f105';
            margin-right:10px;
            color:#565656;
            position: absolute;
            left:-20px;
            font-size: 30px;
            font-weight: bold;
            top:100px;
            }

    .mainContent .lpinner .centerobject:after {
             font-family: "Font Awesome 5 Free";
            content: '\f105';
            margin-right:10px;
            color:#565656;
            position: absolute;
            right:-20px;
            font-size: 30px;
            font-weight: bold;
            top:100px;
            }

.flowimage {
    width: 180px;
    height: 180px;
    margin: 10px auto 20px;
}

.flowimage img {
    width: 100%;
}

   .texcenter {
        text-align:center;
    }

        .pickupttl {
            border-color:#e4c624;
        }

        .pickupttl:before {
            font-family: "Font Awesome 5 Free";
            content: '\f0e7';
            margin-right:10px;
            color:#e4c624;
            }

        .maincolum .news-block-list {
            clear: both;
            margin: 0;
        }

        .maincolum .news-block-list li {
            background-color: #fff;
            display: inline-block;
            float: left;
            list-style: outside none none;
            margin: 0px 0.5% 10px;
            width: 32.333%;
            border-radius: 0px;
            overflow: hidden;
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;
            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
            min-height: 400px;
        }

        .maincolum .news-block-list li:hover {
            opacity:0.9;
            background-color:#c3c3c3;
        }

        .maincolum .news-block-body {
            padding: 12px 0 0;
            float: left;
        }

        .maincolum .news-block-body p{
            padding:12px;
            min-height: 73px;
        }

        .maincolum .news-thumbnail {
            height:180px;
            overflow: hidden;
            width: 100%;
            position: relative;
            display: block;
        }

        .maincolum .news-thumbnail img {
            width: 100%;
            position: absolute;
            left: 50%;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
            -moz-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -ms-transition-duration:0.5s;
            -moz-transition-timing-function:ease-in-out;
            -webkit-transition-timing-function:ease-in-out;
            -o-transition-timing-function:ease-in-out;
            -ms-transition-timing-function:ease-in-out;
        }

        .maincolum .news-block-list li:hover .news-thumbnail img{
            width: 115%;
        }

        .maincolum .news-block-title {
            font-size: 1.6rem;
            margin: 10px 0 5px;
            padding: 5px 12px 10px;
            border-bottom: 1px solid #efefef;
            color: #565656;
            min-height: 42px;
        }

        .news-block-text {
            font-size: 1.2rem;
            padding:0 2%;
        }

        .maincolum .author-block {
            margin: 0px auto 0;
            padding: 8px 20px;
            text-align: center;
            background-color: #E0E0E0;
            color: #565656;
            display: block;
            width: 25%;
        }

        .sideblock .news-block-list li {
            border-bottom: 1px dotted #AF4740;
            list-style: outside none none;
            margin: 8px;
                margin-top: 8px;
            padding-bottom: 8px;
        }

        .sideblock .news-block-list li:first-child {
            margin-top:15px;
            }

        .sideblock .news-block-body {
            display: table-cell;
            padding: 5px;
            vertical-align: middle;
        }

        .sideblock .news-thumbnail {
            display: block;
        	display: table-cell;
            padding-right: 12px;
        }

        .img-ssize {
            background-size: cover;
            border-radius: 10px;
            height: 80px;
            width: 80px;
        }

        .sidebar .news-block-title {
            font-size: 1.4rem;
            margin-bottom: 6px;
            font-weight: bold;
        }
        .sidebar .author-block {
        	margin-top:6px;
        }

        .sidebar .author-block {
        	margin-top:6px;
        	font-size: 1.2rem;
        }

        .sidebar .sideblock {
        	margin-bottom:25px;
        }

        /*menubar's properties for menus in sidebar */
        #content .sidebar #menubar {
        	text-align: left;
        	color: rgba(146,146,146,1.00);
        	position: relative;
        	left: 0%;
        }
        /* Search field in sidebar */
        #content .sidebar #search {
        	width: 100%;
        	border-radius: 0px;
        	height: 42px;
        	text-align: center;
        	color: rgba(208,207,207,1.00);
        	font-size: 14px;
        	;
        	margin-bottom: 21px;
        }
        /* Whole page content */
        #mainWrapper {
        	max-width: 1128px;
            min-width: 980px;
            width:100%;
        	margin:0 auto;
        }

        #mainWrapper2 {
            margin: 0 auto;
            max-width: 800px;
            width: 100%;
        }

        /*menu elements */
        .menu ul li {
        	list-style-type: none;
        	font-size: x-large;
        	position: relative;
        	padding-top: 12px;
        }
        /* Product rows for catalog */
        #content .mainContent .productRow {
        	overflow: auto;
        	color: rgba(146,146,146,1.00);
        }
        /* Each product Information in the catalog */
        .mainContent .productRow .productInfo {
        	float: left;
        	padding-left: 5%;
        	padding-right: 5%;
        	width: 22%;
        }
        /* Prices of a products in catalog */
        .productRow .productInfo .price {
        	font-family: 'Montserrat', sans-serif;
        	color: rgba(146,146,146,1.00);
        	font-size: 22px;
        	position: relative;
        	top: -20px;
        }
        /* Content holder for products in catalog*/
        .productRow .productInfo .productContent {
        	position: relative;
        	top: -37px;
        	font-size: 14px;
        	font-family: source-sans-pro, sans-serif;
        	font-style: normal;
        	font-weight: 200;
        	color: rgba(146,146,146,1.00);
        	white-space: pre-wrap;
        }
        /* Buy button for products in catalog */
        .productRow .productInfo .buyButton {
        	position: relative;
        	top: -48px;
        	width: 84%;
        	background-color: rgba(76,76,76,1.00);
        	height: 35px;
        	color: rgba(255,255,255,1.00);
        	border-style: none;
        	font-size: 14px;
        	text-transform: uppercase;
        	margin-top: 8px;
        }
        /* footer */
        footer {
            clear: both;
            font-style: normal;
            font-weight: 200;
            line-height: 1.8;
            padding-top: 22px;
            padding-left: 22px;
            text-align: center;
            padding-bottom: 22px;
            padding-right: 22px;
            margin-top: 0px;
            background-color: #3d3d3d;
            height: 230px;
            border-bottom: 1px solid #000;
            border-top: 1px solid #41499e;
        }

        #footinner {
            margin: 0 auto;
            max-width: 1020px;
            text-align: center;
        }

        /*Each footer content */

#footinner div {
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    margin: 0 auto;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
    float: left;
    width: 29.3333%;
}
        /* Links in footer */

footer h3 {
    text-align:left;
}

footer li {
    float: left;
    list-style: outside none none;
    width: 98%;
    margin: 0px 0%;
    text-align: left;
}

footer li a {
    color: #fff;
    margin: 0 0 0 20px;
    text-align: center;
}
        /* Product's images in catalog */
        .productInfo div img {
        	width: 100%;
        }
        /*Links in sidebar */
        .sidebar #menubar .menu ul li a {
        	color: rgba(146,146,146,1.00);
        	text-decoration: none;
        }
        .sidebar #menubar .menu ul li a:hover {
        	color: rgba(107,97,97,1.00);
        	text-decoration: none;
        }
        /* Menu headings in sidebar */
        #menubar .menu h2 {
        	font-size: 14px;
        }
        /*Links under menus in sidebar */
        #menubar .menu ul li a {
        	font-size: 14px;
        }
        /* Menus in sidebar */
        .sidebar #menubar .menu {
        	margin-bottom: 29px;
        }
        /* Container for links in footer */
        footer .footerlinks {
        	margin-top: -15px;
        }

        .copylight {
            background-color: #000;
            border-top: 1px solid #4f4f4f;
            color: #fff;
            text-align: center;
            padding: 15px 0;
        }

        .ui-header h2 strong {
            color: #D57D98;
        }

        .mainContent .letterbox {
            border: 1px solid #cecece;
            padding: 150px 0;
            text-align: center;
        }

        /* FORM */
        #signuphead {
            clear: both;
            float: left;
            width: 100%;
            background-color: #dfdfdf;
            padding: 40px 0;
            border-bottom: 1px solid #fff;
        }
        #signupinner {
            max-width: 980px;
            margin: 0 auto;
        }

        #signupinner li {
            width: 27.33%;
            float: left;
            list-style: none;
            font-size: 1.3em;
            color: #fff;
            padding: 20px 3% 20px 1%;
            position: relative;
            margin: 0 1%;
            border-radius: 4px;
            text-align: center;
        }

        .signupstep1 {
        background-color: #21ad94;
        }

        .signupstep1::after {
          content: '';
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          right: -15px;
          top: 18px;
          border-left: 15px solid #21ad94;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          z-index: 10;
        }

        .signupstep2 {
        background-color: #2185ad;
        }

        .signupstep2::after {
          content: '';
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          right: -15px;
          top: 18px;
          border-left: 15px solid #2185ad;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          z-index: 10;
        }

        .signupstep3 {
        background-color: #1d479e;
        }


        .signupstep1 span::before {
            font-family: "Font Awesome 5 Free";
            content: '\f2c2';
            margin-right:10px;
            font-weight: bold;
        }
        .signupstep2 span::before {
            font-family: "Font Awesome 5 Free";
            content: '\f0e0';
            margin-right:10px;
            font-weight: bold;
        }
        .signupstep3 span::before {
            font-family: "Font Awesome 5 Free";
            content: '\f25b';
            margin-right:10px;
            font-weight: bold;
        }

        #mainWrapper.formsize {
            max-width: 900px;
            min-width: 900px;
        }

        .formttl1 {
            border-color:#21ad94;
        }

        .formttl1:before {
            font-family: "Font Awesome 5 Free";
            content: '\f2c2';
            margin-right:10px;
            color:#21ad94;
        }

        .formttl2 {
            border-color:#2185ad;
        }

        .formttl2:before {
            font-family: "Font Awesome 5 Free";
            content: '\f0e0';
            margin-right:10px;
            color:#2185ad;
        }

        .formttl3 {
            border-color:#1d479e;
        }

        .formttl3:before {
            font-family: "Font Awesome 5 Free";
            content: '\f25b';
            margin-right:10px;
            color:#1d479e;
        }

        .formtable{
        width: 100%;
        text-align:left;
        }

        .formtable tr:nth-child(odd) {
        background: #efefef;
        }

        .formtable th{
            padding:15px;
            width:30%;
        }

        .formtable td{
            padding:15px;

        }

        .detailphoto {
            float: left;
            margin:20px 0;

        }
        .detailphoto li{
            width:32.33%;
            float: left;
            list-style: none;
            margin:5px 0.5%;
        }

        .detailphoto li img{
            width:100%;
        }

    .entrybox {
        background-color: #ffbd00;
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .entrybox .halfcolum {
        display: table-cell;
        vertical-align: middle;
        float:  none;   
    }
#content .mainContent .maincolum .entrybox .maincolum {
    padding: 0;
    margin: 0;
}

    .entryinner {
        width: 100%;
        max-width: 700px;
        margin: 30px auto;
        text-align:center;
        display: table;
    }

    .entryinner h3  {
        font-size: 20px;
        font-weight: bold;
    }

    .entryinner p  {
        margin: 20px 10px;
        line-height:1.5em;
        font-size: 16px;
    }

    .formbtn {
    margin: 10px;
    padding: 20px 30px;
    background: transparent;
        background-color: transparent;
    background-color: #a4631b;
    border-radius: 100px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    text-align: center;
    outline: none;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 7px solid #834b03;
}

.feature {
    background-color: #f1f9ff;
    padding: 30px 50px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.feature ol li {
    margin: 10px 0;
    line-height: 1.8em;
    font-weight: bold;
    font-size: 110%;
}

.mainContent .single .framebox p {
    line-height: 1.8em;
    font-weight: bold;
    font-size: 110%;
}

.headerstatus {
    background-color: #efefef;
    border-radius: 8px;
    border-bottom: 1px solid #6f6f6f;
    padding: 12px 0;
}
.mainContent .single .headerstatus p{
    line-height: 1.5em;
    padding: 3px 15px 3px;
}

.treatment {
    text-align: left;
}

.treatment li {
    display: inline-block;
    margin: 5px 0;
    background-color: #ffd6d6;
    padding: 7px 0;
    border-radius: 200px;
    width: 24%;
    text-align: center;
}
.btn {
 text-align: center;
}

.btn a {
    background-color: #000;
    display: inline-block;
    padding: 10px 40px;
    margin-top: 15px;
    color: #fff;
    border-radius: 200px;
    font-size: 18px;
    font-weight: bold;
}

        /* Media query for tablets */
        @media screen and (max-width:960px) {

        #mainWrapper.formsize {
            max-width: 90%;
            min-width: 90%;
        }

        /* search field in sidebar */
        #content .sidebar #search {
        	display: none;
        }

        #header {
            padding: 0;
        }

        #headinner {
            margin: 0 auto;
            width: 95%;
        }

        /* sidebar */
        #content .sidebar {
        	float: none;
        	width: 100%;
        	height: auto;
        	overflow: auto;
        	padding-left: 0;
        	padding-top: 20px;
        }
        /* horizontal separators in sidebar */
        #content .sidebar hr {
        	display: none;
        }
        /*The sidebar and maincontent of page */
        #content {
        	position: relative;
        	width: 100%;
        	overflow: hidden;
        	padding-top: 0;
        }
        /*menu headings in sidebar */
        #menubar .menu h2 {
        	display: inline;
        	font-size: medium;
        	padding-right: 6%;
        }
        /* Unordered List of links */
        #menubar .menu ul {
        	display: inline;
        }
        /*list elements */
        #menubar .menu ul li {
        	display: inline;
        	font-size: medium;
        	padding-left: 0%;
        	padding-right: 3%;
        }
        /*The link to be hidden in tablet view */
        .sidebar #menubar .menu ul .notimp {
        	display: none;
        }
        /* menus in sidebar */
        .sidebar #menubar .menu {
        	width: 100%;
        	text-align: center;
        	position: relative;
        	top: 16px;
        }
        /*menubar in sidebar */
        #content .sidebar #menubar {
        	position: relative;
        	left: -7%;
        	overflow: hidden;
        	width: 95%;
        	padding-top: 0px;
        }

        .leftnav {
            float: left;
            width: 100%;
        }

        .menu {
            display: none;
        }

        .menu li {
            list-style: outside none none;
            text-align: left;
            width:100%;
        }

.maincolum .news-block-list li {
    width: 31.33%;
}

        #relation  ul li {
            width: 48%;
        }

        #relation  ul li:first-child {
            margin: 15px 1% 0;
        }

        #relation  ul li:last-child {
            margin: 15px 1% 0;
        }

        .maincolum .news-thumbnail img {
            width: 100%;
            float: left;
            height: auto;
        }

        .maincolum .news-block-body {
            vertical-align: middle;
            padding: 12px;
            width: calc(100% - 24px);
            float: left;
        }

        #formbox {
            margin: 20px 0;
            width: 100%;
            float:none;
        }

        #toggle{
          display: block;
          position: relative;
          width: 100%;
          background: #222;
        }
        #toggle a{
          display: block;
          position: relative;
          padding: 12px 0 10px;
          border-bottom: 1px solid #444;
          color: #fff;
          text-align: center;
          text-decoration: none;
        }

        /* Whole page content */
        #mainWrapper {
        	width: 95%;
        	margin:0 auto;
            max-width: initial;
            min-width: initial;
        }

        #mainWrapper2 {
            width: 95%;
            margin:0 auto;
            max-width: initial;
            min-width: initial;
        }

        /* offer banners content */
        #mainWrapper #offer p {
        	font-size: small;
        }
        /* main content region of page */
        #mainWrapper #content .mainContent {
        	overflow: hidden;
        	width: 100%;
        	margin-top: 10px;
        }


        #content .mainContent .maincolum {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        #content .mainContent #maincolum-single {
            float: left;
            width: 100%;
            margin-top: 20px;
        }


        /* Prices of products in catalog view */
        .productRow .productInfo .price {
        	font-size: 19px;
        }
        /* Content holders in catalog view */
        .productRow .productInfo .productContent {
        	font-size: 16px;
        }
        /* Buy buttons in catalog view */
        .productRow .productInfo .buyButton {
        	font-size: 15px;
        }
        /* Container for links in footer */
        #mainWrapper footer .footerlinks {
        	float: none;
        	width: 100%;
        	position: relative;
        	top: 17px;
        	clear: both;
        	text-align: center;
        	left: 0%;
        	padding-bottom: 19px;
        }
        /* Container for each footer divisions */
        #mainWrapper footer div {
        	width: 44%;
        	text-align: justify;
        	font-size: 15px;
        }
        /* Links in footer */
        .footerlinks p a {
        	padding-top: 0px;
        	padding-bottom: 0px;
        	display: inline;
        	padding-right: 35px;
        }
        /* Footer region */
        #mainWrapper footer {
        	padding-left: 16px;
        	overflow: hidden;
        }
        /* Links in header */
        header #headerLinks a {
        	padding-left: 0px;
        	padding-right: 30px;
        }
        /* Offer- Text banner */

        /* Paragraphs in footer */
        footer .footerlinks p {
        	display: inline;
        }

#footinner {
    width: 96%;
    max-width: initial;
}

#footinner div {
    float: left;
    width: 46%;
}
        .ui-header h2 {
            font-size: 1.5em;
        }

        .pure-container {
            display: block;
        }

        #headerLinks, .sideblock {
            display: none;
            }

        /* FORM */
        #signupinner li {
            width: 80%;
            margin: 0px 8% 5px;
        }
        .signupstep1::after {
            display: none;
        }
        .signupstep2::after {
            display: none;
        }

        .halfcolum {
            float: left;
            width: 98%;
            margin: 20px 1%;
        }

.entrybox .halfcolum {
    display:block;
}

        .seventyfivecolum {
            float: left;
            width: 98%;
            margin: 20px 1%;
        }

        .twentyfivecolum {
            float: left;
            width: 98%;
            margin: 20px 1%;
        }

.onethirdcolum {
    float: left;
    width: 98%;
    margin: 20px 1%;

}

.interviewblock li {
    list-style: none;
    width: 31.33%;
    float: left;
    text-align: center;
    background-color: #565656;
    margin: 10px 1%;
    position: relative;
}


    .mainContent .lpinner .centerobject:before {
    font-family: "Font Awesome 5 Free";
    content: '\f107';
    margin-right: 0;
    color: #565656;
    font-size: 50px;
    font-weight: bold;
    top: 100px;
    position: static;
    margin: 15px 0;
    display: block;
}

    .mainContent .lpinner .centerobject:after {
    font-family: "Font Awesome 5 Free";
    content: '\f107';
    margin-right: 0;
    color: #565656;
    font-size: 50px;
    font-weight: bold;
    top: 100px;
    position: static;
    margin: 15px 0;
    display: block;
}

#slider .slidepanel01 {
    display: flex;
    float: left;
    width: 100%;
    height: 374px;
    background-image: url(../img/39509965.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

#slider .slidepanel01 img {
    height: 65px;
    bottom: 46px;
}
.areatag li {
    width: 48%;
    margin: 8px 1%;
    list-style: none;
    float: left;
}
.detailflame, .pageflame {
    padding: 20px 10px;
    width: calc(100% - 20px);
}

.bnrphoto {
    width: 100%;
    height: 200px;
}

.bnrlist li {
    float: left;
    width: 48%;
    margin: 0px 1% 10px;
}

.bnrlist li a {
    height: auto;
}
.treatment li {
    width: 49%;
}
footer {
    height: auto;
    display: inline-block;
}

        }
        /*media query for middle screen devices */
        @media screen and (max-width:769px) {
.interviewblock li {
    width: 48%;
}
.maincolum .news-block-list li {
    width: 48%;
}
#slider .slidepanel01 {
    display: flex;
    float: left;
    width: 100%;
    height: 374px;
    background-image: url(../img/395099652.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}
}


        /*media query for small screen devices */
        @media screen and (max-width:480px) {

        h1 {
            font-size: 24px;
        }

        h2 {
            font-size: 20px;
        }

.headimg .headimginner {
    width: 80%;
}

        /*Container for links in header */
        #mainWrapper header #headerLinks {
        	width: 100%;
        	text-align: center;
        	background-color: rgba(190,190,190,1.00);
        	padding-bottom: 21px;
        }
        /* Logo placeholder*/
        #mainWrapper header #logo {
        	width: 100%;
        	text-align: center;
        }

        /* Links in header */
        header #headerLinks  {
        	width: 100%;
        	padding-top: 10px;
        }


        header #logo {
        margin:0 15px;
        }

        header #logo a {
    padding: 15px 0 25px;
    text-align: left;
}

        .maincolum .news-block-list li {
            width: 98%;
        }

        #relation  ul li {
            width: 98%;
        }

        #sub_nav {
            width: 100%;
        }

        #sub_nav ul li {
            width: 50%;
            text-align: center;
        }


        /*Offer - Text Banner */
        #mainWrapper #offer {
        	padding-left: 0px;
        	text-align: center;
        }
        /* Menubar in sidebar */
        #content .sidebar #menubar {
        	position: relative;
        	left: -8%;
        	text-align: center;
        }
        /*Menu headings in sidebar */
        #menubar .menu h2 {
        	width: 100%;
        	display: block;
        }
        /* Each product in catalog view */
        .mainContent .productRow .productInfo {
        	width: 100%;
        	display: block;
        	padding-left: 0px;
        	padding-right: 0px;
        	position: relative;
        	left: -2%;
        }
        #mainWrapper footer div {
        	width: 100%;
        	margin-left: -16px;
        	text-align: justify;
        	padding-bottom: 16px;
        	overflow: auto;
        }
        /* Unordered list for menu elements */
        .menu ul {
        	position: relative;
        	padding-left: 24%;
        }
        /* Container for links in footer */
        #mainWrapper footer .footerlinks {
        	padding-left: 8%;
        }
        /* Main content which excludes the sidebar */
        #mainwrapper #content .mainContent {
        	margin-top: -81px;
        	text-align: center;
        	width: 100%;
        	padding-left: 0px;
        }

        .offer-block {
            background-size: cover;
            border-radius: 5px;
            float: left;
            height: 190px;
            list-style: outside none none;
            margin: 1.5%;
            position: relative;
            width: 97%;
        }


        #maincolum-single .mainfield .attachment-medium {
            margin: 0;
            float:none;
        }

        #maincolum-single .mainfield {
            clear: both;
            text-align: center;
        }
        #maincolum-single .mainfield p {
            line-height: 1.5em;
            text-align: left;
        }

       .detailphoto {
        margin-bottom:10px;
        float:  left;
       }
        .detailphoto li{
            width:100%;
            float: left;
            list-style: none;
            margin:5px 0;
        }
.interviewblock li {
    width: 98%;
}
#footinner div {
    width: 96%;
}
.bnrlist li {
    width: 98%;
}

        }