/*
Theme Name: fukusima-keiden
Description: 險磯崕蟾･讌ｭ譬ｪ蠑丈ｼ夂､ｾ
Theme URI: https://www.fukusima-keiden.co.jp
Version: 1.0
License: fukusima-keiden
License URI: https://www.fukusima-keiden.co.jp
*/

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/****************************************

繝ｪ繧ｻ繝�ヨCSS縺薙％縺九ｉ

*****************************************/

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size:62.5%; /*1em=10px */
    overflow-y: scroll; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}


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

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

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

ol,ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

img{
    vertical-align: top;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/****************************************

body險ｭ螳�(荳ｻ縺ｫ譖ｸ蠑�)

*****************************************/

body{
    font-family: 'Noto Sans JP', "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", "Hiragino Kaku Gothic ProN", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    color: #000;
    line-height: 1.7;
    background: #fff;
    letter-spacing: 0.06em;
    min-width: 1040px;
}
@media screen and (max-width: 767px) {
    body{
        min-width: initial;
    }
}

/****************************************

繝壹�繧ｸ蜈ｱ騾�

*****************************************/

#wrapper{
    float: none;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    overflow: hidden;
}


@media screen and (max-width: 767px) {
    #wrapper{
        float: none;
        width: 100%;
        min-width: 0;
        min-height: 100%;
        margin: 0 auto;
        overflow: hidden;
        background-size: contain;
    }

}


/****************************************

繝輔か繝ｳ繝域欠螳�

*****************************************/

li,tt,tr,dt,dd,p{
    font-size: 1.6rem;
}

h1{
    color: #000;
    font-size: 3.4rem;
}
h2{
    color: #000;
    font-size: 3.4rem;
}
h3{
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
}



@media screen and (max-width: 767px) {
    
    li,tt,tr,dt,dd,p{
        font-size: 1.4rem;
    }
    
    h1{
        font-size: 2.2rem;
        line-height: 1.5;
    }
    h2{
        font-size: 2.2rem;
        line-height: 1.5;
    }
    h3{
        font-size: 1.6rem;
        line-height: 1.4;
    }
}


/****************************************

繝ｪ繝ｳ繧ｯ謖�ｮ�

*****************************************/

a:link,a:visited{
    font-weight: normal;
    color: #000;
    text-decoration: underline;
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}
a:hover,a:active {
    font-weight: normal;
    color: #0184cd;
    text-decoration: none;
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}

/****************************************

繧ｪ繝ｳ繝槭え繧ｹ譎ゅ�繧｢繧ｯ繧ｷ繝ｧ繝ｳ

*****************************************/

a:hover img.img_opacity {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}

a img.img_opacity {
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}


/****************************************

pc繝倥ャ繝€繝ｼ

*****************************************/

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

    header{
        width:100%;
        position: relative;
    }
    
    .header_top{
        border-top: solid 6px #0184cd;
        height: 100px;
        max-width: 1920px;
        margin: auto;
    }
    
    .header_page{
        border-top: solid 6px #0184cd;
        max-width: 1920px;
        margin: auto;
    }
    
    .header_toparea{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 0px 20px 0px 20px;
    }
    
    .logo{
        line-height: 1;
    }

    
}


/****************************************

sp繝倥ャ繝€繝ｼ繝ｻsp繝翫ン

*****************************************/
@media screen and (max-width:767px) {
    img {
        width: 100%;
        height: auto;
    }
    header {
        display: block;
        width: 100%;
    }
    
    .logo {
        text-align: center;
        margin: 30px auto;
    }
    .header_page .logo{
        margin: 20px auto;
    }
    .logo img{
        width: auto;
        max-width: 100%;
    }
    .navi_box{
        display: none;
    }
    
    #toggle {
        position: absolute;
        right: 15px;
        top: 12px;
        width: 30px;
        height: 25px;
        cursor: pointer;
        z-index: 9999;
    }
    #toggle div {
        position: relative;
    }
    #toggle span {
        display: block;
        position: absolute;
        width: 100%;
        height: 4px;
        background: #FFF;
        border-radius: 4px;
        -webkit-transition: 0.35s ease-in-out;
        -o-transition: 0.35s ease-in-out;
        transition: 0.35s ease-in-out;
    }
    #toggle span:first-child {
        top: 0;
    }
    #toggle span:nth-child(2) {
        top: 11px;
    }
    #toggle span:nth-child(3) {
        top: 22px;
    }
    .open_navi #toggle {
        position: fixed;
    }
    .open_navi #toggle span:first-of-type {
        -webkit-transform: translateY(11px) rotate(-315deg);
        -ms-transform: translateY(11px) rotate(-315deg);
        transform: translateY(11px) rotate(-315deg);
        background: #e4f1fd;
    }
    .open_navi #toggle span:nth-of-type(2) {
        opacity: 0;
    }
    .open_navi #toggle span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(315deg);
        -ms-transform: translateY(-11px) rotate(315deg);
        transform: translateY(-11px) rotate(315deg);
        background: #e4f1fd;
    }
    #sp_navi {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        overflow-y: scroll;
        text-align: left;
        background-color: rgba(1, 132, 205,0.85); /*sp繝翫ン閭梧勹*/
        z-index: 999;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    .open_navi #sp_navi {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    .open_navi #wrapper {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-filter:blur(3px);
        filter:blur(3px);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    #sp_navi .menu {
        padding-top: 80px;
        text-align: center;
    }
    #sp_navi .menu .menu-item {
        width: 100%;
        text-align: center;
        border-bottom: #e4f1fd 1px solid; /*sp繝翫ン荳狗ｷ�*/
        cursor: pointer;
        color: #FFF; /*sp繝翫ン譁�ｭ苓牡*/
        font-weight: bold;
        margin: 0 auto;
        font-size: 1.4rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #sp_navi .menu .menu-item-home {
        border-top: #e4f1fd 1px solid; /*sp繝翫ン荳顔ｷ�(1逡ｪ荳�)*/
    }
    #sp_navi .menu-item a {
        display: block;
        padding: 15px 15px 14px;
        letter-spacing: 0.11em;
    }
    #sp_navi .menu-item span {
        display: inline-block;
        padding: 0px 17px;
        font-size: 1.0rem;
    }
    #sp_navi .menu-item a:active,
    #sp_navi .menu-item a:hover,
    #sp_navi .menu-item a:link,
    #sp_navi .menu-item a:visited {
        color: #FFF; /*sp繝翫ン譁�ｭ苓牡-繧ｫ繝�ざ繝ｪ*/
        font-weight: bold;
        text-decoration: none;
    }
    #sp_navi .sub-menu {
        width: 100%;
        text-align: center;
        display: none;
    }
    #sp_navi .sub-menu li {
        width: 100%;
        text-align: center;
        border-top: #e4f1fd 1px solid; /*繧ｪ繝ｫ繧ｬ繝ｳ荳顔ｷ�(1逡ｪ荳�)*/
    }
    #sp_navi .sub-menu li:first-child {
        width: 100%;
        text-align: center;
    }
    
    #sp_navi .sub-menu li a {
        display: block;
        padding: 11px 0 10px;
        color: #FFF;
        background-color: rgba(0, 38, 103, 0.8); /*繧ｪ繝ｫ繧ｬ繝ｳ閭梧勹*/
    }
    #sp_navi .sub-menu li a:active,
    #sp_navi .sub-menu li a:hover,
    #sp_navi .sub-menu li a:link,
    #sp_navi .sub-menu li a:visited {
        color: #FFF;
        text-decoration: none;
    }
    #sp_navi .sub-menu li a:hover {
        color: #FFF; /*繧ｪ繝ｫ繧ｬ繝ｳ譁�ｭ苓牡(繝槭え繧ｹ繧ｪ繝ｼ繝舌�)*/
        background: none; /*繧ｪ繝ｫ繧ｬ繝ｳ閭梧勹(繝槭え繧ｹ繧ｪ繝ｼ繝舌�)*/
    }
    #sp_navi .menu-item-has-children {
        position: relative;
    }
    #sp_navi .menu-item-has-children:before {
        content: '';
        width: 14px;
        height: 14px;
        border: 0;
        border-top: solid 3px #002667; /*繧ｫ繝�ざ繝ｪ遏｢蜊ｰ*/
        border-right: solid 3px #002667; /*繧ｫ繝�ざ繝ｪ遏｢蜊ｰ*/
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        position: absolute;
        top: 14px;
        right: 20px;
    }
    #sp_navi .menu-item-has-children.menu_open:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        top: 22px;
    }
    
    #g_navi {
        display: none;
    }


}



/****************************************

pc逕ｨ 讓ｪ繝翫ン

*****************************************/

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

    #sp_navi,#toggle{display: none;}

}

#g_navi{
    width: calc(100% - 270px);
    margin: 0px 0px 0px 10px;
}
#g_navi .menu{
    *zoom: 1;
    width: 100%;
    list-style-type: none;
    margin: 0 auto;
    display: flex;
    justify-content: right;
    height: 94px;
    align-items: center;
}
#g_navi .menu:before, #g_navi .menu:after{
    content: "";
    display: table;
}
#g_navi .menu:after{
    clear: both;
}
#g_navi .menu li{
    position: relative;
    width: 195px;
    text-align: center;
    line-height:0;
}

#g_navi .menu li:nth-child(1){
    width: 180px;
}
#g_navi .menu li:nth-child(2){
    width: 210px;
}
#g_navi .menu li:nth-child(5){
    width: 210px;
}

#g_navi .menu li a{
    display: block;
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    position: relative;
}
#g_navi .menu li a span{
    display: block;
    color: #0184cd;
    font-weight: normal;
    font-size: 1.1rem;
}

/* 繝槭え繧ｹ繧ｪ繝ｼ繝舌�縺ｧ繧｢繝ｳ繝€繝ｼ繝ｩ繧､繝ｳ */
#g_navi .menu li a:before{
	content: "";
	position: absolute;
	left: 0;
    /* right: 0;
    margin: 0 auto; */
	bottom: -8px;
	width: 100%;
	height: 3px;
	background: #0184cd;
	transform: scale(0, 1);
	transform-origin: left;
	transition: 0.4s;
}
#g_navi .menu li a:hover:before{
    transform: scale(1);
}
#g_navi .menu .sub-menu li a:before {
    position: initial; /*繝峨Ο繝��繝€繧ｦ繝ｳ縺ｮ陬�｣ｾ繧貞叙豸�*/
}


#g_navi .menu li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 135%;
    left: 0%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition:0.3s;
    transition: 0.3s;
    width: 152px;
    right: 0;
    margin: auto;
}

#g_navi .menu li:nth-child(5) ul{
    width: 170px;
}

#g_navi .menu li:nth-child(5) ul a{
    /* width: 230px; */
    width: 170px;
}

#g_navi .menu li ul li{
    width: 100%;
}
#g_navi .menu li ul li a{
    /* width: 205px; */
    width: 152px;
    padding: 13px 5px;
    border-top: 1px solid #FFF;
    font-size: 1.3rem;
    line-height: 1.2;
    background: #0184cd;
    color: #fff;
    font-weight: normal;
    text-align: center;
    opacity: 0.95;
    filter: alpha(opacity=95);
    visibility: hidden;
    opacity: 0;
    -webkit-transition:.5s;
    transition: .5s;
}

#g_navi .menu li ul li a:hover{
    background: #002667;
    color: #fff;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

#g_navi .menu li:hover ul{
    visibility: visible;
    opacity: 0.95;
}

#g_navi .menu li:hover ul li a{
    visibility: visible;
    opacity: 1;
}


/****************************************

繝�ぅ繝ｼ繧ｶ繝ｼ

*****************************************/

/* TOP繧ｹ繝ｩ繧､繝€繝ｼ蜈ｱ騾� */

@media print, screen and (min-width: 768px) {
    #top_mv {
        position: relative;
        width: 100%;
        height: 800px;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .top_mv_img{
        position: absolute;
        width: 1920px !important;
        height: auto;
        top: 0;
        left: calc(50% - 960px);
    }

    .mv_txt{
        position: absolute;
        top: calc(50% - 92px); /*譁�ｭ励�鬮倥＆184/2=92px*/
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;

    }
    .mv_txt p {
        color: #FFF;
        font-size: 3.4rem;
        letter-spacing: 0.07em;
    }
    .mv_txt p:nth-child(1){
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    .mv_txt .mv_txt_bottom{
        font-size: 2.6rem;
        margin-top: 20px;
        font-weight: bold;
    }


     .teaser{
        width: 100%;
        height: 340px;
        text-align: center;
    }
    
    .teaser_concept{
        height: 400px;
        background: url(images/teaser_concept_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }
    
    .teaser_works{
        height: 340px;
        background: url(images/teaser_works_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }
    
    .teaser_recruit{
        height: 340px;
        background: url(images/teaser_recruit_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_info{
        height: 340px;
        display: flex;
        align-items: center;
        background: url(images/teaser_info_bg.jpg) top center no-repeat;
    }

    .teaser_txt{
        margin: 0 auto;
        text-align: center;
        width: 500px;
        padding: 25px 0 20px;
        background: rgba(0, 100, 153, 0.9);
    }
        
    
}


@media screen and (max-width: 767px) {
    
    #top_mv {
        width: 180%;
        margin: 0 0 0 -40%;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .mv_txt{
        position: absolute;
        top: calc(50% - 40px); /*譁�ｭ励�鬮倥＆81/2=40px*/
        left: 0;
        right: 0;
        margin: 0 0 0 0%;
        text-align: center;
    }
    .mv_txt p{
        color: #FFF;
        font-size: 2.0rem;
        text-align: center;
        letter-spacing: 0.07em;
        line-height: 1.7;
    }
    .mv_txt p:nth-child(1){
        font-size: 1.4rem;
    }
    .mv_txt_bottom{
        font-size: 1.4rem;
    }

    .teaser{
        width: 100%;
        height: 250px;
        text-align: center;
    }

    .teaser_concept{
        height: 250px;
        background: url(images/teaser_concept_bg.jpg) top 50% right 40% no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_works{
        height: 250px;
        /* background: url(images/teaser_works_bg.jpg) top 0% left 23% no-repeat; */
        background: url(images/teaser_works_bg.jpg) top 0% left 48% no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_recruit{
        height: 250px;
        background: url(images/teaser_recruit_bg.jpg) top 50%  right 68% no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_recruiting{
        height: 250px;
        background: url(images/teaser_recruiting_bg.jpg) top 38%  right 11% no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_info{
        height: 250px;
        background: url(images/teaser_info_bg.jpg) top 0% right 0% no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_txt{
        width: 90%;
        margin: 0 auto;
        padding: 20px 0;
        background: rgba(0, 100, 153, 0.9);
    }

    .teaser_txt img{
        width: auto;
        max-width: 95%;
    }
    
}


/****************************************

content 蜈ｱ騾夊ｨｭ螳�

*****************************************/

main#top_main{
    width: 100%;
    margin: 0 auto 110px;
}

main#page_main{
    width: 1000px;
    margin: 25px auto 130px;
}
main#top_main p{
    font-size: 1.5rem;
}

.breadcrumb_area{
    width: 100%;
    padding: 0px;
    background: #EEE;
}

.breadcrumb{
    width: 1000px;
    margin: 0px auto 0;
}

.breadcrumb p{
    color: #000;
    font-size: 1.4rem;
    line-height: 2;
}
.breadcrumb p a:link,
.breadcrumb p a:visited{
    color: #000;
    text-decoration: none;

}
.breadcrumb p a:hover,
.breadcrumb p a:active{
    color: #0184cd;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    
    .pc_none{
        display: none;
    }

}

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

    main#top_main{
        padding: 0 10px;
        margin: 0 auto 50px;
    }

    main#page_main{
        width: 100%;
        padding: 0 10px;
        margin: 0px auto 50px;
    }
    
    main#top_main p{
        font-size: 1.3rem;
    }
    
    .breadcrumb_area {
        padding: 0 10px;
        margin: 10px auto 30px;
    }

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

    .breadcrumb p{
        font-size: 1.2rem;
    }
    
    .sp_none{
        display: none;
    }
    
}


/****************************************

content繝医ャ繝礼畑

*****************************************/

/* 1繧ｫ繝ｩ繝�逶ｮ */

.top_box01{
    width: 100%;
    height: auto;
    padding: 50px calc((100% - 1000px) / 2) 85px;
    margin: 0 auto;
}
main#top_main .top_box01_tit{
    font-size: 2.1rem;
    font-weight: bold;
    color: #303030;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    display: block;
}
.top_box01_tit:after{
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    display: inline-block;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #0184cd 50%, #85d3ff 50%);
}
.top_box01_tit .blue{
    color: #0184cd;
}
main#top_main .top_box01_subtit{
    font-size: 3.2rem;
    margin-bottom: 45px;
    color: #0184cd;
    text-align: center;
    font-weight: bold;
    display: block;
}
.top_box01_subtit span{
    color: #303030;
}

.top_box02{
    padding: 70px calc((100% - 1000px) / 2) 50px;
    background: #e4f1fd;
    position: relative;
}
.top_box02:before{
    content: "";
    position: absolute;
    top: -30px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 60px;
    background: #000;
    opacity: 1;
}
.top_box_tit{
    font-size: 2.9rem;
    font-weight: bold;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}
.top_box_tit span{
    display: block;
    font-size: 1.8rem;
    color: #0184cd;
    font-weight: 500;
}

.top_box02_bnr{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.top_box02_bnr_parts{
    margin-bottom: 35px;
}
.top_box02_bnr_parts a{
    text-decoration: none;
}
.hover_mask{
    width: 100%;
    height: auto;
    background: #0184cd;
    position: relative;
}
.top_box02_bnr_inner{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 1;
}
.top_box02_bnr_inner h3{
    color: #FFF;
    font-size: 2.6rem;
    margin-bottom: 15px;
}
.hover_mask:hover img{
    opacity: 0.7;
}
.top_box02_bnr_txt{
    margin-top: 10px;
}

.top_box03{
    padding: 90px calc((100% - 1000px) / 2) 0px;
}





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

    .top_box01{
        text-align: center;
    }
    .top_box02_bnr_parts{
        width: 480px;
        margin-right: 40px;
    }
    .top_box02_bnr_parts:nth-child(2n){
        margin-right: 0;
    }
    

}

@media screen and (max-width: 767px) {
    
    .top_box01{
        padding: 0px 0px 50px;
    }

    .top_box01_tit{
        font-size: 1.6rem;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }
    .top_box01_subtit{
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
    
    .top_box02{
        padding: 40px 10px 40px;
        width: calc(100% + 20px);
        margin: 0 0 0 -10px;
        background-size: cover;
    }
    .top_box02:before{
        top: -20px;
        height: 40px;
    }

    .top_box_tit{
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
    .top_box_tit span{
        font-size: 1.6rem;
    }
    
    .top_box02_bnr_parts{
        margin-bottom: 25px;
    }
    .top_box02_bnr_inner{
        padding: 10px;
    }
    .top_box02_bnr_inner h3{
        font-size: 2.2rem;
    }
    
    
    .top_box03{
        padding: 50px 0 0px;
    }


}

/****************************************

result,topics 繝医ャ繝礼畑

*****************************************/

/* 譁ｰ逹€繝医ャ繝� */

#news_top_parts{
    width: 100%;
    padding: 25px 20px 20px;
    background: #e6e6e6;
    margin-bottom: 10px;
}

#news_top_parts time{
    color: #0184cd;
    font-size: 1.3rem;
    word-break: keep-all;
}
.news_list_tit{
    /* text-decoration: none; */
    font-size: 1.4rem;
    text-underline-offset: 0.5em;
    font-weight: bold;
    margin: 20px 0 15px;
}
.news_list_tit a{
    font-weight: bold;
}
main#top_main #news_top_parts p{
    font-size: 1.2rem;
}

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

    #news_top{
        display: flex;
        /* justify-content: left; */
        justify-content: center;
    }
    
    #news_top_parts{
        width: 320px;
        height: auto;
        margin-right: 20px;
        min-height: 200px;
    }
    
    #news_top #news_top_parts:last-child{
        margin-right: 0;
    }
    
 
}

@media screen and (max-width: 767px) {
    /* #news_top{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    } */
    
    /* #news_top_parts{
        width: 48%;
        height: auto;
        margin-right: 4%;
    }
    
    #news_top #news_top_parts:nth-child(2n){
        margin-right: 0;
    } */

    /* #topics_top{
       margin-bottom: 20px;
       height: 220px;
    }
    #topics_top_parts{
        flex-direction: column;
        align-items: flex-start;
        font-size: 1.3rem;
    } */

    /* .news_list_tit{
        width: 100%;
        margin-bottom: 30px;
        font-size: 1.8rem;
        color: #000;
        line-height: 1.2;
        font-weight: normal;
        position: relative;
        text-align: center;
    } */
    
    .news_list_tit{
        margin: 10px 0 15px;
        font-size: 1.6rem;
    }
    .news_list_txt a{
        text-decoration: none;
    }

    #news_top_parts a {
        font-size: 1.3rem;
    }


}


/****************************************

content荳句ｱ､逕ｨ

*****************************************/

/* 蜈ｨ繝壹�繧ｸ蜈ｱ騾壹€€繝輔Ξ繝�け繧ｹ繝懊ャ繧ｯ繧ｹ*/
.flex{
    display: flex;
    justify-content: space-between;
}

.flex_r{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.txt540{
    width: 540px;
}
.txt560{
    width: 560px;
}
.txt570{
    width: 570px;
}
.txt640{
    width: 640px;
}
.txt930{
    width: 930px;
}

.gray_bg{
    padding: 30px;
    background-color: #F2F1EC;
    text-align: center;
}
.border_box{
    border: 1.5px dotted #000;
    padding: 30px 30px 45px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .flex,
    .flex_r{
        flex-direction: column;
    }
}


/* 02繧ｳ繝ｳ繧ｻ繝励ヨ */
.concept_tit{
    border-bottom: 2px solid #000;
    display: inline-block;
    line-height: 1.2;
    padding-bottom: 15px;
    font-family: "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "MS P譏取悃", "MS PMincho", serif;
    font-weight: 500;
    font-size: 3.4rem;
}
.concept_name{
    font-family: "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "MS P譏取悃", "MS PMincho", serif;
    font-weight: 500;
}
.concept_name span{
    display: block;
    font-size: 2.0rem;
}

/* 06蜍滄寔隕��� */
.essentials_table a{
    text-underline-offset: 0.1em;
}





/* FAQ蜈ｱ騾� */
.faq_tit{
    position: relative;
    line-height: 1.2;
    color: #000;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 7px 0 25px 70px;
    width: 100%;
    margin-bottom: 10px;
    background: url(images/faq_question.png) left top no-repeat;
    min-height: 50px;
    border-bottom: 1px solid #111;
}

.faq_answer .txt930{
    padding: 10px 0 0px 70px;
    background: url(images/faq_answer.png) left top no-repeat;
    min-height: 50px;
}


/* 繝輔Ο繝ｼ蜈ｱ騾夲ｼ域棧邱夲ｼ�*/
/* .flow_box{
    display: flex;
    justify-content: space-between;
} */

.flow_icon{
    width: 50px;
    height:50px;
    /* margin: 0 30px 0 0; */
}

/* 繝ｪ繧ｹ繝亥�騾夲ｼ域焚蟄玲怏�� */
.number_list li{
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 10px;
}

/* 繝ｪ繧ｹ繝亥�騾夲ｼ医�繝ｼ繧ｫ繝ｼ縺ゅｊ�� */
/* .marker_list ul{
    list-style-position: inside;
} */
.marker_list li{
    list-style-type: disc;
    list-style-position: inside;
    /* padding-left: 10px; */
}

/* 繝ｪ繧ｹ繝亥�騾夲ｼ育判蜒丈ｻ倥″繝槭�繧ｫ繝ｼ�� */
.icon_list li {
    font-size: 1.9rem;
    margin-bottom: 20px;
    width: 50%;
    display: flex;
}
.icon_list li::before {
    content: url(images/list_icon.png);
    margin-right: 20px;
}
.icon_list li:last-child,.icon_list li:nth-last-child(2) {
    margin-bottom: 0px;
}

/* 2蛻庸lex */
.two_column_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    height: auto;
}
.two_column_flex img{
    width: 485px;
}
.two_column_flex p, .two_column_flex ul{
    width: 485px;
}
.two_column_flex img:nth-child(2n){
    margin-right: 0;
}
.two_column_flex div:not(:nth-of-type(2n)){
    margin-right: 30px;
}

.two_column_flex div:not(:last-child):not(:nth-last-child(2)){
    margin-bottom: 40px;
}
.two_column_flex .subhead03{
    margin-bottom: 10px;
}

 /* 3蛻庸lex */
.three_column_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    height: auto;
}
.three_column_flex img{
    width: 320px;
    margin-bottom: 10px;
}
.three_column_flex p, .three_column_flex ul{
    width: 320px;
}

.three_column_flex .subhead02{
    font-size: 1.6rem;
    margin-bottom: 10px;
}


/* 謚慕ｨｿ_螳夂ｾｩ繝ｪ繧ｹ繝� */
.definition_list{
    display: flex;
}
.definition_list dt{
    width: 115px;
}
.definition_list dt{
    word-break: keep-all;
}
/* .definition_list dd{
    word-break: break-all;
} */

/* 3蛻玲兜遞ｿ 蜈ｨ*/

.three_column_post{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.three_column_parts{
    width: 320px;
    height: auto;
    margin: 0 20px 30px 0;
}
.three_column_post .subhead02{
    font-size: 1.6rem;
    margin-bottom: 10px;
}


@media screen and (min-width: 768px) {
        
    .gray_bg{
        width: 1000px;
        line-height: 2.0;
    }
    .gray_bg dt{
        font-size: 1.8rem;
        font-weight: bold;
    }
    .gray_bg dd{
        font-size: 1.5rem;
    }

    .border_box{
        width: 1000px;
    }
    .border_box dt{
        font-size: 1.8rem;
        font-weight: bold;
    }

    /* 03蝪苓｣�ｷ･莠九↓縺､縺�※ */
    .about_box06 p{
        text-align: center;
    }

    /* 05蝪励ｊ譖ｿ縺域凾譛� */
    .period_box01 p, .period_box03 p{
        text-align: center;
    }

    /* 09縺雁撫縺�粋繧上○ */
    #mail_form{
        text-align: center;
        padding: 0 calc((100% - 1000px) / 2);
    }


    /* 3蛻庸lex PC*/
    .three_column_flex section:not(:nth-of-type(3n)){
        margin-right: 20px;
    }
    .three_column_flex img:nth-child(3n){
        margin-right: 0;
    }

    .three_column_flex section:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)){
        margin-bottom: 30px;
    } 

    /* 3蛻庸lex�医ユ繧ｭ繧ｹ繝茨ｼ英c*/
    .three_column_flex_txt .three_column_flex img{
        margin-bottom: 20px;
    }


    /* 3蛻玲兜遞ｿ pc*/
    .three_column_post .three_column_parts:nth-child(3n){
        margin-right: 0;
    }
    
    .three_column_img{
        width: 100%;
        height: 240px;
        margin-bottom: 15px;
    }

    .three_column_parts figure{
        width: 100%;
        height: 240px;
        overflow: hidden;
    }
    .three_column_figure :after{
        display: block;
        content: '';
        padding-top: 100%;
    }

    .three_column_parts figure img{
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }

    .three_column_parts img{
        width: 100%; /* 隧ｳ邏ｰ繝壹�繧ｸ辟｡縺励�蝣ｴ蜷医€∽ｸ€隕ｧ縺ｸ縺ｮ陦ｨ遉ｺ逕ｻ蜒上�蟷�ｒ譫�蜀�↓ */
        height: auto;
    }

}

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

    .txt540,.txt560,.txt570,.txt640,.txt930{
        width: 100%;
    }
    
    .gray_bg{
        padding: 20px;
    }
    .gray_bg dt{
        font-size: 1.6rem;
        font-weight: bold;
    }
    .gray_bg dd{
        font-size: 1.3rem;
        text-align: left;
    }
    
    .border_box{
        padding: 20px;
    }
    .border_box dt{
        font-size: 1.4rem;
    }
    .border_box dd{
        text-align: left;
    }

    .mb20_sp{
        margin-bottom: 20px;
    }

    /* 蟷�100%蜈ｱ騾夲ｼ郁レ譎ｯ逕ｻ蜒乗怏逕ｨ�� */
    ._box01{
        width: calc(100% + 20px);
        margin: 0 0 0 -10px;
        padding: 0px 10px;
    }

    /* 02繧ｳ繝ｳ繧ｻ繝励ヨ */
    .concept_tit{
        font-size: 2.2rem;
        padding-bottom: 10px;
    }
    .concept_name span{
        font-size: 1.8rem;
    }

    /* 09縺雁撫縺�粋繧上○ */
    #mail_form{
        text-align: left;
    }

    /* FAQ蜈ｱ騾嘖p */
    .faq_tit{
        font-size: 1.5rem;
        padding: 12px 0 25px 70px;
    }

    /*繝輔Ο繝ｼ蜈ｱ騾嘖p*/
    .flow_icon {
        margin-bottom: 30px;
    }

    /* 繝ｪ繧ｹ繝亥�騾夲ｼ育判蜒丈ｻ倥″繝槭�繧ｫ繝ｼ�鋭p */
    .icon_list li {
        width: 100%;
        font-size: 1.5rem;
        /* padding: 10px 0px 10px 50px; */
        margin-bottom: 5px;
        align-items: center;
    }
    /* .icon_list li::before {
        top: 0.8em;
    } */
    .icon_list li:nth-last-child(2) {
        margin-bottom: 5px;
    }

    /* 謚慕ｨｿ_螳夂ｾｩ繝ｪ繧ｹ繝� */
    .definition_list dt {
        width: 30%;
    }
    

    /* 2蛻庸lex sp*/
    .two_column_flex div{
        width: 48%;
    }
    .two_column_flex img, .two_column_flex p, .two_column_flex ul{
        width: 100%;
    }
    .two_column_flex img:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 2%;
    }
    .two_column_flex img:nth-child(2n){
        margin-right: 0;
    }
    .two_column_flex div:not(:nth-of-type(2n)){
        margin-right: 2%;
    }
    .two_column_flex div:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 2%;
    }
     /* 2蛻庸lex 蟷�100%�医ユ繧ｭ繧ｹ繝茨ｼ�*/
    .two_column_flex_txt .two_column_flex div{
        width: 100%;
        margin-bottom: 30px;
    }
    .two_column_flex_txt .two_column_flex div:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 30px;
    }
    .two_column_flex_txt .two_column_flex div:not(:nth-of-type(2n)){
        margin-right: 0;
    }

    /* 3蛻庸lex sp*/
    .three_column_flex section{
        width: 49%;
    }
    .three_column_flex img,.three_column_flex p{
        width: 100%;
    }

    .three_column_flex img:nth-child(2n){
        margin-right: 0;
    }

    .three_column_flex img:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 2%;
    }
    .three_column_flex img:nth-child(2n){
        margin-right: 0;
    }
    .three_column_flex section:not(:nth-of-type(2n)){
        margin-right: 2%;
    }
    /* .three_column_flex section:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)){
        margin-bottom: 2%;
    } */
    .three_column_flex section:not(:last-child){
        margin-bottom: 2%;
    }

    .three_column_flex section{
        margin-right: 0%;
    }

     /* 3蛻庸lex 譛€邨り｡御ｸｭ螟ｮ謠�∴�育判蜒乗焚縺悟･�焚縺ｮ蝣ｴ蜷茨ｼ�*/
     .three_column_flex section:last-child{
        margin: 0 auto;
    }

    /* 3蛻庸lex 蟷�100%�医ユ繧ｭ繧ｹ繝茨ｼ�*/
    .three_column_flex_txt .three_column_flex section{
        width: 100%;
        margin-bottom: 20px;
    }
    .three_column_flex_txt .three_column_flex img{
        margin-bottom: 2%;
    }


    /* 3蛻玲兜遞ｿ sp*/

    .three_column_post{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    .three_column_parts{
        width: 48%;
        margin: 0 4% 30px 0;
    }
    
    .three_column_post .three_column_parts:nth-child(2n){
        margin-right: 0;
    }

    .three_column_img{
        width: 100%;
        height: 120px;
        margin-bottom: 10px;
    }

    .three_column_parts figure{
        /* position: relative; */
        width: 100%;
        height: 120px;
        overflow: hidden;
    }

    .three_column_parts figure img{
        /* position: absolute; */
        width: 100%;
        /* width: auto; */
        height: 100%;
        /* top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); */
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    /* 譛€邨り｡御ｸｭ螟ｮ謠�∴�育判蜒乗焚縺悟･�焚縺ｮ蝣ｴ蜷茨ｼ�*/
    .three_column_post :last-child{
        margin: 0 auto;
    }

    .three_column_post .subhead02{
        font-size: 1.4rem;
    }

    
}

/****************************************

single.php

*****************************************/

#single_box{
    padding: 0 calc((100% - 1030px) / 2);
}

#single_box .headline{
    left: 0;
    font-size: 2.8rem;
    margin-top: 55px;
}

#single_box img{
    max-width: 1030px;
    padding: 10px 0;
    height: auto;
}

.nav-below{
    display: flex;
    justify-content: center;
    padding: 50px 0;
    font-size: 100%;
    text-align: center;
}

.nav-below p{
    padding: 0 10px;
}

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

    #single_box .headline{
        font-size: 2.0em;
    }

    #single_box img{
        max-width: 100%;
        padding: 10px 0;
    }
}



/****************************************

謚慕ｨｿ縲€pager險ｭ螳�

*****************************************/

.pager{
    clear:both;
    text-align:center;
    padding: 0px 0 40px;
}

a.page-numbers,
.pager .current{
    background:rgba(0,0,0,0.02);
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;
    font-size: 1.4rem;
}
.pager .current{
    background:rgba(0,0,0,1);
    border:solid 1px rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}


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

    .pager{
        padding: 0px 0 30px;
    }
}



/****************************************

sp_footer

*****************************************/

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

    #pc_footer{
        display: none;
    }

    #sp_footer{
        position: relative;
    }

    .sp_bana{
        display: flex;
        justify-content: space-between;
        position: fixed;
        width: 100%;
        height: 60px;
        bottom: 0;
        left: 0;
        z-index: 4;
    }
    
    .sp_bana div{
        position: relative;
        width: 25%;
        background: #002667;
        border-top: 1px solid #FFF;
    }
    
    .sp_bana div:nth-child(4){
        background: #0184cd;
    }
    
    .sp_bana div:not(:last-child){
        border-right: 1px solid #FFF;
    }
    
    .sp_bana div img{
        width: auto;
        margin-bottom: 7px;
        height: 30px;
    }
    .sp_bana div p{
        color: #FFF;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        word-break: keep-all;
    }
    
    .sp_bana a{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    
    .copyright {
        padding: 25px 0 80px;
        text-align: center;
        background: #002667;
        color: #fff;
        font-size: 0.9rem;
    }

    .sp_footer_content{
        padding: 10px 10px 20px;
        background-color: #002667;
        font-size: 1.3rem;
        font-weight: 500;
        color: #e6eaf0;
        text-align: center;
        position: relative;
    }

    .footer_txt{
        border: 1px solid #FFF;
        padding: 10px 10px;
        font-size: 1.3rem;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
    }

    
    #sp_footer .footer_logo img{
        width: auto;
        margin: 20px auto 0;
    }


    .pagetop {
        position: fixed;
        right: 0%;
        bottom: 60px;
        z-index: 4;
        height: 35px;
        width: 100%;
        text-align: center;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px;
        display: none;
    }
    .pagetop img{
        width: 20px;
        height: auto;
    }

}


/****************************************

pc_footer

*****************************************/
@media print, screen and (min-width: 768px) {
    #sp_footer{
        display: none;
    }

    #pc_footer{
        position: relative;
        width: 100%;
    }

    .pagetop{
        height: 60px;
        text-align: center;
        padding-top: 20px;
    }

    .footer_box{
        background-color: #002667;
        margin: 0 auto;
    }
    
    .footer_content{
        padding: 50px 10px 45px;
        display: flex;
        justify-content: space-between;
        color: #FFF;
        height: 330px;
        max-width: 1020px;
        margin: 0 auto;
    }

    .footer_info_l{
        width: 50%;
    }
    .footer_info_l p{
        font-size: 1.5rem;
        font-weight: 500;
        color: #e6eaf0;
    }
    .footer_info_l .footer_txt{
        border: 1px solid #FFF;
        padding: 18px 20px 18px;
        font-size: 1.3rem;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
    }

    .footer_info_r{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

    .footer_link dl:not(:last-child) dt{
        margin-right: 80px;
    }
    .footer_link dt{
        margin-bottom: 15px;
        font-weight: bold;
    }
    .footer_link dt a{
        font-size: 1.6rem;
        text-decoration: none;
        font-weight: bold;
    }
    .footer_link dd a{
        font-size: 1.4rem;
        text-decoration: none;
    }
    .footer_link dt a:link,.footer_link dt a:visited{
        color: #FFF;
    }
    .footer_link dd a:link,.footer_link dd a:visited{
        color: #e6eaf0;
    }
    .footer_link dd a:hover, .footer_link dt a:hover{
        color: #85d3ff;
    }

    /*繝壹�繧ｸ繝ｪ繝ｳ繧ｯ蜑阪�陬�｣ｾ*/
    .footer_link dd{
        margin-left: 20px;
        position: relative;

    }
    .footer_link dd:before {
        position: absolute;
        content: '';
        top: 40%;
        left: -20px;
        width: 6px;
        height: 6px;
        border-top: 2px solid #9e8b73;
        border-right: 2px solid #9e8b73;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .copyright_area{
        text-align: right;
        background-color: #002667;
    }
    
    .copyright_area p{
        color: #FFF;
        font-size: 1.2rem;
        font-weight: normal;
    }
    
}


/****************************************

sidebar/aside

*****************************************/

aside{
    height: auto;
    margin: 0 auto;
}
.bottom_box{
    width: 100%;
    height: auto;
    padding: 0px calc((100% - 460px) / 2) 95px;
    background: url(images/bottom_box_bg.jpg) top 20px center no-repeat;
    color: #FFF;
    position: relative;
}
.bottom_box_content{
    background: #0184cd;
    margin: -20px auto 0;
    padding: 30px 40px 0;
    position: relative;
}
.bottom_box_txt{
    font-size: 1.3rem;
}

.bottom_box_tit{
    position: relative;
    color: #FFF;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 15px;
    display: inline-block;
}
/*荳狗ｷ夲ｼ磯聞縺戊ｦ∫ｴ�繧医ｊ遏ｭ繧�ｼ�*/
.bottom_box_tit:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: 0;/*邱壹�荳贋ｸ倶ｽ咲ｽｮ*/
    display: inline-block;
    width: 50px;/*邱壹�髟ｷ縺�*/
    height: 2px;/*邱壹�螟ｪ縺�*/
    background: linear-gradient(90deg, #85d3ff 50%, #fff 50%);/*邱壹�濶ｲ*/
}

.bottom_box_time{
    font-size: 2.2rem;
    font-weight: 500;
    color: #fefefe;
}
.bottom_box_day{
    font-size: 1.4rem;
    font-weight: 500;
    color: #fefefe;
    position: relative;
    z-index: 1;
}

/* 繝懊ち繝ｳ(繧｢繧､繧ｳ繝ｳ) */
.bottom_box_btn .btn03 a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn03:first-child{
    margin-bottom: 20px;
}
.btn03:first-child img{
    position: absolute;
    left: 90px;
    width: 23px;
    height: 23px;
    /* margin-right: 40px; */
}
.btn03:nth-child(2) img{
    position: absolute;
    left: 90px;
    width: 24px;
    height: 18px;
    /* margin-right: 25px; */
}
/* 繝懊ち繝ｳ(蜷ｹ縺榊�縺�) */
.btn03:nth-child(2) a:before {
    content: "";
    position: absolute;
    bottom: -65px; /* 荳贋ｸ倶ｽ咲ｽｮ(top+bottom 35px+30px) */
    left: 50%;/*荳ｭ螟ｮ驟咲ｽｮ*/
    transform: translateX(-50%); /*繧ｺ繝ｬ繧定｣懈ｭ｣*/
    border: 35px solid transparent; /* 讓ｪ蟷�70px/2 */
    border-top: 30px solid #FFF; /*荳芽ｧ偵ｒ菴懊ｋ�磯ｫ倥＆謖�ｮ�30px��*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.btn03:hover:nth-child(2) a:before {
    /* border-top: 30px solid rgba(133, 211, 255, 0.6); */
    border-top: 30px solid #c3e9ff; /*荳芽ｧ偵ｒ菴懊ｋ�磯ｫ倥＆謖�ｮ�30px��*/
}

/* 髱呈棧蜷ｹ縺榊�縺� */
.bottom_box_content:before {
    content: "";
    position: absolute;
    bottom: -325px;/* 荳贋ｸ倶ｽ咲ｽｮ(top+bottom 230px+95px) */
    left: 50%;/*荳ｭ螟ｮ驟咲ｽｮ*/
    transform: translateX(-50%);/*繧ｺ繝ｬ繧定｣懈ｭ｣*/
    border: 230px solid transparent;/* 讓ｪ蟷�460px/2 */
    border-top: 95px solid #0184cd;/*荳芽ｧ偵ｒ菴懊ｋ�磯ｫ倥＆謖�ｮ�95px��*/
}


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

    .bottom_box{
        text-align: center;
    }
    /* .bottom_box_content div:first-child{
        border-right: 1px dashed #1f345c;
        width: 50%;
    } */
    .bottom_box_content{
        width: 460px;
        height: 420px;
    }

}

@media screen and (max-width: 767px) {
        
    .bottom_box{
        width: 100%;
        height: auto;
        padding: 100px 10px;
        background: url(images/bottom_box_bg.jpg) top center no-repeat;
        background-size: cover;
        flex-direction: column;
        align-items: center;
    }
    .bottom_box_txt{
        font-size: 1.2rem;
    }
    .bottom_box_content{
        padding: 20px 10px;
    }

    .bottom_box_tit{
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
    .bottom_box_time{
        font-size: 1.5rem;
    }
    .bottom_box_day{
        font-size: 1.3rem;
    }

    /* 繝懊ち繝ｳ(繧｢繧､繧ｳ繝ｳ) */
    .btn03:first-child{
        margin-bottom: 10px;
    }
    .btn03:first-child img{
        left: 60px;
    }
    .btn03:nth-child(2) img{
        left: 60px;
    }

    /* 繝懊ち繝ｳ(蜷ｹ縺榊�縺�) */
    .btn03:nth-child(2) a:before {
        bottom: -54px; /* 荳贋ｸ倶ｽ咲ｽｮ(top+bottom 35px+30px) */
        border: 35px solid transparent; /* 讓ｪ蟷�70px/2 */
        border-top: 20px solid #FFF; /*荳芽ｧ偵ｒ菴懊ｋ�磯ｫ倥＆謖�ｮ�30px��*/
    }
    .btn03:hover:nth-child(2) a:before {
        border-top: 20px solid #c3e9ff; /*荳芽ｧ偵ｒ菴懊ｋ�磯ｫ倥＆謖�ｮ�30px��*/
    }
    
    /* 髱呈棧蜷ｹ縺榊�縺� */
    .bottom_box_content:before {
        bottom: -199px;/* 荳贋ｸ倶ｽ咲ｽｮ(top+bottom 230px+95px) */
        border: 150px solid transparent;/* 讓ｪ蟷�310px/2 */
        border-top: 50px solid #0184cd;/*荳芽ｧ偵ｒ菴懊ｋ�磯ｫ倥＆謖�ｮ�95px��*/
    }
    
    /* .bottom_box_tel p{
        font-size: 2.4rem;
    } */
    
    /* .bottom_box_tit span{
        font-size: 3.4rem;
        margin-bottom: 10px;
        top: -30px;
        left: -65px;
    }
    
    .bottom_box_content span{
        font-size: 1.4rem;
    } */

}


/****************************************

繧ｿ繧､繝医Ν

*****************************************/

/* 荳句ｱ､繝壹�繧ｸ蜈ｱ騾夊ｦ句�縺� */

/* 邵ｦ邱�(荳�) */

.headline{
    color: #002666;
    font-size: 2.8rem;
    position: relative;
    letter-spacing: 0.15em;
    text-align: center;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.headline:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    display: inline-block;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #0583D0 50%, #85D3FF 50%);
}

/* bg髱� */
.subhead01{
    text-align: center;
    color: #FFF;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 30px;
    /* display: flex;
    justify-content: left;
    align-items: center; */
    background: #0084CC;
    padding: 16px 20px 17px;
    position: relative;
    z-index: 0;
}
.subhead01:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0px;
    border-bottom: 30px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲�ｫ倥＆ */
    border-left: 87px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲∵ｨｪ蟷� */
    border-right: 87px solid #B3E4FF; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲∵ｨｪ蟷�175px */
    border-top: 30px solid #B3E4FF; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲�ｫ倥＆60px */
    z-index: 2;
}
.subhead01::after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0px;
    border-top: 30px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲�ｫ倥＆ */
    border-left: 43px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲∵ｨｪ蟷� */
    border-right: 43px solid #004E77; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲∵ｨｪ蟷�95px */
    border-bottom: 30px solid #004E77; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲�ｫ倥＆60px */
    z-index: 1;
}

/*bg豌ｴ濶ｲ+繝峨ャ繝� */
.subhead02{
    color: #004D77;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: left;
    background: #B3E4FF;
    padding: 14px 15px 15px 37px;
    position: relative;
}
.subhead02:before{
    content: '';
    background: #002667;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border-radius: 30px;
    position: absolute;
    left: 15px;
    top: 40%;
}



@media screen and (max-width: 767px) {
    
    .headline{
        font-size: 2.4rem;
        margin-bottom: 20px;
    }

    .subhead01{
        font-size: 2.0rem;
        margin-bottom: 20px;
    }
    .subhead01:before{
        border-bottom: 28px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲�ｫ倥＆ */
        border-left: 43px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲∵ｨｪ蟷� */
        border-right: 43px solid #B3E4FF; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲∵ｨｪ蟷�86px */
        border-top: 28px solid #B3E4FF; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲�ｫ倥＆57px */
    }
    .subhead01::after{
        border-top: 27px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲�ｫ倥＆ */
        border-left: 33px solid transparent; /* 荳芽ｧ貞ｽ｢菴懈�縲∵ｨｪ蟷� */
        border-right: 33px solid #004E77; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲∵ｨｪ蟷�66px */
        border-bottom: 27px solid #004E77; /* 荳芽ｧ貞ｽ｢逹€濶ｲ縲�ｫ倥＆57px */
    }
    
    .subhead02{
        font-size: 1.6rem;
        margin-bottom: 15px;
        padding: 10px 15px 11px 37px;
    }

    
}


/****************************************

蜈ｱ騾單iv

*****************************************/

.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb40{
    margin-bottom: 40px;
}
.mb50{
    margin-bottom: 50px;
}
.mb60{
    margin-bottom: 60px;
}
.mb70{
    margin-bottom: 70px;
}
.mb80{
    margin-bottom: 80px;
}
.mb90{
    margin-bottom: 90px;
}
.mb100{
    margin-bottom: 100px;
}
.mb110{
    margin-bottom: 110px;
}
.mb120{
    margin-bottom: 120px;
}
.mb130{
    margin-bottom: 130px;
}
.mb140{
    margin-bottom: 140px;
}
.mb200{
    margin-bottom: 200px;
}

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

    .mb40{
        margin-bottom: 30px;
    }
    .mb50{
        margin-bottom: 40px;
    }
    .mb60,.mb70,.mb80,.mb90,.mb100,.mb110,.mb120,.mb130,.mb140,.mb200{
        margin-bottom: 50px;
    }

}

/****************************************

繝��繝悶Ν

*****************************************/

/* 06蜍滄寔隕��� */

.essentials_table{
    width: 100%;
    border-collapse: collapse;
}

.essentials_table th{
    width: 30%;
    padding: 11px 20px;
    font-weight: bold;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #EEE;
    /* text-align: center; */
}

.essentials_table td{
    width: 70%;
    padding: 11px 20px;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #FFF;
}


/* 莠区･ｭ謇€讎りｦ� */

.overview_table{
    width: 100%;
    border-collapse: collapse;
}

.overview_table th{
    width: 30%;
    padding: 11px 20px;
    font-weight: normal;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #EEE;
}

.overview_table td{
    width: 70%;
    padding: 11px 20px;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #FFF;
}

.overview_box02 .overview_table th{
    width: 35%;
}

.overview_box02 .overview_table td{
    width: 65%;
}

.overview_box04 .overview_table th{
    width: 70%;
}

.overview_box04 .overview_table td{
    width: 30%;
}

@media screen and (max-width: 767px){
    
    .essentials_table th{
        display: block;
        width: 100%;
        padding: 10px 13px;
        border-bottom: none;
    }
    
    .essentials_table td{
        display: block;
        width: 100%;
        padding: 10px 13px;
    }
    
    .essentials_table tr:not(:last-child) td{
        margin-bottom: 15px;
    }


    .overview_table th{
        display: block;
        width: 100%;
        padding: 10px 13px;
        border-bottom: none;
    }
    
    .overview_table td{
        display: block;
        width: 100%;
        padding: 10px 13px;
    }
    
    .overview_table tr:not(:last-child) td{
        margin-bottom: 15px;
    }

    .overview_box02 .overview_table th, .overview_box04 .overview_table th{
        width: 100%;
    }    
    .overview_box02 .overview_table td, .overview_box04 .overview_table td{
        width: 100%;
    }
    

}

/****************************************

P

*****************************************/

/* 謾ｹ陦� */
.line_break{
    padding-top: 30px;
}

@media print, screen and (min-width: 768px){
    .br-pc { display:block; }
    .br-sp { display:none; }
}
@media screen and (max-width: 767px){
    .br-pc { display:none; }
    .br-sp { display:block; }
}

/* 蠑ｷ隱ｿ*/
.bold{
    font-weight: bold;
}

.txt_center{
    text-align: center;
}

.txt_right{
    text-align: right;
}

.red{
    color: #FF0000;
}

/****************************************

繝懊ち繝ｳ

*****************************************/

/* 繝医ャ繝励€€繝懊ち繝ｳ1�磯搨�� */
.btn01{
    position: relative;
    width: 260px;
    background: #0184cd;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn01 a{
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 12px 10px 13px;
    color: #FFF;
    font-size: 1.7rem;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    border: 1px solid #0184cd;
}
.btn01 a:after{
    position: absolute;
    content: '';
    right: 20px;
    top: 40%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.btn01 a:hover{
    /* background: #85d3ff; */
    background: #002667;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    /* color: #0184cd; */
}
/* .btn01 a:hover:after{
    border-top: 2px solid #0184cd;
    border-right: 2px solid #0184cd;
} */


/* 繝医ャ繝励€€繝懊ち繝ｳ2�医ヰ繝翫�蜀�ｼ� */
.btn02{
    position: relative;
    width: 200px;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn02{
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    padding: 12px 10px 12px;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    border: 1px solid #FFF;
}
.btn02:after{
    position: absolute;
    content: '';
    right: 20px;
    top: 38%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.btn02:hover{
    /* background: rgba(0, 38, 103, 0.6); */
    /* background: rgba(1, 132, 205, 0.6); */
    background: rgba(133, 211, 255, 0.6);
    /* background: rgba(255, 255, 255, 0.8); */
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    /* color: #0184cd; */
}
/* .btn02 a:hover:after{
    border-top: 2px solid #0184cd;
    border-right: 2px solid #0184cd;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
} */

/* 繝医ャ繝励€€繝懊ち繝ｳ1�磯搨�� */
.btn03{
    position: relative;
    width: 380px;
    background: #FFF;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn03 a{
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 12px 10px 13px;
    color: #000;
    font-size: 1.7rem;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.btn03 a:hover{
    /* background: rgba(1, 132, 205, 0.5); */
    /* background: rgba(133, 211, 255, 0.6); */
    background: #c3e9ff;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    /* color: #0184cd; */
}

/* 繝懊ち繝ｳ縲€荳ｭ螟ｮ */
.btn_center p{
    margin: 0 auto;
}

/* 繝医ャ繝励�繝ｼ繧ｸ2縺､荳ｦ縺ｳ */
.two_column_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: auto;
}

.two_column_btn p:nth-child(1){
    margin-right: 20px;
}


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

    .btn01,.btn02,.btn03{
        width: 100%;
        margin-bottom: 10px;
    }
    .btn01 a,.btn03 a{
        font-size: 1.5rem;
        padding: 13px 13px 11px;
        text-align: center;
    }
    .btn02 a{
        font-size: 1.3rem;
        text-align: center;
    }

    .btn01{
        position: initial;
        transform: initial;
    }

    .two_column_btn p:nth-child(1), .top_box05 .two_column_btn p:nth-child(1) {
        margin-right: 0px;
    }

}

/****************************************

Contact Form7

*****************************************/

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

.form_row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding: 0 20px 30px 20px;
    border-bottom: 1px dotted #AAA;
}

.form_label{
    width: 300px;
    font-weight: bold;
}
.form_row_address_row .form_label{
    font-weight: normal;
}

.form_row .form_label .required{
    display: inline-block;
    color: #FFF;
    font-weight: normal;
    font-size: 1.2rem;
    padding: 0 4px;
    background: #CC0000;
    margin-right: 10px;
    border-radius: 3px;
}

.form_label .any{
    display: inline-block;
    color: #797979;
    font-weight: normal;
    font-size: 1.2rem;
    padding: 0 4px;
    background: #D7D7D7;
    margin-right: 10px;
    border-radius: 3px;
}

.form_input{
    width: calc(100% - 300px);
}

.wpcf7-form-control{
    width: 100%;
}

.wpcf7-form input{
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
}

.wpcf7-form input[type="radio"]{
    border-radius: 10px;
}

.wpcf7-list-item-label{
    vertical-align: text-top; /* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ譁�ｭ嶺ｽ咲ｽｮ */
}

.wpcf7-form textarea{
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
}

.form_input_post{
    width: 180px;
}

.form_row .form_input_post_txt{
    color: #B20000;
    font-weight: normal;
    font-size: 1.3rem;
}

.form_row .last_row{
    padding-bottom: 0;
    border-bottom: none;
}

.tc{
    text-align: center;
}

.form_row_post{
    margin-bottom: 30px;
    padding: 0 20px 30px 20px;
    border-bottom: 1px dotted #AAA;
}
.form_row_address_row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.tc input[type=submit]{
    cursor: pointer;
    width: 360px;
    max-width: 100%;
    padding: 18px;
    border: 1px solid #0184cd;
    background-color: #0184cd;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin: 10px auto 0;
}

.wpcf7 .tc input[type=submit]:hover{
    background-color: #85d3ff;
    color: #0184cd;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.wpcf7-response-output{
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
    
    .ajax-loader{
        width: auto;
        height: auto;
    }
    .form_row{
        flex-direction: column;
        padding: 0 0 20px 0;
    }

    .form_row .form_label{
        width: 100%;
        margin-bottom: 5px;
    }

    .form_input{
        width: 100%;
    }

    .form_row_address_row{
        flex-direction: column;
    }
    .form_row_post{
        padding: 0 0 20px 0;
    }


}


/****************************************

clearfix

*****************************************/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

/* End Hack */



/****************************************

霑ｽ蜉�逕ｨ

*****************************************/