@charset "UTF-8";

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {-webkit-backface-visibility: hidden;}

strong {
    font-weight: bold;
}

::selection {
    background:#EEE;
}
::-webkit-selection {
    background:#EEE;
}
::-moz-selection {
    background:#EEE;
}







/* reset
----------------------------------------------------------------*/


html {
    font-family: "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "�����", YuMincho,"Sawarabi Mincho", "HG����E", "�l�r �o����", "�l�r ����", serif;

}

body {
    letter-spacing: 1px;
    width: 100%;
    min-width: 1080px;
}

p {
  font-size: 16px;
  line-height: 1.8;
}

#warpper {}



/* class
----------------------------------------------------------------*/

/* MARGINS */
.mbtm10{margin-bottom: 10px!important;}
.mbtm20{margin-bottom: 20px!important;}
.mbtm30{margin-bottom: 30px!important;}
.mbtm40{margin-bottom: 40px!important;}
.mbtm50{margin-bottom: 50px!important;}
.mbtm60{margin-bottom: 60px!important;}
.mbtm70{margin-bottom: 70px!important;}
.mbtm80{margin-bottom: 80px!important;}
.mbtm90{margin-bottom: 90px!important;}
.mbtm100{margin-bottom: 100px!important;}


/* FLOATERS & CLEARERS */
.lefty{
    float: left;
}.righty{
    float: right;
}.clearme{
    clear: both;
}



/*TEXT-ALIGN Class*/
.t_left {text-align: left;}
.t_center{text-align: center;}
.t_right{text-align: right;}


/* INLINE STYLE TAGS */
.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}


/* font-style */
.bold{
    font-weight: bold;
}.red{
    color: #D80000;
}.color-blue {
    color:#0059AC;
}
.underline{
    text-decoration: underline;
}.no_border{
    border-bottom: none !important;
}

.gosick{
    font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "��S�V�b�N", "Yu Gothic", YuGothic, "���C���I", Meiryo, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.mintyou{
    font-family: "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "�����", YuMincho, "HG����E", "�l�r �o����", "�l�r ����", serif;
}


.spmode {
    display: none !important;
}
.pcmode {
    display: block;
}


.edit_area,.edit-area {
    position: relative;
    margin: 0 auto;
    font-feature-settings: "palt";
}


a[target="_blank"] {
    padding-right: 22px;
    background-image: url(../img/other/out_icon.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto 14px;
}







/* header
----------------------------------------------------------------*/

header {
    width: 100%;
    margin: 0 auto;
    /*transition: all 0.3s;*/
    background-color: rgba(255,255,255,1);
}
@media print {
   header {position:  absolute;}
}


header .top_side {
    position: relative;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}



header .logomark {
    margin:  0 auto;
    width: 280px;
    position: absolute;
    top: 28px;
    left: 0;
}

header .logomark a {
    display: block;
}

header .logomark a img {
    width: 100%;
}


.contact_box {
    position: absolute;
    top: 20px;
    right: 208px;
}
.contact_box:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.contact_box p {
    color: #737373;
    font-size: 14px;
    line-height: 2.6;
    border: solid 1px #737373;
    text-align: center;
    padding: 0 23px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

.contact_box div {
    float: right;
    text-align: center;
}
.contact_box div span {}
.contact_box div span.tel-link {
    font-size: 28px;
    letter-spacing: 0.1px;
    display: block;
} 
.contact_box div span.reception-time {
    font-size: 11.5px;
    margin-left: -11px;
    letter-spacing: 0;
} 

.top_side .btn01 {
    position: absolute;
    top: 18px;
    right: 0;
}
.top_side .btn01 a {}



header .bottom_side {
    width: 100%;
    padding-top: 84px;
    margin: 0 auto;
    box-sizing:  border-box;
    /*transition: all 0.3s;*/
    border-top: solid 1px #DFDFDF;
}
header .bottom_side:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #DFDFDF;
    position: absolute;
    top: 84px;
}
header .bottom_side:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

header .bottom_side nav {
    width: 1080px;
    margin:  0 auto;
}
header .bottom_side nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

nav .nav-list {
    height: 58px;
}
nav .nav-list > li {
    float: left;
    text-align:  center;
    box-sizing:  border-box;
    font-size: 14px;
    font-weight: bold;
    /* line-height: 1.42; */
    position:  relative;
    height: auto;
    cursor:  pointer;
}


nav .nav-list > li.menu-item-28 > a {
    pointer-events: none;
}



nav .nav-list > li:after,
nav .nav-list > li:first-child:before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background-color: #D0D0D0;
    position: absolute;
    top: 22px;
    right: 0;
}
nav .nav-list > li:first-child:before {
    right: auto;
    left: 0;
}

nav .nav-list > li:after {
}
nav .nav-list > li:hover:after,
nav .nav-list > li.current-page-parent:after,
nav .nav-list > li.current-menu-item:after {
    background-color: #0162B1;
}


nav .nav-list > li a {
    display:  block;
    text-decoration:  none;
    color: #0e70ba;
    padding: 22px 47.5px;
    transition: background-color 0.3s ,color 0.3s;
    font-size: 14px;
}
@media all and (-ms-high-contrast: none){
    nav .nav-list > li a {
        padding: 22px 28.5px;
    }
}


nav .nav-list > li a[target="_blank"] {
    background:none;
}
nav .nav-list > li:hover > a,
nav .nav-list > li.current-page-parent > a,
nav .nav-list > li.current-menu-item > a {
    color: #FFF;
    background-color: #0162B1;
}


nav .nav-list li .sub-menu {
    display: none;
    position:  absolute;
    top: 58px;
    left: -50%;
    right: 100%;
    width: 260px;
    z-index: 10;
}
nav .nav-list li .sub-menu li {}
nav .nav-list li .sub-menu li a {
    background-color: #f5f5f5;
    border-bottom: solid 1px #ccc;
    transition: all 0.3s;
    padding: 22px 10px;
}
nav .nav-list li .sub-menu li:hover a {
    color: #FFF;
    background-color: #0162B1;
}




/* sub_page
----------------------------------------------------------------*/

/*h_00*/
.h_00 {
    position: relative;
    min-width: 1080px;
    height: 200px;
    line-height: 210px;
    text-align: center;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.h_00 span {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    letter-spacing: 6px;
    position: relative;
    z-index: 1;
}
.h_00:after {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    background-color: rgba(14,112,186,.6);

    position: absolute;
    top: 0;
    left: 0;
}

.h_00.price {
    line-height: 1.4;
    padding: 60px 0;
    box-sizing: border-box;
}

.h_00.price span {
    font-size: 46px;
    display: block;
}
.h_00.price strong {
    position: relative;
    color: #FFF;
    font-size: 16px;

    z-index: 1;
}



.h_01 {
    font-size: 34px;
    text-align: center;
    color: #0D70B9;
    margin-bottom: 60px;
    letter-spacing: 4px;
}






/*btn01*/
.btn01 {
    width: 188px;
    font-size: 14px;
    text-align: center;
    background: #0E70BA;
}
.btn01.white {}
.btn01.gold {}

.btn01 a {
    position: relative;
    color: #ffffff;
    font-weight: bold;
    display: block;
    padding: 17px 0;
    text-decoration: none;
    transition: all 0.3s;
}
.btn01.white a {
    background-color: #FFF;
    color: #0162B1;
}
.btn01.gold a {
    background-color: #CF962A;
    color: #FFF;
    border: solid 1px #CF962A;
}
.btn01 a:hover {
    background-color: #0162B1;
    color: #FFF;
}
.btn01.white a:hover {
    color: #FFF;
    background-color: #0162B1;
}
.btn01.gold a:hover {
    color: #CF962A;
    background-color: #FFF;
    border: solid 1px #CF962A;
}
.btn01 a:after,
.btn01.white a:hover:after,
.btn01.gold a:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: solid 1px #FFF;
    border-right: solid 1px #FFF;
    transform: rotate(45deg);
    position: absolute;
    top: 44%;
    right: 9%;
}
.btn01.white a:after {
    border-top: solid 1px #0162B1;
    border-right: solid 1px #0162B1;
}
.btn01.gold a:hover:after {
    border-top: solid 1px #CF962A;
    border-right: solid 1px #CF962A;
}









/* t_01 */
.t_01 {
    margin: 0 auto;
    border-top: solid 1px #DDD; /*�����́u���E�A�㉺�v*/
    border-left: solid 1px #DDD;
}
.t_01 thead {}
.t_01 thead tr {}
.t_01 thead tr th {
    background-color: #0E70BA;
    color: #FFF;
    height: 52px;
    vertical-align: middle;
    font-size: 16px;
    border-right: solid 1px #CCC;
}


.t_01 tbody {}
.t_01 tbody tr {}
.t_01 tbody tr th,
.t_01 tbody tr td {
    font-size: 14px;
    line-height: 1.4;
    padding: 14px 20px 14px;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}
.t_01 tbody tr th {
    position: relative;
    color: #000000;
    font-weight: bold;
    text-align:  left;
    vertical-align:  top;
    background-color: #F7F9FA;
}
.t_01 tr th span {width: 60px;display:  inline-block;}

.t_01 tbody tr td {
    line-height:  1.6;
    font-size: 14px;
}

.t_01 tbody tr td.not-support,
.t_01 tbody tr td.support {}

.t_01 tbody tr td.not-support {color: #888;}
.t_01 tbody tr td.support {color: #DFB360;}







.coming-soon {
    font-size: 28px;
    text-align: center;
    margin: 60px 0 100px;
}



#breadcrumbs{
    margin: 0 auto 80px;
    padding: 10px 0;
    width: 1080px;  
}
#breadcrumbs:after{
    content: " "; display: block; height: 0; clear: both;   
}
#breadcrumbs li{
    position: relative;
    float: left;
    color: #0e70ba;
    font-size: 0.75rem;
    letter-spacing: 1pt;
    padding-right: 30px;
}
#breadcrumbs li:after{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: solid 1px #BBB;
    border-right: solid 1px #BBB;
    transform:rotate(45deg);
    position: absolute;
    top: 4px;
    right: 15px;
}
#breadcrumbs li:last-child:after {display: none;}

#breadcrumbs li a{
    color: #000;
    font-size: 0.75rem;
    text-decoration: none;
}
#breadcrumbs li a:hover{
    text-decoration: underline;
}






/* footer
----------------------------------------------------------------*/




/*edit_area link*/
.edit_area.link {
    padding: 60px 0;
    background-color: #F1F1F3;
}
.edit_area.link {}

.edit_area.link ul {
    width: 1080px;
    margin:0 auto;
}
.edit_area.link ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.edit_area.link ul li {
    width: 360px;
    height: 140px;
    float: left;
    box-sizing: border-box;
    border-left:solid 1px #CCC;
    text-align: center;

    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size: auto 58px;

    transition: all 0.3s;
}

.edit_area.link ul li:hover {
    /* background-color: rgba(255,255,255,0.25); */
}


.edit_area.link ul li:nth-child(1) {background-image: url(../img/footer/icon01.png);}
.edit_area.link ul li:nth-child(2) {background-image: url(../img/footer/icon02.png);}
.edit_area.link ul li:last-child {
    background-image: url(../img/footer/icon03.png);
    border-right: solid 1px #CCC;
}

.edit_area.link ul li a {
    position: relative;
    font-size: 18px;
    font-weight:  bold;
    color: #003274;
    display:  block;
    height:  140px;
    box-sizing:  border-box;
    padding-top: 100px;
    text-decoration: none;
    overflow:  hidden;
    background-color: transparent;

}

.edit_area.link ul li a:before,
.edit_area.link ul li a:after {
    content: "";
    display: block;
    width: 180px;
    height: 180px;
    border: solid 5px #CCC;
    border-radius: 100px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: all 0.6s;
    opacity: 0;
    transform: scale(0,0);
}
.edit_area.link ul li a:before {
    width: 150px;
    height: 150px;
    border: solid 4px #CCC;
}

@keyframes fuwa {
    0% {
        opacity: 0;
        transform: scale(0,0);
    }
    50% {
        opacity: 1;
        transform: scale(1,1);
    }
    100% {
        opacity: 0;
        transform: scale(3,3);

    }
}
.edit_area.link ul li a:hover:before,
.edit_area.link ul li a:hover:after {
    animation-name: fuwa;
    animation-duration: 0.8s;
}



/*edit_area contact*/
.edit_area.contact {
    padding: 65px 0;
    background-color: #003275;
}

.edit_area.contact p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    color: #FFF;
    line-height: 1.6;
}

.edit_area.contact .inner {
    width: 1080px;
    margin:0 auto;
    background-color: #FFF;
    padding: 50px 165px;
    box-sizing: border-box;
}
.edit_area.contact .inner:after {
    content: "";
    display: block;
    height: 0;
    clear: both;

}

.edit_area.contact .inner .box {
    font-size: 14px;
    line-height: 1.6;
    float: left;
    margin-top: 6px;
}

.edit_area.contact .inner .box .tel-link {
    font-family: 'Roboto', sans-serif;
    display:  block;
    font-size: 44px;
    font-weight:  bold;
    letter-spacing: -1px;
    line-height: 1;
}
.edit_area.contact .inner .box .tel-link a {
    font-family: 'Roboto', sans-serif;
}

.edit_area.contact .inner .btn {
    width: 450px;
    float: right;
}

.edit_area.contact .inner .btn a {
    font-size: 18px;
    font-weight: bold;
    background-color: #C7000A;
    padding: 30px 0;
    color: #FFF;
    text-align: center;
    display:  block;
    text-decoration: none;

    transition: all 0.3s;
}
.edit_area.contact .inner .btn a:hover {
    letter-spacing: 6px;
    background-color: #e4232d;
}








/* footer */

footer {
    position:  relative;
    background-color: #0062b2;
    padding: 55px 0 0px;
}

footer .inner {
    width: 1080px;
    height: 220px;
    margin: 0 auto;
    position:  relative;
}
footer .inner:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}



footer .inner .footer-box {
    position:  absolute;
    width: 380px;
    top: 0;
    left: 0;
}
footer .inner .footer-box .logomark {
    width: 300px;
    height:  auto;
    margin-bottom: 12px;
}
footer .inner .footer-box .logomark a {
    display: block;
}
footer .inner .footer-box .logomark a img {
    width: 100%;
}
footer .inner .footer-box address {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.7;
    color: #FFF;
    margin-bottom: 22px;
}
footer .inner .footer-box .btn01 {
    width: 230px;
}
footer .inner .footer-box .btn01 a {}


footer .inner .footer-nav {
    position:  absolute;
    width: 400px;
    top: 0;
    right: 0;
}
footer .inner .footer-nav ul {}
footer .inner .footer-nav ul > li {
    position:  absolute;
    top: 2px;
    font-size: 14px;
    font-weight:  bold;
    letter-spacing: 1px;
}
footer .inner .footer-nav ul > li.menu-item-43 {}
footer .inner .footer-nav ul > li.menu-item-51 {
    top: 28px;
}
footer .inner .footer-nav ul > li.menu-item-47 {
    top: 54px;
}
footer .inner .footer-nav ul > li.menu-item-44 {
    top: 56px;
}
footer .inner .footer-nav ul > li.menu-item-48 {
    top: 85px;
}footer .inner .footer-nav ul > li.menu-item-48 > a {
    pointer-events: none;
}
footer .inner .footer-nav ul > li.menu-item-52 {
    right: 90px;
}
footer .inner .footer-nav ul > li.menu-item-45 {
    top: 28px;
    right: 61px;
}
footer .inner .footer-nav ul > li.menu-item-46 {
    top: 54px;
    right: 0px;
}

footer .inner .footer-nav ul > li > a {
    color: #FFF;
    text-decoration:  none;
}
footer .inner .footer-nav ul > li > a:hover {
    text-decoration: underline;
}
footer .inner .footer-nav ul > li .sub-menu {
    display:  block;
    height: 100%;
    margin-top: 12px;
    margin-left: 14px;
}
footer .inner .footer-nav ul > li .sub-menu li {
    position: static;
    margin-bottom: 11px;
    position: relative;
}
footer .inner .footer-nav ul > li .sub-menu li:before {
    content: "��";
    padding-right: 8px;
    color: #A0C7E6;
}
footer .inner .footer-nav ul > li .sub-menu li a {
    color: #A0C7E6;
}
footer .inner .footer-nav ul > li .sub-menu li a:hover {
    color: #FFF;
}


footer small {
    background-color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 3.6;
    font-size: 14px;
    letter-spacing: 1px;
}
footer #page-top {}

footer .inner .footer-nav ul > li .sub-menu li:before {
    content: "└";
    padding-right: 8px;
    color: #A0C7E6;
}