/*! http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

/* HTML5 display-role reset for older browsers */

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

body
{
    line-height: 1;
}

ol,
ul
{
    list-style: none;
}
ul.dottedul{
    list-style:disc;
}
blockquote,
q
{
    quotes: none;
}

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

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

html
{
    font-size: 62.5%; /*10px*/
}

body
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4;

    text-align: left;
    letter-spacing: -.015em;
    word-wrap: break-word;

    color: #231815;

    -webkit-font-feature-settings: palt;
            font-feature-settings: palt;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}

*,
*:before,
*:after
{
    box-sizing: border-box;
}

a
{
    transition: color .3s ease, opacity .3s ease, background .3s ease;
    text-decoration: none;

    color: inherit;
}

table,
td,
th
{
    border-collapse: collapse;
}

img
{
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.header
{
    position: relative;

    margin: 0 auto;
}

.header .logo a
{
    display: block;
    overflow: hidden;

    width: 164px;
    height: 31px;

    white-space: nowrap;
    text-indent: 100%;

    background-image: url('../images/common/logo.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.header .entry__text
{
    font-family: 'Amiri', serif;
    font-size: 1.3rem;
    font-weight: 700;

    display: block;

    letter-spacing: -.01em;

    color: #00428e;
}

.header .entry__btn
{
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    font-weight: bold;
    font-style: italic;

    display: block;

    text-align: center;

    color: #fff;
    background: #ec6d88;
}
.header .languageselect{
    margin-bottom:5px;
}
.header .languageselect ul{
    display: grid;
grid-template-columns: 1fr 0.7fr;
gap: 10px 10px;
font-size:0.7em;
}
.header .languageselect ul li{
}
.header .languageselect ul li.jp{
    border-right:1px #666 solid;
padding-right: 10px;
}
.header .languageselect ul li a{
    opacity: 0.5;
}
.header .entrybtnbox dl dt{
    background-color:#ec6d88;
    color:#fff;
    padding:7px 5px 5px 5px;
    line-height:1;
    text-align: center;
    position: relative;
    font-size:0.9em;
    font-family: 'Amiri', serif;
}
.header .entrybtnbox dl dt:after{
content: "";
width: 7px;
  height: 7px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(135deg);
transform-origin: bottom left;
display: block;
position: absolute;
top: -2px;
  right: 6px;
 }
.header .entrybtnbox dl dd{
    display:none;
    position: relative;

}


.entrybtnbox dl dd a{
    background-color:#ec6d88;
    color:#fff;
    padding:8px 5px 5px 5px;
    line-height:1;
    text-align: center;
    font-family: 'Amiri', serif;
    display:block;
    font-size:0.9em;
}
.entrybtnbox dl dd a:hover{
    opacity: 0.7;
    }
 .entrybtnbox dl:hover dd{

display:block;
 }
  .entrybtnbox dl:hover dt{
    opacity: 0.7;
  }
 .entrybtnbox dl dd ul{
    position: absolute;
    top:0px;
    left:0;
    z-index: 10;
  width: 100%;
  padding-top:5px;
  
 }
  .entrybtnbox dl dd ul li{
    margin-top:5px;
  }
.hamburger
{
    position: absolute;
    top: 0;
    right: 10px;

    display: -ms-flexbox;
    display: flex;

    height: 50px;

    -ms-flex-align: center;
    align-items: center;
}

.hamburger__text
{
    font-size: 1.4rem;

    margin-right: 10px;
}

.hamburger__bar
{
    position: relative;

    width: 30px;
    height: 16px;
}

.hamburger__bar span
{
    position: absolute;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 2px;

    border-radius: 4px;
    background: #00428e;
}

.hamburger__bar span:nth-of-type(1)
{
    top: 0;

    animation: menu-bar01 .75s forwards;
}

.hamburger__bar span:nth-of-type(2)
{
    top: 7px;

    transition: all .25s .25s;

    opacity: 1;
}

.hamburger__bar span:nth-of-type(3)
{
    bottom: 0;

    animation: menu-bar02 .75s forwards;
}

.hamburger--open .hamburger__bar span:nth-of-type(1)
{
    animation: active-menu-bar01 .75s forwards;
}

.hamburger--open .hamburger__bar span:nth-of-type(2)
{
    opacity: 0;
}

.hamburger--open .hamburger__bar span:nth-of-type(3)
{
    animation: active-menu-bar03 .75s forwards;
}

.js-sp-clickBtn .body-fixed
{
    position: fixed;
}

.bottom-navi
{
    padding-bottom: 10px;

    text-align: center;
}

.bottom-navi__item
{
    font-size: .9rem;

    display: inline-block;

    padding: 0 10px;

    vertical-align: middle;
    letter-spacing: normal;

    border-right: 1px solid #231815;
}

.bottom-navi__item:first-child
{
    border-left: 1px solid #231815;
}

.footer__copy
{
    display: -ms-flexbox;
    display: flex;

    height: 40px;

    background: #00428e;

    -ms-flex-align: center;
    align-items: center;
}

.footer__copy__text
{
    font-size: .8rem;

    display: block;

    padding: 0 25px;

    text-align: right;
    letter-spacing: -.01em;

    color: #fff;
}

.main
{
    background-color: #eee;
    background-image: url(../images/common/bg.png);
    background-size: 100% auto;

    background-repeat-x: repeat;
}

.heading
{
    height: 120px;

    background-image: url(../images/company/main_visual.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.heading__title
{
    font-family: 'Amiri', serif;
    font-size: 2.2rem;
    font-weight: 700;

    padding-top: 30px;

    text-align: center;
    letter-spacing: .2em;

    color: #fff;
}

.heading__title span
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;

    display: block;

    letter-spacing: -.015em;
}

.container
{
    padding-top: 35px;
    padding-bottom: 35px;
}

.main--heading .container
{
    padding-top: 0;
}

.section
{
    padding: 20px 15px 15px;

    background: #fff;
}

.section + .section
{
    margin-top: 35px;
}

.section--unbg
{
    padding: 0;

    background: none;
}

.title-lv1
{
    font-family: 'Amiri', serif;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;

    text-align: center;
    letter-spacing: .22em;

    color: #00428e;
}

.title-lv1__sub
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;

    position: relative;

    display: block;

    margin-top: 5px;
    margin-left: -5px;

    letter-spacing: -.01em;

    color: #231815;
}

.title-lv1__sub::before
{
    display: inline-block;

    width: 14px;
    height: 14px;
    margin-right: 8px;

    content: '';
    vertical-align: -1px;

    background-image: url(../images/common/icon01.svg);
    background-repeat: no-repeat;
}

.title-lv2
{
    font-family: 'Amiri', serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .22em;

    color: #00428e;
}

.title-lv2__sub
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;

    position: relative;

    display: block;

    margin-top: 5px;

    letter-spacing: -.01em;

    color: #231815;
}

.title-lv3
{
    font-size: 2.1rem;
    font-weight: 500;

    color: #00428e;
}

.title-lv3:before
{
    display: inline-block;

    width: 2.0rem;
    height: 2.0rem;
    margin-right: 10px;

    content: '';
    vertical-align: -2px;

    background-color: #00428e;
}

.title-lv4
{
    font-size: 2rem;
    font-weight: 500;

    color: #00428e;
}

.title-lv4--number
{
    font-size: .5rem;

    width: 1.0rem;
    height: 1.0rem;
    margin-right: 10px;
    padding: 0 4px;

    transform: translate(-50%, -50%);
    vertical-align: middle;

    color: #00428e;
    border: 1px solid #00428e;
}

.title-lv4--faq
{
    padding-left: 30px;
}

.title-lv5
{
    font-size: 2.9rem;
    font-weight: 400;
    line-height: 4.3rem;

    color: #00428e;
}

.title-lv6
{
    font-size: 2.4rem;
    line-height: 3.6rem;

    color: #00428e;
}

.title-lv7
{
    font-size: 5rem;
    line-height: 4.6rem;

    color: #00428e;
}

.title-lv8
{
    color: #00428e;
}

.title-lv8__sub
{
    margin-left: 20px;
}

.mt1
{
    margin-top: 1px;
}

.mt2
{
    margin-top: 2px;
}

.mt3
{
    margin-top: 3px;
}

.mt4
{
    margin-top: 4px;
}

.mt5
{
    margin-top: 5px;
}

.mt6
{
    margin-top: 6px;
}

.mt7
{
    margin-top: 7px;
}

.mt8
{
    margin-top: 8px;
}

.mt9
{
    margin-top: 9px;
}

.mt10
{
    margin-top: 10px;
}

.mt11
{
    margin-top: 11px;
}

.mt12
{
    margin-top: 12px;
}

.mt13
{
    margin-top: 13px;
}

.mt14
{
    margin-top: 14px;
}

.mt15
{
    margin-top: 15px;
}

.mt16
{
    margin-top: 16px;
}

.mt17
{
    margin-top: 17px;
}

.mt18
{
    margin-top: 18px;
}

.mt19
{
    margin-top: 19px;
}

.mt20
{
    margin-top: 20px;
}

.mt21
{
    margin-top: 21px;
}

.mt22
{
    margin-top: 22px;
}

.mt23
{
    margin-top: 23px;
}

.mt24
{
    margin-top: 24px;
}

.mt25
{
    margin-top: 25px;
}

.mt26
{
    margin-top: 26px;
}

.mt27
{
    margin-top: 27px;
}

.mt28
{
    margin-top: 28px;
}

.mt29
{
    margin-top: 29px;
}

.mt30
{
    margin-top: 30px;
}

.mt31
{
    margin-top: 31px;
}

.mt32
{
    margin-top: 32px;
}

.mt33
{
    margin-top: 33px;
}

.mt34
{
    margin-top: 34px;
}

.mt35
{
    margin-top: 35px;
}

.mt36
{
    margin-top: 36px;
}

.mt37
{
    margin-top: 37px;
}

.mt38
{
    margin-top: 38px;
}

.mt39
{
    margin-top: 39px;
}

.mt40
{
    margin-top: 40px;
}

.mt41
{
    margin-top: 41px;
}

.mt42
{
    margin-top: 42px;
}

.mt43
{
    margin-top: 43px;
}

.mt44
{
    margin-top: 44px;
}

.mt45
{
    margin-top: 45px;
}

.mt46
{
    margin-top: 46px;
}

.mt47
{
    margin-top: 47px;
}

.mt48
{
    margin-top: 48px;
}

.mt49
{
    margin-top: 49px;
}

.mt50
{
    margin-top: 50px;
}

.mt51
{
    margin-top: 51px;
}

.mt52
{
    margin-top: 52px;
}

.mt53
{
    margin-top: 53px;
}

.mt54
{
    margin-top: 54px;
}

.mt55
{
    margin-top: 55px;
}

.mt56
{
    margin-top: 56px;
}

.mt57
{
    margin-top: 57px;
}

.mt58
{
    margin-top: 58px;
}

.mt59
{
    margin-top: 59px;
}

.mt60
{
    margin-top: 60px;
}

.mt61
{
    margin-top: 61px;
}

.mt62
{
    margin-top: 62px;
}

.mt63
{
    margin-top: 63px;
}

.mt64
{
    margin-top: 64px;
}

.mt65
{
    margin-top: 65px;
}

.mt66
{
    margin-top: 66px;
}

.mt67
{
    margin-top: 67px;
}

.mt68
{
    margin-top: 68px;
}

.mt69
{
    margin-top: 69px;
}

.mt70
{
    margin-top: 70px;
}

.mt71
{
    margin-top: 71px;
}

.mt72
{
    margin-top: 72px;
}

.mt73
{
    margin-top: 73px;
}

.mt74
{
    margin-top: 74px;
}

.mt75
{
    margin-top: 75px;
}

.mt76
{
    margin-top: 76px;
}

.mt77
{
    margin-top: 77px;
}

.mt78
{
    margin-top: 78px;
}

.mt79
{
    margin-top: 79px;
}

.mt80
{
    margin-top: 80px;
}

.mt81
{
    margin-top: 81px;
}

.mt82
{
    margin-top: 82px;
}

.mt83
{
    margin-top: 83px;
}

.mt84
{
    margin-top: 84px;
}

.mt85
{
    margin-top: 85px;
}

.mt86
{
    margin-top: 86px;
}

.mt87
{
    margin-top: 87px;
}

.mt88
{
    margin-top: 88px;
}

.mt89
{
    margin-top: 89px;
}

.mt90
{
    margin-top: 90px;
}

.mt91
{
    margin-top: 91px;
}

.mt92
{
    margin-top: 92px;
}

.mt93
{
    margin-top: 93px;
}

.mt94
{
    margin-top: 94px;
}

.mt95
{
    margin-top: 95px;
}

.mt96
{
    margin-top: 96px;
}

.mt97
{
    margin-top: 97px;
}

.mt98
{
    margin-top: 98px;
}

.mt99
{
    margin-top: 99px;
}

.page-link-lv1
{
    font-weight: bold;

    display: block;

    margin-top: 10px;
}

.page-link-lv1:hover:hover
{
    opacity: .8;
}

.mt-section
{
    margin-top: 40px;
}

.mt-tall
{
    margin-top: 30px;
}

.mt-medium
{
    margin-top: 25px;
}

.mt-short
{
    margin-top: 20px;
}

.mt-paragraph
{
    margin-top: 12px;
}

.mt-line
{
    margin-top: 5px;
}

.text-offset::before,
.text-offset::after
{
    line-height: 1;

    display: block;

    width: 1px;
    height: 1px;

    content: '';
}

.text-offset:before
{
    margin-bottom: -7px;
}

.text-offset:after
{
    margin-top: -7px;
}

.text-caution
{
    display: inline-block;

    margin-right: 5px;
}

.border
{
    border: 1px solid #231815;
}

.indent
{
    text-indent: 1em;
}

.inline
{
    display: inline;
}

.block
{
    display: block;
}

.in-block
{
    display: inline-block;
}

.block-center
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

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

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

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

.valign-top
{
    vertical-align: top;
}

.valign-bottom
{
    vertical-align: bottom;
}

.valign-middle
{
    vertical-align: middle;
}

.centering
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

strong
{
    font-weight: 600;
}

.outline-lv1
{
    font-size: 1.4rem;

    margin-top: 45px;
}

.margin-auto
{
    margin: 0 auto;
}

#wrapper
{
    overflow: hidden;
}

body#index .slideshow
{
    position: relative;
}

body#index .slideshow__img
{
    display: block;

    width: 100%;
}

body#index .slideshow__text
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    width: 80vw;

    transform: translate(-50%, -50%);
}

body#index .slideshow__text > img
{
    display: block;

    width: 100%;
    height: auto;
    margin: 0 auto;
}

body#index .cross-talk__thumbnail
{
    display: -ms-flexbox;
    display: flex;

    margin-top: 10px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body#index .cross-talk__thumbnail__item
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .cross-talk__thumbnail__title
{
    margin-bottom: 20px;
    position: relative;

    margin-right: 20px;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .cross-talk__thumbnail__title > .title-lv1
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    transform: translate(-50%, -50%);
}

body#index .cross-talk__thumbnail__item
{
    position: relative;

    display: block;

    transition: .3s;
}

body#index .cross-talk__thumbnail__item:hover
{
    opacity: .8;
}

body#index .cross-talk__thumbnail__item:nth-child(n + 3)
{
    margin-top: 20px;
}

body#index .cross-talk__thumbnail__item:nth-of-type(1)::before,
body#index .cross-talk__thumbnail__item:nth-of-type(2)::before,
body#index .cross-talk__thumbnail__item:nth-of-type(3)::before,
body#index .cross-talk__thumbnail__item:nth-of-type(4)::before,
body#index .cross-talk__thumbnail__item:nth-of-type(5)::before
{
    font-family: 'Amiri', serif;
    font-size: 3.6rem;
    font-weight: 700;

    position: absolute;
    top: 5px;
    left: 15px;

    color: #c9dae4;
}

body#index .cross-talk__thumbnail__item:nth-of-type(1)::before
{
    content: '01';
}

body#index .cross-talk__thumbnail__item:nth-of-type(2)::before
{
    content: '02';
}

body#index .cross-talk__thumbnail__item:nth-of-type(3)::before
{
    content: '03';
}

body#index .cross-talk__thumbnail__item:nth-of-type(4)::before
{
    content: '04';
}

body#index .cross-talk__thumbnail__item:nth-of-type(5)::before
{
    content: '05';
}

body#index .cross-talk__thumbnail__item img
{
    display: block;

    width: 100%;
    height: auto;
}

body#index .cross-talk__thumbnail__text
{
    font-size: 1.4rem;
    font-weight: 300;

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 10px;

    text-align: center;

    color: #fff;
    background: rgba(35, 24, 21, .7);
}

body#index .top-message .messageover
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        align-items: center ;
}

body#index .top-message__item
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .top-message__item
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    transition: .3s;

    -ms-flex-direction: column;
}

body#index .top-message__item:hover
{
    opacity: .8;
}

body#index .top-message__item > img
{
    display: block;

    width: 100%;
    height: auto;
}

body#index .top-message__text1,
body#index .top-message__text2
{
    font-weight: 400;

    text-align: center;
}

body#index .top-message__text1
{
    font-size: 2.0rem;

    margin-top: 10px;
}

body#index .top-message__text2
{
    font-size: 1.2rem;

    margin-top: 10px;
}

body#index .top-message__text2 > span
{
    font-size: 1.4rem;

    display: block;
}

body#index .technology__panel
{
    display: -ms-flexbox;
    display: flex;

    margin-top: 15px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body#index .technology__panel__item
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .technology__panel__item
{
    display: block;

    transition: .3s;

    background: #c9dae4;
}

body#index .technology__panel__item:hover
{
    opacity: .8;
}

body#index .technology__panel__2col
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body#index .technology__panel__2col__item
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .technology__panel__2col__item > img
{
    display: block;

    width: 100%;
    height: auto;
}

body#index .technology__panel__2col__item--text h3
{
    font-family: 'Amiri', serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;

    text-align: center;
    letter-spacing: .1rem;

    color: #00428e;
}

body#index .technology__panel__2col__item--text p
{
    font-size: 1.1rem;
    line-height: 1.3;

    margin-top: 5px;

    text-align: center;
}

body#index .peopleover
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 30px;
align-items: center ;
}

body#index .people .peoplebgbox{
    background-color: #c9dae4;
    padding:40px;
    display: grid;
grid-template-columns: 0.8fr 1fr;
gap: 20px 30px;
align-items: center ;
margin-top: 40px;
}
body#index .people .peoplebgbox .peoplebgbox_ttl
{
    text-align: center;
}
body#index .people .peoplebgbox .peoplebgbox_ttl h3{
        font-family: 'Amiri', serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: -.02rem;
    color: #00428e;
}

body#index .outline__panelcol2__item,
body#index .outline__panelcol4__item
{
    display: -ms-flexbox;
    display: flex;

    height: 95px;

    background-color: #c9dae4;

    -ms-flex-align: center;
    align-items: center;
}

body#index .outline__panelcol2__item:hover,
body#index .outline__panelcol4__item:hover
{
    opacity: .8;
}

body#index .outline__panelcol2__item__text,
body#index .outline__panelcol4__item__text
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .outline .outline__panelcol2__item__text,
body#index .outline .outline__panelcol4__item__text
{
    height:100%;
    display: grid;
justify-items: center;
align-items: center;

}
body#index .outline__panelcol2__item__text h3,
body#index .outline__panelcol2__item__text p,
body#index .outline__panelcol4__item__text h3,
body#index .outline__panelcol4__item__text p
{
    display: block;

    text-align: center;
}

body#index .outline__panelcol2__item__text h3,
body#index .outline__panelcol4__item__text h3
{
    font-family: 'Amiri', serif;
    font-size: 1.4rem;
    font-weight: 700;

    margin-bottom: 5px;

    letter-spacing: -.02rem;

    color: #00428e;
}
body#index .outline .outline__panelcol2__item__text h3,
body#index .outline .outline__panelcol4__item__text h3
{
    font-size: 1.8rem;
    margin-bottom: 0px;
}
body#index .outline__panelcol2__item__text p,
body#index .outline__panelcol4__item__text p
{
    font-size: 1.4rem;
}

body#index .outline__panelcol2
{
    display: -ms-flexbox;
    display: flex;

    margin-top: 25px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body#index .outline__panelcol2__item
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

body#index .outline__panelcol2__item--01 > img,
body#index .outline__panelcol2__item--02 > img
{
    display: block;

    height: 95px;
}

body#index .outline__panelcol2__item--01 .outline__panel__item__text,
body#index .outline__panelcol2__item--02 .outline__panel__item__text
{
    -ms-flex-preferred-size: calc(100% - 95px);
    flex-basis: calc(100% - 95px);
}

body#index .outline__panelcol2__item--01
{
    position: relative;

    background-image: url('../images/common/icon_outline.svg');
    background-repeat: no-repeat;
    background-position: 62% center;
    background-size: 75px auto;
}
body#index .outline__panelcol2__item--02
{
    position: relative;

    background-image: url('../images/common/icon_outline2.svg');
    background-repeat: no-repeat;
    background-position: 62% center;
    background-size: 75px auto;
}

body#index .outline__panelcol2__item--01 .comming-soon
{
    position: absolute;
    top: 0;
    left: 0;

    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .7);

    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

body#index .outline__panelcol2__item--01 .comming-soon p
{
    font-size: 1.8rem;

    color: #fff;
}

body#index .outline__panelcol4
{
    display: -ms-flexbox;
    display: flex;

    margin-top: 10px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body#index .outline__panelcol4__item
{
    -ms-flex-preferred-size: calc(50% - (10px * .5));
    flex-basis: calc(50% - (10px * .5));
}

body#index .read
{
    max-width: 960px;
    height: 319px;
    padding-top: 15px;

}

body#index .read 
{
display: grid;
justify-items: center;
align-items: center;
}
body#index .read .read_innerbox{
    width:90%;
    max-width:600px;
}
body#index .read .read_innerbox .readtext{
    color:#0852A0;
    font-family: 'Amiri', serif;
    font-size:1.6em;
margin-bottom:20px;
text-align: center;
}
body#index .read a{
    background-color: #0852A0;
    color:#fff;
    text-align:center;
    display:block;
    padding: 26px 36px;
    position: relative;
}
body#index .read a:hover{
    background-color: #48A8EE;
}
body#index .read a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    background-image: url("../images/common/icon_rgt_w.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }


/* Slider */

.slick-slider
{
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:after,
.slick-track:before
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

body#history .container
{
    font-size: 1.2rem;
    line-height: 200%;

    letter-spacing: .5px;
}

body#history .container .history
{
    margin-top: 55px;
    padding: 0 110px;

    *zoom: 1;
}

body#history .container .history::after
{
    display: table;
    clear: both;

    content: '';
}

body#history .container .history__box
{
    width: 100%;
}

body#history .container .history__box__item
{
    float: left;

    width: 90px;
}

body#history .container .history__box__item--right
{
    float: left;

    width: calc(100% - 90px);
}

body#saiyo .container .saiyo
{
    margin-top: 55px;
    padding: 0 110px;

    text-align: center;

    *zoom: 1;
}

body#saiyo .container .saiyo::after
{
    display: table;
    clear: both;

    content: '';
}

body#saiyo .container .saiyo__outline
{
    font-size: 1.2rem;
    line-height: 1.6;

    width: 65%;
    width: 100%;
    margin-top: 20px;

    color: #00428e;
    color: black;
}

body#saiyo .container .saiyo__box
{
    margin-top: 28px;
}

body#saiyo .container .saiyo__box__item
{
    font-size: 2rem;
    font-weight: 500;

    position: relative;

    display: block;

    margin-top: 80px;
    padding: 11px;

    color: #00428e;
    background-color: #dff2fc;
}

body#saiyo .container .saiyo__box__item:last-child:after
{
    display: none;
}

body#saiyo .container .saiyo__box__item--modifierLv1
{
    font-size: 1.1rem;

    position: absolute;
    top: 11px;
    right: 20px;

    display: inline-block;

    width: 200px;
    padding-left: 10px;

    text-align: left;
}

body#saiyo .container .saiyo__box__item--modifierLv1:before
{
    position: absolute;
    right: 200px;

    display: inline-block;

    width: 16.5px;
    height: 16.5px;
    margin-top: 5px;

    content: '';
    transform: rotate(-45deg);

    border: 1px solid;
    border-color: transparent #00428e #00428e transparent;
}

body#saiyo .container .saiyo__box__item--modifierLv2
{
    top: 18px;

    vertical-align: middle;
}

body#saiyo .container .saiyo__box__item--modifierLv2::before
{
    margin-top: -2px;
}

body#saiyo .container .saiyo__box__item:nth-of-type(1)
{
    margin-top: 0;

    color: #d93657;
    background-color: #fadce2;
}

body#saiyo .container .saiyo__box__item:nth-of-type(9)
{
    margin-bottom: 80px;

    color: #d93657;
    background-color: #fadce2;
}

body#saiyo .container .saiyo__box__item:after
{
    position: absolute;
    right: 50%;

    display: block;

    width: 46px;
    height: 46px;
    margin-top: 15px;
    margin-right: -23px;
    margin-bottom: 15px;

    content: '';
    transform: rotate(-45deg);

    border: 1px solid;
    border-color: transparent transparent #00428e #00428e;
}

body#fukuri .container .outline
{
    font-size: 1.2rem;
    line-height: 1.6;

    width: 65%;
    width: 100%;
    margin-top: 20px;
    margin-top: 53px;

    color: #00428e;
}
body#fukuri .container .outline.mt-20{
    margin-top:20px;
}
body#fukuri .container .fukuri
{
    margin-top: 30px;
}

body#fukuri .container .fukuri__box
{
    width: 100%;
    margin-top: 28px;

    *zoom: 1;
}

body#fukuri .container .fukuri__box::after
{
    display: table;
    clear: both;

    content: '';
}

body#fukuri .container .fukuri__box__text
{
    font-size: 1.2rem;
    line-height: 1.6;

    display: inline-block;

    width: calc(60% - 40px);
    margin-right: 40px;
}

body#fukuri .container .fukuri__box__text p
{
    margin-top: 12px;
}
body#fukuri .container .fukuri__box__text ul{
    margin-left:20px;
    color: black;
}
body#fukuri .container .fukuri__box__text ul li:not(:last-child) {
    margin-bottom: 5px;
}
body#fukuri .container .fukuri__box__img
{
    display: -ms-flexbox;
    display: flex;
    float: right;

    width: 40%;

    *zoom: 1;
}

body#fukuri .container .fukuri__box__img::after
{
    display: table;
    clear: both;

    content: '';
}

body#fukuri .container .fukuri__box__img--col1
{
    width: calc(50% - 10px);
    height: 50%;
    margin-right: 20px;

    -ms-flex-pack: justify;
    justify-content: space-between;
}

body#fukuri .container .fukuri__box__img--col1:nth-of-type(2)
{
    margin-right: 0;
}

body#kensyu .container .section
{
    line-height: 150%;

    position: relative;
}

body#kensyu .container .outline
{
    font-size: 1.2rem;
    line-height: 1.6;

    width: 65%;
    margin-top: 20px;
    margin-top: 53px;

    color: #00428e;
}
body#kensyu .container .outline.mt-20{
    margin-top:20px;
}
body#kensyu .container .outline-lv2
{
    font-size: 1.2rem;

    margin: 20px 0;
}

body#kensyu .container .outline-img
{
    position: absolute;
    top: 60px;
    right: 55px;

    width: 200px;
    height: 120px;
}

body#kensyu .container .outline-img-lv2
{
    width: 100%;
    margin: 20px auto;
}

body#kensyu .container .kensyu
{
    width: 100%;
}

body#kensyu .container .kensyu__box
{
    width: calc(100%-30px);
    margin-top: 28px;
    margin-top: 30px;
    margin-right: 30px;
}



body#kensyu .container .kensyu__box__text
{
    font-size: 1.2rem;

    margin-top: 10px;
}
body#kensyu .container ul{
    margin-left:20px;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top:10px;
}
body#kensyu .container ul li:not(:last-child) {
    margin-bottom: 5px;
}
body#kensyu .container .kensyu__box__img
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 30px;
}


.kensyu__box__img{
    display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 30px;
}
body#kensyu .container .kensyu__clearfix
{
    margin-top: 30px;

    *zoom: 1;
}

body#kensyu .container .kensyu__clearfix::after
{
    display: table;
    clear: both;

    content: '';
}
body#kensyu .container .gridbox{
    display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 30px;
}

body#faq .container .link
{
    color: #d93657;
}

body#faq .container .outline
{
    font-size: 1.2rem;
    line-height: 1.6;

    width: 65%;
    width: 100%;
    margin-top: 20px;
    margin-top: 53px;

    color: #00428e;
}

body#faq .container .faq-img
{
    width: 100%;
    height: auto;
    margin-top: 30px;
}

body#faq .container .faq__section
{
    margin-top: 25px;
}

body#faq .container .faq__section--head
{
    display: -ms-flexbox;
    display: flex;

    margin-top: 40px;
    margin-bottom: 80px;

    -ms-flex-pack: center;
    justify-content: center;
}

body#faq .container .faq__section--head .title-lv4
{
    display: -ms-flexbox;
    display: flex;
}

body#faq .container .faq__section--head .title-lv4:nth-child(n+2)
{
    margin-left: 80px;
}

body#faq .container .faq__box
{
    margin-top: 28px;
    margin-top: 20px;
}

body#faq .container .faq__box__part
{
    padding: 15px;

    border-top: 1px #aaa solid;
}

body#faq .container .faq__box__part:last-child
{
    border-bottom: 1px #aaa solid;
}

body#faq .container .faq__box__part dt
{
    cursor: pointer;
}
body#faq .container .faq__box__part dd dl dt
{
    cursor: auto;
    margin:10px 0;
}
.boldtxt{font-weight:bold;}
body#faq .container .faq__box__item
{
    font-size: 1.2rem;
    font-weight: 500;

    position: relative;

    padding: 15px;

    color: #00428e;
}

body#faq .container .faq__box__item--lv2
{
    font-size: 1.2rem;

    position: relative;

    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
}

body#faq .container .faq__box__item--question
{
    font-size: 1.5rem;

    position: absolute;

    display: block;

    width: 2.0rem;
    height: 2.2rem;
    margin-right: 10px;
    padding: 0 4px 2px;

    vertical-align: center;

    color: white;
    background: #00428e;
}

body#faq .container .faq__box__item--answer
{
    font-size: 1.5rem;

    position: absolute;

    display: block;

    width: 2.0rem;
    height: 2.0rem;
    margin-right: 10px;
    padding: 0 6px;

    vertical-align: center;

    color: white;
    background: #d93657;
}

body#faq .container .faq__box__item--text
{
    line-height: 1.5;

    padding-left: 30px;
}
body#faq .container ul{
    margin-left:20px;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top:10px;
    margin-bottom:10px;
    padding-left: 30px;
}
body#faq .container ul li:not(:last-child) {
    margin-bottom: 5px;
}
body#faq .container dd dd ul{
    padding-left: 0px;
}
body#faq .container .direction-img
{
    margin-right: 5px;
}

main#beyond .beyond .img-box
{
    position: relative;

    width: 100%;
}

main#beyond .beyond .img-box__text
{
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 7.2rem;

    position: absolute;
    top: 50%;
    left: 50%;

    margin-top: -50px;

    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: auto;

    color: #fff;
}

main#beyond .beyond-outline
{
    max-width: 620px;
    margin: 0 auto;
}

main#beyond .beyond-outline__text
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 3rem;

    margin-top: 30px;
}

main#beyond .beyond-advertisement
{
    text-align: center;
}

main#beyond .beyond-advertisement__title
{
    font-size: 2rem;
    font-weight: bold;
    line-height: 6rem;

    color: #fff;
    background-color: #00428e;
}

main#beyond .beyond-advertisement__subtitle
{
    font-size: 3.1rem;
    font-weight: bold;
    line-height: 4.7rem;

    margin-top: 30px;
    margin-bottom: 60px;

    color: #00428e;
}

main#vision .thumbnail
{
    max-width: 620px;
    margin: 60px auto 0;
}

main#vision .thumbnail__title
{
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 7.2rem;

    padding: 60px 0;

    text-align: center;

    color: #00428e;
    border-top: 3px solid #00428e;
    border-bottom: 3px solid #00428e;
}

main#vision .thumbnail__text
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 4rem;

    margin-top: 40px;
}

main#vision .thumbnail__text:nth-of-type(1)
{
    margin-top: 60px;
}

main#vision .content-box
{
    max-width: 620px;
    margin: 40px auto 0;
}

main#vision .content-box:nth-of-type(1)
{
    margin-top: 50px;
}

main#vision .content-box__title
{
    font-size: 2.4rem;
    line-height: 6rem;

    text-align: center;

    color: #fff;
    background-color: #00428e;
}

main#vision .content-box__list
{
    margin-top: 24px;
    margin-left: 20px;
}

main#vision .content-box__list__item
{
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 3.2rem;

    color: #00428e;
padding-left: 1.2em;
  text-indent: -1.2em;
  margin-bottom: 20px;
}

main#vision .content-box__list__item::before
{
    display: inline-block;

    width: 15px;
    height: 15px;
    margin-right: 10px;

    content: '';

    border: 1px solid #00428e;
}

main#vision .vision-detail
{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 2.1rem;

    max-width: 620px;
    margin: 55px auto 0;
}

main#statistics .title-lv2
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;

    letter-spacing: normal;
}

main#statistics .column-title
{
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 2.4rem;

    letter-spacing: .5px;
    margin-bottom: 20px;
}

main#statistics .column-text
{
    font-size: 1.4rem;
    line-height: 2.1rem;
}

main#statistics .statistics .thumbnail
{
    width: 100%;
    margin-top: 60px;
}

main#statistics .statistics .content-box
{
    padding-right: 20px;
    padding-left: 20px;

    border-right: 1px solid #231815;
    border-left: 1px solid #231815;
}

main#statistics .statistics .content-box .row-3
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;
}

main#statistics .statistics .content-box .col-2
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding-right: 20px;

    border-right: 1px solid #231815;

    -ms-flex-direction: column;
}

main#statistics .statistics .content-box .col-2__item
{
    padding-top: 20px;
    padding-bottom: 20px;
}

main#statistics .statistics .content-box .col-2__item:nth-of-type(1)
{
    border-bottom: 1px solid #231815;
}

main#statistics .statistics .content-box .col-2:nth-of-type(2)
{
    padding-left: 20px;
}

main#statistics .statistics .content-box .col-1
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 50%;
    width: 100%;
    padding-left: 20px;

    -ms-flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

main#statistics .statistics .content-box .row-2
{
    display: -ms-flexbox;
    display: flex;

    padding-top: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #231815;
}

main#statistics .statistics .content-box .row-2__item
{
    width: 50%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

main#statistics .statistics .content-box .row-2__item:nth-of-type(1)
{
    border-right: 1px solid #231815;
}

main#statistics .statistics .content-box .row-2__item > img
{
    width: 100%;
    height: auto;
}

main#statistics .statistics .content-box .row-2__item p
{
    font-size: 1.2rem;

    text-align: right;
}

main#statistics .statistics .content-box .row-1
{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #231815;
}

main#statistics .statistics .content-box .row-1--bottom
{
    border-bottom: none;
}

main#statistics .statistics .content-box .row-1--bottom > img
{
    width: 100%;
    height: auto;
}

.text-lv1
{
    font-size: 1.5rem;
    line-height: 200%;

    margin-top: 48px;

    letter-spacing: .5px;
}

.text-lv2
{
    font-size: 1.3rem;
    line-height: 200%;

    letter-spacing: .5px;
}

.text-lv3
{
    font-size: 2.4rem;
    line-height: 200%;

    letter-spacing: .5px;
}

#people .container
{
    padding-top: 0;
}

#people .img-box
{
    position: relative;

    margin-bottom: -10px;
}

#people .img-box__item
{
    width: 100%;
    margin: 0 auto;
}

#people .img-box--lv1
{
    margin-bottom: -25px;
}

#people .img-box__comments
{
    font-size: 1.5rem;
    line-height: 200%;

    margin-top: 20px;

    text-align: right;
    letter-spacing: .5px;
}

#people .section
{
    text-align: left;
}

#people .section--bottom
{
    padding: 40px 0 0;
}

#people .profile-box
{
    position: absolute;
    top: 205px;
    right: 205px;

    width: 300px;
    height: 300px;
    padding: 20px;

    color: #fff;
    background: rgba(0, 66, 142, .8);
}

#people .profile-box--lv1
{
    left: 205px;
}

#people .profile-box__list__item
{
    padding-bottom: 14px;

    letter-spacing: .5px;
}

#people .profile-box__list__item--modifier
{
    padding-top: 14px;

    text-indent: -10px;

    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
}

#people .group
{
    padding-top: 25px;
}

#people .text-box
{
    padding-top: 10px;
}

#people .text-box > p
{
    line-height: 2;
}

#people .people-navi
{
    display: -ms-flexbox;
    display: flex;

    padding: 5px 55px;

    border-top: 1px solid #898989;

    -ms-flex-pack: justify;
    justify-content: space-between;
}

#people .people-navi__card
{
    display: inline-block;

    text-align: left;
}

#people .people-navi__card--right
{
    text-align: right;
}

#people .people-navi__card__img
{
    width: 118px;
    height: 55px;
}

#people .people-navi__card__list
{
    font-size: 1.1rem;

    float: right;

    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#people .people-navi__card__list--right
{
    float: left;

    margin-right: 15px;
}

#people .people-navi__card__list__title
{
    color: #00428e;
}

#people .people-navi__card__list .mt5
{
    margin-top: 5px;
}

#people .people-navi__card__list .text-indent--left
{
    text-indent: -5px;
}

#people main#recruit-message .list-outline__title
{
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.1;

    text-align: center;

    color: #00428e;
}

#people main#recruit-message .list-outline__box
{
    width: 45%;
    margin: 20px auto 0 auto;
    padding: 15px;

    border: 1px solid #00428e;
}

#people main#recruit-message .list-outline__box__item
{
    font-size: 1.3rem;
    line-height: 1.6;

    color: #00428e;
}

#people main#recruit-message .content-box
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 50px;

    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#people main#recruit-message .content-box__item__primary
{
    font-weight: bold;

    padding-left: 5px;

    border-left: 6px solid #7ecef4;
}

#people main#recruit-message .content-box__item__primary__title
{
    font-size: 1.8rem;
    line-height: 1.1;

    color: #00428e;
}

#people main#recruit-message .content-box__item__primary__sub-title
{
    font-size: 1.1rem;
    line-height: 1.6;

    margin-top: 8px;
}

#people main#recruit-message .content-box__item__primary__sub-title--lv2
{
    font-size: 1.3rem;
    line-height: 1.6;
}

#people main#recruit-message .content-box__item__second
{
    margin-top: 15px;
}

#people main#recruit-message .content-box__item__second .list-number-box__item
{
    font-size: 1.3rem;
    line-height: 1.6;
}

#people main#recruit-message .content-box__item__second .list-number-box__item:nth-of-type(1)::before
{
    display: inline-block;

    content: '①';
}

#people main#recruit-message .content-box__item__second .list-number-box__item:nth-of-type(2)
{
    margin-top: 4px;
}

#people main#recruit-message .content-box__item__second .list-number-box__item:nth-of-type(2)::before
{
    display: inline-block;

    content: '②';
}

#people main#recruit-message .content-box__item__second .list-number-box__item:nth-of-type(3)
{
    margin-top: 4px;
}

#people main#recruit-message .content-box__item__second .list-number-box__item:nth-of-type(3)::before
{
    display: inline-block;

    content: '③';
}

#people main#matching-chart .heading
{
    background-image: url('../images/people/matching-chart/main_visual.jpg');
}

#people main#matching-chart .title-lv2__sub
{
    font-size: 2.4rem;
    line-height: 3rem;

    margin-top: 15px;

    color: #fff;
}

#people main#matching-chart .title-lv2__sub > span
{
    padding: 1px 6px;

    background-color: #00428e;
}

#people main#matching-chart .title-lv2__sub > span:not(:last-child)
{
    margin-right: 8px;
}

#people main#matching-chart .title-lv2__sub--lv1
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.4rem;

    display: block;

    margin-top: 8px;

    letter-spacing: 0;

    color: #231815;
}

#people main#matching-chart .outline-lv1
{
    color: #00428e;
}

#people main#matching-chart .table-chart
{
    font-size: 1.4rem;

    width: 100%;
    height: auto;
    margin-top: 30px;
}
#people main#matching-chart .table-chart th{
    padding:5px;
}
#people main#matching-chart .table-chart td{
    padding:5px;
}

#people main#matching-chart .table-chart a
{
    line-height: 2.8rem;
}

#people main#matching-chart .table-chart a:hover
{
    opacity: .8;
}

#people main#matching-chart .table-chart__group__area
{
    padding: 15px 0;

    text-align: center;

    border: 1px solid #231815;
    border-right: none;
}

#people main#matching-chart .table-chart__group__row2__item:nth-of-type(n + 2)
{
    color: #231815;
    background-color: #dff2fc;
}

#people main#matching-chart .table-chart__group__row7__item
{
    color: #00428e;
    color: #00428e;
    background-color: #dff2fc;
}

#people main#matching-chart .table-chart__group__row10__item--lv1
{
    line-height: normal;

    width: 30px;
    padding: 0 10px;

    text-align: center;
    vertical-align: middle;
    white-space: wrap;

    background-color: #e6e6e6;
}

#people main#matching-chart .table-chart__group__row10__item--lv2
{
    vertical-align: middle;
    white-space: nowrap;

    color: #00428e;
    background-color: #e6e6e6;
}

#people main#matching-chart .table-chart .circle-lv1
{
    display: inline-block;

    width: 15px;
    height: 15px;

    content: '';
    vertical-align: middle;

    background-image: url('../images/people/matching-chart/circle-lv1.svg');
    background-repeat: no-repeat;
}

#people main#matching-chart .table-chart .circle-lv2
{
    display: inline-block;

    width: 15px;
    height: 15px;

    content: '';
    vertical-align: middle;

    background-image: url('../images/people/matching-chart/circle-lv2.svg');
    background-repeat: no-repeat;
}

#people main#matching-chart .table-chart .bl-none
{
    border-left: none;
}

#people main#matching-chart .table-chart .bl-none--lv2
{
    border-top: none;
    border-left: none;
}

#people main#matching-chart .page-link-box
{
    margin-top: 30px;
}

#people main#matching-chart .page-link-box .peopleover {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 30px;
  align-items: center;
}

#crosstalk .container
{
    padding-top: 0;
}

#crosstalk .img-box__item
{
    width: 100%;
    margin: 0 auto;
}

#crosstalk .section
{
    margin-top: -5px;
}

#crosstalk .section--crosstalk
{
    position: relative;

    margin: -100px auto 0;
    margin-top: 0;
}

#crosstalk .section--bottom
{
    padding: 40px 0 0;
}

#crosstalk .crosstalk-outline
{
    font-size: 1.5rem;
    line-height: 200%;

    letter-spacing: .5px;
}

#crosstalk .crosstalk-outline-ls
{
    letter-spacing: -.2px;
}

#crosstalk .crosstalk-box
{
    position: relative;

    width: 160px;
    height: 160px;
    margin: -180px auto 0;
    padding: 20px;

    text-align: center;

    color: #fff;
    background: rgba(0, 66, 142, .9);
}

#crosstalk .crosstalk-box__item
{
    font-family: 'Amiri', serif;
    font-size: 2.1rem;
    font-weight: bold;

    display: block;

    letter-spacing: .3em;
}

#crosstalk .crosstalk-box__item--lv1
{
    font-family: 'Amiri', serif;
    font-size: 6rem;
    font-weight: bold;

    margin-top: -50px;
}

#crosstalk .cross-box
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: center;
    justify-content: center;
}

#crosstalk .cross-box .cross-img
{
    width: 35px;
    height: 35px;
    margin-top: 32px;
    margin-right: 12px;
    margin-left: 12px;

    background-image: url('../images/crosstalk/cross_02/profile/cross.svg');
    background-repeat: no-repeat;
}

#crosstalk .cross-box__item
{
    width: 200px;
}

#crosstalk .cross-box__item img
{
    display: block;

    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#crosstalk .cross-box__item__list
{
    width: 100%;
    margin-top: 7px;
}

#crosstalk .cross-box__item__list > li
{
    font-size: 1.0rem;
}

#crosstalk .cross-box__item__list > li:nth-of-type(2)
{
    margin-top: 5px;
}

#crosstalk .article-box
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#crosstalk .article-box__img
{
    width: 33px;
    min-width: 33px;
    height: 100%;
    height: auto;
    margin-top: 5px;
    margin-right: 10px;
}

#crosstalk .article-box__img--lv1
{
    height: 100%;
    margin-right: 50px;
}

#crosstalk .article-box__img--lv2
{
    height: 100%;
    margin-top: 10px;
    margin-left: 50px;
}

#crosstalk .article-box__text
{
    font-size: 1.5rem;
    line-height: 200%;

    letter-spacing: .5px;
}

#crosstalk .article-box__comments
{
    display: block;

    width: 100%;
    margin-top: 20px;
}

#crosstalk .article-box__comments p
{
    text-align: right;
}

#crosstalk .people-navi
{
    display: flex;
    flex-wrap: wrap;

    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

#crosstalk .people-navi__card
{
    display: table-cell;

    width: calc(100% / 4);

    text-align: left;

    border-top: 1px solid #898989;
    border-right: 1px solid #898989;
}

/* #crosstalk .people-navi__card:nth-child(1),
#crosstalk .people-navi__card:nth-child(4) {
    border-left: 1px solid #898989;
}
#crosstalk .people-navi__card:nth-child(3n) {
    border-right: 1px solid #898989;
}
#crosstalk .people-navi__card:nth-child(n+4) {
    border-bottom: 1px solid #898989;
} */
#crosstalk .people-navi__card > a
{
    display: block;
}

#crosstalk .people-navi__card:last-child
{
    border-right: none;
}

#crosstalk .people-navi__card__img
{
    width: 100%;
}

#crosstalk .people-navi__card__text
{
    font-size: 1.0rem;
    line-height: 1.6rem;

    padding: 16px;
}

#crosstalk .people-navi__card__text__title
{
    font-weight: bold;

    color: #00428e;
}

#crosstalk .people-navi__card__text__title::before
{
    display: inline-block;

    content: '';
}

#top-message .indent-br
{
    display: block;
}

#top-message .container
{
    padding-top: 0;
}

#top-message .container .img-box
{
    position: relative;

    margin-bottom: -10px;
}

#top-message .container .img-box__item
{
    width: 100%;
    margin: 0 auto;
}

#top-message .container .title-box
{
    position: absolute;
    top: 205px;
    right: 205px;

    width: 300px;
    height: 300px;
    padding: 20px;

    color: #fff;
    background: #00428e;
}

#top-message .container .title-box__text
{
    font-family: 'Amiri', serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.2rem;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: .22em;

    color: white;
}

#top-message .container .title-box__text__br
{
    display: block;

    margin-top: 10px;
}

#top-message .container .main-box__profile
{
    font-size: 1.4rem;
    line-height: 4.6rem;

    margin-top: 55px;
}

#top-message .container .main-box__name
{
    font-size: 3.6rem;
    line-height: 4.6rem;
}

#top-message .container .text-box
{
    margin-top: 50px;
}

#top-message .container .text-box__title
{
    font-size: 3.0rem;
    line-height: 4.3rem;

    width: 100%;

    color: #00428e;
}

#top-message .container .text-box__title::before
{
    display: inline-block;

    width: 30px;
    height: 30px;
    margin-right: 15px;

    content: '';
    vertical-align: -3px;

    background-image: url('../images/common/icon01.svg');
    background-repeat: no-repeat;
}

#top-message .container .text-box .top-message_text
{
    font-size: 1.5rem;
    line-height: 200%;

    margin-top: 35px;

    letter-spacing: .5px;
}

#top-message .container .text-box .top-message_text--modifier
{
    margin-top: 0;
}

#top-message .container .text-box__img
{
    height: 300px;
    margin-left: 50px;
}
#top-message .container .text-box__img.floatimg {
    margin-top: 30px;
}
#top-message .container .text-box__img--modifier
{
    margin-top: 30px;
    margin-right: 50px;
    margin-left: 0;
}

#top-message .container .text-box__flex
{
    display: -ms-flexbox;
    display: flex;
}

#technology .outline-lv1
{
    color: #00428e;
}

#technology .common-group
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 30px;
    padding-top: 30px;

    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

#technology .common-group .pl20
{
    padding-left: 20px;
}

#technology .common-group__item
{
    width: 50%;
    margin-right: 30px;
}

#technology .common-group__item--modifier-lv1
{
    width: 100%;
}

#technology .common-group__item--image
{
    width: 50%;
    height: auto;
    margin-right: 0;
    padding-top: 50px;
}

#technology .common-group__item--image--modifier-lv1
{
    padding-top: 80px;
}

#technology .common-group__item--image--lv2
{
    width: 100%;
    margin-top: 30px;
    padding-top: 0;
}

#technology .common-group__item__title
{
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 3.6rem;

    letter-spacing: 10;

    color: #00428e;
}

#technology .common-group__item__title--sub
{
    font-size: 1.8rem;
    line-height: 3.6rem;

    margin-left: 15px;

    letter-spacing: 10;
}

#technology .common-group__item__subtitle
{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 3.6rem;

    letter-spacing: 10;

    color: #00428e;
}

#technology .common-group__item__textbox
{
    font-size: 1.5rem;

    margin-top: 20px;

    letter-spacing: .5px;

    color: #00428e;
}
#technology .common-group__item__textbox ul{
    margin-left:20px;
    color: black;
}
#technology .common-group__item__textbox ul li:not(:last-child) {
    margin-bottom: 10px;
}
#technology .common-group__item__textbox--lv2
{
    margin-top: 0;
}

#technology .common-group__item__textbox--lv2__group
{
    padding: 15px;

    border: solid 1px #e6e6e6;
}

#technology .common-group__item__textbox--lv2__group:not(:first-child)
{
    margin-top: 25px;
}

#technology .common-group__item__textbox__category
{
    font-size: 1.5rem;
    font-weight: bold;

    color: #00428e;
}

#technology .common-group__item__textbox__detail
{
    margin-top: 10px;

    color: black;
}

#technology .common-group__item__textbox__detail--lv2
{
    font-weight: bold;

    display: block;

    margin-top: 20px;
}

#technology main#business .business-bar
{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 3.6rem;

    margin-top: 30px;

    text-align: center;

    color: #00428e;
    border-top: 1px solid #00428e;
    border-bottom: 1px solid #00428e;
    background-color: #dff2fc;
}

#technology main#business .common-group
{
    border-top: 1px solid #898989;
}

#technology main#business .common-group--lv1
{
    border-top: none;
}

#technology main#business .common-group:nth-child(1)
{
    margin-top: 0;
    padding-top: 0;
}

#technology main#business .common-group:nth-of-type(3n-2)
{
    border-top: none;
}

#technology main#business .common-group:nth-of-type(3n)
{
    margin-bottom: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid #898989;
}

#technology main#business .common-group__item__title--sub
{
    font-size: 1.5rem;
}

#technology #history .common-group
{
    border-top: 1px solid #898989;
}

#technology #history .common-group:nth-of-type(1)
{
    border-top: none;
}

#technology #history .common-group:last-child
{
    margin-bottom: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid #898989;
}

#technology #history .common-group__item__title
{
    font-family: 'Amiri', serif;
    font-size: 1.8rem;
    line-height: 3.15rem;

    letter-spacing: .5rem;
}

#technology #history .common-group__item__title--sub
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 3.6rem;

    display: block;

    margin-left: 0;

    letter-spacing: normal;
}

#technology #printing .common-group
{
    border-top: 1px solid #898989;
}

#technology #printing .common-group:nth-of-type(1)
{
    border-top: none;
}

#technology #printing .common-group:last-child
{
    margin-bottom: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid #898989;
}

#technology #printing .common-group__item__title--sub
{
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.2rem;
    line-height: 3.6rem;

    letter-spacing: normal;
}

#technology #printing .common-group__item__title--sub-lv2
{
    display: block;

    margin-left: 0;
}

#technology #project-story
{
    padding-top: 0;
}

#technology #project-story .img-box__item
{
    width: 100%;
    margin: 0 auto;
}

#technology #project-story .section
{
    padding-top: 45px;
}

#technology #project-story .text-group
{
    margin-top: 30px;
}

#technology #project-story .main-title
{
    font-family: 'Amiri', serif;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.4rem;

    width: 960px;
    margin-top: -5px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
    padding-bottom: 25px;

    text-align: center;
    letter-spacing: 20px;

    color: #fff;
    background-color: #00428e;
}

#technology #project-story .thumbnail__title
{
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 5rem;

    text-align: center;

    color: #00428e;
}

#technology #project-story .thumbnail__text
{
    font-size: 1.2rem;
    line-height: 2rem;

    margin-top: 20px;

    letter-spacing: .5px;
}

#technology #project-story .thumbnail__profile
{
    display: -ms-flexbox;
    display: flex;

    max-width: 500px;
    margin: 35px auto 0 auto;

    -ms-flex-pack: justify;
    justify-content: space-between;
}

#technology #project-story .thumbnail__profile__box
{
    width: 30%;
}

#technology #project-story .thumbnail__profile__box__list
{
    text-align: center;
}

#technology #project-story .thumbnail__profile__box__list__item
{
    font-size: 1.1rem;
    line-height: 1.4rem;
}

#technology #project-story .article-box
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#technology #project-story .article-box__text
{
    font-size: 1.5rem;
    line-height: 200%;

    letter-spacing: .5px;
}

#technology #project-story .article-box__comments
{
    display: block;

    width: 100%;
    margin-top: 20px;
}

#technology #project-story .article-box__comments p
{
    text-align: right;
}

#technology #project-story .content-lv2
{
    margin-top: 30px;
}

#technology #project-story .content-lv2__title
{
    font-size: 2.4rem;
    line-height: 3.6rem;

    padding: 10px 15px;

    color: #fff;
    background-color: #618cbe;
}

#technology #project-story .content-lv2__text
{
    font-size: 1.3rem;
    line-height: 2.4rem;
}

#technology #project-story .content-lv2__img-box
{
    display: -ms-flexbox;
    display: flex;

    margin-top: 30px;

    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#technology #project-story .content-lv2__img-box--big
{
    display: block;

    width: 100%;
    margin-top: 40px;
}

#technology #our-plant .heading
{
    background-image: url('../images/technology/our-plant/our-plant_top.jpg');
}

#technology #our-plant .grid__row2
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -ms-flex-pack: justify;
    justify-content: space-between;
}

#technology #our-plant .grid__row2--lv1
{
    padding: 0 70px;
}

#technology #our-plant .grid__row2__group
{
    width: 50%;
}

#technology #our-plant .grid__row2__group:first-child
{
    padding-top: 30px;
}

#technology #our-plant .grid__row2__group:nth-child(2)
{
    margin-top: 30px;
}

#technology #our-plant .grid__row2__group__title
{
    font-size: 2.1rem;
    line-height: 3.6rem;

    color: #00428e;
}

#technology #our-plant .grid__row2__group__text
{
    font-size: 1.4rem;
    line-height: 2.1rem;

    display: block;

    margin-top: 10px;

    color: #231815;
}

#technology #our-plant .grid__row2__group__list
{
    margin-top: 10px;
    padding-left: 20px;
}

#technology #our-plant .grid__row2__group__list__item
{
    font-size: 1.9rem;
    line-height: 3rem;

    color: #00428e;
}

#technology #our-plant .grid__row3
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#technology #our-plant .title-lv4
{
    font-size: 2.3rem;
    font-weight: normal;
    line-height: 3.6rem;

    display: block;

    margin-bottom: 15px;

    color: #231815;
}

#technology #our-plant .list-lv1
{
    width: 570px;
}

#technology #our-plant .list-lv1__item
{
    font-size: 1.4rem;
    line-height: 2.2rem;
padding:20px 0;
    border-top: 1px solid #231815;
}

#technology #our-plant .list-lv1__item:last-child
{
    border-bottom: 1px solid #231815;
}

#technology #our-plant .list-lv2
{
    margin-top: 10px;
    padding-left: 10px;
}
#technology #our-plant ul.dottedul{margin-left:10px;}
#technology #our-plant .list-lv2__item
{
    font-size: 1.4rem;
    line-height: 2.1rem;
}

#technology #our-plant .text-title
{
    font-size: 1.7rem;
    line-height: 2.9rem;
}

#technology #our-plant .text-box
{
    margin-top: 50px;
    padding: 25px 0;

    border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
}

#technology main#Industry-navi .container
{
    font-size: 1.5rem;
    line-height: 200%;
}

#technology main#Industry-navi .title-lv4
{
    font-weight: bold;

    text-align: center;
}

#technology main#Industry-navi .content__text--lv1
{
    margin-top: 25px;
}

#technology main#Industry-navi .content__text--lv2
{
    font-weight: bold;
}

#technology main#Industry-navi .content__img > img
{
    width: 100%;
    height: auto;
}

#technology main#Industry-navi .content__title
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4rem;

    padding: 20px 0;

    text-align: center;

    background-color: #c9dae4;
}

#technology main#Industry-navi .content__box__group__title
{
    font-weight: bold;

    padding: 10px 0 10px 20px;

    color: white;
    border-radius: 50px;
    background-color: #00428e;
}

#technology main#Industry-navi .content__box__group__title__sub
{
    font-weight: bold;

    color: #00428e;
}

#technology main#Industry-navi .content__box__group__title__sub::before
{
    display: inline-block;

    content: '●';
}

#technology main#Industry-navi .content__box__group__text
{
    margin-top: 10px;
}

#wrapper
{
    overflow: hidden;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
    .title-lv4--number
    {
        font-size: 1.0rem;

        padding: 0 4px;
    }
}

@media screen and (max-width: 767px) and (min-width: 768px)
{
    .header .gnav__list
    {
        display: -ms-flexbox;
        display: flex;
    }

    .header .gnav__list__item
    {
        margin-left: 35px;
    }
}

@media screen and (min-width: 768px)
{
    body
    {
        font-size: 1.6rem;
    }

    .header
    {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }

    .header__wrap
    {
        position: relative;

        display: -ms-flexbox;
        display: flex;

        height: 55px;

        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header .logo a
    {
        margin-top: 11px;
    }

    .header .gnav
    {
        /*margin-left: 60px;*/
        margin-left: 40px;
    }

    .header .gnav__list
    {
        display: -ms-flexbox;
        display: flex;
    }

    .header .gnav__list__item
    {
        margin: 0 5px;
    }

    .header .gnav__list__item > a
    {
        font-size: 1rem;
        line-height: 1.2;

        position: relative;

        display: block;

        padding: 12px 10px;

        cursor: pointer;
        letter-spacing: -.01em;
    }

    .header .gnav__list__item > a > span
    {
        font-family: 'Amiri', serif;
        font-size: 1.5rem;
        font-weight: 700;

        display: block;

        color: #00428e;
    }

    .header .gnav__child
    {
        position: absolute;
        z-index: 10;
        top: 55px;
        left: 50%;

        overflow: hidden;

        max-height: 0;

        transition: all .1s ease-in;
        transform: translateX(-50%);

        opacity: 0;
    }

    .header .gnav__child__list
    {
        display: -ms-flexbox;
        display: flex;

        background: rgba(255, 255, 255, .9);

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .header .gnav__child__list__item
    {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .header .gnav__child__list__item a
    {
        display: block;

        padding: 10px 0 10px 20px;
    }

    .header .gnav__child__list__item a:hover p:first-child
    {
        border-bottom: 1px solid #00428e;
    }

    .header .gnav__child__list__item--col4
    {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .header .gnav__child__list__item--modifier-lv1 > a
    {
        padding-right: 0;
    }

    .header .gnav__child__text
    {
        font-size: 1.4rem;

        position: relative;

        display: inline-block;

        padding-bottom: 4px;
        padding-left: 20px;

        transition: .3s;

        color: #00428e;
        border-bottom: 1px solid transparent;
    }

    .header .gnav__child__text::before
    {
        position: absolute;
        top: 6px;
        left: 0;

        display: block;

        width: 8px;
        height: 8px;

        content: '';
        transform: rotate(45deg);

        border-top: 1px solid #00428e;
        border-right: 1px solid #00428e;
    }

    .header .gnav__child__sub-text
    {
        font-size: 1.2rem;

        margin-top: 0;
        margin-left: 28px;
    }

    .header .gnav__list__item:hover > .gnav__child
    {
        max-height: 9999px;

        opacity: 1;
    }

    .footer__copy__text
    {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }

    .heading
    {
        height: 480px;
    }

    .container
    {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .main--heading .container
    {
        margin-top: -370px;
        padding-top: 0;
    }

    .section
    {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }

    .section
    {
        padding: 60px 55px;
    }

    #index .section
    {
        padding: 25px;
    }

    .section + .section
    {
        margin-top: 70px;
    }

    .section--unbg
    {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }

    #index .section--unbg
    {
        padding: 0;
    }

    .title-lv1
    {
        font-size: 3.6rem;
    }

    .title-lv1__sub
    {
        font-size: 1.5rem;
    }

    .title-lv2__sub
    {
        font-size: 1.5rem;
    }

    .mt-section
    {
        margin-top: 100px;
    }

    .mt-tall
    {
        margin-top: 60px;
    }

    .mt-medium
    {
        margin-top: 50px;
    }

    .mt-short
    {
        margin-top: 40px;
    }

    .mt-paragraph
    {
        margin-top: 24px;
    }

    .mt-line
    {
        margin-top: 10px;
    }

    .hidden-pc
    {
        display: none !important;
    }

    body#index .slideshow__text > img
    {
        width: 70%;
    }

    body#index .cross-talk__thumbnail
    {
        margin-top: 25px;
    }

    body#index .cross-talk__thumbnail__item
    {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    body#index .cross-talk__thumbnail__item:nth-child(odd)
    {
        margin-right: 20px;
    }

    body#index .cross-talk__thumbnail__title
    {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    body#index .cross-talk__thumbnail__text
    {
        font-size: 1.6rem;
    }

    body#index .top-message__item
    {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    body#index .top-message__item:nth-child(odd)
    {
        margin-right: 20px;
    }

    body#index .top-message__text1
    {
        font-size: 3.5rem;

        margin-top: 45px;
    }

    body#index .top-message__text2
    {
        font-size: 1.5rem;

        margin-top: 40px;
    }

    body#index .top-message__text2 > span
    {
        font-size: 1.8rem;
    }

    body#index .technology__panel__item
    {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    body#index .technology__panel__item:nth-child(odd)
    {
        margin-right: 20px;
    }

    body#index .technology__panel
    {
        margin-top: 25px;
    }

    body#index .technology__panel__item:nth-child(n + 3)
    {
        margin-top: 20px;
    }

    body#index .technology__panel__2col__item
    {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    body#index .technology__panel__2col__item--text
    {
        position: relative;

        display: -ms-flexbox;
        display: flex;

        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body#index .technology__panel__2col__item--text h3
    {
        font-size: 1.8rem;

        position: absolute;
        top: 15px;
        left: 50%;
width: 90%;
        transform: translateX(-50%);
    }

    body#index .technology__panel__2col__item--text .title-modifier
    {
        position: absolute;
        top: 35px;
        left: 50%;
    }

    body#index .technology__panel__2col__item--text p
    {
        font-size: 1.2rem;

        margin-top: 30px;
    }

    body#index .technology__panel__2col__item--text p.font-large
    {
        font-size: 2.1rem;
    }

body#index .people .peoplebgbox .peoplebgbox_ttl h3{
    font-size: 1.8rem;
}

    body#index .outline__panelcol2__item__text p,
    body#index .outline__panelcol4__item__text p
    {
        font-size: 1.6rem;
    }

    body#index .outline__panelcol2__item
    {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    body#index .outline__panelcol2__item:nth-child(odd)
    {
        margin-right: 20px;
    }

    body#index .outline__panelcol2__item:nth-child(n + 3)
    {
        margin-top: 20px;
    }

    body#index .outline__panelcol2__item--01
    {
        background-position: 225px center;
    }

    body#index .outline__panelcol4__item
    {
        -ms-flex-preferred-size: calc(25% - (10px * 1.5));
        flex-basis: calc(25% - (10px * 1.5));
    }

    body#index .outline__panelcol4__item:not(:first-child)
    {
        margin-left: 20px;
    }

    body#index .outline__panelcol4
    {
        margin-top: 20px;
    }

    body#index  .read__text
    {
        display: block;

        width: 60%;
        margin: 30px auto;
    }
    body#index .about .title-lv1{
        margin-bottom:20px;
    }

    body#kensyu .container .kensyu__box__img--06
    {
        margin-top: 40px;
    }

    body#faq .container .faq__section
    {
        margin-top: 50px;
    }

    #people main#recruit-message .content-box__item--col4
    {
        width: calc(25% - 15px);
    }

    #people main#recruit-message .content-box__item--col4:nth-of-type(n + 5)
    {
        margin-top: 40px;
    }

    #people main#recruit-message .content-box__item--col2
    {
        width: calc(50% - 15px);
    }

    #people main#recruit-message .content-box__item--col2:nth-of-type(n + 3)
    {
        margin-top: 40px;
    }

    #people main#matching-chart .table-chart__group__row7__item
    {
        width: 90px;
    }

    #people main#matching-chart .table-chart__group__row10__item--lv2
    {
        width: 80px;
    }

    #people main#matching-chart .page-link-box__group
    {
        margin-top: 20px;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #people main#matching-chart .page-link-box__group__item
    {
        width: calc(100% / 4);
    }

    #people main#matching-chart .page-link-box__group__item__list__item:nth-of-type(2)
    {
        margin: 0;

        text-align: left;
    }

    #people main#matching-chart .page-link-box__group__item:nth-of-type(n+5)
    {
        margin-top: 24px;
    }

    #crosstalk .article-box__img
    {
        display: block;

        margin-right: 15px;
    }

    #crosstalk .article-box__img--lv1
    {
        width: 50%;
        min-width: 50%;
    }

    #crosstalk .article-box__img--lv2
    {
        width: 50%;
        min-width: 50%;
    }

    #technology #our-plant .section-lv1
    {
        margin-top: 50px;
    }

    #technology #our-plant .section-lv3
    {
        margin-top: 40px;
    }

    #technology #our-plant .grid__row3__item:not(:nth-of-type(3n))
    {
        margin-right: 10px;
    }

    #technology #our-plant .grid__row3__item:nth-of-type(n+4)
    {
        margin-top: 10px;
    }

    #technology main#Industry-navi .title-lv4
    {
        margin-top: 40px;
    }

    #technology main#Industry-navi .content
    {
        margin-top: 40px;
    }

    #technology main#Industry-navi .content__img
    {
        margin: 20px 80px 0;
    }

    #technology main#Industry-navi .content__box__group
    {
        margin-top: 30px;
        padding: 0 30px;
    }

    #technology main#Industry-navi .content__box__group__title__sub
    {
        margin-top: 25px;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px)
{
    .header .gnav__child
    {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none)
{
    body#kensyu .container .kensyu__box__img--06
    {
        margin-top: 200px;
    }
}

@media screen and (max-width: 768px)
{
    .header .logo a
    {
        margin-top: 6px;
    }

    .title-lv2
    {
        font-size: 1.8rem;
    }

    .title-lv3:before
    {
        width: 1.8rem;
        height: 1.8rem;
    }

    .title-lv4
    {
        font-size: 1.5rem;
    }

    .title-lv4--faq
    {
        padding-left: 12px;
    }

    .title-lv5
    {
        font-size: 2.0rem;
        line-height: 4.0rem;
    }

    .title-lv6
    {
        font-size: 2.0rem;
    }

    .title-lv7
    {
        font-size: 2.5rem;
        line-height: 2.3rem;
    }

    .title-lv7 > span
    {
        display: block;

        margin-top: 5px;
    }

    .mt1
    {
        margin-top: .5px;
    }

    .mt2
    {
        margin-top: 1px;
    }

    .mt3
    {
        margin-top: 1.5px;
    }

    .mt4
    {
        margin-top: 2px;
    }

    .mt5
    {
        margin-top: 2.5px;
    }

    .mt6
    {
        margin-top: 3px;
    }

    .mt7
    {
        margin-top: 3.5px;
    }

    .mt8
    {
        margin-top: 4px;
    }

    .mt9
    {
        margin-top: 4.5px;
    }

    .mt10
    {
        margin-top: 5px;
    }

    .mt11
    {
        margin-top: 5.5px;
    }

    .mt12
    {
        margin-top: 6px;
    }

    .mt13
    {
        margin-top: 6.5px;
    }

    .mt14
    {
        margin-top: 7px;
    }

    .mt15
    {
        margin-top: 7.5px;
    }

    .mt16
    {
        margin-top: 8px;
    }

    .mt17
    {
        margin-top: 8.5px;
    }

    .mt18
    {
        margin-top: 9px;
    }

    .mt19
    {
        margin-top: 9.5px;
    }

    .mt20
    {
        margin-top: 10px;
    }

    .mt21
    {
        margin-top: 10.5px;
    }

    .mt22
    {
        margin-top: 11px;
    }

    .mt23
    {
        margin-top: 11.5px;
    }

    .mt24
    {
        margin-top: 12px;
    }

    .mt25
    {
        margin-top: 12.5px;
    }

    .mt26
    {
        margin-top: 13px;
    }

    .mt27
    {
        margin-top: 13.5px;
    }

    .mt28
    {
        margin-top: 14px;
    }

    .mt29
    {
        margin-top: 14.5px;
    }

    .mt30
    {
        margin-top: 15px;
    }

    .mt31
    {
        margin-top: 15.5px;
    }

    .mt32
    {
        margin-top: 16px;
    }

    .mt33
    {
        margin-top: 16.5px;
    }

    .mt34
    {
        margin-top: 17px;
    }

    .mt35
    {
        margin-top: 17.5px;
    }

    .mt36
    {
        margin-top: 18px;
    }

    .mt37
    {
        margin-top: 18.5px;
    }

    .mt38
    {
        margin-top: 19px;
    }

    .mt39
    {
        margin-top: 19.5px;
    }

    .mt40
    {
        margin-top: 20px;
    }

    .mt41
    {
        margin-top: 20.5px;
    }

    .mt42
    {
        margin-top: 21px;
    }

    .mt43
    {
        margin-top: 21.5px;
    }

    .mt44
    {
        margin-top: 22px;
    }

    .mt45
    {
        margin-top: 22.5px;
    }

    .mt46
    {
        margin-top: 23px;
    }

    .mt47
    {
        margin-top: 23.5px;
    }

    .mt48
    {
        margin-top: 24px;
    }

    .mt49
    {
        margin-top: 24.5px;
    }

    .mt50
    {
        margin-top: 25px;
    }

    .mt51
    {
        margin-top: 25.5px;
    }

    .mt52
    {
        margin-top: 26px;
    }

    .mt53
    {
        margin-top: 26.5px;
    }

    .mt54
    {
        margin-top: 27px;
    }

    .mt55
    {
        margin-top: 27.5px;
    }

    .mt56
    {
        margin-top: 28px;
    }

    .mt57
    {
        margin-top: 28.5px;
    }

    .mt58
    {
        margin-top: 29px;
    }

    .mt59
    {
        margin-top: 29.5px;
    }

    .mt60
    {
        margin-top: 30px;
    }

    .mt61
    {
        margin-top: 30.5px;
    }

    .mt62
    {
        margin-top: 31px;
    }

    .mt63
    {
        margin-top: 31.5px;
    }

    .mt64
    {
        margin-top: 32px;
    }

    .mt65
    {
        margin-top: 32.5px;
    }

    .mt66
    {
        margin-top: 33px;
    }

    .mt67
    {
        margin-top: 33.5px;
    }

    .mt68
    {
        margin-top: 34px;
    }

    .mt69
    {
        margin-top: 34.5px;
    }

    .mt70
    {
        margin-top: 35px;
    }

    .mt71
    {
        margin-top: 35.5px;
    }

    .mt72
    {
        margin-top: 36px;
    }

    .mt73
    {
        margin-top: 36.5px;
    }

    .mt74
    {
        margin-top: 37px;
    }

    .mt75
    {
        margin-top: 37.5px;
    }

    .mt76
    {
        margin-top: 38px;
    }

    .mt77
    {
        margin-top: 38.5px;
    }

    .mt78
    {
        margin-top: 39px;
    }

    .mt79
    {
        margin-top: 39.5px;
    }

    .mt80
    {
        margin-top: 40px;
    }

    .mt81
    {
        margin-top: 40.5px;
    }

    .mt82
    {
        margin-top: 41px;
    }

    .mt83
    {
        margin-top: 41.5px;
    }

    .mt84
    {
        margin-top: 42px;
    }

    .mt85
    {
        margin-top: 42.5px;
    }

    .mt86
    {
        margin-top: 43px;
    }

    .mt87
    {
        margin-top: 43.5px;
    }

    .mt88
    {
        margin-top: 44px;
    }

    .mt89
    {
        margin-top: 44.5px;
    }

    .mt90
    {
        margin-top: 45px;
    }

    .mt91
    {
        margin-top: 45.5px;
    }

    .mt92
    {
        margin-top: 46px;
    }

    .mt93
    {
        margin-top: 46.5px;
    }

    .mt94
    {
        margin-top: 47px;
    }

    .mt95
    {
        margin-top: 47.5px;
    }

    .mt96
    {
        margin-top: 48px;
    }

    .mt97
    {
        margin-top: 48.5px;
    }

    .mt98
    {
        margin-top: 49px;
    }

    .mt99
    {
        margin-top: 49.5px;
    }

    .sp-block
    {
        display: block;
    }

    body#index .cross-talk__thumbnail__title > .title-lv1
    {
        position: static;

        transform: none;
    }

    body#index .cross-talk__thumbnail__item:nth-of-type(1)::before,
    body#index .cross-talk__thumbnail__item:nth-of-type(2)::before,
    body#index .cross-talk__thumbnail__item:nth-of-type(3)::before,
    body#index .cross-talk__thumbnail__item:nth-of-type(4)::before,
    body#index .cross-talk__thumbnail__item:nth-of-type(5)::before
    {
        font-size: 2rem;

        margin-left: -10px;
    }

    body#index .people__thumbnail__title > .title-lv1
    {
        position: static;

        transform: none;
    }

    body#index .people__thumbnail__item__group
    {
        display: block;

        width: 100%;
        height: 180px;
    }

    body#index .people__thumbnail__item__group:nth-of-type(2)
    {
        height: 50px;
    }

    body#index .people__thumbnail__item__group__box--lv1
    {
        padding-top: 15px;
    }

    body#index .people__thumbnail__text
    {
        font-size: 1.9rem;
    }

    body#index .people__thumbnail__text > li:first-child
    {
        font-size: 1.6rem;
    }

    body#index .people__navi-list
    {
        position: static;

        height: 100%;

        transform: none;
    }

    body#history .container .history
    {
        margin-top: 30px;
        padding: 0 5px;
    }

    body#saiyo .container .saiyo
    {
        margin-top: 30px;
        padding: 0 5px;
    }

    body#saiyo .container .saiyo__outline
    {
        font-size: 1.0rem;

        width: 100%;
        margin-top: 27.5px;
    }

    body#saiyo .container .saiyo__box
    {
        margin-top: 14px;
    }

    body#saiyo .container .saiyo__box__item
    {
        font-size: 1.5rem;

        margin-top: 50px;
    }

    body#saiyo .container .saiyo__box__item--modifierLv1
    {
        position: static;
        right: 0;

        display: block;

        width: 100%;

        text-align: center;
    }

    body#saiyo .container .saiyo__box__item--modifierLv1:before
    {
        display: none;
    }

    body#saiyo .container .saiyo__box__item:after
    {
        right: 50%;

        width: 23px;
        height: 23px;
        margin-right: -11.5px;
    }

    body#fukuri .container .outline
    {
        font-size: 1.0rem;

        width: 100%;
        margin-top: 27.5px;
    }

    body#fukuri .container .fukuri__box
    {
        margin-top: 14px;
    }

    body#fukuri .container .fukuri__box__text
    {
        width: 100%;
    }

    body#fukuri .container .fukuri__box__img
    {
        width: 100%;
        margin-top: 10px;
    }

    body#kensyu .container .outline
    {
        font-size: 1.0rem;

        width: 100%;
        margin-top: 27.5px;
    }

    body#kensyu .container .outline-img
    {
        position: static;

        width: 100%;
        height: 100%;
        margin-top: 10px;
    }

    body#kensyu .container .kensyu__box
    {
        margin-top: 14px;
    }

    body#kensyu .container .kensyu__box
    {
        width: 100%;
    }

    body#kensyu .container .kensyu__box:nth-of-type(4)
    {
        float: none;
    }

    body#kensyu .container .left
    {
        float: none;

        width: 100%;
    }

    body#kensyu .container .right
    {
        float: none;

        width: 100%;
        margin-top: 30px;
    }

    body#faq .container .outline
    {
        font-size: 1.0rem;

        width: 100%;
        margin-top: 27.5px;
    }

    body#faq .container .faq__section--head .title-lv4
    {
        font-size: 1.2rem;
    }

    body#faq .container .faq__section--head .title-lv4:nth-child(n+2)
    {
        margin-left: 17px;
    }

    body#faq .container .faq__box
    {
        margin-top: 14px;
    }

    body#faq .container .faq__box
    {
        margin-top: 10px;
    }

    body#faq .container .faq__box__part
    {
        padding: 10px 5px;
    }

    body#faq .container .faq__box__item
    {
        font-size: 1.0rem;

        padding: 7.5px;
    }

    body#faq .container .faq__box__item--lv2
    {
        padding: 7.5px;
    }

    main#beyond .beyond .img-box__text
    {
        font-size: 1.8rem;
        line-height: 3.6rem;

        width: 100%;
        margin: 0;
    }

    main#beyond .beyond-advertisement__title
    {
        font-size: 1.2rem;
    }

    main#beyond .beyond-advertisement__subtitle
    {
        font-size: 1.56rem;
        line-height: 2.85rem;

        margin-bottom: 30px;
    }

    main#vision .thumbnail__title
    {
        font-size: 1.8rem;
        line-height: 3.6rem;

        padding: 30px 0;
    }

    main#vision .thumbnail__text
    {
        margin-top: 20px;
    }

    main#vision .thumbnail__text:nth-of-type(1)
    {
        margin-top: 30px;
    }

    main#vision .content-box:nth-of-type(1)
    {
        margin: 20px auto 0;
    }

    main#vision .content-box__title
    {
        font-size: 1.2rem;
    }

    main#vision .content-box__list__item
    {
        font-size: 1.05rem;
        line-height: 2.1rem;
    }

    main#vision .content-box__list__item::before
    {
        width: 7.5px;
        height: 7.5px;
    }

    main#statistics .statistics .content-box .row-3
    {
            flex-direction: column;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-direction: column;
    }

    main#statistics .statistics .content-box .col-2
    {
        padding-right: 0;

        border-right: none;
    }

    main#statistics .statistics .content-box .col-2__item
    {
        padding-bottom: 0;
    }

    main#statistics .statistics .content-box .col-2:nth-of-type(2)
    {
        padding-left: 0;

        border-top: 1px solid #231815;
    }

    main#statistics .statistics .content-box .col-1
    {
        width: 100%;
        padding: 20px 0;

        border-top: 1px solid #231815;
    }

    main#statistics .statistics .content-box .row-2
    {
        border-top: 1px solid #231815;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    main#statistics .statistics .content-box .row-2__item
    {
        width: 100%;
    }

    main#statistics .statistics .content-box .row-2__item:nth-of-type(1)
    {
        padding-bottom: 0;

        border-right: none;
    }

    main#statistics .statistics .content-box .row-2__item:nth-of-type(2)
    {
        margin-top: 20px;
        padding-top: 20px;

        border-top: 1px solid #231815;
    }

    main#statistics .statistics .content-box .row-2__item > img
    {
        padding-top: 20px;
    }

    .text-lv1
    {
        margin-top: 24px;
    }

    .text-lv2
    {
        font-size: 1.0rem;
    }

    .text-lv3
    {
        font-size: 2.1rem;
    }

    #people .img-box--lv1
    {
        margin-bottom: 0;
    }

    #people .section--bottom
    {
        padding: 10px 0 0;
    }

    #people .profile-box
    {
        position: static;

        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: -5px;
    }

    #people .profile-box__list__item
    {
        font-size: 1.5rem;

        padding-bottom: 7px;
    }

    #people .profile-box__list__item--modifier
    {
        padding-top: 7px;

        text-indent: -6px;
    }

    #people .group
    {
        padding-top: 12.5px;
    }

    #people .text-box
    {
        padding-top: 5px;
    }

    #people .people-navi
    {
        margin: 0 auto;
        padding: 0;
    }

    #people .people-navi > a
    {
        border-left: 1px solid #898989;
    }

    #people .people-navi__card
    {
        display: block;

        padding: 5px;
    }

    #people .people-navi__card__img
    {
        width: 100%;
        height: 100%;
    }

    #people .people-navi__card__list
    {
        float: left;

        margin-left: 0;
    }

    #people .people-navi__card__list--right
    {
        float: right;

        margin-right: 0;
    }

    #people main#recruit-message .list-outline__box
    {
        width: 80%;
    }

    #people main#recruit-message .content-box__item--col4
    {
        width: calc(50% - 10px);
    }

    #people main#recruit-message .content-box__item--col4:nth-of-type(n + 3)
    {
        margin-top: 20px;
    }

    #people main#recruit-message .content-box__item--col2
    {
        width: calc(50% - 10px);
    }

    #people main#recruit-message .content-box__item--col2:nth-of-type(n + 3)
    {
        margin-top: 20px;
    }
    #people main#matching-chart .tableover{
        overflow: scroll;
        padding-right: 10px;
    }
    #people main#matching-chart .table-chart
    {
        width:700px;
        font-size: 1.2rem;
    }

    #people main#matching-chart .table-chart a
    {
        line-height: 2.4rem;
    }

    #people main#matching-chart .table-chart__group__row7__item
    {
        width: 30px;

        white-space: wrap;
    }

    #people main#matching-chart .table-chart__group__row10__item--lv1
    {
        padding: 0 5px;
    }

    #people main#matching-chart .table-chart__group__row10__item--lv2
    {
        width: 40px;
    }

    #people main#matching-chart .table-chart__group__row10__item--lv3
    {
        width: auto;
    }

    #people main#matching-chart .page-link-box__group
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #people main#matching-chart .page-link-box__group__item
    {
        width: calc(100% / 2 - 7.5px);
        margin-top: 15px;
    }

    #people main#matching-chart .page-link-box__group__item:nth-of-type(odd)
    {
        margin-right: 15px;
    }

    #people main#matching-chart .page-link-box__group__item__list__item:nth-of-type(2)
    {
        text-align: left;
    }

    #people main#matching-chart .page-link-box__group__item:last-child
    {
        width: 100%;
       height: 50px;
       margin-right: 0;
    }

    #crosstalk .section--crosstalk
    {
        margin: 0 auto;
    }

    #crosstalk .crosstalk-box
    {
        position: static;

        width: 100%;
        margin: 0 auto;
        margin-top: -5px;
    }

    #crosstalk .cross-box
    {
        display: block;
    }

    #crosstalk .cross-box__item
    {
        width: 100%;
    }

    #crosstalk .cross-box__item img
    {
        max-width: 40%;
    }

    #crosstalk .cross-box__item--lv1
    {
        margin-top: 32px;
    }

    #crosstalk .article-box
    {
        display: block;
    }

    #crosstalk .article-box .mt20
    {
        margin-top: 20px;
    }

    #crosstalk .article-box .mt0
    {
        margin-top: 0;
    }

    #crosstalk .article-box__img--lv1
    {
        width: 100%;
        margin-right: 0;
    }

    #crosstalk .article-box__img--lv2
    {
        width: 100%;
        margin-left: 0;
    }

    #crosstalk .article-box__text
    {
        font-size: 1.3rem;

        display: inline;
    }

    #crosstalk .people-navi
    {
        display: -ms-flexbox;
        display: flex;

        *zoom: 1;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #crosstalk .people-navi::after
    {
        display: table;
        clear: both;

        content: '';
    }

    #crosstalk .people-navi__card
    {
        width: calc(100% / 2);
    }

    #crosstalk .people-navi__card:nth-of-type(even)
    {
        border-right: none;
    }
    /* #crosstalk .people-navi__card:nth-child(3) {
        border-left: 1px solid #898989;
        border-right: 0;
    }
    #crosstalk .people-navi__card:nth-child(4) {
        border-bottom: 0;
    }
    #crosstalk .people-navi__card:nth-child(5) {
        border-left: 1px solid #898989;
    } */
    #crosstalk .people-navi__card__text
    {
        padding-top: 5px;
    }

    #top-message .container .title-box
    {
        position: static;

        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: -5px;
    }

    #top-message .container .title-box__text
    {
        font-size: 1.5rem;
        line-height: 2.1rem;

        position: static;

        transform: none;
    }

    #top-message .container .title-box__text__br
    {
        display: inline-block;

        margin-left: 10px;
    }

    #top-message .container .main-box__profile
    {
        font-size: .7rem;
        line-height: 2.3rem;

        margin-top: 27.5px;
    }

    #top-message .container .main-box__name
    {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    #top-message .container .text-box__title
    {
        font-size: 1.5rem;
        line-height: 2.15rem;
    }

    #top-message .container .text-box__title::before
    {
        width: 15px;
        height: 15px;
        margin-right: 7.5px;

        vertical-align: 0;
    }

    #top-message .container .text-box .top-message_text
    {
        font-size: 1.3rem;

        margin-top: 27.5px;
    }

    #top-message .container .text-box__img
    {
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    #top-message .container .text-box__img--modifier
    {
        margin-right: 0;
        margin-bottom: 0;
    }

    #top-message .container .text-box__flex
    {
        display: block;
    }

    #technology .common-group
    {
        width: 100%;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #technology .common-group__item
    {
        width: 100%;
        margin-right: 0;
    }

    #technology .common-group__item--image
    {
        margin-top: 20px;
        padding: 0;
    }

    #technology .common-group__item__textbox
    {
        width: 100%;
    }

    #technology .common-group__item__textbox__detail
    {
        width: 100%;
    }

    #technology #project-story .section
    {
        padding-top: 22.5px;
    }

    #technology #project-story .main-title
    {
        font-size: 1.5rem;

        width: 100%;

        letter-spacing: 10px;
    }

    #technology #project-story .thumbnail__title
    {
        font-size: 1.9rem;
        line-height: 2.5rem;
    }

    #technology #project-story .article-box
    {
        display: block;
    }

    #technology #project-story .article-box__text
    {
        font-size: 1.3rem;

        display: inline;
    }

    #technology #project-story .content-lv2__title
    {
        font-size: 1.2rem;

        padding: 5px 7.5px;
    }

    #technology #project-story .content-lv2__img-box
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #technology #project-story .content-lv2__img-box__item:not(:nth-of-type(1))
    {
        margin-top: 30px;
    }

    #technology #our-plant .section-lv1
    {
        margin-top: 25px;
    }

    #technology #our-plant .section-lv3
    {
        margin-top: 20px;
    }

    #technology #our-plant .grid__row2
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #technology #our-plant .grid__row2--lv1
    {
        padding: 0;
    }

    #technology #our-plant .grid__row2--lv2__item
    {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    #technology #our-plant .grid__row2--lv2__item:nth-of-type(2)
    {
        margin-top: 10px;
    }

    #technology #our-plant .grid__row2__group
    {
        width: 100%;
    }

    #technology #our-plant .grid__row2__group:first-child
    {
        padding-top: 15px;
    }

    #technology #our-plant .grid__row2__group:nth-child(2)
    {
        padding-top: 15px;
    }

    #technology #our-plant .grid__row2__group__list__item
    {
        font-size: 1.2rem;
        line-height: 2.4rem;
    }

    #technology #our-plant .grid__row2__group--img
    {
        width: 100%;
        height: auto;
        height: 100%;
    }

    #technology #our-plant .grid__row3__item
    {
        width: 100%;
        height: 100%;
        margin: 10px auto 0;
    }

    #technology #our-plant .title-lv4
    {
        font-size: 2rem;
        line-height: 3.3rem;
    }

    #technology #our-plant .list-lv1
    {
        width: 100%;
    }

    #technology #our-plant .list-lv1__item
    {
        line-height: 3.0rem;
    }

    #technology #our-plant .img-height100
    {
        height: 100%;
    }

    #technology main#Industry-navi .title-lv4
    {
        margin-top: 20px;
    }

    #technology main#Industry-navi .content
    {
        margin-top: 20px;
    }

    #technology main#Industry-navi .content__img
    {
        margin: 30px 0 0;
    }

    #technology main#Industry-navi .content__box__group
    {
        margin-top: 15px;
        padding: 0 15px;
    }

    #technology main#Industry-navi .content__box__group__title
    {
        padding: 5px 0 5px 10px;
    }

    #technology main#Industry-navi .content__box__group__title__sub
    {
        margin-top: 12.5px;
    }
}

@media screen and (max-width: 767px)
{
    .header
    {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;

        width: 100%;

        border-bottom: 1px solid #00428e;
    }

    .header__wrap
    {
        height: 50px;
        padding: 10px;

        background: #fff;
    }

    .header .gnav
    {
        position: fixed;
        z-index: 50;
        top: 50px;
        left: 0;

        visibility: hidden;
        overflow: auto;

        width: 100%;
        height: 100%;

        transition: transform .6s ease, opacity .5s ease, visibility .5s ease;

        opacity: 0;
        background: rgba(201, 218, 228, .95);
    }

    .header .gnav--open
    {
        visibility: visible;

        padding-bottom: 100px;

        opacity: 1.0;
    }

    .header .gnav__list__item > a
    {
        font-size: 1rem;
        line-height: 1.4;

        display: block;

        letter-spacing: -.01em;
    }

    .header .gnav__list__item > a > span
    {
        font-family: 'Amiri', serif;
        font-size: 1.5rem;
        font-weight: 700;

        display: block;

        color: #00428e;
    }

    .header .gnav__child--none
    {
        display: none;
    }

    .header .gnav__child__list
    {
        padding: 0 10px;
    }

    .header .gnav__child__list__item
    {
        border-top: 1px solid #00428e;
    }

    .header .gnav__child__list__item:last-child
    {
        border-bottom: 1px solid #00428e;
    }

    .header .gnav__child__list__item > a
    {
        display: block;

        padding: 12px 10px 12px 0;
    }

    .header .gnav__child__text
    {
        font-size: 1.2rem;

        position: relative;

        padding-left: 16px;

        color: #00428e;
    }

    .header .gnav__child__text::before
    {
        position: absolute;
        top: 6px;
        left: 0;

        display: block;

        width: 6px;
        height: 6px;

        content: '';
        transform: rotate(45deg);

        border-top: 1px solid #00428e;
        border-right: 1px solid #00428e;
    }

    .header .gnav__child__sub-text
    {
        display: none;

        padding-left: 15px;
    }

    body
    {
        width: 100%;
        margin-top: 50px;
    }

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

    .hidden-sp
    {
        display: none !important;
    }

    body#index .section
    {
        width: calc(100% - 30px);
        margin-right: auto;
        margin-left: auto;
    }

    body#index .section--unbg
    {
        width: 100%;
    }

    body#index .cross-talk__thumbnail__item:nth-child(n + 2)
    {
        margin-top: 10px;
    }

    body#index .top-message__item:last-child
    {
        margin-top: 15px;
    }

    body#index .technology__panel__item:nth-child(n + 2)
    {
        margin-top: 10px;
    }

    body#index .technology__panel__2col__item--text
    {
        padding: 15px;
    }

    body#index .people__thumbnail__item
    {
        margin-top: 10px;
    }

    body#index .people__thumbnail__item--col2
    {
        display: block;

        height: 100%;
        margin-top: 10px;

        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    body#index .peopleover{
        grid-template-columns: 1fr;
    }
    body#index .people .peoplebgbox{
        grid-template-columns: 1fr;
    }
    body#index .people .peoplebgbox .peoplebgbox_ttl h3{
        font-size: 1.8rem;
    }
    body#index .outline__panelcol2__item:nth-child(n + 2)
    {
        margin-top: 10px;
    }

    body#index .outline__panelcol4__item:nth-child(odd)
    {
        margin-right: 10px;
    }

    body#index .outline__panelcol4__item:nth-child(n + 3)
    {
        margin-top: 10px;
    }
    body#kensyu .container .gridbox{
grid-template-columns: 1fr;
    }


}

@media screen and (max-width: 767px) and (max-width: 767px)
{
    .header .gnav__list__item > a
    {
        padding: 10px;
    }
}

@keyframes menu-bar01
{
    0%
    {
        transform: translateY(7px) rotate(45deg);
    }

    50%
    {
        transform: translateY(7px) rotate(0);
    }

    100%
    {
        transform: translateY(0) rotate(0);
    }
}

@keyframes menu-bar02
{
    0%
    {
        transform: translateY(-7px) rotate(-45deg);
    }

    50%
    {
        transform: translateY(-7px) rotate(0);
    }

    100%
    {
        transform: translateY(0) rotate(0);
    }
}

@keyframes active-menu-bar01
{
    0%
    {
        transform: translateY(0) rotate(0);
    }

    50%
    {
        transform: translateY(7px) rotate(0);
    }

    100%
    {
        transform: translateY(7px) rotate(45deg);
    }
}

@keyframes active-menu-bar03
{
    0%
    {
        transform: translateY(0) rotate(0);
    }

    50%
    {
        transform: translateY(-7px) rotate(0);
    }

    100%
    {
        transform: translateY(-7px) rotate(-45deg);
    }
}
.mr-20{margin-right:20px;}
.ml-40{margin-left:40px;}
.block-right-sp_center{
    margin:0 0 0 auto;
    display: block;
}
@media screen and (max-width: 767px){
.block-right-sp_center{
    margin:0 auto;
}
.spheader{
    display: grid;
grid-template-columns: 1fr 50px;
column-gap:30px;
align-items: center;
margin-right:100px;
}
.header .languageselect ul{
    font-size: 0.9em;
}
.title-lv3{
    font-size: 1.8rem;
}
}