/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */








/* **************************************************************************
   common
   ************************************************************************** */
html { font-size:13px; line-height:24px; letter-spacing:0px; font-family:'メイリオ', 'Meiryo', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
img { border:none; }
a { text-decoration:none; }
a:hover,
a:hover * { opacity:0.75; }
a:hover,
a:hover * { opacity:0.75; /*transform:scale(1.0);*/ transition:all .125s ease-in-out; }
html, a { color:#4d4d4d; }

.gothic { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif; }
.mincho { font-family:'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }

.x { width:100%; overflow:hidden; }
.x .y { width:100%; position:relative; z-index:3; }
.x .y .z { width:100%; margin:auto; position:relative; }

.bgi { background-size:cover; background-position:center; background-repeat:repeat; }

.col3 { width:320px; float:left; }
.col6 { width:640px; float:left; }

/* jQuery mobile */
div.ui-loader { display:none; }

/* form parts normalizer */
textarea,
select,
option,
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"] { -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; margin:0; padding:0; border:0; border-radius:0; font-size:inherit; line-height:inherit; letter-spacing:inherit; font-family:inherit; color:inherit; vertical-align:baseline; box-sizing:content-box; position:relative; padding-top:1px; margin-top:-1px; /* rel padding-top */ }
input[type="radio"],
input[type="checkbox"] { margin:0; padding:0; font-size:inherit; line-height:inherit; letter-spacing:inherit; font-family:inherit; color:inherit; vertical-align:middle; box-sizing:content-box; position:relative; top:-2px; }
.select-wrapper { display:inline-block; position:relative; }
.select-wrapper:before { content:'▼'; display:inline-block; position:absolute; z-index:1; right:0; top:1px; text-align:center; font-size:inherit; line-height:inherit; letter-spacing:inherit; font-family:inherit; color:inherit; }
.select-wrapper > select { background:none transparent; z-index:2; }
select::-ms-expand { display:none; }
/* ie bugfix */
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"] {
    line-height:normal;
}
/* form parts customizer */
textarea[disabled=disabled],
select[disabled=disabled],
input[disabled=disabled] { background:#d4d4d4; background:rgba(0,0,0,0.125); }
textarea,
select,
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"] {
    top:-1px; /*border分*/
    border:1px solid #4d4d4d;
    border-radius:1rem;/*0.5rem;*/
    padding-left:0.5rem; padding-right:0.5rem;
    /*width:80px;*/

    border:1px solid transparent;
    background:transparent;
}
.select-wrapper:before { width:1rem; padding-right:0.5rem; }
.select-wrapper > select { padding-right:1.5rem;}
textarea { height:12rem; }
textarea,
select,
input[type="text"],/*
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="radio"],
input[type="checkbox"],*/
.select-wrapper > select {
    background:#e6e6e6;
    /*box-shadow:0px 1px 1px 1px rgba(0,0,0,0.375);*/
}

.select-wrapper {
    border-radius:0.5rem;
    background-color:transparent;/*#efefef;*/
    /*box-shadow:0px 1px 1px 1px rgba(0,0,0,0.375) inset;*/

    margin-top:1px;
    border:1px solid #e7cd8a;
    border-radius:2px;
}
.select-wrapper > select {
    background:transparent;
    top:0px;
    margin-top:0;
    padding-right:3rem;
    padding-bottom:1px;
}
.select-wrapper:before {
    top:2px;
    border-left:1px solid transparent;/*#dddddd;*/
    padding-left:0.5rem;
    padding-right:0.75rem;
    content:'▼';/*url(../img/index_nav_select_arrow.png?v=1);*/
    color:#e7cd8a;
}
input[type="text"] { background-color:#efefef; box-shadow:0px 0px 1px 0px rgba(229,229,229,1.00) inset; }
input[type="text"]:focus { outline:0; }
/*
.select-wrapper.active,
.select-wrapper.active * {
    color:#ffffff;
    background-color:#46aaf3;
}
.select-wrapper.active {
    background-color:#46aaf3;
}
.select-wrapper.active * {
    color:#ffffff;
}
.select-wrapper.active:before {
    color:#ffffff;
}
*/

.bold { font-weight:bold; }

.x { min-width:960px; }
.x .y .z { width:960px; }
@media (min-width: 481px) {
    .sp { display: none; }
}
@media (max-width: 480px) {
    .x { min-width:320px; }
    .x .y .z { width:320px; }

    .pc { display: none; }
}


/* header */
.x.header { top:0; z-index:4; background-color:#fff; border-bottom:18px solid #004097; }
.x.header .y {}
.x.header .y .z {}
.x.header .y .z .w{}
.x.header .y .z .w .i {}
.x.header .y .z .w .i ul,
.x.header .y .z .w .i li { list-style:none; margin:0; padding:0; display:inline-block; }
.x.header .y .z .w .i .a { float:right; margin-right:1px; }
.x.header .y .z .w .i .a .tel { border-radius: 7px; border:1px solid #004097; padding:3px 12px; }
.x.header .y .z .w .i .a .tel li { margin-right:18px; }
.x.header .y .z .w .i .a .tel li:last-child { margin-right:0; }
.x.header .y .z .w .i .a .tel a { color:#004097; font-size:12px; font-weight:bold; /*letter-spacing:1px;*/ }
.x.header .y .z .w .i .a .tel a img { vertical-align: baseline; position:relative; bottom:-1px; margin-right:8px; }
.x.header .y .z .w .i .b { text-align:center; margin-top:36px; }
.x.header .y .z .w .i .b a { }
.x.header .y .z .w .i .c { margin:48px 0 45px; }
.x.header .y .z .w .i .c ul { width:100%; }
.x.header .y .z .w .i .c ul li { float:left; width:191px; text-align:center; border-right: 1px solid #B3B3B3; }
.x.header .y .z .w .i .c ul li:first-child { width:190px; border-left: 1px solid #B3B3B3; }
.x.header .y .z .w .i .c ul li a { width: 100%; display: inline-block; text-align: center; }
.x.header .y .z .w .i .c ul li .menu-text { font-size: 14px; font-weight: bold; letter-spacing: 2px; }
.x.header .y .z .w .i .c ul li .eng { font-size: 10px; color: #004097;  font-weight: normal; letter-spacing: 1px; }


@media (min-width: 960px) {
}
@media (min-width: 481px) and (max-width: 959px) {
}
@media (max-width: 480px) {
    .x.header { height:48px; border-bottom: 6px solid #004097; } /* meanmenu適用時のバタツキを抑制 */
    .x.header nav { display:none; }
    body.mean-container .mean-bar { background-color:#fff; padding-bottom:0; }
    body.mean-container a.meanmenu-reveal span { background-color:#4d4d4d; } /* hamburger */
    body.mean-container a.meanmenu-reveal { color:#4d4d4d; padding-top:16px; padding-bottom:13px; } /* close */
    body.mean-container .mean-nav { background-color:#fff; }
    body.mean-container .mean-nav ul li a { color:#4d4d4d; border-color:#4d4d4d; }
    body.mean-container .mean-nav ul li a.active { font-weight:bold; color:#4d4d4d; }
    
    body.mean-container .mean-bar::before { content:''; display:block; width:142px; height:22px; background-image:url(../img/common-header-logo.png); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; left:96px; top:14px; }
}



/* footer */
.x.footer1 { position:relative; z-index:3; background-color:#ffffff; border-bottom:18px solid #004097; }
.x.footer1 .y { /*margin-top:36px;*/ background-image:url(../img/footer-img-01.jpg); }
.x.footer1 .y .z { padding:25px 0 22px 0; padding-top:51px; }
.x.footer1 .y .z .w {}
.x.footer1 .y .z .w .i {}
.x.footer1 .y .z .w .i .d1 { padding:6px 0 2px 0; }
.x.footer1 .y .z .w .i .d2 { padding:0 0 40px 0; text-align:center; }
.x.footer1 .y .z .w .i .d2 a { display:inline-block; height:100%; }
.x.footer1 .y .z .w .i .d2 a:hover img { transform:scale(1.25); transition:all .25s ease-in-out; }
.x.footer1 .y .z .w .i .d3 { color:#ffffff; }
.x.footer1 .y .z .w .i .d4 { font-size:16px; letter-spacing:1px; padding:35px 0 5px 0; }
.x.footer1 .y .z .w .i .d5 { font-size:21px; letter-spacing:1px; padding-bottom:5px; }
.x.footer1 .y .z .w .i .d6 { font-size:12px; /*letter-spacing:1px;*/ line-height:20px; padding-bottom:5px; }
.x.footer1 .y .z .w .i .d7 { font-size:16px; border-radius: 7px; border:1px solid #ffffff; padding:7px 0px; width:172px; margin-top:4px; }
@media (min-width: 960px) {
}
@media (min-width: 481px) and (max-width: 959px) {
}
@media (max-width: 480px) {
    .x.footer1 { border-bottom:6px solid #004097; }
    .x.footer1 .y .z .w .i .d2 { padding-top:40px; }
}


.x.footer2 {}
.x.footer2 .y { background-color:#ffffff; }
.x.footer2 .y .z {}
.x.footer2 .y .z .w {}
.x.footer2 .y .z .w .i {}
.x.footer2 .y .z .w .i .company { padding-top:30px; letter-spacing:1px; }
.x.footer2 .y .z .w .i .company .name { font-size:13px; font-weight:bold; }
.x.footer2 .y .z .w .i .copyright { padding:15px 0 40px; font-size:11px; }
@media (min-width: 960px) {
}
@media (min-width: 481px) and (max-width: 959px) {
}
@media (max-width: 480px) {
    .x.footer2 .y .z .w { padding:0 0 0 5px; }
    .x.footer2 .y .z .w .i .d3 { margin-top:40px; }
    .x.footer2 .y .z .w .i .d5 { margin-top:40px; }
    .x.footer2 .y .z .w .i .d6 { text-align:center; }
}



.x.counseling-temp { padding: 70px 0; }
.x.counseling-temp .y { background-color:transparent; }
.x.counseling-temp .y .z { background-color:transparent; }
.x.counseling-temp .y .z .w { padding:0 20px; }
.x.counseling-temp .y .z .w .i { background-color:transparent; border:1px solid #D5D5D5; }
.x.counseling-temp .y .z .w .i .t1 { border-collapse:collapse; }
.x.counseling-temp .y .z .w .i .t1 .c1 { padding:0; vertical-align:middle; }
.x.counseling-temp .y .z .w .i .t1 .c1 .d1 {}
.x.counseling-temp .y .z .w .i .t1 .c1 .d1-1 { position:relative; }
.x.counseling-temp .y .z .w .i .t1 .c1 .d1-1-1 {}
.x.counseling-temp .y .z .w .i .t1 .c1 .d1-1-2 { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; }
.x.counseling-temp .y .z .w .i .t1 .c2 { padding:0; vertical-align:middle; }
.x.counseling-temp .y .z .w .i .t1 .c2 .d1 {}
.x.counseling-temp .y .z .w .i .t1 .c2 .d1-1 { font-size:1.125rem; line-height:2.25rem; letter-spacing: 2px; }
.x.counseling-temp .y .z .w .i .t1 .c2 .d1-1-1 { color:#17367b; font-weight:bold; }
.x.counseling-temp .y .z .w .i .t1 .c2 .d1-1-2 { }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.counseling-temp .y .z .w .i .t1 .c1 { width:35%; }
    .x.counseling-temp .y .z .w .i .t1 .c1 .d1 { padding:10px 30px 10px 10px; }
    .x.counseling-temp .y .z .w .i .t1 .c2 { width:65%; }
    .x.counseling-temp .y .z .w .i .t1 .c2 .d1 { padding:10px 40px 10px 30px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.counseling-temp .y .z .w .i .t1 .c1 { width:45%; }
    .x.counseling-temp .y .z .w .i .t1 .c1 .d1 { padding:10px 20px 10px 10px; }
    .x.counseling-temp .y .z .w .i .t1 .c2 { width:55%; }
    .x.counseling-temp .y .z .w .i .t1 .c2 .d1 { padding:10px 40px 10px 20px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.counseling-temp .y .z { width: 100%; }
    .x.counseling-temp .y .z .w .i { padding:0px 0; }
    .x.counseling-temp .y .z .w .i .t1,
    .x.counseling-temp .y .z .w .i .t1 > tbody,
    .x.counseling-temp .y .z .w .i .t1 > tbody > tr,
    .x.counseling-temp .y .z .w .i .t1 > tbody > tr > td { display:block; }
    .x.counseling-temp .y .z .w .i .t1 .c1 .d1 { padding:10px 10px; }
    .x.counseling-temp .y .z .w .i .t1 .c2 .d1 { padding:10px 10px; }
}


/* index */
#index .x.aaaaaaaa {}
#index .x.aaaaaaaa .y {}
#index .x.aaaaaaaa .y .z { width:100%; }
#index .x.aaaaaaaa .y .z .w {}
#index .x.aaaaaaaa .y .z .w .i {}
#index .x.aaaaaaaa .y .z .w .i .camera_wrap { margin-bottom:0 !important; }
#index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_caption > div { background-color:transparent; text-align:center; }
#index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag { display:none; }
#index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag .camera_pag_ul { max-width:960px; margin:auto; text-align:right; }
#index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag .camera_pag_ul li { background: #ccd9e9; margin:20px 16px; width:20px; height:20px; border-radius:10px; }
#index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag .camera_pag_ul li > span { left:0; top:0; width:20px; height:20px; border-radius:10px; }
#index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background:#004097; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption { height:100%; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption > div { height:100%; padding:0; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 { height:100%; max-width:100%; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table { height:100%; vertical-align:middle; width:100%; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody { height:100%; vertical-align:middle; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr { height:100%; vertical-align:middle; }
#index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td { height:100%; vertical-align:middle; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.aaaaaaaa { height:796px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag { margin-top:-80px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-1 {}
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-2 { margin-top:20px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.aaaaaaaa { height:796px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag { margin-top:-80px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-1 {}
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-2 { margin-top:20px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.aaaaaaaa { height:172px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_wrap .camera_pag { margin-top:-50px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-1 {}
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-2 { margin-top:5px; }
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-1 img { width:90%; }
    #index .x.aaaaaaaa .y .z .w .i .camera_caption > div .d1 table tbody tr td .d1-2 img { width:80%; }
}

#index .x.bbbbbbbb {}
#index .x.bbbbbbbb .y {}
#index .x.bbbbbbbb .y .z {}
#index .x.bbbbbbbb .y .z .w { padding:0 20px; }
#index .x.bbbbbbbb .y .z .w .i { padding-top:25px; padding-bottom:35px; }
#index .x.bbbbbbbb .y .z .w .i .d1 { text-align:center; }
#index .x.bbbbbbbb .y .z .w .i .d1-1 { display:inline-block; text-align:left; font-size:1.25rem; }

#index .x.cccccccc {}
#index .x.cccccccc .y {}
#index .x.cccccccc .y .z {}
#index .x.cccccccc .y .z .w { padding:0 20px; }
#index .x.cccccccc .y .z .w .i { padding-bottom:55px; }
#index .x.cccccccc .y .z .w .i .t1 { border-collapse:collapse; width:100%; }
#index .x.cccccccc .y .z .w .i .t1 .c1 { padding:0; vertical-align:middle; }
#index .x.cccccccc .y .z .w .i .t1 .c1 .d1 {}
#index .x.cccccccc .y .z .w .i .t1 .c1 .d1-1 { position:relative; }
#index .x.cccccccc .y .z .w .i .t1 .c1 .d1-1-1 {}
#index .x.cccccccc .y .z .w .i .t1 .c1 .d1-1-2 { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; }
#index .x.cccccccc .y .z .w .i .t1 .c2 { padding:0; vertical-align:middle; }
#index .x.cccccccc .y .z .w .i .t1 .c2 .d1 {}
#index .x.cccccccc .y .z .w .i .t1 .c2 .d1-1 { font-size:1.125rem; letter-spacing:1px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.cccccccc .y .z .w .i .t1 .c1 { width:52%; }
    #index .x.cccccccc .y .z .w .i .t1 .c1 .d1 { padding:10px 12px 10px 0; }
    #index .x.cccccccc .y .z .w .i .t1 .c2 { width:48%; }
    #index .x.cccccccc .y .z .w .i .t1 .c2 .d1 { padding:10px 0 10px 12px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.cccccccc .y .z .w .i .t1 .c1 { width:50%; }
    #index .x.cccccccc .y .z .w .i .t1 .c1 .d1 { padding:10px 12px 10px 0; }
    #index .x.cccccccc .y .z .w .i .t1 .c2 { width:50%; }
    #index .x.cccccccc .y .z .w .i .t1 .c2 .d1 { padding:10px 0 10px 12px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.cccccccc .y .z .w .i { padding:10px 0; }
    #index .x.cccccccc .y .z .w .i .t1,
    #index .x.cccccccc .y .z .w .i .t1 > tbody,
    #index .x.cccccccc .y .z .w .i .t1 > tbody > tr,
    #index .x.cccccccc .y .z .w .i .t1 > tbody > tr > td { display:block; }
    #index .x.cccccccc .y .z .w .i .t1 .c1 .d1 { padding:10px 0; }
    #index .x.cccccccc .y .z .w .i .t1 .c2 .d1 { padding:10px 0; }
}

#index .x.dddddddd {}
#index .x.dddddddd .y { background-color:#004097; }
#index .x.dddddddd .y .z { background-color:transparent; }
#index .x.dddddddd .y .z .w { padding:30px 20px; }
#index .x.dddddddd .y .z .w .i { background-color:transparent; }
#index .x.dddddddd .y .z .w .i .t1 { border-collapse:collapse; width:100%; }
#index .x.dddddddd .y .z .w .i .t1 .c1 { padding:0; vertical-align:top; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1 {}
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1 { display:block; background-color:transparent; margin:auto; max-width:320px; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1 { padding:20px 25px; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-1 { padding:0 12.5%; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-1-1 { position:relative; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-1-1-1 {}
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-1-1-2 { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-2 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-2-1 { font-size:1.25rem; line-height:1.875rem; font-weight:bold; color:#ffffff; display:inline-block; text-align:left; letter-spacing:2px; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-3 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-3-1 { font-size:1.125rem; line-height:1.75rem; font-weight:normal; color:#ffffff; display:inline-block; text-align:left; letter-spacing:2px; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-4 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c1 .d1-1-1-4-1 { font-size:12px; line-height:1.6rem; font-weight:normal; color:#ffffff; display:inline-block; text-align:left; letter-spacing:0.2px; }
#index .x.dddddddd .y .z .w .i .t1 .c2 { padding:0; vertical-align:top; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1 {}
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1 { display:block; background-color:transparent; margin:auto; max-width:320px; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1 { padding:20px 25px; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-1 { padding:0 12.5%; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-1-1 { position:relative; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-1-1-1 {}
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-1-1-2 { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-2 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-2-1 { font-size:1.25rem; line-height:1.875rem; font-weight:bold; color:#ffffff; display:inline-block; text-align:left; letter-spacing:2px; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-3 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-3-1 { font-size:1.125rem; line-height:1.75rem; font-weight:normal; color:#ffffff; display:inline-block; text-align:left; letter-spacing:2px; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-4 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c2 .d1-1-1-4-1 { font-size:12px; line-height:1.5rem; font-weight:normal; color:#ffffff; display:inline-block; text-align:left; letter-spacing:0.5px; }
#index .x.dddddddd .y .z .w .i .t1 .c3 { padding:0; vertical-align:top; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1 {}
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1 { display:block; background-color:transparent; margin:auto; max-width:320px; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1 { padding:20px 25px; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-1 { padding:0 12.5%; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-1-1 { position:relative; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-1-1-1 {}
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-1-1-2 { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-size:cover; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-2 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-2-1 { font-size:1.25rem; line-height:1.875rem; font-weight:bold; color:#ffffff; display:inline-block; text-align:left; letter-spacing:2px; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-3 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-3-1 { font-size:1.125rem; line-height:1.75rem; font-weight:normal; color:#ffffff; display:inline-block; text-align:left; letter-spacing:2px; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-4 { padding-top:8px; text-align:center; }
#index .x.dddddddd .y .z .w .i .t1 .c3 .d1-1-1-4-1 { font-size:12px; line-height:1.5rem; font-weight:normal; color:#ffffff; display:inline-block; text-align:left; letter-spacing:0.5px; }

#index .x.eeeeeeee {}
#index .x.eeeeeeee .y { background-color:transparent; }
#index .x.eeeeeeee .y .z { background-color:transparent; }
#index .x.eeeeeeee .y .z .w { padding:80px 20px 90px; }
#index .x.eeeeeeee .y .z .w .i { background-color:transparent; text-align:center; }
#index .x.eeeeeeee .y .z .w .i a { display:inline-block; }
#index .x.eeeeeeee .y .z .w .i .d1 { text-align:center; }
#index .x.eeeeeeee .y .z .w .i .d2 { text-align:center; padding:10px 0; font-size:1.35rem; line-height:2rem; font-weight:bold; color:#17367b; letter-spacing: 2px; }
#index .x.eeeeeeee .y .z .w .i .d2 img { padding-bottom:3px; }
#index .x.eeeeeeee .y .z .w .i .d2 .title { padding-left:10px; display:inline-block; color:#17367b; }
#index .x.eeeeeeee .y .z .w .i .d3 { text-align:center; }
#index .x.eeeeeeee .y .z .w .i .d3 span { display:inline-block; text-align:left; }

#index .x.ffffffff {}
#index .x.ffffffff .y { background-color:#f7f5f4; }
#index .x.ffffffff .y .z {}
#index .x.ffffffff .y .z .w { padding:41px 0 50px 0; }
#index .x.ffffffff .y .z .w .i {}
#index .x.ffffffff .y .z .w .i h2 { width: 320px; margin: 0 auto; padding: 15px 0; border-bottom: 10px solid #004097; text-align:center; letter-spacing:3px; }
#index .x.ffffffff .y .z .w .i .d1 { padding:28px 0; line-height:20px; margin:auto; width:780px; }
#index .x.ffffffff .y .z .w .i .d1 .anchor { display:block; padding:15px 0 14px 0; border-bottom:1px solid #d7d4cf; }
#index .x.ffffffff .y .z .w .i .d1 .anchor .pub    { display:inline-block; width:105px; padding-left:10px; }
#index .x.ffffffff .y .z .w .i .d1 .anchor .status { display:inline-block; width: 75px; margin-right:30px; background-color:#004097; color:#ffffff; text-align:center; }
/*
#index .x.ffffffff .y .z .w .i .d1 .anchor .status.new { background-color:#d73135; }
*/
#index .x.ffffffff .y .z .w .i .d1 .anchor .title  { display:inline-block; width:540px; margin-left:10px; }
#index .x.ffffffff .y .z .w .i .d2 { text-align:center; padding:25px 0; }
#index .x.ffffffff .y .z .w .i .d2 .anchor { display:inline-block; padding:0 13px 0 11px; line-height:34px; letter-spacing:3px; border-radius:6px; border:1px solid #938883; color:#938883; background-color:#ffffff; width:150px; }
#index .x.ffffffff .y .z .w .i .d2 .anchor:hover { color:#ffffff; background-color:#938883; border-color:#938883; transition:all .125s ease-in-out; }

@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.dddddddd .y .z .w .i .t1 .c1 { width:33.333333333%; }
    #index .x.dddddddd .y .z .w .i .t1 .c1 .d1 { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1 .c2 { width:33.333333333%; }
    #index .x.dddddddd .y .z .w .i .t1 .c2 .d1 { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1 .c3 { width:33.333333333%; }
    #index .x.dddddddd .y .z .w .i .t1 .c3 .d1 { padding:10px 0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.dddddddd .y .z .w .i .t1 .c1 { width:33.333333333%; }
    #index .x.dddddddd .y .z .w .i .t1 .c1 .d1 { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1 .c2 { width:33.333333333%; }
    #index .x.dddddddd .y .z .w .i .t1 .c2 .d1 { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1 .c3 { width:33.333333333%; }
    #index .x.dddddddd .y .z .w .i .t1 .c3 .d1 { padding:10px 0; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.dddddddd .y .z .w .i { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1,
    #index .x.dddddddd .y .z .w .i .t1 > tbody,
    #index .x.dddddddd .y .z .w .i .t1 > tbody > tr,
    #index .x.dddddddd .y .z .w .i .t1 > tbody > tr > td { display:block; }
    #index .x.dddddddd .y .z .w .i .t1 .c1 .d1 { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1 .c2 .d1 { padding:10px 0; }
    #index .x.dddddddd .y .z .w .i .t1 .c3 .d1 { padding:10px 0; }

    #index .x.eeeeeeee .y .z .w .i { padding:10px 0; }

    #index .x.ffffffff .y .z .w .i .d1 { width:320px; }
    #index .x.ffffffff .y .z .w .i .d1 .anchor .title  { display:block; width:300px; margin-left:10px; margin-top:10px; }
}


/* business */
#business .x.aaaaaaaa { padding-top: 45px; }
#business .x.aaaaaaaa .y {}
#business .x.aaaaaaaa .y .z {}
#business .x.aaaaaaaa .y .z .w {}
#business .x.aaaaaaaa .y .z .w .i { text-align: center; }
#business .x.aaaaaaaa .y .z .w .i h1 { width: 320px; margin: 0 auto; padding: 15px 0; border-bottom: 10px solid #004097; }

#business .x.bbbbbbbb { padding-top: 30px; }
#business .x.bbbbbbbb .y { background-color:#EBF0F7; }
#business .x.bbbbbbbb .y .z {}
#business .x.bbbbbbbb .y .z .w { padding:15px 0; }
#business .x.bbbbbbbb .y .z .w .i {}
#business .x.bbbbbbbb .y .z .w .i h2 { color:#17367b; letter-spacing: 4px; }

#business .x.cccccccc { padding-top: 30px; }
#business .x.cccccccc .y {}
#business .x.cccccccc .y .z {}
#business .x.cccccccc .y .z .w { padding:15px 0; }
#business .x.cccccccc .y .z .w .i {}
#business .x.cccccccc .y .z .w .i img { width: 100%; }
#business .x.cccccccc .y .z .w .i .txt { letter-spacing: 1px; text-align: justify; }

@media (min-width: 960px) {
    /* for pc [960, inf] */
    #business .x.bbbbbbbb .y .z .w .i h2 { font-size: 30px; }

    #business .x.cccccccc .y .z .w .i .txt { padding: 50px 40px 90px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #business .x.bbbbbbbb .y .z .w .i h2 { font-size: 30px; }

    #business .x.cccccccc .y .z .w .i .txt { padding: 50px 40px 90px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #business .x.aaaaaaaa .y .z .w .i { padding:10px 0; }
    #business .x.aaaaaaaa .y .z .w .i h1 { max-width:260px; }

    #business .x.bbbbbbbb .y .z .w { padding:8px 5px; }
    #business .x.bbbbbbbb .y .z .w .i h2 { font-size: 26px; }

    #business .x.cccccccc .y .z .w { padding:15px 10px; }
    #business .x.cccccccc .y .z .w .i .txt { padding: 30px 20px 70px; }
}


/* inquiry */
.x.inquiry form table tbody tr td { vertical-align:top; }

#inquiry .x.aaaaaaaa { padding-top: 45px; }
#inquiry .x.aaaaaaaa .y {}
#inquiry .x.aaaaaaaa .y .z {}
#inquiry .x.aaaaaaaa .y .z .w {}
#inquiry .x.aaaaaaaa .y .z .w .i { text-align: center; }
#inquiry .x.aaaaaaaa .y .z .w .i h1 { width: 320px; margin: 0 auto; padding: 15px 0; border-bottom: 10px solid #004097; }

#inquiry .x.bbbbbbbb { padding-top:52px; padding-bottom:70px; }
#inquiry .x.bbbbbbbb .y { background-color:#fff; }
#inquiry .x.bbbbbbbb .y .z {}
#inquiry .x.bbbbbbbb .y .z .w {}
#inquiry .x.bbbbbbbb .y .z .w .i {}
#inquiry .x.bbbbbbbb .y .z .w .i table { margin:0 10px; }
#inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td { border:1px solid #cbcbcb; border-left:none; border-right:none; vertical-align:top; padding:14px 16px; line-height:38px; }
#inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td:first-child { font-weight:bold; }
#inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.required {}
#inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.required td:first-child span:after { content:'※'; color:red; padding-left: 10px; }
#inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td { line-height:23px; }

#inquiry .x.bbbbbbbb .y .z .w .i .d1 { padding:65px 0 10px 0; text-align:center; font-size:12px; line-height:21px; }
#inquiry .x.bbbbbbbb .y .z .w .i .d1 .d1-1 { display:inline-block; text-align:left; padding:0 20px; }
#inquiry .x.bbbbbbbb .y .z .w .i .d1 .d1-1 a { text-decoration:underline; }

#inquiry .x.bbbbbbbb .y .z .w .i .btns { padding:42px 0 15px 0; text-align:center; }
#inquiry .x.bbbbbbbb .y .z .w .i .btns a { color:#fff; background-color:#004097; display:inline-block; padding:23px 13px 23px 11px; font-size:18px; line-height:33px;/*30px;*/ letter-spacing:3px; border-radius:6px; border:1px solid #004097; width:276px; position:relative; margin-top:10px; }
/*
#inquiry .x.bbbbbbbb .y .z .w .i .btns a:hover { color:#fff; background-color:#46aaf3; border-color:#419ee3; transition:all .125s ease-in-out; }
*/

@media (min-width: 960px) {
    /* for pc [960, inf] */
    #inquiry .x.bbbbbbbb .y .z .w .i table { width:940px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td:first-child { width:148px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input[type=text],
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td textarea { width:532px; }
    /*
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-y { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-m { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-d { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-zip  { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-addr { width:324px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel1 { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel2 { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel3 { width:60px; }
    */
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td:first-child { /*padding-top:53px;*/ }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td { padding:30px 16px 20px 16px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td textarea { height:188px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #inquiry .x.bbbbbbbb .y .z .w .i table { width:940px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td:first-child { width:148px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input[type=text],
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td textarea { width:532px; }
    /*
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-y { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-m { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-d { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-zip  { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-addr { width:324px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel1 { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel2 { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel3 { width:60px; }
    */
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td:first-child { /*padding-top:53px;*/ }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td { padding:30px 16px 20px 16px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td textarea { height:188px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #inquiry .x.bbbbbbbb .y .z .w .i table { width:300px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table,
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody,
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr,
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td { display:block; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td:first-child { border-bottom:none; padding-bottom:0; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td:last-child { border-top:none; padding-top:0; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input[type=text],
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td textarea { width:253px; }
    /*
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-y { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-m { width:30px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-birth-d { width:30px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-zip  { width:98px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-addr { width:253px; margin-top:9px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel1 { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel2 { width:60px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr td input#inquiry-form-tel3 { width:60px; }
    */
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td:first-child { padding-top:21px; padding-bottom:0; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td:last-child { padding-top:7px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td { padding:30px 16px 20px 16px; }
    #inquiry .x.bbbbbbbb .y .z .w .i table tbody tr.exception td textarea { height:188px; }
}


#company .x.aaaaaaaa { padding-top: 45px; }
#company .x.aaaaaaaa .y {}
#company .x.aaaaaaaa .y .z {}
#company .x.aaaaaaaa .y .z .w {}
#company .x.aaaaaaaa .y .z .w .i { text-align: center; }
#company .x.aaaaaaaa .y .z .w .i h1 { width: 320px; margin: 0 auto; padding: 15px 0; border-bottom: 10px solid #004097; }
#company .x.aaaaaaaa .y .z .w .i .t1 { border-collapse:collapse; margin: 20px 0 0; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c1 { padding:0; vertical-align:middle; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1 {}
#company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1-1 { width: 380px; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1-1 img { vertical-align: middle; margin-right:8px; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1-1 a { display:inline-block; width:100%; font-size: 18px; font-weight:bold; color:#17367b; letter-spacing: 2px; border: 1px solid #004097; padding: 20px 0; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1 {}
#company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1-1 { width: 380px; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1-1 img { vertical-align: middle; margin-right:8px; }
#company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1-1 a { display:inline-block; width:100%; font-size: 18px; font-weight:bold; color:#17367b; letter-spacing: 2px; border: 1px solid #004097; padding: 20px 0; }

#company .x.bbbbbbbb { padding-top: 30px; }
#company .x.bbbbbbbb .y {}
#company .x.bbbbbbbb .y .z {}
#company .x.bbbbbbbb .y .z .w { padding:15px 0; }
#company .x.bbbbbbbb .y .z .w .i {}
#company .x.bbbbbbbb .y .z .w .i h2 { color:#17367b; letter-spacing: 3px; }

#company .x.cccccccc {}
#company .x.cccccccc .y {}
#company .x.cccccccc .y .z {}
#company .x.cccccccc .y .z .w {}
#company .x.cccccccc .y .z .w .i {}
#company .x.cccccccc .y .z .w .i img { width: 100%; }
#company .x.cccccccc .y .z .w .i .txt3 { letter-spacing: 1px; text-align: justify; }
#company .x.cccccccc .y .z .w .i .txt4 { letter-spacing: 1px; text-align: justify; }
#company .x.cccccccc .y .z .w .i .txt3 { padding-top:0px; }
#company .x.cccccccc .y .z .w .i .txt4 { padding-top:30px; font-size:1.25rem; font-weight:bold; text-align:right; }

#company .x.cccccccc .y .z .w .i .d1 table { width:100%; }
#company .x.cccccccc .y .z .w .i .d1 table tr.odd  { background-color:#ebf0f7; }
#company .x.cccccccc .y .z .w .i .d1 table tr.even { background-color:#ffffff; }
#company .x.cccccccc .y .z .w .i .d1 table td { vertical-align:top; padding:16px 24px; }

#company .x.cccccccc .y .z .w .i .d2 { position:relative; height:0; overflow:hidden; }
#company .x.cccccccc .y .z .w .i iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }

#company .x.cccccccc .y .z .w .i .txt1 { letter-spacing: 1px; text-align: justify; }
#company .x.cccccccc .y .z .w .i .txt2 { letter-spacing: 1px; text-align: justify; }
#company .x.cccccccc .y .z .w .i .txt1 { padding-top:0px; }
#company .x.cccccccc .y .z .w .i .txt2 { padding-top:30px; font-weight:bold; color:#17367b; }

@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.aaaaaaaa .y .z .w .i .t1 .c1 { width:50%; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1 { padding:30px 50px 10px 50px; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c2 { width:50%; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1 { padding:30px 50px 10px 50px; }

    #company .x.bbbbbbbb .y .z .w .i { padding:0 40px; }
    #company .x.bbbbbbbb .y .z .w .i h2 { font-size: 25px; }

    #company .x.cccccccc .y .z .w .i { padding:0 40px; padding-bottom:60px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.aaaaaaaa .y .z .w .i .t1 .c1 { width:50%; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1 { padding:30px 50px 10px 50px; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c2 { width:50%; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1 { padding:30px 50px 10px 50px; }

    #company .x.bbbbbbbb .y .z .w .i { padding:0 40px; }
    #company .x.bbbbbbbb .y .z .w .i h2 { font-size: 25px; }

    #company .x.cccccccc .y .z .w .i { padding:0 40px; padding-bottom:60px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.aaaaaaaa .y .z .w .i { padding:10px 0; }
    #company .x.aaaaaaaa .y .z .w .i h1 { max-width:260px; }
    #company .x.aaaaaaaa .y .z .w .i .t1,
    #company .x.aaaaaaaa .y .z .w .i .t1 > tbody,
    #company .x.aaaaaaaa .y .z .w .i .t1 > tbody > tr,
    #company .x.aaaaaaaa .y .z .w .i .t1 > tbody > tr > td { display:block; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1 { padding:10px 10px; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c1 .d1-1 { width: 100%; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1 { padding:10px 10px; }
    #company .x.aaaaaaaa .y .z .w .i .t1 .c2 .d1-1 { width: 100%; }

    #company .x.bbbbbbbb .y .z .w .i { padding:0 20px; }
    #company .x.bbbbbbbb .y .z .w .i h2 { font-size: 21px; }

    #company .x.cccccccc .y .z .w .i { padding:0 20px; padding-bottom:40px; }
    #company .x.cccccccc .y .z .w .i .d1 table,
    #company .x.cccccccc .y .z .w .i .d1 table tbody,
    #company .x.cccccccc .y .z .w .i .d1 table tbody tr,
    #company .x.cccccccc .y .z .w .i .d1 table tbody tr td { display:block; }
    #company .x.cccccccc .y .z .w .i .d1 table tbody tr td.key { padding-bottom:4px; font-weight:bold; }
    #company .x.cccccccc .y .z .w .i .d1 table tbody tr td.val { padding-top:4px; }
}

#company .x.footer1 { margin-top:60px; }
















#index .x.gggggggg {}
#index .x.gggggggg .y { background-color:#ffffff; padding-top:57px; padding-bottom:136px; }
#index .x.gggggggg .y .z {}
#index .x.gggggggg .y .z h2 { text-align:center; font-size:32px; line-height:32px; font-weight:normal; letter-spacing:4px; margin:0; padding:27px 0; }
#index .x.gggggggg .y .z .d1 { padding-top: 6px; }
#index .x.gggggggg .y .z .d2 { padding-top:40px; text-align:center; }
#index .x.gggggggg .y .z .d2 a { display:inline-block; /*width:100%;*/ height:100%; }
#index .x.gggggggg .y .z .d3 {}
#index .x.gggggggg .y .z .d4 { padding-top:38px; margin-bottom:21px; font-size:18px; letter-spacing:2px; }
#index .x.gggggggg .y .z .d5 { display:inline-block; padding:0 47px 0 45px; line-height:40px; letter-spacing:3px; border-radius:6px; border:1px solid #666666; color:#4d4d4d; box-shadow: 0 0 1px 0px rgba(102,102,102,0.5)/*rgba(77,77,77,1)*//*rgba(172,174,171,1)*/ inset; }
#index .x.gggggggg .y .z .d2 a:hover .d5 { color:#ffffff; background-color:#4d4d4d; border-color:#666666; transition:all .125s ease-in-out; }







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}