/*
Theme Name: Alpha-Sekkei
Theme URI: https://www.alpha-sekkei.com/
Author: GVT
Author URI: https://gvt.jp/
Description: アルファ設計様 デザイン
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black
Text Domain: Alpha-Sekkei
*/

* { font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif; }
html, body { width:100%; min-width:1000px; font-size:16px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
a { text-decoration:none; color:#000; }
li { list-style:none; }
img { display:block; }


/*******************************************************************/
/*                          common header                          */
/*******************************************************************/

header{ width:100%; }
#crumArea { width:100%; position:fixed; top:0;  background-color:#111; z-index:2000; }
#crum { width:1000px; color:#fff; margin:0 auto; display:flex; align-items:center; padding:10px 0; }
#crumName { font-size:0.7rem; font-weight:normal; padding-right:40px; letter-spacing:0.1em; text-shadow:0 2px 2px #333; }
.crumLink { display:flex; align-items:center; font-size:0.7rem; color:#fff; }
.crumLink > li:not(:last-child) { margin-right:10px; }
.crumLink > li:not(:last-child)::after { content:'\f101'; font-family:fontawesome; padding-left:10px; }
.crumLink a { color:#fff; }
#headArea { width:1000px; margin:0 auto; padding-top:50px; display:flex; align-items:center; }
#link25 { margin:15px 0 0 30px; transition:0.2s; opacity:0.8; }
#link25:hover { transition:0.2s; opacity:1; }
#mode { margin-left:auto; position:relative; }
#mode > img:first-child  { position:absolute; }
#mode .on { opacity:0; }
#mode .off { opacity:1; }
#mode:hover .on { opacity:1; }
#mode:hover .off { opacity:0; }

#navLineA { width:100%; height:5px; margin-top:20px; background-color:#9c1212; }
#navLineB { width:100%; background-color:#000; }
#naviArea { display:flex; align-items:center; width:1000px; height:60px; margin:0 auto; }
#naviArea > li { position:relative; width:250px; height:60px; font-size:1rem; font-weight:500; text-shadow:0 2px 2px #333; text-align:center; }
#naviArea span { color:#fff; font-size:0.7rem; padding-left:10px; }
.naviMenuL { background-color:#9c1212; }
.naviMenuR {  }
.naviMenuL, .naviMenuR { display:block; line-height:60px; }
#naviArea a { color:#fff; display:block; }
.naviSubMenu { position:absolute; width:100%; visibility:hidden; opacity:0; z-index:100; top:60px; background-color:#000; transition:all .3s ease; transform:translateY(-20px); }
.naviSubMenu li { transition:all .3s ease; text-align:left; font-size:0.8rem; }
.naviSubMenu li a { padding-left:1.5rem; display:block; }
.naviSubMenu li a { padding-left:1.5rem; display:block; }
.naviMenuL:hover .naviSubMenu, .naviMenuR:hover .naviSubMenu { border-top:1px solid #fff; visibility: visible; opacity: 1; transition:all .5s ease; transform:translateY(0); }
.naviMenuL:hover .naviSubMenu li:hover, .naviMenuR:hover .naviSubMenu li:hover { background-color: #9c1212; }
.naviMenuL:hover .naviSubMenu li, .naviMenuR:hover .naviSubMenu li { border-bottom:1px solid #fff; }
/*******************************************************************/
/*                          common header                          */
/*******************************************************************/


/*******************************************************************/
/*                           common main                           */
/*******************************************************************/
#content { width:1000px; margin:0 auto; display:flex; justify-content:space-between; }
#leftColArea { width:250px; background-color:#9c1212; color:#fff; font-size:0.75rem; }
#archTitle { width:220px; margin:40px auto 20px; letter-spacing:0.05em; line-height:1.6; }
#archTitle br { line-height:0.8; }
#archOutline { width:220px; margin:20px auto; letter-spacing:0.1em; padding-bottom:60px; }
#archOutline a { color:#fff; text-decoration:underline; }
#rightColArea { width:720px; margin:30px 0 60px; }
.shadow { box-shadow:0 5px 5px 0px #999; }
.contTitleArea { height:40px; margin:55px 0 30px; border-radius:2px; display:flex; justify-content:space-between; align-items:center; }
.contTitleArea > h2 { font-size:1rem; color:#fff; text-shadow:0 1px 1px #000; padding-left:10px; }
.contTitleArea > div { font-size:0.65rem; color:#fff; text-shadow:0 1px 1px #000; padding-right:10px; }

.leadTxt { width:710px; margin:20px auto 0; color:#333; font-size:0.75rem; letter-spacing:0.1em; line-height:1.6; }
/*******************************************************************/
/*                           common main                           */
/*******************************************************************/


/*******************************************************************/
/*                          common footer                          */
/*******************************************************************/
footer { width:100%; border-top:5px solid #9c1212; background-color:#232329;}
#footCont { width:1000px; height:auto; margin:0 auto; }
#footTopBack a { color:#fff; text-shadow:0 1px 1px #000; font-size:0.7rem; margin-bottom:20px; padding:7px 15px; background-color:#9c1212; float:right; }
#footTopBack::after { content:''; display:block; clear:both; }
#footLogo { display:flex; justify-content:center; padding-bottom:10px; }
#footLogo img { height:60px; }
#footBtmArea { padding-top:30px; }
#footBtmArea > div { display:flex; align-items:center; width:100%;border-bottom:1px dotted #fff; }
#footBtmArea > div:not(:first-child) { margin-top:10px; }
#footBtmArea li:last-child { margin-left:auto; width:20px; height:2px; margin-right:4px; }
#footBtmArea #footLinkCompany li:last-child { border:2px solid #FC0DFF; }
#footBtmArea #footLinkBusiness li:last-child { border:2px solid #9dff51; }
#footBtmArea #footLinkRecruit li:last-child { border:2px solid #2e85ff; }
#footBtmArea #footLinkContact li:last-child { border:2px solid #ffa202; }
#footBtmArea a { font-size:0.9rem; color:#fff;line-height:1.5rem; text-shadow:0 1px 1px #333; padding-left:1.5rem; transition:0.2s; letter-spacing:1px; }
#footBtmArea a::before { content:'\f101'; font-family:fontawesome; padding-right:0.5rem; }
#footBtmArea #footLinkCompany a:hover { color:#FC0DFF; transition:0.2s; }
#footBtmArea #footLinkBusiness a:hover { color:#9dff51; transition:0.2s; }
#footBtmArea #footLinkRecruit a:hover { color:#2e85ff; transition:0.2s; }
#footBtmArea #footLinkContact a:hover { color:#ffa202; transition:0.2s; }
#footLinkArea { margin-top:40px; display:flex; justify-content:space-between; }
.footLink { background-color:#fff; width:calc(1000px / 3 - 15px); font-size:0.9rem; text-align:center; }
.footLinkAnchor { padding:10px 0; display:block; position:relative; height:38px; }
.footLinkAnchor > span:first-child { position:absolute; left:50px; display:inline-block; }
.footLinkAnchor > span:last-child { background-color:#000; font-size:0.75rem; color:#fff; width:65px; position:absolute; right:20px; display:inline-block; }
#footCrArea { margin-top:30px; letter-spacing:0.1em; color:#fff; font-size:0.7rem; text-shadow:0 1px 1px #000; text-align:center; padding:15px 0; background-color:#212123; }
/*******************************************************************/
/*                          common footer                          */
/*******************************************************************/


/*******************************************************************/
/*                              index                              */
/*******************************************************************/
#mainImageArea { max-width:1500px; margin:0 auto; position:relative; }
#mainImages {width:100%; max-width:1500px; min-width:1000px; height:516px; max-height:516px; min-height:516px; margin:0 auto; z-index:1; position:relative; overflow:hidden; }
.mainImage { position:absolute; left:50%; transform:translateX(-50%); opacity:0; transition:2s; }
.mainImage.active { opacity:1; transition:2s; }
.mainImage span { position:absolute; bottom:10%; left:50%; font-size:1.2rem; color:#e6e6e6; line-height:1.4; text-shadow:1px 1px 0 #555, -1px 1px 0 #555, -1px -1px 0 #555, 1px -1px 0 #555; }
.mainImage h1 { font-size:1.5rem; display:inline-block; padding-bottom:0.5rem; }
#mainImageListArea { position:absolute; z-index:10; top:0; left:50%; transform:translateX(-50%);  width:1000px; height:516px; display:flex; }
#mainImageList { width:250px; height:516px; background-color:#9c1412; display:flex; flex-direction:column; justify-content:space-around; align-items:center; padding:0.5rem 0; }
.imageLink { opacity:0.6; transition:2s; }
.imageLink.active { opacity:1; transition:2s; }
.imageLink:hover { opacity:1; transition:0.5s; }

/* main contents */
.leftInfoArea { padding-top:35px; color:#fff; display:block;}
.infoTitle { background-color:#000; height:40px; font-size:0.75rem; font-weight:normal; text-align:center; line-height:40px; }
.infoText { font-size:0.75rem; margin:25px 20px; display:block; }
.infoLink { display:flex; flex-direction:column; justify-content:center; align-items:center; }
.infoLink a { display:inline-block; margin:0 auto; }
.infoLink a:first-child { position: relative; }
.infoLink a:first-child img:first-child { opacity:0; transition:0.3s; position:absolute; }
.infoLink a:first-child:hover img:first-child { opacity:1; transition:0.3s; }
.infoLink a:first-child img:last-child { opacity:1; }
#leftMain { font-size:0.75rem; color:#fff; }
/* 20211203 mod start */
/*#leftMainTitle { text-align:center; margin-top:345px; padding-bottom:3px; border-bottom:1px solid #fff; }*/
#leftMainTitle { text-align:center; margin-top:42px; padding-bottom:3px; border-bottom:1px solid #fff; }
/* 20211203 mod end   */
#leftMainTitle span { padding-left:10px; font-size:0.8em; font-weight:normal; display:inline-block; }
.infoLinkText { font-size:0.75rem; color:#fff; display:flex; justify-content:center; align-items:center; margin-top:20px; }
.infoLinkText::before { content:'\f105'; font-family:fontawesome; padding-right:1rem; }
.infoLinkText:hover { text-shadow:0 0px 6px #ffc; }
.idxBannerArea { padding:34px 0 0 20px; display:flex; justify-content:space-between; }
.idxBannerArea a { position:relative; }
.idxBannerArea a >img:first-child { position:absolute; opacity:0; transition:0.3s; }
.idxBannerArea a:hover >img:first-child { opacity:1; transition:0.3s; }
/* 20210804 add start */
#autocad { border-left:2px solid #096db8; border-right:2px solid #096db8; margin:32px 0 0 20px; padding:0.75rem 0; position:relative; display:flex; justify-content:space-around; align-items:center; }
#autocad::before { content:''; display: block; height: 2px; background: linear-gradient(to right, #096db8 0%,#83b941 35%,#1fbeac 65%, #096db8 100%); width: 100%; position: absolute; top: 0; left: 0; }
#autocad::after { content:''; display: block; height: 2px; background: linear-gradient(to right, #096db8 0%,#83b941 35%,#1fbeac 65%, #096db8 100%); width: 100%; position: absolute; bottom: 0; left: 0; }
#autocad > img { max-width:140px; }
#autocad > span { font-size:0.875rem; font-weight:bold; }
/* 20210804 add end */

/* 20211203 add start */
.infoBookTitle { margin:1rem auto; text-align:center; letter-spacing:1px; }
.infoBookTitle > span { font-size:0.75rem; display:block; }
.infoBookImg { margin:0 auto 2rem; display:block; width:50%; }
.infoBookImg:not(:nth-child(3)) { display:none; }
.infoBookImg > img { width:100%; }
.infoBookAnchor { display:flex; justify-content:space-between; align-items:center; color:#9c1212; margin:0 auto; background-color:#fff; width:80%; font-size:0.75rem; border-radius:0.4rem; outline:2px solid #fff; border:2px solid #9c1212; transition:0.3s; }
.infoBookAnchor:hover { color:#fff; background-color:#9c1212; outline-width:2px; }
.infoBookAnchor::before, .infoBookAnchor::after { content:'\f101'; font-family:fontawesome; padding:0.5rem 1rem; font-size:1rem; }
.infoBookAnchor::before { color:transparent; }

.booksInfoContents { width:1000px; margin:0 auto; padding:5rem 0 6rem; }
.booksInfoContents::after { display:block; content:''; clear:both; }
.booksInfoContents > h1 { display:flex; justify-content:space-between; align-items:baseline; }
.booksInfoContents > h1 > span { font-size:1rem; font-weight:normal; }
.booksInfoContents > div { margin-top:2rem; text-align:justify; line-height:1.75; }
.booksInfoContents > a { margin-top:2rem; padding:0.5rem 2rem; background-color:#000; color:#fff; transition:0.5s; float:right; border-radius:0.25rem; }
.booksInfoContents > a:hover { color:#000; background-color:#fff; outline:3px solid #000; }
/* 20211203 add end   */

#informationArea { margin:40px 0 0 20px; }
.newsHeader { border-bottom:1px solid #333; display:flex; justify-content:space-between; align-items:center; padding-bottom:0.3rem; }
#newsHeaderLeft { padding-left:15px; color:#333; font-size:0.8rem; font-weight:bolder; }
#newsHeaderLeft span { padding-left:10px; color:#333; font-size:0.8em; font-weight:bolder; }
#newsHeaderRight { font-size:0.65rem; color:#333; padding-right:20px; }
.newsContents { font-size:0.75rem; color:#333; border-bottom:1px dotted #000; width:calc(100% - 15px); margin-left:15px; padding:25px 0 0.1rem; display:flex; }
.newsDate { margin-left:10px; width:100px; }

#idxMainR { margin-top:65px; margin-bottom:120px; }
#idxMainRTitle { font-size:0.65rem; border-bottom:1px solid #000; padding:0 20px 3px 0; text-align:right;}
#idxMainRList { margin-left:35px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.idxArc { width:210px; margin-top:30px; }
.idxArc h1 { font-size:0.75rem; font-weight:normal; color:#fff; text-align:center; margin-bottom:20px; padding:13px 0; background-color:#000; }
.idxArc img {  }
.idxArc span { margin-top:20px; padding-bottom:10px; font-size:0.75rem; color:#333; display:block; line-height:1.5; }
/* main contents */
/*******************************************************************/
/*                              index                              */
/*******************************************************************/


/*******************************************************************/
/*                             company                             */
/*******************************************************************/
.contTitleArea.company { background:linear-gradient(#a91b7a, #460c34); }
.companyOutline { width:710px; margin-top:16px; padding-bottom:3px; color:#333; font-size:0.75rem; border-bottom:1px dotted #333; display:flex; }
.companyOutline > *:first-child { width:145px; padding-left:5px; line-height:2; }
.companyOutline > *:last-child { line-height:2; }
.externalLink { margin:-5px; padding:5px; transition:all 0.5s ease; }
.externalLink:hover { color:#fff; background-color:#9a0d7c; }

.comProfile { width:710px; margin:50px auto 0; padding-bottom:25px; display:flex; justify-content:space-between; }
.comProfile > div { display:flex; justify-content:space-between; flex-direction:column; width:417px; }
.comProfile > div > * { letter-spacing:0.1em; }
.comProfile > div > div { font-size:0.75rem; }
.comProfile > div > div > h1 { font-size:0.75rem; }
.philosophy { width:710px; margin:20px auto 2.5rem; line-height:1.6; }
.philosophy > div { font-size:1rem; font-weight:bolder; color:#333; letter-spacing:0.1rem; }
.philosophy > div:last-child { text-indent:8rem; margin-top:0.8rem;  }
.comContent { width:710px; margin:0 auto 1.5rem; }
.comContent > div:first-child { font-size:0.8rem; margin-bottom:0.8rem; }
.comContent > div:last-child { font-size:0.75rem; }

#chart { display:block; width:710px; margin:0 auto; }

.mediaArea { padding-left:5px; margin-top:40px; border-bottom:1px dotted #333; display:block; }
.mediaArea::after { padding-left:5px; margin-top:40px; border-bottom:1px dotted #333; display:block; }
.mediaArea:nth-of-type(5) { border-bottom:none; }
.mediaTitle { display:flex; justify-content:space-between; align-items:center; color:#333; font-size:0.75rem; }
.mediaTitle> span:first-child::before { content:'\f0da'; font-family:fontawesome; display:inline-block; padding:0.04rem 0.2rem 0.05rem 0.3rem; margin-right:0.5rem; background-color:#333; color:#fff; font-size:0.5rem; }
.mediaTitle> span:last-child { margin-right:2rem; }
.mediaTxt { font-size:0.75rem; color:#333; margin:20px 5px 30px; line-height:1.5; }

.informationArea { padding-left:5px; margin-top:40px; border-bottom:1px dotted #333; }
.infotitle { color:#333; font-size:0.75rem; }
.infotitle:before { content:'\f0da'; font-family:fontawesome; display:inline-block; padding:0.04rem 0.2rem 0.05rem 0.3rem; margin-right:0.5rem; background-color:#333; color:#fff; font-size:0.5rem; }
.infoTxt { font-size:0.75rem; color:#333; margin:20px 5px 0; padding-bottom:30px;  }

.accessArea { display:flex; align-items:center; font-size:0.75rem; padding-bottom:0.5rem; }
#kawasaki.accessArea { padding-top:1rem; color:#9a0d7c; }
#kawasaki2.accessArea { padding-top:3rem; color:#9c1212; }
#shinjyuku.accessArea { padding-top:3rem; color:#6e8c02; }
#osaka.accessArea { padding-top:3rem; color:#003f8e; }
#tohoku.accessArea { padding-top:3rem; color:#e85d00; }
.accessArea > h1 { font-size:0.9rem; font-weight:bold; padding-right:1.5rem; }
.accessArea > span { color:#333; padding-right:1.5rem; }
.accessArea > a { color:#fff; line-height:1; padding:1px 0.3rem; border:1px solid; transition:all 0.3s ease; }
#kawasaki.accessArea > a { border-color:#9a0d7c; background-color:#9a0d7c; }
#kawasaki2.accessArea > a { border-color:#9c1212; background-color:#9c1212; }
#shinjyuku.accessArea > a { border-color:#6e8c02; background-color:#6e8c02; }
#osaka.accessArea > a { border-color:#003f8e; background-color:#003f8e; }
#tohoku.accessArea > a { border-color:#e85d00; background-color:#e85d00; }
.accessArea > a:hover { color:#333; transition:all 0.3s ease; }
#kawasaki.accessArea > a:hover { background-color:transparent; color:#9a0d7c; }
#kawasaki2.accessArea > a:hover { background-color:transparent; color:#9c1212; }
#shinjyuku.accessArea > a:hover { background-color:transparent; color:#6e8c02; }
#osaka.accessArea > a:hover { background-color:transparent; color:#003f8e; }
#tohoku.accessArea > a:hover { background-color:transparent; color:#e85d00; }

.marginTxtLead { margin:0 5px; padding-top:20px; color:#333; font-size:0.75rem; }
.marginTxtLead > div:last-child { text-align:right; }
.marginTxt { display:flex; justify-content:space-between; align-items:center; border-bottom:1px dotted #333; padding:20px 0 0.3rem; color:#333; font-size:0.75rem; }
.marginTxt> span:first-child { text-indent:-1.5rem; padding-left:1.5rem; max-width:60%; }
.marginTxt> span:last-child { text-align:right; padding-right:0.75rem; }
.marginTxt:nth-child(6) { border:none; display:block; }
.marginRowSub { padding-top:1rem; }
.marginRowCareer { margin-left:1.5rem; padding-top:6px; }
.marginRowTable { display:flex; justify-content:flex-end; }
.marginRowTable table { width:calc(100% - 1.5rem); border-collapse:collapse; }
.marginRowTable table td { text-align:center; vertical-align:middle; border:1px solid #333; }
.graphLead { font-size:0.75rem; margin-top:3rem; }
.graphLead::before { content:'■'; padding-right:5px; }
.graph, .graphNotes { margin-top:20px; display:flex; align-items:center; width:100%; word-break: keep-all; }
.graph .innerGraph { height:30px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:0.75rem; }
.graph .pay{ width:70%; background-color:#f1a1a1; }
.graph .insu{ width:11%; background-color:#6a98ff; }
.graph .holi{ width:4%; background-color:#59bd40; }
.graph .train{ width:2%; background-color:#ff973e; }
.graph .other{ width:11%; background-color:#bc81fd; }
.graph .profit{ width:2%; background-color:#769a72; }
.graphNotes { justify-content:flex-start; }
.graphNotes .pay { display:flex; justify-content:flex-start; align-items:flex-start; font-size:0.75rem; margin-right:10px; }
.graphNotes .insu { display:flex; justify-content:flex-start; align-items:flex-start; font-size:0.75rem; margin-right:10px; }
.graphNotes .holi { display:flex; justify-content:flex-start; align-items:flex-start; font-size:0.75rem; margin-right:10px; }
.graphNotes .train { display:flex; justify-content:flex-start; align-items:flex-start; font-size:0.75rem; margin-right:10px; }
.graphNotes .other { display:flex; justify-content:flex-start; align-items:flex-start; font-size:0.75rem; margin-right:10px; }
.graphNotes .profit { display:flex; justify-content:flex-start; align-items:flex-start; font-size:0.75rem; margin-right:10px; }
.graphNotes .pay::before { content:'■'; color:#f1a1a1; padding-right:5px; }
.graphNotes .insu::before { content:'■'; color:#6a98ff; padding-right:5px; }
.graphNotes .holi::before { content:'■'; color:#59bd40; padding-right:5px; }
.graphNotes .train::before { content:'■'; color:#ff973e; padding-right:5px; }
.graphNotes .other::before { content:'■'; color:#bc81fd; padding-right:5px; }
.graphNotes .profit::before { content:'■'; color:#769a72; padding-right:5px; }

.sales { display:inline-block; width:110px; text-align:right; }
/*******************************************************************/
/*                             company                             */
/*******************************************************************/


/*******************************************************************/
/*                        25th anniversary                       */
/*******************************************************************/
.ani_main { width:1000px; margin:180px auto 150px; display:none; }
.ani_main img { width:40%; margin:0 auto; }
.ani_headTxt { display:none; margin:0 auto; background-color:#333; color:#fff; font-size:0.8rem; padding:20px 30px; text-align:center; }
.aniTxtArea { width:1000px; margin:100px auto 0; display:flex; justify-content:space-between; align-items:flex-start; }
.aniTitleArea { width:20%; }
.aniTitleArea div:first-child { margin:0 auto 15px; text-align:center; display:flex; justify-content:center; align-items:center; width:110px; height:110px; border-radius:50%; }
.aniTitleArea div:first-child > span { color:#fff; font-weight:600; font-size:2.4rem; }
.aniTitleArea div:not(:first-child) { text-align:center; font-size:1rem; background-color:transparent !important;  }
.technology { background-color:#90c31f; color:#90c31f; }
.develop { background-color:#0d6fb8; color:#0d6fb8; }
.contr { background-color:#601986; color:#601986; }
.creation { background-color:#28a7e1; color:#28a7e1; }
.branding { background-color:#23ac38; color:#23ac38; }
.promotion { background-color:#ffb10e; color:#ffb10e; }
.future { background-color:#d72119; color:#d72119; }
.aniTxt { width:73%; color:#555; margin:7px 0 0 7%; font-size:0.85rem; }
#animation { width:1000px; margin:140px auto 80px; display:flex; justify-content:center; align-items:center; }
#animation > img { width:40%; }
.fadeInDown { animation-fill-mode:both; animation-duration:1s; animation-name:fadeInDown; visibility:visible !important; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.endCont { position:relative; width:1000px; margin:0 auto; }
.endCont > span {position:absolute; display:flex; justify-content:center; align-items:center; top:50%; left:50%; transform:translate(-50%, -50%); font-size:2.4rem; font-weight:600; width:104px; height:104px; color:#d72119; border:3px solid #d72119; border-radius:50%; }
.endTxt {width:1000px; margin:80px auto 0; color:#555; font-size:0.85rem; }
.endSign { width:1000px; margin:30px auto 120px; text-align:right; color:#555; font-size:0.85rem; }
/*******************************************************************/
/*                        25th anniversary                         */
/*******************************************************************/


/*******************************************************************/
/*                            business                             */
/*******************************************************************/
.contTitleArea.business { background:linear-gradient(#acd80d, #6e8c02); }
.contTextInner { width:680px; margin-left:40px; }
.contTextInner .arrowTitle { margin-top:30px; }

.arcImgArea { margin-top:20px; display:flex; justify-content:space-around; align-items:center; }

.hybridContText { line-height:1.8; }
#hybridCont { display:flex; justify-content:space-between; margin-top:1rem; }
#hybridCont > img { width:230px; }
#hybridCont > span { width:440px; font-size:0.75rem; line-height:1.8; display:flex; justify-content:space-between; margin-top:1rem; }


/************** handeld occupation 20210928 add start **************/
#handle { width:718px; margin:20px auto 0; color:#333; font-size:0.75rem; letter-spacing:0.1em; line-height:1.6; }
#handleHeader > p:not(:last-child) { text-align:right; }
#handleHeader > p:last-child { text-align:justify; margin:1rem 0 1.5rem; }
.handleTitle { text-align:center; }
.handleTitle > p:last-child { text-decoration:underline; margin:0.5rem 0 2rem; }
.handleContTitle { font-weight:bold; font-size:0.8rem; color:#999; margin-bottom:0.75rem; }
.handleContText { margin-bottom:1.5rem; text-align:justify; }
.handleContText > span { padding-bottom:0.25rem; display:block; }
.handleSubContTitle { font-size:0.75rem; font-weight:bold; text-indent:-0.4rem; color:#777; margin:15px 0; }
.handleSubContHeader::before { content:'\f192'; font-family:fontawesome; padding-right:0.2rem; }
.handleSubContText { padding-left:0.8rem; margin:0.25rem 0 0.75rem; text-align:justify; }
.handleSubContText > span { display:block; }
.handleSubContText > span:nth-child(odd) { font-weight:bold; padding-left:0.8rem; padding-bottom:0.25rem; }
.handleSubContText > span:nth-child(even) { padding-left:1.6rem; padding-bottom:0.75rem; }
.handleSubContText > span:last-child { padding-bottom:0.75rem; }
/************** handeld occupation 20210928 add end   **************/

/*******************************************************************/
/*                            business                             */
/*******************************************************************/


/*******************************************************************/
/*                             recruit                             */
/*******************************************************************/
.contTitleArea.recruit { background:linear-gradient(#1d9ed5, #003b77); }
.recruitOutline { width:710px; margin-top:16px; padding-bottom:3px; color:#333; font-size:0.75rem; border-bottom:1px dotted #333; display:flex; line-height:1; }
.recruitOutline > div:first-child { width:95px; }
.recruitOutline > a { color:#333; margin-left:-5px; padding:1px 3px 1px 5px; transition:0.5s; }
.recruitOutline > a:hover { color:#fff; background-color:#1d9ed5; transition:0.5s; }
/*******************************************************************/
/*                             recruit                             */
/*******************************************************************/


/*******************************************************************/
/*                             contact                             */
/*******************************************************************/
.contTitleArea.contact { background:linear-gradient(#FF8629, #EB6600); }
.recruitOutline { width:710px; margin-top:16px; padding-bottom:3px; color:#333; font-size:0.75rem; border-bottom:1px dotted #333; display:flex; line-height:1; }
.recruitOutline > div:first-child { width:95px; }
.recruitOutline > a { color:#333; margin-left:-5px; padding:1px 3px 1px 5px; transition:0.5s; }
.recruitOutline > a:hover { color:#fff; background-color:#1d9ed5; transition:0.5s; }
.sitemapCont { width:710px; margin:20px auto 0; padding:0 30px 5px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; border-bottom:1px dotted #333; }
.sitemapCont.other { flex-wrap:nowrap; flex-direction:column; }
.sitemapLink { font-size:0.75rem; color:#333; margin:0 30px 10px 0; }
.sitemapLink::before { content: '\f0da'; font-family: fontawesome; display: inline-block; margin-right: 0.5rem; padding: 0.04rem 0.2rem 0.05rem 0.3rem; color: #fff; background-color: #333; font-size: 0.5rem; }
.sitemapLink.company:hover { color:#9a0d7c }
.sitemapLink.business:hover { color:#6E8C02 }
.sitemapLink.recruit:hover { color:#003f8e }
.sitemapLink.contact:hover { color:#E85D00 }
.sitemapLink.other:hover { color:#FF3399 }
/*******************************************************************/
/*                             contact                             */
/*******************************************************************/


/*******************************************************************/
/*                              books                              */
/*******************************************************************/
#booksMain { position:relative; width:100%; height:100vh; background-position:center; background-size:cover; background-repeat:no-repeat; margin-bottom:3rem; background-image:url('/wp/wp-content/themes/alpha-sekkei/images/booksMainBg.png'); background-image:url('/wp/wp-content/themes/alpha-sekkei/images/booksMainBg.png.webp'); }
#booksLogo { position:absolute; top:17.5%; left:50%; transform:translateX(-50%); width:380px; max-width:20vw; }
#booksMainText { font-size:2rem; letter-spacing:1px; position:absolute; top:62.5%; left:50%; transform:translateX(-50%); }
#booksMainText + div { font-size:1.4rem; position:absolute; top:70%; left:50%; transform:translateX(-50%); letter-spacing:3px; line-height:1.7; text-align:justify; width:540px; max-width: 80vw;}
#booksInfoArea { width:1000px; margin:3rem auto 0; }
.booksLeadText { width:1000px; margin:0 auto; font-size:1.125rem; line-height:2; letter-spacing:1px; text-align:justify; }
.booksContTitle { font-size:1.5rem; font-weight:bold; display:flex; flex-direction:column; margin-bottom:1rem; }
.booksContTitle > span { font-size:0.75rem; font-weight:bold; display:flex; justify-content:flex-start; align-items:center; }
.booksContTitle > span::before { content:''; width:2rem; border-bottom:1px solid #ff2679; margin-right:1rem; }
.booksInfo { margin-bottom:1.5rem; padding-bottom:0.5rem; border-bottom:1px solid #000; }
.booksInfo > span { padding-left:0.5rem; padding-right:2rem; }
.booksInfo > h1 { display:inline-block; font-size:1rem; }
.booksInfo > a { font-size:0.75rem; background-color:#000; color:#fff; padding:0.1rem 0.75rem; border-radius:0.25rem; float:right; margin-right:0.5rem; transition:0.5s; outline:3px solid #000; }
.booksInfo > a:hover { color:#000; background-color:#fff; }
/* 20220322 mod start */
/*#booksPager { display:flex; justify-content:center; align-items:center; margin:2rem auto 3rem; }*/
#booksPager { display:flex; justify-content:center; align-items:center; margin:2rem auto 9rem; }
/* 20220322 mod start */
#booksPager > div { margin:0 3rem; }
#booksInfoPrev, #booksInfoNext { margin:2rem 0; background-color:#000; color:#fff; border-radius:0.25rem; padding:0.5rem 1rem; transition:0.5s; outline:3px solid #000; }
#booksInfoPrev:hover, #booksInfoNext:hover { background-color:#fff; color:#000; }
#booksInfoPrev[disabled], #booksInfoNext[disabled] { cursor:default; opacity:0.4; background-color:#000; color:#fff; }
#booksInfoPrev::before, #booksInfoNext::before { content:'\f100'; font-family:fontawesome; font-size:1rem; padding-right:2rem; }
#booksInfoPrev::after, #booksInfoNext::after { content:'\f101'; font-family:fontawesome; font-size:1rem; padding-left:2rem; }
#booksInfoPrev::after, #booksInfoNext::before { visibility:hidden; }
#booksFilesArea, #booksContArea { width:1000px; margin:0 auto 8rem; }
.booksFileRow { margin-top:2rem; display:flex; justify-content:space-between; align-items:flex-start; }
.booksChapter { color:#fff; padding:0.5rem 1.5rem 0.4rem; position:relative; }
.booksChapter::after { content:''; border-width:1.2rem 0 1.2rem 1.25rem; border-color:transparent transparent transparent transparent; border-style:solid; position:absolute; top:0; left:100%; }
.booksChapter.pt0 { background-color:#000000; }
.booksChapter.pt0::after { border-left-color:#000000; }
.booksChapter.pt1 { background-color:#cd184c; }
.booksChapter.pt1::after { border-left-color:#cd184c; }
.booksChapter.pt2 { background-color:#da6f28; }
.booksChapter.pt2::after { border-left-color:#da6f28; }
.booksChapter.pt3 { background-color:#198667; }
.booksChapter.pt3::after { border-left-color:#198667; }
.booksChapter.pt4 { background-color:#1ca3dc; }
.booksChapter.pt4::after { border-left-color:#1ca3dc; }
.booksChapter.pt5 { background-color:#1c3d87; }
.booksChapter.pt5::after { border-left-color:#1c3d87; }
.booksChapter.pt20 { visibility:hidden; }
.booksChapter.pt30 { visibility:hidden; }
.booksChapter.pt40 { visibility:hidden; }
.booksFileType { padding-top:0.5rem; width:20%; display:flex; justify-content:space-between; align-items:center; }
.booksFileType::after { content:'\f101'; font-family:fontawesome; }
.booksFiles { margin-top:0.5rem; width:60%; }
.booksFiles > a { margin:0.25rem 0 1rem 2rem; white-space:nowrap; display:inline-block; text-decoration:underline; }

/* 20220323 add start */
#booksAnchorArea { display:flex; justify-content:space-between; align-items:center; width:1000px; max-width:95%; margin:2rem auto 5rem; }
#booksAnchorArea > a { color:#fff; background-color:#e93097; padding:1rem; width:32%; text-align:center; transition:0.3s; }
#booksAnchorArea > a:hover { opacity:0.7; }
#booksAnchorArea > a:first-child::after { content:'\f08e'; font-family:fontawesome; color:#fff; padding-left:0.5rem; }
#booksAnchorArea > a:last-child { background-color:#000; }

#booksLaw { border-collapse:collapse; margin:3rem 0 9rem; }
#booksLaw td { border:1px solid #ccc; vertical-align:top; padding:1rem; }
#booksLaw td.thead { background-color:#eee; width:20%; }
#booksMainText + div.booksDl { width:auto; font-size:1.25rem; }

#booksCart { display:flex; flex-direction:column; align-items:center; margin-top:2rem; }
.cartRow.cartCheck { margin-bottom:2rem; align-items:center; justify-content:center; }
.cartRow { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:1rem; }
.cartRow > label { padding:1rem 0; width:10%; }
.cartRow > input, .cartRow > textarea { padding:1rem; width:90%; border:1px solid #000; }
.cartRow > .cartAlert { width:90%; color:#f00; margin-left:10%; display:none; }
.cartRow.cartCheck > input, .cartRow.cartCheck > label { width:auto; }
.cartRow.cartCheck > label { margin-left:1rem; }
#cartSubmit { color:#fff; background-color:#000; border:3px solid #000; transition:0.3s; padding:1rem 5rem; margin-bottom:5rem; opacity:0.6; cursor:default; }
#cartSubmit.valid { opacity:1; cursor:pointer; }
#cartSubmit.valid:hover { color:#000; background-color:transparent; }
#cartInfoArea { margin-bottom:8rem; }
.cartInfo { display:flex; justify-content:space-between; align-items:center;  width:100%; color:#fff; background-color:#989898; opacity:0.8; transition:0.3s; margin-bottom:1rem; padding:1rem 2rem; }
.cartInfo::after { content:'\f105'; font-family:fontawesome; color:#fff; }
.cartInfo:hover { opacity:1; }

#inqConfirmBase { position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:10; background-color:rgba(0,0,0,0.6); display:flex; justify-content:center; align-items:center; color:#fff; }
#inqConfirm { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:60vw; max-width:1000px; max-height:70vh; background-color:#fff; z-index:11; padding:2rem 5rem; flex-direction:column; justify-content:space-between; align-items:flex-start; }
#inqConfirmItems { display:flex; flex-direction:column; align-items:flex-start; width:100%; height:80%; overflow-y:scroll; margin-top:1rem; }
.booksConfirmRow { border-bottom:1px solid #000; padding:0 1rem 0.5rem; margin-bottom:1rem; display:flex; width:100%; }
.booksConfirmRow > span { padding:0.5rem 0; }
.booksConfirmRow > span:first-child { width:20%; }
.booksConfirmRow > span:last-child { width:80%; }
#inqConfirmButtons { width:100%; display:flex; justify-content:center; align-items:center; margin-top:1rem; }
#btninqBack { color:#fff; background-color:#aaa; border:3px solid #aaa; padding:0.5rem 5rem; letter-spacing:3px; transition:0.3s; margin:0 1rem; }
#btninqSend { color:#fff; background-color:#000; border:3px solid #000; padding:0.5rem 5rem; letter-spacing:3px; transition:0.3s; margin:0 1rem; }
#btninqBack:hover { color:#aaa; background-color:transparent;}
#btninqSend:hover { color:#000; background-color:transparent; }
/* 20220323 add end   */
/*******************************************************************/
/*                              books                              */
/*******************************************************************/


/*******************************************************************/
/*                           common style                          */
/*******************************************************************/
#mainContents { width:1000px; height:auto; margin:0 auto; display:flex; }
#mainLeft { width:250px; background-color:#9c1212; }
#mainRight { width:750px; }

.arrowTitle { color:#333; font-size:0.75rem; margin:40px 5px 0; }
.arrowTitle::before { content:'\f0da'; font-family:fontawesome; display:inline-block; margin-right:0.5rem; padding:0.04rem 0.2rem 0.05rem 0.3rem; color:#fff; background-color:#333; font-size:0.5rem; }
.contText { font-size:0.75rem; color:#333; display:block; margin:20px 5px 0; }


#form { width:100%; margin-top:30px; }
#form .formRow { display:flex; justify-content:flex-start; align-items:center; position:relative; }
#form .formRow:nth-child(n+2) { margin-top:1rem; }
#form .formRow:nth-child(5) { align-items:flex-start; }
#form .formRow > label { width:140px; color:#333; line-height:1.6; letter-spacing:0.1em; font-size:0.75rem; }
#form .formRow > select { opacity:0; position:absolute; top:0; width:195px; height:100%; left:140px; }
#form .formRow > #selectLabel { color:#333; font-size:0.75rem; width:195px; display:flex; justify-content:space-between; align-items:center; border:1px solid #333; border-radius:5px; padding:0.5rem; background-color:#f5f5f5; }
#form .formRow > #selectLabel::after { content:'\f078'; font-family:fontawesome; }
#form .formRow > input { border:2px solid #666; color:#333; padding:0.5rem; width:180px; font-size:0.75rem; background-color:#f5f5f5; }
#form .formRow > textarea { border:1px solid #666; color:#333; padding:0.5rem; width:180px; font-size:0.75rem; background-color:#f5f5f5;width:50%; }
#form #formBtnRow { display:flex; justify-content:center; margin:30px auto; }
#form #formBtnRow button { padding:0.3rem 1rem; font-size:0.75rem; border:1px solid #333; }
#form #formBtnRow button:first-child { margin-right:2rem; color:#e01638; }
#form #formBtnRow button:last-child { color:#200bbf; }
#form .formRow .confirm { font-size:0.75rem; color:#333; }
#confirm { font-size:0.75rem; color:#333; }

.confirm_err { margin:30px 5px 0; }
.err_box { margin-top:1rem; }
.err_box > * { color:#e01638; font-size:0.75rem; padding-bottom:0.5rem; }
.errBack { margin:40px auto 0; display: block; padding: 0.3rem 0.7rem; font-size: 0.75rem; border: 1px solid #333; color: #333; }

#homeBack { display:flex; justify-content:space-between; align-items:center; width:13vw; margin:40px auto 0; padding:0.3rem 0.7rem; font-size:0.75rem; color:#333; border:1px solid #333; transition:0.5s; }
#homeBack::before { content:'\f100'; font-family:fontawesome; }
#homeBack::after { content:'\f100'; font-family:fontawesome; visibility:hidden;}
#homeBack:hover { color:#fff; background-color:#333; transition:0.5s; }

#emailAlert, #nameAlert { font-size:0.75rem; color:#f00; margin-left:3rem; }

.lb-data .lb-caption { font-weight:normal !important; }
/*******************************************************************/
/*                           common style                          */
/*******************************************************************/


/*******************************************************************/
/*                            pagination                           */
/*******************************************************************/
.pagination { display:flex; justify-content:flex-end; align-items:center; margin:40px 0; }
.pagination > li > * { display:block; font-size:0.7rem; text-align:center; width:40px; margin:0 0.3rem; padding:0.2rem 0; }
.pagination > li > a { color:#333; border:1px solid #333; }
.pagination > li > a:hover { color:#fff; background-color:#333; }
.pagination > li > span { color:#fff; background-color:#333; border:1px solid #333; }
.pagination > li > a.pagePrev,
.pagination > li > a.pageNext { display:flex; justify-content:center; align-items:center; padding:0.2rem 0.3rem; width:60px; }
.pagination > li > a.pagePrev::before { content:'\f104'; font-family:fontawesome; padding-right:0.5rem; }
.pagination > li > a.pageNext::after { content:'\f105'; font-family:fontawesome; padding-left:0.5rem; }
/*******************************************************************/
/*                            pagination                           */
/*******************************************************************/