@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	fade
------------------------------------------------------------*/
.imgItem {
    display: block;
    position: relative;
    -webkit-transform: translate3d(-100.5%, 0, 0);
    transform: translate3d(-100.5%, 0, 0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 10
}

.imgItem:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.imgItem.is-shown {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.imgItem.is-shown:before {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.fadeInUp {
    transform: translate3d(0,100px,0);
    transition: all ease 1s;
}

.fadeInUp.on {
    transform: translate3d(0,0,0);
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 39px;
    text-align: center;
}

.headLine01 .en {
    font-size: 6.0rem;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 3px;
}

.headLine01 .jp {
    margin-top: 2px;
    display: block;
    font-size: 3.0rem;
}

@media all and (max-width: 767px) {
    .headLine01 {
        margin-bottom: 20px;
    }

    .headLine01 .en {
        font-size: 3.0rem;
        letter-spacing: 2px;
    }

    .headLine01 .jp {
        margin-top: -3px;
        font-size: 1.25rem;
    }
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    width: 1000px;
    margin: 0 auto;
}

@media all and (max-width: 767px) {
    .content {
        width: auto;
        padding: 0 16px;
    }
}

/*------------------------------------------------------------
	comUlBox
------------------------------------------------------------*/
.comUlBox {
    min-height: 179px;
    text-align: center;
    background: url("../../img/common/com_bg01.jpg") no-repeat center center;
    background-size: cover;
}

.comUlBox .listUl {
    padding: 60px 0 0;
}

.comUlBox .listUl li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px;
}

.comUlBox .listUl li a {
    padding: 15px 22px 15px 5px;
    font-size: 2.2rem;
    font-weight: bold;
    display: inline-block;
    width: 283px;
    box-sizing: border-box;
    background: #fff url("../../img/common/icon07.png") no-repeat right 24px center;
    border-radius: 30px;
    letter-spacing: -0.5px;
    box-shadow: 0 0 2px rgba(202,202,202,0,7);
}

.comUlBox .listUl li a:hover {
    opacity: 0.7;
}

.comUlBox .listUl li:last-child a {
    background: #fff url("../../img/common/icon09.png") no-repeat right 24px center;
}

@media all and (max-width: 767px) {
    .comUlBox {
        min-height: 112px;
        background: url("../../img/common/sp_com_bg01.jpg") no-repeat center center;
        background-size: cover;
    }

    .comUlBox .listUl {
        padding: 42px 0 0;
        overflow: hidden;
    }

    .comUlBox .listUl li {
        float: left;
        width: 34%;
        margin: 0 2% 0 0;
    }

    .comUlBox .listUl li a {
        padding: 4px 0 3px;
        font-size: 1.05rem;
        display: block;
        width: 100%;
        background: #fff url("../../img/common/icon07.png") no-repeat right 10px center;
        background-size: 3px auto;
        border-radius: 30px;
        letter-spacing: -0.9px;
        box-shadow: 0 0 2px rgba(202,202,202,0,7);
    }

    .comUlBox .listUl li:last-child {
        margin-right: 0;
        width: 28%;
    }

    .comUlBox .listUl li:last-child a {
        padding-right: 10px;
        background: #fff url("../../img/common/icon09.png") no-repeat right 10px center;
        background-size: 9px auto;
    }
}

@media all and (max-width:374px) {
    .comUlBox .listUl {
        margin: 0 -13px;
    }

    .comUlBox .listUl li {
        width: 36%;
        margin-right: 1%;
    }

    .comUlBox .listUl li a {
        background-position: right 7px center;
    }

    .comUlBox .listUl li:last-child {
        width: 26%;
    }
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
.comBox {
    padding: 53px 0 51px;
    text-align: center;
    background-color: #eef4f4;
}

.comBox .topTxt {
    margin-bottom: 40px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.55;
}

.comBox .linkUl {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -30px;
    gap: 10px;
    justify-content: center;
}
/*
.comBox .linkUl {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -30px;
    gap: 10px;
}
*/
/*
.comBox .linkUl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    gap: 38px;
}
*/

.comBox .linkUl li {
}

.comBox .linkUl li a:hover {
    opacity: 0.7;
}

@media all and (max-width: 767px) {
    .comBox {
        padding: 30px 0 26px;
    }

    .comBox .topTxt {
        margin-bottom: 12px;
        font-size: 1.05rem;
        line-height: 1.5;
    }

    .comBox .linkUl {
        margin: 0 auto;
        max-width: 272px;
        flex-direction: column;
        gap: 10px;
    }
}

/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
.pageTop {
    text-align: center;
    background-color: #666;
    overflow: hidden;
}

.pageTop a {
    padding: 23px 20px 7px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.pageTop a:before {
    width: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #666;
    content: "";
    transform: translateX(-50%);
    clip: rect(0px,33px,109px,33px);
    overflow: hidden;
    animation: svgstrokeblue 3.5s cubic-bezier(0.57, 0.43, 0.2, 0.9) infinite;
}

.pageTop a:hover {
    opacity: 0.7;
}

@keyframes svgstrokeblue {
    50% {
        width: 110%;
	clip: rect(0px,66px,109px,0)
    }
    100% {
        width: 0;
    }
}

@media all and (max-width: 767px) {
    .pageTop a {
        display: block;
        padding: 11px 0 12px;
    }

    .pageTop a:before {
        display: none;
    }

    .pageTop img {
        width: 12px;
        display: block;
        margin: 0 auto;
    }
}

/*------------------------------------------------------------
	comUl
------------------------------------------------------------*/
.comUl li {
    float: left;
    width: 346px;
    margin-right: 50px;
}

.comUl li:last-child {
    margin-right: 0;
}

.comUl li .photo {
    margin-bottom: 22px;
    display: block;
    overflow: hidden;
}

.comUl li .photo span {
    overflow: hidden;
    display: block;
}

.comUl li .ttl {
    margin-bottom: 20px;
    padding-bottom: 16px;
    display: block;
    position: relative;
    font-size: 2.4rem;
    font-weight: bold;
    background: url("../../img/common/icon07.png") no-repeat right 12px top 11px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-O-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.comUl li a:hover .ttl {
    background: url("../../img/common/icon07.png") no-repeat right 4px top 11px;
}

.comUl li .ttl:before {
    /* position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #000;
    content: ""; */
}

.comUl li .txt {
    margin-right: 30px;
    display: block;
    line-height: 1.75;
}

.comUl li .photo img {
	-webkit-transition: all 4s cubic-bezier(.075,.82,.165,1);
	-moz-transition: all 4s cubic-bezier(.075,.82,.165,1);
	-ms-transition: all 4s cubic-bezier(.075,.82,.165,1);
	-O-transition: all 4s cubic-bezier(.075,.82,.165,1);
	transition: all 4s cubic-bezier(.075,.82,.165,1);
}

.comUl li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-O-transform: scale(1.1);
	transform: scale(1.1);
}

@media all and (max-width: 767px) {
    .comUl li {
        width: 100%;
        margin: 0 0 19px;
    }

    .comUl li:last-child {
        margin: 0;
    }

    .comUl li .photo {
        margin-bottom: 0;
        width: 146px;
        float: left;
        padding-top: 4px;
    }

    .comUl li .txtBox {
        padding-left: 163px;
        display: block;
    }

    .comUl li .ttl {
        margin-bottom: 9px;
        padding-bottom: 6px;
        display: inherit;
        font-size: 1.5rem;
        background: none;
    }

    .comUl li .ttl:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 20px;
        height: 2px;
        background-color: #040000;
        content: "";
    }

    .comUl li a:hover .ttl {
        background: none;
    }

    .comUl li .txt {
        margin-right: 0;
        font-size: 1.05rem;
        line-height: 1.8;
        line-height: 1.3;
    }

    .comUl li a:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -O-transform: none;
        transform: none;
    }
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
    margin-bottom: 29px;
    font-size: 5rem;
    text-align: center;
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
    margin-bottom: 51px;
    position: relative;
    font-size: 4rem;
    letter-spacing: 5px;
}

.headLine03:before {
    /* width: 41px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background: #000;
    content: ""; */
}

.headLine03.center {
    margin-bottom: 72px;
    text-align: center;
}

.headLine03.center:before {
    /* margin-left: -30px;
    width: 41px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -23px;
    background: #000;
    content: ""; */
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
    margin-bottom: 41px;
    font-size: 3.0rem;
    text-align: center;
}

.headLine04 .jp {
    margin-top: -3px;
    display: block;
    font-size: 1.8rem;
}

@media all and (max-width: 767px) {
    /*------------------------------------------------------------
        headLine02
    ------------------------------------------------------------*/
    .headLine02 {
        margin-bottom: 11px;
        font-size: 2.5rem;
    }

    /*------------------------------------------------------------
        headLine03
    ------------------------------------------------------------*/
    .headLine03 {
        margin-bottom: 30px;
        font-size: 1.5rem;
        letter-spacing: 1px;
    }

    .headLine03:before {
        width: 36px;
        bottom: -13px;
    }

    .headLine03.center {
        margin-bottom: 30px;
    }

    .headLine03.center:before {
        margin-left: -11px;
        width: 22px;
        height: 2px;
        bottom: -7px;
    }

     /*------------------------------------------------------------
        headLine04
    ------------------------------------------------------------*/
   .headLine04 {
        margin-bottom: 20px;
        font-size: 1.8rem;
        text-align: center;
    }

    .headLine04 .jp {
        margin-top: -3px;
        display: block;
        font-size: 1.05rem;
    }
}

/*------------------------------------------------------------
	comAchUl
------------------------------------------------------------*/
.comAchUl {
    margin-bottom: 71px;
    font-size: 0;
    text-align: center;
}

.comAchUl li {
    margin: 0 5px;
    width: 258px;
    display: inline-block;
    vertical-align: top;
}

.comAchUl li a {
    padding: 2px 30px 0;
    display: block;
    position: relative;
    font-size: 1.6rem;
    line-height: 42px;
    border-radius: 25px;
    background: #E3E3E3;
}

.comAchUl li a::before {
	margin-top: -6px;
	width: 7px;
	height: 7px;
	position: absolute;
	right: 17px;
	top: 50%;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

	content: "";
}

.comAchUl li a:hover {
    color: #666;
    opacity: 0.5;
}

@media all and (-ms-high-contrast:none){
	.comAchUl li a {
        padding-top: 5px;
        line-height: 39px;
    }
}
@media all and (max-width: 767px) {
    .comAchUl {
        margin: 0 0 18px;
        overflow: hidden;
    }

    .comAchUl li {
        margin: 0 0 10px;
        width: 49.4%;
        float: left;
        box-sizing: border-box;
    }

    .comAchUl li:nth-child(2n) {
        float: right;
    }

    .comAchUl li:last-child {
        margin: 0;
    }

    .comAchUl li a {
        padding: 1px 0px 0;
        font-size: 1.05rem;
        line-height: 31px;
    }

    .comAchUl li a::before {
        width: 5px;
        height: 5px;
        right: 14px;
        margin-top: -4px;
        border-width: 1px;
    }

    .comAchUl li a:hover {
        color: #000;
        opacity: 1;
    }
}

@media all and (max-width: 374px) {
    .comAchUl {
        margin: 0 -10px 18px;
    }

    .comAchUl li a {
        font-size: 1.0rem;
        letter-spacing: -0.5px;
    }

    .comAchUl li a:before {
        right: 10px;
    }
}

/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
    margin: 0 auto 58px;
    padding-top: 47px;
    width: 1000px;
    position: relative;
}

.comImgBox:before {
    width: 99999px;
    height: 348px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #CFE9EA;

    content: "";
    z-index: -1;
}

.comImgBox .photoBox {
    margin-top: 43px;
    width: 410px;
    float: right;
    position: relative;
}

.comImgBox .photoBox .inn {
    width: 45vw;
    height: 427px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.comImgBox .photoBox .inn .info {
    width: 100%;
    height: 100%;
    background: url(../../img/about/photo01.jpg) no-repeat center center;
    background-size: cover;
}

.comImgBox .textBox {
    width: 570px;
    float: left;
}

.comImgBox .textBox p {
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: 1.8;
}

.comImgBox .textBox p.ms {
    margin-bottom: 15px;
}

.comImgBox .textBox p:last-child {
    margin-bottom: 0;
}

.comImgBox .textBox .comTitle {
    margin-bottom: 20px;
    font-size: 2.2rem;
    font-weight: bold;
}

.comImgBoxR {
    padding-top: 90px;
}

.comImgBoxR:before {
    right: auto;
    left: 0;
    top: 0;
}

.comImgBoxR .photoBox {
    margin-top: 13px;
    width: 370px;
    float: left;
}

#main .comImgBoxR .photoBox .inn {
    left: auto;
    right: 0;
}

.comImgBoxR .textBox {
    width: 545px;
    float: right;
}

@media all and (max-width: 767px) {
    .comImgBox {
        margin: 0 auto 30px;
        padding-top: 30px !important;
        width: auto;
    }

    .comImgBox:before {
        height: 100vw;
        right: -30px !important;
        left: auto !important;
    }

    .comImgBox .photoBox {
        margin: 0 0 15px !important;
        width: auto !important;
        float: none !important;
        position: relative;
        overflow: hidden;
    }

    .comImgBox .photoBox .inn {
        width: auto;
        height: auto;
        position: static;
        left: auto;
        top: auto;
        right: auto !important;
        background: none;
    }

    .comImgBox .photoBox .inn:before {
		width: 100%;
		padding-bottom: 70%;
		content: "";
		display: block;
        background: url(../../img/about/photo01.jpg) no-repeat center center;
        background-size: cover;
    }

   .comImgBox .photoBox .inn {
        display: block;
        position: relative;
        -webkit-transform: translate3d(-100.5%, 0, 0);
        transform: translate3d(-100.5%, 0, 0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
        transition-timing-function: cubic-bezier(.075, .82, .165, 1);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .comImgBox .photoBox .inn:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-color: #000;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
        transition-timing-function: cubic-bezier(.075, .82, .165, 1);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .comImgBox .photoBox .inn.is-shown {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .comImgBox .photoBox .inn.is-shown:after {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    .comImgBox .textBox {
        width: auto !important;
        float: none !important;
    }

    .comImgBox .textBox .headLine03 {
        font-size: 2rem;
    }

    .comImgBox .textBox p {
        margin-bottom: 15px;
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: justify;
    }

    .comImgBox .textBox p:last-child {
        margin-bottom: 0;
    }

    .comImgBox .textBox .comTitle {
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a {
    padding: 6px 56px 9px;
    color: #fff;
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    letter-spacing: 3px;
    transition: .3s;
    border: 1px solid #000;
    z-index: 0;
}

.comLink.jp a {
    padding: 21px 33px 20px 20px;
    font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    letter-spacing: 0;
    font-size: 1.8rem;
    font-weight: bold;
}

.comLink a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #000;
    transform-origin: left top;
    transform: scale(1,1);
    transition: transform .3s;
}

.comLink a:after {
    margin-top: -6px;
    position: absolute;
    right: 12px;
    top: 50%;
    background: url("../../img/common/icon06.png") no-repeat;
    content: "";
    width: 6px;
    height: 11px;
    transition: all .2s;
}

.comLink a:hover {
    color: #000;
}

.comLink a:hover:before {
    transform-origin: right top;
    transform: scale(0,1);
}

.comLink a:hover:after {
    background: url("../../img/common/icon06_over.png") no-repeat;
    right: 6px;
}

.comLink.jp a:after {
    margin-top: -8px;
    width: 10px;
    height: 16px;
    background: url("../../img/common/icon12.png") no-repeat;
}

.comLink.jp a:hover:after {
    background: url("../../img/common/icon12_over.png") no-repeat;
    right: 6px;
}

@media all and (max-width: 767px) {
    .comLink {
        max-width: 400px;
        margin: 0 auto;
    }

    .comLink a {
        padding: 10px 10px 11px;
        font-size: 1.4rem;
        display: block;
	    font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        letter-spacing: 2px;
        background: #000 url("../../img/common/sp_icon01.png") no-repeat right 13px center;
        background-size: 5px auto;
        z-index: 10;
    }

    .comLink a:before {
        display: none;
    }

    .comLink a:hover {
        color: #fff;
    }

    .comLink a:after {
        display: none;
    }

    .comLink.jp a {
        padding: 10px;
        font-size: 1.4rem;
        width: auto;
        background: #000 url("../../img/common/icon12.png") no-repeat right 10px center;
        background-size: 8px auto;
    }

    .comLink.jp a:after {
        display: none;
    }
}

/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
    margin-bottom: 90px;
    font-size: 0;
    text-align: center;
}

.comLinkUl li {
    margin: 0 10px;
    width: 320px;
    display: inline-block;
    vertical-align: top;
}

.comLinkUl li a {
    padding: 21px 5px 16px;
    display: block;
    position: relative;
    color: #FFF;
    font-size: 1.5rem;
    line-height: 1.2;
    background: #4D4D4D url(../../img/common/icon05.png) no-repeat right 11px center;
}

.comLinkUl li a:hover {
    opacity: 0.7;
}

.comLinkUl li a:before {
    width:0;
    height:0;
    position: absolute;
    left: 0;
    top: 0;
    border-right:30px solid transparent;
    border-top:30px solid #BE272E;

    content: "";
}

.comLinkUl li a span {
    display: block;
}

.comLinkUl li a .ttl {
    margin-bottom: 6px;
    font-size: 2.2rem;
    font-weight: bold;
}

.comLinkUl li a .txt {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

@media all and (max-width: 767px) {
    .comLinkUl {
        margin: 0 auto 50px;
        max-width: 500px;
    }

    .comLinkUl li {
        margin: 0 0 15px;
        width: auto;
        display: block;
        vertical-align: top;
    }

    .comLinkUl li:last-child {
        margin: 0;
    }

    .comLinkUl li a {
        padding: 15px 5px 13px;
        font-size: 1.3rem;
        line-height: 1.2;
        background-size: 16px auto;
    }

    .comLinkUl li a:before {
        border-right-width:20px;
        border-top-width:20px;
    }

    .comLinkUl li a span {
        display: block;
    }

    .comLinkUl li a .ttl {
        margin-bottom: 3px;
        font-size: 1.8rem;
    }
    .comLinkUl li a .txt.lh2 {
        line-height: 2.35em;
    }
}

@media all and (-ms-high-contrast:none){
	.comUlBox .listUl li a {
        padding: 19px 22px 11px 5px;
	}
}