@charset "UTF-8";

/*=================================================
　リセットCSS
==================================================*/
/* Eric Meyer's Reset CSS v2.0 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*=================================================
  ヒーロー画像(TO REALIZE THE IDEAL)
==================================================*/
/* company_hero */
.company_hero{
    position:relative;
    margin-bottom:5px;
}
.company_hero img{
    width:100%;  
}
.company_hero_font{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.company_hero_font h2{
    font-size:60px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height: 1.5;
    text-shadow: 0 0 1rem #00005F;
}
.company_hero_font h2 span{
    color:#f4b100;
}
.company_hero_font p{
    color:#fff;
    text-align:center;
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版） */
    .company_hero img{
        width:100%;
        height:40vh;
        object-fit: cover;
        object-position: 50% 50%;  
    }
    .company_hero_font h2{
        font-size:25px;
        line-height: 1.5;
    }
}

/*=================================================
 VISION(色がついている部分)
==================================================*/
/* company_vision */
.company_vision{
    background-color: #e4eaff;
    padding-bottom:60px;
    margin-bottom:50px;
}
.company_vision_width{
    width:80%;
    margin:0 auto;
}
.company_vision_title{
    margin-bottom:30px;
    padding-top:50px;
}
.company_vision_title h3{
    font-size:55px;
    color:#0071bc;
    font-weight: bold;
    margin-bottom:10px;
}
.company_vision_title p{
    color:#0071bc;
}
.company_vision .company_vision_p1{
    color:#00005F;
    line-height: 2.5;
    margin-bottom:30px;
}
.company_vision .company_vision_p2{
    color:#00005F;
    line-height: 2.5;
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版） */
    .company_vision_width{
        width:80%;
        margin:0 auto;
    }
    .company_vision_title h3{
        font-size:25px;
    }
    .company_vision_title p{
        font-size:15px;
    }
    .company_vision .company_vision_p1{
        font-size:0.7em;
    }
    .company_vision .company_vision_p2{
        font-size:0.7em;
    }
}
/*=================================================
 company_shousai(会社概要、会社沿革、資格取得情報、技術情報)
==================================================*/
/* company_shousai */
.company_shousai{
    width:80%;
    margin:0 auto;
}
/* ---company_shousai_flex--- */
.company_shousai_flex{
    /* 会社概要と会社沿革を横並び(PC版) */
    display:flex;
    gap:10vw;
}

/* *会社概要* */
/* ----company_shousai_flex_gaiyou---- */
.company_shousai_flex_gaiyou h5{
    color:#0071bc;
    font-size:30px;
    font-weight: bold;
    margin-bottom:30px;
}
.company_shousai_flex_gaiyou table tr{
    line-height: 2.5;
    color:#00005F;
}
.company_shousai_flex_gaiyou table tr th{
    text-align: left;
    width:10vw;
}
.company_shousai_gaiyou_mobile{
    /*会社概要モバイル版をPC版では見えなくする*/
    display:none; 
}

/* *会社概要モバイル版* */
/* ---company_shousai_gaiyou_mobile--- */
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版）*/
    .company_shousai_flex{
       /* 768px以下で会社概要と会社沿革の横並びを解除*/
        display:block;
    }
    .company_shousai_flex_gaiyou,.company_shousai_gaiyou{
        display:none;
    }
    .company_shousai_gaiyou_mobile{
         /* 768px以下で会社概要モバイル版を出現させる */
        display:block;
        margin-bottom:50px;
    }
    .company_shousai_gaiyou_mobile h5{
        color:#0071bc;
        font-size:15px;
        font-weight: bold;
        margin-bottom:30px;
    }
    .company_shousai_gaiyou_mobile table{
        color:#00005F;
        font-size:0.7em;
        width:90%;
    }
    .company_shousai_gaiyou_mobile table tr{
        line-height: 2;
    }
    .company_shousai_gaiyou_mobile table tr th{
        text-align: left;
        width:10vw;
        font-weight: bold;
    }
}

/* *会社沿革* */
/* ----company_shousai_flex_enkaku---- */
.company_shousai_flex_enkaku h5{
    color:#0071bc;
    font-size:30px;
    font-weight: bold;
    margin-bottom:30px;
}
.company_shousai_flex_enkaku p{
    color:#00005F;
    line-height: 2.3;
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版）*/
    .company_shousai_flex_enkaku{
        margin-bottom:50px;
    }
    .company_shousai_flex_enkaku h5{
        font-size:15px;
    }
    .company_shousai_flex_enkaku p{
        font-size:0.7em;
    }
}

/* *会社概要PC版続き* */
/* ---company_shousai_gaiyou--- */
.company_shousai_gaiyou{
    margin-bottom:100px;
}
.company_shousai_gaiyou tr{
    line-height: 2.5;
    color:#00005F;
}
.company_shousai_gaiyou tr th{
    text-align: left;
    width:10vw;
}

/* *資格取得情報* */
/* ---company_shousai_sikaku--- */
.company_shousai_sikaku{
    margin-bottom:100px;
}
.company_shousai_sikaku h5{
    color:#0071bc;
    font-size:30px;
    font-weight: bold;
    margin-bottom:30px;
}
.company_shousai_sikaku p{
    color:#00005F;
    line-height: 2;
    margin-bottom:20px;
}
.company_shousai_sikaku ul{
    list-style-type: disc;
}
.company_shousai_sikaku ul li{
    color:#00005f;
    line-height: 2.5;
    margin-bottom:15px;
}
.company_shousai_sikaku ul li span{
    font-weight: bold;
    vertical-align: 0.3em;
}
.company_shousai_sikaku ul li::marker {
    color: #f4b100;
    font-size: 2em;
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版）*/
    .company_shousai_sikaku{
        width:80%;
    }
    .company_shousai_sikaku h5{
        font-size:15px;
    }
    .company_shousai_sikaku p{
        font-size:0.7em;
    }
    .company_shousai_sikaku ul{
        font-size:0.7em;
    }
    .company_shousai_sikaku ul li{
        line-height: 1.5;
    }
}

/* *技術情報* */
/* --company_shousai_gijutu-- */
.company_shousai_gijutu{
    margin-bottom: 100px;
}
.company_shousai_gijutu h5{
    color:#0071bc;
    font-size:30px;
    font-weight: bold;
    margin-bottom:30px;
}
.company_shousai_gijutu ul{
    list-style-type: disc;
}
.company_shousai_gijutu ul li{
    color:#00005f;
    line-height: 2.5;
    margin-bottom:15px;
}
.company_shousai_gijutu ul li span{
    font-weight: bold;
    vertical-align: 0.3em;
}
.company_shousai_gijutu ul li::marker {
    color: #f4b100;
    font-size: 2em;
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版）*/
    .company_shousai_gijutu{
        width:80%;
    }
    .company_shousai_gijutu h5{
        font-size:15px;
    }
    .company_shousai_gijutu ul{
        font-size:0.7em;
    }
    .company_shousai_gijutu ul li{
        line-height: 1.5;
    }
}

/*=================================================
 ACCESS
==================================================*/
/* company_access */
.company_access{
    background-color: #e4eaff;
    padding-bottom:60px;
    margin-bottom:50px;
}
/* company_access_width */
.company_access_width{
    width:80%;
    margin:0 auto;
}
.company_access_title{
    margin-bottom:50px;
    padding-top:50px;
}
.company_access_title h3{
    font-size:55px;
    color:#0071bc;
    font-weight: bold;
    margin-bottom:10px;
}
.company_access_title p{
    color:#0071bc;
}
.company_access iframe{
    width:80vw;
    height:60vh
}
.company_access p{
    color:#00005f;
    line-height: 2;
    padding-top:20px;
}
@media screen and (max-width: 1200px) {
    /* 1200px以下に適用されるCSS（タブレット用） */
    .company_access iframe{
        height:30vh
    }
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（モバイル版） */
    .company_access_width{
        width:80%;
        margin:0 auto;
    }
    .company_access_title h3{
        font-size:25px;
    }
    .company_access_title p{
        font-size:15px;
    }
    .company_access iframe{
        height:30vh
    }
    .company_access p{
        font-size:0.7em;
    }
}