﻿html {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-family: /* Verdana,Helvetica,Arial, */'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body {
    margin: 0px;
}
a:hover {
    color: #3D60A1;
    text-decoration: none;
}

.wrap {
    margin: 0px auto;
    text-align: justify;
float: left;
    width: 100%;
}

h1 {
    font-size: 20px;
    margin: 0px 20px;
    border-bottom: 2px solid #e1e9f7;
}
h2 {
    margin: 10px 0px 10px 30px;
    color: #3B5EA3;
}
li {
    display: inline;
}

dl {
    margin: 20px;
}

dt {
    border-bottom: 1px dashed #bbb;
    margin: 15px 0px;
}

.spUser {
	display: none;
}
/* トップページ　コンテンツナビ */
.corpTopCateWrap {
    margin: 40px;
}
.corpTopCate {
    display: flex;
    justify-content: center;
    margin: 0px auto;
}
img.corpCateImg {
    width: 100%;
    margin: 0px auto;
    display: block;
}
p.topCorpCateP {
    text-align: center;
}
p.topCorpCatePArt {
    font-size: 14px;
    text-align: justify;
}

a.topCorpCateWrapA {
    border: 1px solid #bbb;
    padding: 10px;
    width: 270px;
    margin: 20px;
transition: 0.5s;
}
a:hover.topCorpCateWrapA {
    background-color: #d6ebf1;
}
.corpTopContainer {
    width: 90%;
    margin: 0px auto;
}
.topCorpCateImgWrap {
    padding: 10px;
}
/* トップページ　トピックス */
.corpTopContainer h1 {
    margin: 20px auto;
    width: 900px;
}

#topicsList a {
    color: #13576d;
    font-size: 14px;
}

#topicsList {
    margin: 10px auto;
    width: 80%;
}
#topicsList li {
    display: block;
	margin:0px auto;
	width:900px;
}
.corpDateNew::before {
    content: "[ NEW! ] ";
    color: red;
    font-size: 12px;
}
/* 1カラムの中央コンテンツ */
.corpContainer {
    width: 800px;
    margin: 0px auto 50px;
}
.corpContainer h3 {
    margin: 20px 30px;
}
.corpContainer ul.indentStyle {
    margin: 0px 30px;
}
.corpContainer li {
    display: inherit;
    text-indent: -1em;
    margin: 10px 20px;
}
section.secondSection {
    margin-top: 40px;
}
p.corpContainerP {
    margin: 20px 30px;
}

/* コンテンツに中身がない場合　採用情報 */
.wrap.corpRec footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
/* 会社情報　グーグルマップ */
.corpMap {
    width: 80%;
    height: 280px;
    margin: 20px;
}

span.smallLinkSpan a {
    color: #003182;
    margin: 15px;
    background-color: #e1e9f7;
    padding: 5px;
}
/* パンくず */
.corpTopicpath {
    margin: 20px auto;
    width: 1160px;
}
.corpTopicpathIn {
    display: inline-block;
}
.corpTopicpath a:link, a:visited, a:active {
    color: #555;
}
.columnOne {
    width: 800px;
}
.corpTopicpath span {
    font-size: 14px;
}

.navi01 {
    text-align: center;
    margin: 0px 20px 0px;
    width: 100%;
}


/* スライだー */
.swiper-slide img {
    width: 100%;
}

.img41 {
    position: relative;
    top: -90px;
}

.corp{
	overflow: hidden;
}

.corp .img03 {
    float: left;
    width: 22%;
    margin-left: 56px;
}
.corp .img04 {
    float: right;
    width: 70%;
}


img.img27 {
    width: 100%;
    margin: 71px auto;
    display: block;
    border-top: 1px solid #bbb;
    padding-top: 40px;
}
img.kojin {
    width: 98%;
}

.img303 {
    width: 70%;
    margin: 20px 0px 0px;
}
a{
    color: #666666;
    text-decoration: none;
}
/*a:hover {
    opacity: 0.5;
}*/
.left {
    width: 30%;
    float: left;
}
.left img {
    width: 60%;
    margin: 20px auto -27px;
}
img.imgrinen {
    width: 70%;
    margin-top: 20px;
}
img.imgsosiki {
    width: 70%;
    margin-top: 20px;
    margin-left: -64px;
}

img.imgkojin {
    width: 70%;
    margin: 20px auto 0;
}

/* ========= 社長挨拶 ========== */
.corpMesMainText p {
    line-height: 3rem;
    margin: 30px;
}
span.corpMesMainTextName {
    text-align: right;
    display: block;
    margin: 30px 40px 30px 0px;
font-weight: 600;
}
.topMessageJpg {
    margin: 10px auto;
}
.presidentName {
    font-size: 3.5rem;
}
/* 2022年 */
.message2022 .corpTopMessage_flex {
    display: flex;
    margin: 30px;
    align-items: center;
}
.message2022 .corpTopMessage_flexInner {
    width: 50%;
}
/* ========= 企業理念 ========== */
img.corpPhilImg {
    margin: 0px auto;
    display: block;
}
p.corpMissionP {
    font-size: 3rem;
    margin: 60px;
    font-weight: 600;
}
.corpRinenDl dt {
    background-color: #54818e;
    border: none;
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
}


/* ========= header ========== */
header{
	width: 100%;
	margin: 0px auto;
	}
.headerArea {
    margin: 0px auto;
    width: 100%;
}
.headerAreaLogo {
    margin: 20px auto;
    width: 980px;

}

#gNavi {
    text-align: center;
    clear: both;
	display:block;
}

#gNavi ul {
    overflow: hidden;
    text-align: center;
    background-color: #cc0033;
}
#gNavi li {
    display: inline-block;
    width: 160px;
}
#gNavi a {
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    transition: 0.4s;
}
#gNavi a:hover{
	background: #ffe2e9;
	color :#8b0023;
	text-decoration: none;
	}
a.corpGnActive {
    background-color: #8b0023;
}
/* ========= 左メニュー ========== */

.corpSideMenu {
    float: left;
    width: 220px;
    margin: 0px 30px 0px 0px;
    display: block;
}

div.corpSideMenu > ul > li > a {
    color: #333;
}
p.corpSideMenuP {
    padding: 10px;
    background-color: #fff;
    text-align: center;
    color: #13576d;
    border: 1px solid #82a5b1;
}
.corpSideMenu ul{
margin: 0;
padding: 0;
list-style: none;
}
.corpSideMenu li{
display: inline;
padding: 0;
margin: 0;
}
.corpSideMenu li a {
    display: block;
    border-bottom: 1px solid #edf1f8;
    background-color: #cee1e6;
    padding: 10px 0px;
    text-decoration: none;
    width: 100%;
    margin: 2px auto;
    text-align: center;
    font-size: 16px;
    transition: background-color 1s;
}
.corpSideMenu li a:hover{
background-color: #eaf4f7;
}
.corpSideMenu #shita li a{
display: block;
border-left: 1px solid #9F99A3;
border-right: 1px solid #9F99A3;
border-bottom: 1px solid #9F99A3;
background-color: #EEEEEE;
padding:padding: 3px 10px;
text-decoration: none;
color: #333;
width: 150px;
margin: 0px;
text-align: left;
font-size: 14px;
}
.corpSideMenu #shita li a:hover{
border-left: 1px solid #8593A9;
border-right: 1px solid #8593A9;
border-bottom: 1px solid #8593A9;
background-color: #9EB7DD;
}

/* ========= 右コンテンツ ========== */
.corpRight {
    width: 100%;
    margin: 0px auto;
    float: left;
}
.corpSideMenuRight {
    width: 880px;
    float: left;
}
.corpRightInn {
    margin: 0px auto;
    width: 1160px;
}

/* ========= 個人のお客さま ========== */
/* ＋＋＋＋＋＋＋ページ＋＋＋＋＋＋＋
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋ */
.corpContainerBlock {
    display: flex;
    border: 1px solid #bbb;
    padding: 20px 10px;
}
span.corpContainerSpanLink {
    display: block;
}
.corpContainerLeftblockImg img {
    width: 200px;
    border: 1px solid #bbb;
    padding: 5px;
    margin: 0px auto;
    display: block;
}
.corpContainerLeftblockImg {

}
p.corpServiceP {
    margin: 10px 20px;
    font-size: 14px;
    display: block;
}

a.corpServiceCateA {
    display: block;
    margin: 20px;
}
a:hover.corpServiceCateA {
    background-color: #effbff;
}
/* ========= 法人のお客さま ========== */
/* ＋＋＋＋＋＋＋ASPページ＋＋＋＋＋＋＋
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋ */
.corpCorpCatch {
    background-color: #22accc;
    text-align: center;
    padding: 50px 0px;
    margin: 0px;
	border-bottom:1px solid #bbb;
}
.corpCorpCatch > h1 {
    font-size: 3.2rem;
    margin: 0px auto;
    width: 80%;
    color: #fff;
}


.corpCorpLead {
    border-bottom: 1px solid #555;
    box-shadow: inset 0 0px 9px 0px #555;
    float: left;
    margin: 0 auto 20px;
    width: 100%;
}

.corpCorpLeadInn {
    width: 1100px;
    margin: 0px auto;
}
.corpCorpLeadLeft {
/*margin: 20px 30px 0px 50px;*/
    float: left;
    width: 440px;
}
.corpCorpLeadLeft > img {
    width: 100%;
    float: left;
    margin-top: 20px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    /* border: 1px solid #bbb; */
    /* padding: 20px; */
    box-shadow: 12px 4px 0 -4px #afafaf;
    -moz-box-shadow: 12px 4px 0 -4px #afafaf;
    -webkit-box-shadow: 12px 4px 3px -8px #afafaf;
}
.corpCorpLeadRight > h2 {
    float: left;
    font-size: 2.5rem;
    font-weight: 800;
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
}
.corpCorpLeadRight {
    float: left;
    width: 60%;
    margin: 0px auto;
    display: block;
    min-height: 350px;
}

p.corpCorpLeadArtP {
    float: left;
    font-size: 2rem;
margin: 10px 40px;
    width: 90%;
    font-weight: 600;
}
.corpCorpMainText p {
    font-size: 1.6rem;
    height: 100%;
    display: flex;
    align-items: center;
    width: 87%;
    margin: 0px auto;
}


p.corpCorpBtn a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fe7790 0%, #ff426f 10%, #eb0532 94%, #f60520 100%) repeat scroll 0 0;
    border: 1px solid #f60520;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 1) inset;
    color: #fff;
    display: block;
    float: left;
    margin: 30px 100px;
    padding: 20px 0px;
    text-align: center;
    text-shadow: 2px 1px 11px rgba(0, 0, 0, 0.5), 0 3px 4px rgba(200, 25, 50, 0.9);
    width: 70%;
    font-size: 3rem;
    height: 100%;
    line-height: 3rem;
}


.corpCorpBtn > a:hover {
    transition: 0.4s;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fe7790 0%, #ff426f 10%, rgba(235, 5, 50, 0.34) 94%, rgba(246, 5, 32, 0.62) 100%) repeat scroll 0 0;
}
/* 法人のお客さま　下部ボタン */
.corpCorpFooterBtnWrap {
    float: left;
    background-color: #c5d4e2;
    width: 100%;
}
p.corpCorpFooterBtnP {
    text-align: center;
    margin: 30px auto 0px;
}
p.corpCorpFooterBtn a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fe7790 0%, #ff426f 10%, #eb0532 94%, #f60520 100%) repeat scroll 0 0;
    border: 1px solid #f60520;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 1) inset;
    color: #fff;
    display: block;
    margin: 30px auto;
    padding: 20px 0px;
    text-align: center;
    text-shadow: 2px 1px 11px rgba(0, 0, 0, 0), 0 3px 4px rgba(200, 25, 50, 0.9);
    width: 40%;
    font-size: 3rem;
    height: 100%;
    line-height: 3rem;
}
.corpCorpFooterBtn > a:hover {
    transition: 0.4s;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fe7790 0%, #ff426f 10%, #fe7790 94%, rgba(246, 5, 32, 0.62) 100%) repeat scroll 0 0;
}



/* ========= お知らせ ========== */
.topicsMultiList a {
    color: #333;
}
.block {
    display: block;
    font-size: 20px;
    width: 100%;
}
.topicsMultiList li {
    display: list-item;
    margin: 5px;
}
body > div > div > div.corpRightInn > div.corpSideMenuRight li > a {
    color: #13576d;
}
span.date {
    display: block;
    font-size: 1.1rem;
    width: 100%;
}
.topicsMultiList {
    margin-left: 25px;
}
.topicsMultiList a:hover {
    color: #999;
}
.releaseContents {
    margin: 40px;
}
section#sec2000 {
    margin-bottom: 60px;
}

/* ========= ASP　中央コンテンツ ========== */
.corpCorpMainCon {
    width: 100%;
    margin: 0px auto;
    float: left;
}
.corpCorpMainImgimg > img {
    margin: 10px auto;
    display: block;
    width: 73%;
}
.corpCorpMainConInn {
    width: 1160px;
    margin: 0px auto 30px;
}
.corpCorpMainImg {
    padding: 0px;
    margin-bottom: 10px;
}

.corpCorpMainImg > img {
    width: 480px;
    margin: 0px auto;
    display: block;
    float: left;
    height: 100%;
}
.corpCorpMainText {
    width: 80%;
    display: block;
    margin: 20px auto;
}
.corpCorpMainCon h3 {
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    margin: 40px 0px;
clear: both;
  background-color: #d3e3e8;
padding: 20px;
}
.corpCorpMainBack {
    width: 1160px;
    margin: 0px auto;
}
.corpCorpMainConInn h4 {
    margin: 0px auto;
    font-size: 2rem;
    width: 900px;
    color: #13576d;
    font-weight: 600;
}
p.corpCorpArtP {
    margin: 10px auto 40px;
width: 900px;
}
p.corpCorpArtP.corpCorpAttP {
    margin: 0px;
    padding: 0px;
    font-size: 1.4rem;
}
.corpCorpImg img {
    margin: 0px auto 40px;
    display: block;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 8px;
}
h4.corpAspH4Strong {
    border-bottom: 1px double #999;
    color: red;
    padding: 0 15px 15px;
    text-align: center;
}
a.corpSideLiActive {
    background-color: #a2bfc7!important;
    color: #fff!important;
}

/* ========= キャラクターページ ========== */
.corpCharacter .mainWrapper {
    background-image: url(/character/images/main_bg01.png), url(/character/images/main_bg02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: 100% auto,1920px auto;
    background-position: top,bottom;
	background-color: #44daea;
    height: 640px;
	overflow: hidden;
    position: relative;
}
.corpCharacter .mainWrapperBgImg {
	width: 100%;
    height: auto;
    max-width: 1184px;
    display: block;
	margin: 55px auto 0;
}
.corpCharacter .mainWrapperTtile,
.corpCharacter .mainWrapperLead {
	font-weight: bold;
	text-align: center;
	margin: 0;
}
.corpCharacter .mainWrapperTtile {
	font-size: 3.5rem;
    border: none;
	padding: 80px 0 20px;
}
.corpCharacter .mainWrapperLead {
	font-size: 1.8rem;
    color: #333;
}
.corpCharacter .profileWrapper {
    background-image: url(/character/images/profile_background.png), url(/character/images/road.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center,bottom;
	padding: 100px 30px 12%;
	text-align: center;
}
.corpCharacter .profile_mittu_mori {
	margin-bottom: 100px;
}
.corpCharacter .profileImg {
	max-width: 100%;
	height: auto;
}



/* ========= footer ========== */
/*
footer {
	margin: 50px 0 ;
}

footer ul {
	margin-bottom: 20px;
	}

footer li {
	display: inline-block;
	text-align: center;
	width : 162px;
	border-right: dotted 1px #666666;
}


footer li.corpFooterWide{
	width: 329px;
}

footer li.corpFooterNoline{
	border-right: none;

}

footer small{
	color : #666666;
}
*/
.footer {
    width: 100%;
    overflow: hidden;
    background-color: #eee;
}


.footer-top {
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 150px;
    background-color: #222222;
    color: #fff;
}
.footer-top > ul li {
    display: inline;
}
.footer-top.static {
     position:static;
     }

.footer-bottom {
    padding: 0px 0;
    background-color: #0042ad;
    color: #999;
    text-align: center;
}
.footerBtn {
    display: block;
    position: relative;
    width: 1000px;
    margin: 0px auto;
}
p.footerBtnLeft {
    width: 45%;
    float: left;
    background-color: #f2a713;
    border: 2px solid #ababab;
    margin: 20px;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
p.footerBtnRight {
    float: left;
    background-color: #f2a713;
    border: 2px solid #F2A78E;
    margin: 20px 0px;
    padding: 10px;
    text-align: center;
    width: 45%;
    border-radius: 5px;
}

ul.corpFooterWideUl {
    text-align: center;
    clear: both;
    width: 1160px;
    margin: 0px auto;
}


li.corpFooterWideLi {
    margin: 10px auto;
}

/* フッター 31追加分　*/
.footerBottom {
    display: flex;
    width: 100%;
    background: #cc0033;
}
.footerBottom .corpFooterWideUl {
    display: flex;
    justify-content: center;
background-color: #cc0033;
    border: none;
    padding: 5px;
    min-width: 1160px;
}
li.corpFooterWideLi a {
    display: block;
    width: 100%;
    line-height: 40px;
    color: #fff;
    transition: 0.3s;
    font-size: 14px;
    padding: 0 10px;
}
li.corpFooterWideLi a:hover {
    background-color: #8b0023;
    border-radius: 3px;
}





li.corpFooterWideBtmLi {
    width: 150px;
    display: inline-block;
    border-right: 1px dashed #bbb;
    padding: 10px;
    margin: 10px auto;
}
.footer-bottom ul.corpFooterWideUl {
    margin: 0px auto;
    display: block;
    width: 100%;
    padding: 0px;
    text-align: center;
}
.footer-bottom > ul > li > a {
    color: #fff;
    height: 40px;
    display: block;
    line-height: 40px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    width: 100%;
}
.footer-bottom > ul > li > a:hover {
    background-color: #fff;
    width: 100%;
    color: #555;
}
p.corpCopy {
    text-align: center;
    margin: 0px;
    color: #bbbbbb;
    background-color: #111;
    padding: 3px 0px;
	font-size:12px;
}

li.corpFooterWideBtmLi.corpFooterNoline {
    border: none;
}

li.corpFooterWideLi.corpFooterNoline {
    border: none;
}
.footer a {
    color: #555;
}

/* サイトマップ  */


.corpRightInn.corpSitemapWrap {
    width: 880px;
}
.topicsMultiList.corpSitemap {
    width: 80%;
    float: left;
    margin: 30px;
}
.corpSitemap .corpTopicpath {
    width: 880px;
	display: block;
}

/* コーポレートには無い入力画面だけの追加個所  */


.corpQuesContent > h1 {
    border-bottom: 2px solid #e1e9f7;
    font-size: 20px;
    margin: 20px;
}
.pm_container {
    width: 100%;
    font-size: 15px;
    margin: 0 0 20px 0;
}
.corpQuesBlockIn {
    display: block;
    margin: 0px auto;
    width: 90%;
    padding: 10px;
}
span.corpQuesSpanA a {
    color: #13576d;
    background-color: #e6f6fb;
    padding: 0px 30px;
    margin: 0px;
}
/* 記事　FIFJ */
.artDivFifjImg > img {
    margin: 20px auto;
    display: block;
}



/* ｜｜｜｜｜｜｜｜｜｜スマートフォン｜｜｜｜｜｜｜｜｜
｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜
｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜
｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜
｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜
｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜
｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜

 */
.spn {
    display: none;
}





.pagetop {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    justify-content: space-between;
}

.pagetop_inner {
    display: flex;
    width: auto;
    max-width: 900px;
    margin: 0px auto;
    justify-content: center;
}

.cssbtn_2 {
    box-shadow: #5D0118 0px 6px 0px;
    background: #BA0834;
    background: linear-gradient(#BA0834, #8B0023);
    border-radius: 8px;
    width: 900px;
    height: 74px;
    margin: 14px 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topMainStartBtn:hover{
    opacity: 0.9;
}
.topMainStartBtnPup {
    display: flex;
    text-align: center;
    color: #fff;
    font-size: 21px;
}

.corpTopCate3::after{
  content:"";
  display: block;
  width: 270px;
  margin: 20px;
  padding: 10px;
}

/* 企業理念追加修正250328  */
.philosophyRenewal .corpRinenDl dt{
    background-color: #cc0033;
    padding: 10px;
}
.philosophyRenewal .corpRinenDl h2{
    color: #cc0033;
    font-size: 40px;
    font-weight: bold;
    margin: 30px auto 20px;
    text-align: center;
}
.philosophyRenewal .corpRinenDl p.visionLead{
    color: #333;
    font-size: 19px;
    font-weight: bold;
    margin: 30px auto 20px;
    text-align: center;
}
.philosophyRenewal .philosophyRenewalPurpose p{
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
}
.philosophyRenewal .philosophyRenewalPurposeWrap{
    border: 1px solid #333;
    padding: 15px 20px;
    margin: 20px 0 40px;
    background-color: #fbe5d6;
    display: flex;
}
.philosophyRenewal .philosophyRenewalPurposeWrap p,
.philosophyRenewal .philosophyRenewalGaidelinesWrap .normal{
    font-weight: normal;
    font-size: 16px;
}
.philosophyRenewal .philosophyRenewalPurposeWrapTtl{
    font-size: 26px!important;
    font-weight: bold!important;
    margin: 0 40px 0 0!important;
    color: #cc0033;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap{
    margin: 10px 0 50px;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap li{
    font-size: 19px;
    padding-left: 23px;
    text-indent: -26px;
    display: block;
    font-weight: bold;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap li::before{
    content: "●";
    color: #cc0033;
    font-size: 23px;
    margin: 0 5px 0 0;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap li:not(:last-child){
    margin-bottom: 15px;
}
.gg-external {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;
    margin-top: 1px;
    width: 9px;
    height: 9px;
    margin-left: 0.5em;
    margin-right: 3px;
}
.gg-external::after,
.gg-external::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    right: -4px;
}
.gg-external::before {
    background: currentColor;
    transform: rotate(-45deg);
    height: 2px;
    width: 10px;
    top: 0;
    left: 3px;
}
.gg-external::after {
    border-right: 2px solid;
    border-top: 2px solid;
    top: -4px;
    width: 7px;
    height: 7px;
}
span.pd-left5 {
    padding-left: 5em;
}
span.pd-left1 {
    padding-left: 1em;
}
span.pd-left1-1 {
    padding-left: 1.1em;
}

@media screen and (max-width: 640px) {
body {
    margin: 0;
    min-width: 100%;
    width: 100%;
}
.pcUser {
    display: none;
}
.spUser {
    display: inline-block;
}
/* ヘッダーロゴ　*/
.headerAreaLogo {
    margin: 5px auto;
    width: 100%;
}
/* グローバルナビ　*/
#gNavi li {
    display: block;
    text-align: center;
    width: 100%;
}

#gNavi a {
    color: #fff;
    display: flex;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
}

/* パンくず　*/
.corpTopicpath {
    margin: 10px;
    width: 90%;
}
/* 左メニュー　*/
.corpSideMenu {
    float: none;
    margin: 0;
    width: 100%;
    display: none;
}
p.corpSideMenuP {
    background-color: #9ccb9c;
    color: #fff;
    margin: 0px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.corpSideMenu {
    float: none;
    margin: 0;
    width: 100%;
}

.corpSideMenuRight {
    float: left;
    width: 100%;
}


/* 右コンテンツ　*/
.corpRightInn {
    margin: 0 auto;
    width: 100%;
}



ul.corpFooterWideUl {
    text-align: center;
    margin: 0px auto;
}

li.corpFooterWideBtmLi {
    border-right: medium none;
    display: flex;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}


li.corpFooterWideLi {
    border-right: 1px dashed #bbb;
    display: flex;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.corpTopCate {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}
#gNavi {
    display: none;
}
.footer {
    display: none;
}
p.corpCopy {
    float: left;
    width: 100%;
}

.corpTopContainer h1 {
    margin: 5px auto;
    width: 100%;
}
#topicsList li {
    display: block;
    margin: 0px auto;
    width: 100%;
}
.corpTopCateWrap {
    margin: 0px;
}
a.topCorpCateWrapA {
    border: 1px solid #bbb;
    padding: 0px;
    width: 100%;
    margin: 5px auto;
}
img.img01 {
    width: 25%;
    margin: 3%;
}
header {
    width: 100%;
    margin: 0px auto;
    border-bottom: 10px solid #cc0033;
}
#topicsList {
    margin: 10px auto;
    width: 100%;
}
.corpCorpCatch > h1 {
    font-size: 2.2rem;
    margin: 0px auto;
    width: 80%;
    color: #fff;
}
.corpCorpCatch {
    background-color: #22accc;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
    border-bottom: 1px solid #bbb;
}
.corpCorpLeadLeft {
    /* margin: 20px 30px 0px 50px; */
    float: left;
    width: 100%;
}
.corpCorpLeadInn {
    width: 100%;
    margin: 0px auto;
}
.corpCorpLeadRight > h2 {
    float: left;
    font-size: 2rem;
    font-weight: 800;
    margin: 10px auto 0;
    text-align: justify;
    width: 100%;
}
.corpCorpLeadRight {
    float: left;
    width: 90%;
    margin: 0px auto;
    display: block;
    min-height: 350px;
}
p.corpCorpLeadArtP {
    float: left;
    font-size: 1.5rem;
    margin: 10px auto;
    width: 100%;
    font-weight: 600;
}
.corpCorpLeadLeft > img {
    width: 70%;
    float: none;
    margin: 20px auto 0px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    /* border: 1px solid #bbb; */
    /* padding: 20px; */
    box-shadow: 12px 4px 0 -4px #afafaf;
    -moz-box-shadow: 12px 4px 0 -4px #afafaf;
    -webkit-box-shadow: 12px 4px 3px -8px #afafaf;
    display: block;
}
.corpCorpLeadRight {
    float: none;
    width: 90%;
    margin: 0px auto;
    display: block;
    min-height: auto;
}
p.corpCorpBtn a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fe7790 0%, #ff426f 10%, #eb0532 94%, #f60520 100%) repeat scroll 0 0;
    border: 1px solid #f60520;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 1) inset;
    color: #fff;
    display: block;
    float: none;
    margin: 10px auto;
    padding: 20px 0px;
    text-align: center;
    text-shadow: 2px 1px 11px rgba(0, 0, 0, 0.5), 0 3px 4px rgba(200, 25, 50, 0.9);
    width: 70%;
    font-size: 2.5rem;
    height: 100%;
    line-height: 3rem;
    clear: both;
}

.corpCorpMainConInn {
    width: 100%;
    margin: 0px auto 30px;
}
.corpCorpMainBack {
    width: 100%;
    margin: 0px auto;
}
.corpCorpMainText {
    width: 100%;
    display: block;
    margin: 20px auto;
}
.corpCorpMainCon h3 {
    font-size: 2rem;
    font-weight: 800;
    text-align: justify;
    margin: 20px 0px;
    clear: both;
    background-color: #d3e3e8;
    padding: 10px;
}
.corpCorpMainConInn h4 {
    margin: 0px auto;
    font-size: 1.5rem;
    width: 90%;
    color: #13576d;
    font-weight: 600;
}
p.corpCorpArtP {
    margin: 10px auto 20px;
    width: 90%;
}
.corpCorpImg img {
    margin: 0px auto 20px;
    display: block;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: none;
}
p.corpCorpFooterBtnP {
    text-align: justify;
    margin: 20px auto 0px;
    width: 80%;
}


p.corpCorpFooterBtn a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fe7790 0%, #ff426f 10%, #eb0532 94%, #f60520 100%) repeat scroll 0 0;
    border: 1px solid #f60520;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 1) inset;
    color: #fff;
    display: block;
    margin: 20px auto;
    padding: 20px 0px;
    text-align: center;
    text-shadow: 2px 1px 11px rgba(0, 0, 0, 0), 0 3px 4px rgba(200, 25, 50, 0.9);
    width: 70%;
    font-size: 2.5rem;
    height: 100%;
    line-height: 3rem;
}
/* 読み物ページ　大枠 */
.corpContainer {
    width: 100%;
    margin: 0px auto 20px;
}

.corpContainer h3 {
    margin: 10px auto;
    width: 90%;
    display: block;
}
.releaseContents {
    margin: 20px;
}
/* 読み物ページ　画像 */
div.wrap.corpTopicsList > div.corpContainer > div > div > img {
    width: 100%;
}
div.wrap.corpTopicsList > div.corpContainer > h1 > span > p {
    text-align: justify!important;
    font-weight: 600;
}
.topMessageJpg {
    margin: 10px auto;
    width: 100%;
}
/* 会社情報　社長挨拶　文章 */
.corpMesMainText p {
    line-height: 3rem;
    margin: 0px 20px;
}
div.wrap.corpOrg > div > div.corpRightInn > div.corpSideMenuRight > img {
    width: 100%;
    margin: 30px 0px 50px;
}
img.corpCateImg {
    width: 100%;
    margin: 0px auto;
    display: block;
}

h4.corpAspH4Strong {
    border-bottom: 1px double #999;
    color: red;
    padding: 0 15px 15px;
    text-align: justify;
}
.corpCorpLead {
    border-bottom: 1px solid #555;
    box-shadow: none;
    float: left;
    margin: 0 auto 20px;
    width: 100%;
}
.presidentName {
    font-size: 2.5rem;
}
/* 2022年 */
.message2022 .corpTopMessage_flex {
    display: block;
    margin: 20px;
}
.message2022 .corpTopMessage_flexInner {
    width: 100%;
}

/* 会社情報　グーグルマップ */
.corpMap {
    width: 100%;
    height: 180px;
    margin: 10px 0px;
}
nav.drawer-nav > ul li a {
    color: #fff;
    text-decoration: none;
    margin: 5%;
    display: block;
    text-align: center;
}

/* 個人のお客さま　H2 */
h2.corpServiceH2 {
    width: 85%;
    margin: 10px auto;
}
.corpContainerBlock {
    display: flex;
    border: 1px solid #bbb;
    padding: 20px 10px;
    flex-direction: column;
}
#topicsList a {
    color: #13576d;
    font-size: 14px;
    display: block;
    background-color: #edf5f3;
    padding: 10px;
}
body > div > div > div.corpRightInn > div.corpSideMenuRight li > a {
    color: #13576d;
    display: block;
    margin: 5px;
    background-color: #f4f8f9;
    padding: 5px;
}

/* お問い合わせ　外部ドメイン */
.corpQuesWrap {
    margin: 0 auto;
    width: 100%;
}
.corpQuesContent > h1 {
    border-bottom: 2px solid #e1e9f7;
    font-size: 20px;
    margin: 10px;
}
.corpQuesP {
    font-size: 14px;
    margin: 0 auto 5px;
    width: 90%;
    display: block;
}
form {
    margin: 0;
    width: 100%;
}
h2.corpH2 {
    margin: 5px 0px;
    width: 100%;
    display: block;
    text-align: center;
}
.corpQuesBlockIn {
    display: block;
    margin: 0px auto;
    width: 100%;
    padding: 10px 0px;
}

span.date {
    display: block;
    font-size: 1.6rem;
    width: 97%;
    margin: 0px auto;
    text-align: left;
}

a.corpSitemapA.corpSitemapSpanLi {
    background-color: #fafffe!important;
}
.corpRightInn.corpSitemapWrap {
    width: 100%;
}
.topicsMultiList.corpSitemap {
    width: 100%;
    float: left;
    margin: 10px auto;
}
.corpSitemap .corpTopicpath {
    width: 90%;
    display: block;
}

.corpContainer li {
    display: inherit;
    text-indent: -1em;
    margin: 10px 0px;
}
h2 {
    margin: 10px auto 10px;
    color: #3B5EA3;
    width: 80%;
}

/* 会社情報　企業理念 */
img.corpPhilImg {
    margin: 0px auto;
    display: block;
    width: 100%;
}
p.corpMissionP {
    font-size: 2rem;
    margin: 10px;
    font-weight: 600;
}
.pagetop .pagetop_inner .topMainStartBtn.cssbtn_2:nth-child(1) {
    margin: 10px 5px 14px 20px;
}
.pagetop .pagetop_inner .topMainStartBtn.cssbtn_2:nth-child(2) {
    margin: 10px 20px 14px 5px;
}
.topMainStartBtnPup{
    font-size: 16px;
    margin: 14.5px 9.25px;
}
.corpTopCate3::before,
.corpTopCate3::after {
  display: none;
}

/* ========= キャラクターページ ========== */
.corpCharacter .mainWrapperTtile {
    font-size: 2.5rem;
    padding: 50px 0 20px;
}
.corpCharacter .mainWrapperLead {
    font-size: 1.5rem;
    width: 100%;
}
.corpCharacter .mainWrapper {
    background-image: url(/character/images/main_bg01_sp.png), url(/character/images/main_bg02_sp.png);
    background-size: 100% auto, 640px auto;
    height: 530px;
    position: relative;
    padding: 0 3%;
}
.corpCharacter .mainWrapperBgImg {
    position: absolute;
    bottom: 0;
    max-width: 384px;
    left: 50%;
    transform: translate(-50%,-26%);
    margin: 0;
}
.corpCharacter .profileWrapper{
    padding: 100px 0 23%;
    background-image: url(/character/images/profile_background_sp01.png), url(/character/images/profile_background_sp02.png), url(/character/images/road_sp.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center,center 56%,bottom;
}
/* 企業理念追加修正250328  */
.philosophyRenewal .corpRinenDl h2{
    font-size: 28px;
    margin: 10px auto;
}
.philosophyRenewal .corpRinenDl p.visionLead{
    font-size: 18px;
    margin: 10px auto;
}
.philosophyRenewal .philosophyRenewalPurpose p{
    font-size: 18px;
    line-height: 1.4;
}
.philosophyRenewal .philosophyRenewalPurposeWrap{
    margin: 20px 0;
    display: inline-block;
}
.philosophyRenewal .philosophyRenewalPurposeWrap p{
    font-size: 16px;
}
.philosophyRenewal .philosophyRenewalPurposeWrapTtl{
    margin: 0 0 5px 0!important;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap{
    margin: 10px 0 30px;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap li{
    font-size: 18px;
    padding-left: 22px;
    text-indent: -26px;
}
.philosophyRenewal .philosophyRenewalGaidelinesWrap li::before{
    font-size: 20px;
}
}

.presidentPhilosophy{ /*20250415 社長挨拶ページ更新で社長写真右にパーパスを挿入*/
    color: #cc0033;
    font-size: 35px;
    font-weight: bold;
    margin: 0 40px 50px 0;
    text-align: right;
}
.topMessageJpg{
    display: block;width:100%;max-width: 820px;
}
.corpMesMainText{
    margin-bottom: 100px;
}
@media screen and (max-width: 640px) {
    .presidentPhilosophy{
        margin: 40px auto;
        text-align: center;
    }
    .topMessageJpg{
        max-width: 300px;
    }
    .corpMesMainText{
        margin-bottom: 50px;
    }
}