@charset "UTF-8";
/* Reset
------------------------------------------------------------*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

address,
em,
strong,
th {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: left;
}

hr,
legend {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

img,
fieldset {
    border: 0;
    -webkit-backface-visibility: hidden;
}

li {
    list-style-type: none;
}

img {
    vertical-align: top;
}

/*IE6*/

* html img {
    vertical-align: bottom;
}

/*IE7*/

*:first-child + html img {
    vertical-align: bottom;
}

a {
    outline: none;
}

/* Fonts
------------------------------------------------------------*/

body {
    font-size: 75%;
    /* IE */
    font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", "Meiryo", verdana, Osaka, "lr oSVbN", "MS PGothic", Sans-Serif;
    /*
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/
    -webkit-text-size-adjust: 100%;
}

html >
/**/

body {
    font-size: 12px;
    /* Except IE */
}

/* clearfix
------------------------------------------------------------*/

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .cf {
    zoom: 1;
}

/* IE6 */

*:first-child + html .cf {
    zoom: 1;
}

/* IE7 */

.ani_none,
.ani_none > *,
.ani_none:before,
.ani_none:after {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}


/*------------ 初期設定 ------------*/

p {
    color: #000000;
    line-height: 1.7;
}

/*------------ 全体 ------------*/

html {}

body {
    width: 100%;
    overflow-x: hidden;
}

._hover {
    opacity: 1;
    transition: all 0.4s;
}

._hover:hover {
    opacity: 0.7;
}


/*------------ WRAPPER ------------*/

#wrapper {
    width: 950px;
    margin: 0 auto;
}

/*------------ HEADER ------------*/

#header {
    border-bottom: solid 5px #e0e0e0;
}

#header .inner {
    width: 980px;
    margin: 0 auto;
}

#header .inner h1 {
    padding-top: 20px;
    float: left;
}

#header .inner ul {
    width: 660px;
    float: right;
}

#header .inner ul li {
    width: 165px;
    box-sizing: border-box;
    border-right: solid 2px #f5f5f5;
    float: left;
}

#header .inner ul li:nth-child(1) {
    border-left: solid 2px #f5f5f5;
}

#header .inner ul li a {
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    display: block;
    text-align: center;
    position: relative;
    padding: 110px 0 30px;
}


#header .inner ul li a:after {
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 4px;
}

#header .inner ul li:nth-child(1) a:after {
    content: "";
    display: block;
    width: 100%;

    background: #69b300;

}

#header .inner ul li:nth-child(2) a:after {
    content: "";
    display: block;
    width: 100%;
    background: #c90425;
}

#header .inner ul li:nth-child(3) a:after {
    content: "";
    display: block;
    width: 100%;
    background: #e99606;
}

#header .inner ul li:nth-child(4) a:after {
    content: "";
    display: block;
    width: 100%;
    background: #09b7b5;
}

#header .inner ul li a:before {
    content: "";
    display: block;
    background: url(../images/navi_icon01.png) no-repeat left top;
    background-size: 123px 52px;
    width: 123px;
    height: 52px;
    left: 50%;
    transform: translateX(-50%);
    top: 45px;
    position: absolute;
}

#header .inner ul li:nth-child(2) a:before {
    width: 105px;
    background: url(../images/navi_icon02.png) no-repeat left top;
    background-size: 105px 52px;
}

#header .inner ul li:nth-child(2) a.active:before {
    background: url(../images/navi_icon02_active.png) no-repeat left top;
    background-size: 105px 52px;
}

#header .inner ul li:nth-child(3) a:before {
    width: 91px;
    background: url(../images/navi_icon04.png) no-repeat left top;
    background-size: 91px 52px;
}

#header .inner ul li:nth-child(3) a.active:before {
    width: 91px;
    background: url(../images/navi_icon04_active.png) no-repeat left top;
    background-size: 91px 52px;
}

.sp {
    display: none;
}

.ad {
    width: 680px;
    margin: 100px auto 0;
}

.ad li {
    width: 300px;
    float: left;
}

.ad li:last-child {
    float: right;
}

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

    .sp {
        display: block;
    }

    .pc {
        display: none;
    }

    body,
    html {
        width: 100%;
        min-width: 100%;
        overflow-x: hidden;
    }


    #header {
        border-bottom: solid 2px #e0e0e0;
    }

    #header .inner {
        width: 100%;
        margin: 0 auto;
    }

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

    #header .inner h1 {
        padding: 3vw 0;
        float: none;
        width: 70%;
        margin: 0 auto;
    }

    #header .inner ul {
        width: 100%;
        float: none;
        position: fixed;
        left: 0;
        bottom: 0;
        background: #FFF;
        z-index: 1000;
    }

    #header .inner ul li {
        width: 25%;
        box-sizing: border-box;
        border-right: solid 1px #f5f5f5;
        float: left;
    }

    #header .inner ul li:nth-child(1) {
        border-left: solid 1px #f5f5f5;
    }

    #header .inner ul li a {
        font-size: 3.2vw;
        color: #333333;
        text-decoration: none;
        display: block;
        text-align: center;
        position: relative;
        padding: 14vw 0 3vw;
        border-top: solid 1px #f5f5f5;
        position: relative;
    }

    #header .inner ul li a:after {
        position: absolute;
        left: 0;
        top: 0;
        bottom: auto;
    }

    #header .inner ul li:nth-child(1) a:after {
        content: "";
        display: block;
        width: 100%;
        height: 5px;
        background: #69b300;

    }
    #header .inner ul li:nth-child(2) a:after {
        content: "";
        display: block;
        width: 100%;
        height: 5px;
        background: #c90425;
    }
    #header .inner ul li:nth-child(3) a:after {
        content: "";
        display: block;
        width: 100%;
        height: 5px;
        background: #e99606;
    }
    #header .inner ul li:nth-child(4) a:after {
        content: "";
        display: block;
        width: 100%;
        height: 5px;
        background: #09b7b5;
    }

    #header .inner ul li a:before {
        content: "";
        display: block;
        background: url(../images/navi_icon01.png) no-repeat left top;
        background-size: 100% auto;
        width: 20vw;
        height: 10vw;
        left: 50%;
        transform: translateX(-50%);
        top: 4vw;
        position: absolute;
    }

    #header .inner ul li:nth-child(2) a:before {

        background: url(../images/navi_icon02.png) no-repeat left top;
        background-size: 100% auto;
        width: 17vw;
        height: 8vw;
    }

    #header .inner ul li:nth-child(2) a.active:before {
        background: url(../images/navi_icon02_active.png) no-repeat left top;
        background-size: 100% auto;
        width: 17vw;
        height: 8vw;
    }

    #header .inner ul li:nth-child(3) a:before {
        background: url(../images/navi_icon04.png) no-repeat left top;
        background-size: 100% auto;
        width: 17vw;
        height: 8vw;
    }

    #header .inner ul li:nth-child(3) a.active:before {
        background: url(../images/navi_icon04_active.png) no-repeat left top;
        background-size: 100% auto;
        width: 17vw;
        height: 8vw;
    }

    .sp {
        display: none;
    }

    .ad {
        width: 90%;
        margin: 10vw auto 0;
    }

    .ad li {
        width: 100%;
        float: none;
    }

    .ad li:last-child {
        float: none;
        margin-top: 5vw;
    }
    /*
	#gs_id50{
		position:relative !important;	
	}
	
	.gsst_a .gscb_a {
		color: #a1b9ed !important;
		cursor: pointer !important;
		position: absolute !important;
		right: 0vw !important;
		top: 3vw !important;
	}*/
}

/*------------ NAVI ------------*/

/*------------ TOP ------------*/

.search {
    width: 740px;
    margin: 100px auto 0;
    background: #f0f0f0;
    padding: 10px;
    box-sizing: border-box;
}

.btm_area {
    margin: 100px auto 0;
    width: 980px;
}

.btm_area h2,
.faq h2 {
    font-size: 25px;
    color: #3b3d4b;
    background: url(../images/ttl_bg01.png) repeat-x left 11px;
    background-size: 8px 11px;
    text-align: center;

}

.btm_area h2.mt {
    margin-top: 80px;
}

.btm_area h2 span {
    display: inline-block;
    background: #FFF;
    padding: 0 20px 0 90px;
    position: relative;
}

.faq h2 span {
    display: inline-block;
    background: #FFF;
    padding: 0 50px 0 110px;
    position: relative;
}

.btm_area h2.mt span {
    padding: 0 20px 0 100px;
}

.btm_area h2 span:before {
    content: "";
    display: block;
    background: url(../images/ttl_icon01.png) no-repeat left top;
    background-size: 62px 44px;
    width: 62px;
    height: 44px;
    position: absolute;
    left: 15px;
    top: -5px;
}

.faq h2 span:before {
    content: "";
    display: block;
    background: url(../images/guide/faq_icon01.png) no-repeat left top;
    background-size: 41px 41px;
    width: 41px;
    height: 41px;
    position: absolute;
    left: 52px;
    top: -3px;
}

.btm_area h2.mt span:before {
    content: "";
    display: block;
    background: url(../images/ttl_icon02.png) no-repeat left top;
    background-size: 46px 48px;
    width: 46px;
    height: 48px;
    position: absolute;
    left: 35px;
    top: -5px;
}

.btm_area ul {
    text-align: center;
    margin-top: 50px;
}

.btm_area ul li {
    display: inline-block;
    margin-right: 55px;
}

.btm_area ul li:last-child {
    margin-right: 0;
}

.btm_bnr {
    text-align: center;
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
    .search {
        width: 90%;
        margin: 8vw auto 0;
        padding: 2vw;
        box-sizing: border-box;
    }

    .btm_area {
        margin: 10vw auto 0;
        width: 90%;
    }

    .btm_area h2,
    .faq h2 {
        font-size: 5vw;
        background: url(../images/ttl_bg01.png) repeat-x left 1.5vw;
        background-size: 8px 11px;
        text-align: center;

    }

    .btm_area h2.mt {
        margin-top: 10vw;
    }

    .btm_area h2 span {
        display: inline-block;
        background: #FFF;
        padding: 0 5vw 0 18vw;
        position: relative;
    }

    .faq h2 span {
        display: inline-block;
        background: #FFF;
        padding: 0 5vw 0 18vw;
        position: relative;
    }

    .btm_area h2.mt span {
        padding: 0 5vw 0 18vw;
    }

    .btm_area h2 span:before {
        content: "";
        display: block;
        background: url(../images/ttl_icon01.png) no-repeat left top;
        background-size: 100% auto;
        width: 13vw;
        height: 10vw;
        position: absolute;
        left: 2vw;
        top: -1vw;
    }

    .faq h2 span:before {
        content: "";
        display: block;
        background: url(../images/guide/faq_icon01.png) no-repeat left top;
        background-size: 100% auto;
        width: 10vw;
        height: 8vw;
        position: absolute;
        left: 2vw;
        top: -1vw
    }

    .btm_area h2.mt span:before {
        content: "";
        display: block;
        background: url(../images/ttl_icon02.png) no-repeat left top;
        background-size: 100% auto;
        width: 10vw;
        height: 10vw;
        position: absolute;
        left: 5vw;
        top: -2vw;
    }

    .btm_area ul {
        text-align: center;
        margin-top: 8vw;
    }

    .btm_area ul li {
        width: 60%;
        margin: 0 auto 5vw;
        display: block;
    }

    .btm_area ul li:last-child {
        margin-right: auto;
    }

    .btm_bnr {
        width: 90%;
        text-align: center;
        margin: 5vw auto 0;
    }
}

.faq {
    width: 980px;
    margin: 85px auto 0;
}


.faq h3 {
    margin: 65px auto 0;
    border-bottom: solid 1px #3b3d4b;
    padding-bottom: 17px;
    font-size: 18px;
    color: #3b3d4b;
    padding-left: 50px;
    position: relative;
}

.faq h3:before {
    content: "";
    display: block;
    background: url(../images/guide/faq_icon02.png) no-repeat left top;
    background-size: 39px 26px;
    width: 39px;
    height: 26px;
    position: absolute;
    left: 0;
    top: -1px;
}

.faq h3.h3_2:before {
    background: url(../images/guide/faq_icon03.png) no-repeat left top;
    background-size: 16px 21px;
    width: 16px;
    height: 21px;
    position: absolute;
    left: 16px;
    top: 2px;
}

.faq h3.h3_3:before {
    background: url(../images/guide/faq_icon04.png) no-repeat left top;
    background-size: 27px 20px;
    width: 27px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 2px;
}

.faq .txt01 {
    margin-top: 17px;
    font-size: 15px;
    color: rgb(59, 61, 75);
    line-height: 2;
    text-align: left;
}

.faq .txt01 a {
    color: #0093b9;
    letter-spacing: 2px;
}

.faq .txt01 a:hover {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .faq {
        width: 90%;
        margin: 10vw auto 0;
    }


    .faq h3 {
        margin: 8vw auto 0;
        border-bottom: solid 1px #3b3d4b;
        padding-bottom: 3vw;
        font-size: 4vw;
        color: #3b3d4b;
        padding-left: 15vw;
        position: relative;
    }

    .faq h3:before {
        content: "";
        display: block;
        background: url(../images/guide/faq_icon02.png) no-repeat left top;
        background-size: 100% auto;
        width: 10vw;
        height: 8vw;
        position: absolute;
        left: 0;
        top: 2vw;
    }

    .faq h3.h3_2:before {
        background: url(../images/guide/faq_icon03.png) no-repeat left top;
        background-size: 100% auto;
        width: 4vw;
        height: 7vw;
        position: absolute;
        left: 5vw;
        top: 0vw;
    }

    .faq h3.h3_3:before {
        background: url(../images/guide/faq_icon04.png) no-repeat left top;
        background-size: 100% auto;
        width: 6vw;
        height: 5vw;
        position: absolute;
        left: 5vw;
        top: 0;
    }

    .faq .txt01 {
        margin-top: 5vw;
        font-size: 3.4vw;
    }

    .faq .txt01 a {
        color: #0093b9;
        letter-spacing: 2px;
    }

    .faq .txt01 a:hover {
        text-decoration: none;
    }
}




.gsc-control-cse {
    background: none !important;
    border: none !important;
}

#gsc-i-id1 {
    width: 500px !important;
    box-sizing: border-box;

    border-radius: 0px !important;
    border: none !important;

    background: url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") no-repeat scroll left center;
}

.gsc-control-cse input {
    border: none !important;
}

.gsib_a {
    padding: 0 !important;
}

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important;
    border: none !important;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;

    border-radius: 6px !important;
    padding: 7px 15px !important;
}

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
    background: url(../images/btn_search.png) no-repeat left top !important;
    background-size: 145px 50px !important;
    width: 145px !important;
    height: 50px !important;
    border: none !important;
}

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

    #gsc-i-id1 {
        width: 80% !important;
        box-sizing: border-box;

        border-radius: 0px !important;
        border: none !important;

        background: url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") no-repeat scroll left center;
    }

    .gsc-control-cse input {
        border: none !important;
    }

    .gsib_a {
        padding: 0 !important;
    }

    .cse .gsc-control-cse,
    .gsc-control-cse {
        padding: 0 !important;
        border: none !important;
    }

    input.gsc-input,
    .gsc-input-box,
    .gsc-input-box-hover,
    .gsc-input-box-focus {
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        outline: none !important;

        border-radius: 6px !important;
        padding: 5px 15px !important;
    }

    .gsc-search-button-v2,
    .gsc-search-button-v2:hover,
    .gsc-search-button-v2:focus {

        background: url(../images/btn_search.png) no-repeat left top !important;
        background-size: 100% auto !important;
        width: 28vw !important;
        height: 13vw !important;
        border: none !important;
        position: relative !important;
        top: -0.7vw !important;

    }

    .gsc-search-button {
        padding-left: 2vw !important;
    }

    .gsc-search-button-v2 {
        display: block !important;
        margin: 5vw auto 0 !important;
    }

    table.gsc-search-box td {
        /*display:block !important;	*/
    }

    table.gsc-search-box td.gsc-search-button {
        padding-left: 4vw !important;
    }

    .gsc-search-box-tools .gsc-search-box .gsc-input {
        padding-right: 0 !important;
    }

    .gsc-search-button-v2,
    .gsc-search-button-v2:hover,
    .gsc-search-button-v2:focus {}
}

svg {
    display: none !important;
}

/*------------ FOOTER ------------*/

small {
    display: block;
    background: #3b3d4b;
    color: #FFF;
    padding: 25px 0;
    font-size: 10px;
    text-align: center;
    margin-top: 140px;
}

@media screen and (max-width: 768px) {
    small {
        display: block;
        background: #3b3d4b;
        color: #FFF;
        padding: 5vw 0 30vw;
        font-size: 3vw;
        text-align: center;
        margin-top: 18vw;
    }
}

/*------------ auth ------------*/

.coming_soon p {
    font-size: 30px;
    color: #3b3d4b;
    padding: 200px 0 0;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .coming_soon p {
        font-size: 6vw;
        padding: 60vw 0 30vw;
        text-align: center;
        font-weight: bold;
    }
}

/*-------- text_right --------*/

.t_right {
    text-align: right;
}

/*-------- text_left --------*/

.t_left {
    text-align: left;
}

/*-------- center --------*/

.t_center {
    text-align: center;
}

/*-------- left --------*/

.left {
    float: left;
}

/*-------- right --------*/

.right {
    float: right;
}

/*-------- ClearBoth --------*/

.cb {
    clear: both;
}

/*-------- COLOR --------*/

.red {
    color: #FF0000;
}

.orange {
    color: #FF6600;
}

.blue {
    color: #0097B2;
}

/*-------- FONT --------*/

.bold {
    font-weight: 700;
}

.f10 {
    font-size: 10px;
}

.f14 {
    font-size: 14px;
}

/*-------- WIDTH --------*/

.w149 {
    width: 149px;
}

.w180 {
    width: 180px;
}

.w287 {
    width: 287px;
}

.w380 {
    width: 380px;
}

.w304 {
    width: 304px;
}

/*-------- HEIGHT --------*/

.h350 {
    height: 350px;
}

.h375 {
    height: 375px;
}

.h500 {
    height: 420px;
}

.h600 {
    height: 470px;
}

/*-------- MARGIN --------*/

.ml3 {
    margin: 0 0 0 3px;
}

.ml10 {
    margin: 0 0 0 10px;
}

.ml30 {
    margin: 0 0 0 30px;
}

.ml40 {
    margin: 0 0 0 40px;
}

.ml60 {
    margin: 0 0 0 60px;
}

.ml70 {
    margin: 0 0 0 70px;
}

.mb10 {
    margin: 0 0 10px 0;
}

.mb15 {
    margin: 0 0 15px 0;
}

.mt3 {
    margin: 3px 0 0 0;
}

.mt10 {
    margin: 10px 0 0 0;
}


.mt20 {
    margin: 20px 0 0 0;
}

.mt30 {
    margin: 30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt60 {
    padding-top: 60px;
}

.pl10 {
    padding-left: 10px;
}

.pl12 {
    padding-left: 12px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

.pl60 {
    padding-left: 60px;
}

.pl70 {
    padding-left: 70px;
}

.pl80 {
    padding-left: 80px;
}

.pl100 {
    padding-left: 100px;
}

.pr100 {
    padding-right: 100px;
}


.pb20 {
    padding-bottom: 20px;
}

/*-------- COMMON --------*/

.hidden {
    overflow: hidden;
}

.abs {
    position: absolute;
}

.ondes {
    color: #999999;
}

/*------------ 20181007 ------------*/

.search_box {
    width: 890px;
    margin: 80px auto 0;
}

.search_box .search_box_l {
    width: 440px;
    float: left;
    position: relative;
}

.search_box .search_box_l .tab li {
    width: 97px !important;
    float: left;
}

.search_box .search_box_l .tab li a {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    background: #000;
    padding: 10px 0 8px;
    background: #000;
    text-decoration: none;
    height: 43px;
    box-sizing: border-box;
}

.search_box .search_box_l .tab li a.active {
    background: #ed5853;
}

.search_box .search_box_l .news_area {
    padding: 13px 30px;
    box-sizing: border-box;
    border: solid 1px #dedede;
    border-top: none;
}

.search_box .search_box_l .news_area li {
    border-bottom: solid 1px #f6f6f6;
    padding: 12px 0 10px;
    font-size: 12px;
}

.search_box .search_box_l .news_area li a {
    display: inline-block;
    color: #0093b9;
    position: relative;
}

.search_box .search_box_l .news_area li span {
    display: inline-block;
    position: relative;
}

.search_box .search_box_l .news_area li a.new:after,
.search_box .search_box_l .news_area li span.new:after {
    content: "New";
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
    background: #c10928;
    display: inline-block;
    padding: 3px 8px 1px;
    border-radius: 20px;
    margin-left: 15px;
}

.search_box .search_box_l .news_area li a.pic:before,
.search_box .search_box_l .news_area li span.pic:before {
    content: "";
    background: url(../images/icon_pic.png) no-repeat left top;
    background-size: 100% auto;
    display: block;
    width: 21px;
    height: 18px;
    position: absolute;
    right: -30px;
}

.search_box .search_box_l .news_area li a:hover {
    text-decoration: none;
}

.search_box .search_box_l .news_area li:last-child {
    border-bottom: none;
}

.search_box .search_box_r {
    width: 300px;
    float: right;
}

.search_box .search_box_r li:nth-child(1) {
    margin-bottom: 30px;
}

.search_box .search_box_r ul {
    margin-top: 0;
    width: 100%;
}

.search_box .search_box_r ul li {
    float: none;
}

.news_more {
    text-align: right;
}

.news_more a {
    color: #0093b9;
    font-size: 12px;
}

.news_more a:hover {
    text-decoration: none;
}

.tab_ov {
    padding: 0 27px;
}

@media screen and (max-width: 768px) {
    .tab_ov {
        padding: 0;
    }
    .search_box {
        width: 100%;
        margin: 8vw auto 0;
        position: relative;
    }

    .search_box .search_box_l {
        width: 86%;
        float: none;
        margin: 0 auto;
    }

    .search_box .search_box_l .tab {
        width: 86%;
        margin: 0 auto;
    }

    .search_box .search_box_l .tab li {
        width: 17.5vw !important;
        float: left;
    }

    .search_box .search_box_l .tab li a {
        display: block;
        text-align: center;
        font-size: 3.2vw;
        color: #ffffff;
        font-weight: bold;
        background: #000;
        padding: 3.3vw 0 3vw;
        background: #000;
        text-decoration: none;
        height: auto;
    }

    .news_more a {
        font-size: 3.2vw;
    }

    .search_box .search_box_l .tab li a.active {
        background: #ed5853;
    }

    .search_box .search_box_l .news_area {
        padding: 5% 7%;
        box-sizing: border-box;
        border: none;
        border-top: none;
    }

    .search_box .search_box_l .news_area li {
        border-bottom: solid 1px #f6f6f6;
        padding: 2vw 0;
        font-size: 3.2vw;
    }


    .search_box .search_box_l .news_area li a.new:after,
    .search_box .search_box_l .news_area li span.new:after {
        content: "New";
        font-size: 2.8vw;
        color: #FFF;
        font-weight: bold;
        background: #c10928;
        display: inline-block;
        padding: 0.2vw 2vw 0.2vw;
        border-radius: 20px;
        margin-left: 3vw;
    }

    .search_box .search_box_l .news_area li a.pic:before,
    .search_box .search_box_l .news_area li span.pic:before {
        content: "";
        background: url(../images/icon_pic.png) no-repeat left top;
        background-size: 100% auto;
        display: block;
        width: 5vw;
        height: 5vw;
        position: absolute;
        right: -6vw;
    }

    .search_box .search_box_l .news_area li a:hover {
        text-decoration: none;
    }

    .search_box .search_box_l .news_area li:last-child {
        border-bottom: none;
    }

    .search_box .search_box_r {
        width: 100%;
        float: none;
        margin-top: 5vw;
    }

    .search_box .search_box_r li:nth-child(1) {
        margin-bottom: 30px;
    }

    .sp {
        display: block !important;
    }
    .search_box .search_box_r ul {
        width: 80%;
        margin: 0 auto;
    }

    .search_box .search_box_r ul li {
        margin-bottom: 5vw;
    }
}

/*------------ /20181007 ------------*/