@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Common"

Cascading Style Sheet Setting File

Ver.20240111

------------------------------------------------------------------------------------------------------------------------

/** | Reset | ***************************************************************************************** **/

*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;outline:none;}
a.blank:before{content:" ";display:inline-block;margin:0 5px 0 0;width:10px;height:10px;background-image:url(/recruit/img/recruit-top-sub/ico_cmn_blank.png);background-size:10px 10px;background-repeat:no-repeat;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;height:100%;}
body{width:100%;height:100%;text-align:center;letter-spacing:.05em;font-size:14px;line-height:1.8;color:#000;font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,"游ゴシック体","Yu Gothic",arial,helvetica,sans-serif;}
body.pd-open{height:100%;overflow:hidden;}
body.mdl-open{height:100%;overflow:hidden;}
body.noscroll.pd-open{height:100%!important;overflow:hidden!important;}

/** | Common | ***************************************************************************************** **/

a{color:#333333;text-decoration:none;}
a:hover{text-decoration:none;opacity:0.8;transition:0.3s ease-in-out;}
a.cmn-ul-link{text-decoration:underline;}
a.cmn-ul-link:hover{text-decoration:none;opacity:1;}
.cmn-frm{position:relative;margin:auto;padding:0 20px;box-sizing:border-box;width:100%;max-width:1240px;}
.cmn-frm::after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.cmn-pc-blk{display:block !important;}
.cmn-sp-blk{display:none !important;}
.cmn-pc-lin{display:inline !important;}
.cmn-sp-lin{display:none !important;}
.cmn-bl-link{position:relative;display:inline-block;padding:0 0 0 30px;}
.cmn-bl-link::before{content:" ";position:absolute;top:calc(50% - 7.5px);left:0;display:inline-block;width:15px;height:15px;vertical-align:top;margin:0 15px 0 0;background:url('/recruit/newgraduate/img/common/cmn_ico_bla.png') no-repeat 0 0 ;background-size:15px 15px;}
.cmn-bl-link-w{position:relative;display:inline-block;padding:0 0 0 30px;}
.cmn-bl-link-w::before{content:" ";position:absolute;top:calc(50% - 7.5px);left:0;display:inline-block;width:15px;height:15px;vertical-align:top;margin:0 15px 0 0;background:url('/recruit/newgraduate/img/common/cmn_ico_bla_w.png') no-repeat 0 0 ;background-size:15px 15px;}
#contant{position:relative;z-index:0;}
.cmn-und-mai-tit {display:flex;justify-content:flex-start;text-align:left;}
.cmn-und-mai-tit-en {font-size:80px;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;line-height:1;}
.cmn-und-mai-tit-jp {font-size:18px;position:relative;padding-left:140px;line-height:80px;font-weight:bold;}
.cmn-und-mai-tit-jp::before {content:"";display:block;position:absolute;top:50%;left:30px;width:80px;height:1px;background:#333333;}
a.cmn-btn,.cmn-btn {display:block;width:100%;line-height:43px;border:1px solid #FF0033;border-radius:23px;color:#F03;text-align:center;font-weight:bold;cursor:pointer;}
@media (max-width:640px){
	.cmn-pc-blk{display:none !important;}
	.cmn-sp-blk{display:block !important;}
	.cmn-pc-lin{display:none !important;}
	.cmn-sp-lin{display:inline !important;}
	.cmn-und-mai-tit {display:block;}
	.cmn-und-mai-tit-en {font-size:10vw;display:block;}
	.cmn-und-mai-tit-jp {font-size:15px;padding-left:15px;line-height:1;margin-top:10px;display:block;}
	.cmn-und-mai-tit-jp::before {left:0;width:10px;height:1px;}
}

/** | Header | ***************************************************************************************** **/

#header{position:relative;z-index:2000;}
.hed-fix{position:fixed;top:0;left:0;width:100%;transition:transform 0.3s ease-in-out;display:flex;justify-content:right;align-items:center;padding:40px;box-sizing:border-box;}
.hed-log{position:absolute;top:40px;left:40px;text-align:left;}
.hed-log a{display:flex;align-items:center;}
.hed-log-img{position:relative;width:140px;font-size:0;line-height:0;}
.hed-log-img img{width:100%;height:auto;transition:opacity 0.3s ease-in-out;}
.hed-log-img img + img{position:absolute;top:0;left:0;opacity:0;}
body.pd-open .hed-abs .hed-log-img img{opacity:0;}
body.pd-open .hed-abs .hed-log-img img + img{opacity:1;}
.hed-abs.hed-abs-b .hed-log-img img{opacity:0;}
.hed-abs.hed-abs-b .hed-log-img img + img{opacity:1;}
.hed-log-txt{padding:0 0 0 50px;font-weight:bold;line-height:1.3;transition:color 0.3s ease-in-out;}
body.pd-open .hed-log-txt{color:#333;}
.hed-abs.hed-abs-b .hed-log-txt{color:#333;}
.hed-log-txt-en{font-size:24px;display:block;white-space:nowrap;font-family:'Poppins', sans-serif;font-weight:700;letter-spacing:0.05em;}
.hed-log-txt-jp{font-size:15px;display:block;white-space:nowrap;}
.hed-sns{padding:0 40px 0 0;}
.hed-sns-lst{display:flex;line-height:1;}
.hed-sns-lst li{position:relative;}
.hed-sns-lst li + li{margin:0 0 0 20px;}
.hed-sns-lst img{width:20px;height:auto;}
.hed-sns-lst img + img{position:absolute;top:0;left:0;opacity:0;}
body.pd-open .hed-abs .hed-sns-lst img{opacity:0;}
body.pd-open .hed-abs .hed-sns-lst img + img{opacity:1;}
.hed-abs.hed-abs-b .hed-sns-lst img{opacity:0;}
.hed-abs.hed-abs-b .hed-sns-lst img + img{opacity:1;}
.hed-ent{padding:0 20px 0 0;}
.hed-ent-btn{background:#FF0033;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;width:140px;height:56px;font-size:16px;border-radius:50px;font-family:'Poppins', sans-serif;font-weight:700;}
.hed-men{background:#000;width:56px;height:56px;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:0.3s ease-in-out;cursor:pointer;}
.hed-men:hover{opacity:0.7;}
.hed-men-ico{width:20px;height:18px;position:relative;}
.hed-men-ico::before{content:" ";display:block;height:2px;width:100%;position:absolute;top:0;left:0;;background:#fff;transition:all .4s cubic-bezier(0.2,1,0.2,1);transition-timing-function:cubic-bezier(0.2,1,0.2,1);}
.hed-men-ico::after{content:" ";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:#fff;transition:all .4s cubic-bezier(0.2,1,0.2,1);transition-timing-function:cubic-bezier(0.2,1,0.2,1);}
.hed-men-ico-lin{content:" ";display:block;height:2px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;transition:all .4s cubic-bezier(0.2,1,0.2,1);transition-timing-function:cubic-bezier(0.2,1,0.2,1);}
body.pd-open .hed-men-ico::before{transform:rotate(45deg);top:8px;}
body.pd-open .hed-men-ico::after{transform:rotate(-45deg);bottom:8px;}
body.pd-open .hed-men-ico-lin{width:0;}
.hed-abs{position:absolute;;top:0;left:0;width:100%;transition:transform 0.3s ease-in-out;display:flex;justify-content:right;align-items:center;padding:40px;box-sizing:border-box;}
.hed-abs .hed-log a{color:#fff;}
@media (min-width:641px) and (max-width:1000px){
	.hed-fix{padding:30px;}
	.hed-log{top:30px;left:30px;}
	.hed-log-txt{padding:0 0 0 40px;}
	.hed-sns{display:none;}
}
@media (max-width:640px){
	#header{height:80px;}
	.hed-fix{height:80px;background:#fff;padding:20px 10px 20px 15px;}
	.hed-log{top:20px;left:15px;}
	.hed-log-img{width:auto;}
	.hed-log-img img{height:40px;width:auto;}
	.hed-log-img img + img{height:40px;width:auto;}
	.hed-log-txt{padding:0 0 0 15px;}
	.hed-log-txt-en{font-size:14px;}
	.hed-log-txt-jp{font-size:11px;}
	.hed-sns{display:none;}
	.hed-men{width:40px;height:40px;}
	.hed-men-ico{width:18px;height:16px;}
	body.pd-open .hed-men-ico::before{top:7px;}
	body.pd-open .hed-men-ico::after{bottom:7px;}
	.hed-abs{height:80px;padding:20px 10px 20px 15px;}
}

/** | Pulldown | ***************************************************************************************** **/

#pulddown{animation-fill-mode:both;transition:all 0.8s cubic-bezier(0.2,1,0.2,1);transition-timing-function:cubic-bezier(0.2,1,0.2,1);opacity:0;z-index:-1000;position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:rgba(255,255,255,1);overflow:auto;display:flex;justify-content:center;align-items:center;}
#pulddown a{pointer-events:none;}
#pulddown .cmn-frm{animation-fill-mode:both;transition:all 0.8s cubic-bezier(0.2,1,0.2,1);transition-timing-function:cubic-bezier(0.2,1,0.2,1);transform:scale(1.05);display:flex;}
.pd-men{width:33.33%;padding:120px 2.5%;text-align:left;}
.pd-tab{padding:30px 0 0;border-top:1px #ddd solid;}
.pd-tab + .pd-tab{margin:30px 0 0;}
.pd-men-tit{font-size:20px;font-weight:bold;position: relative;padding:0;}
.pd-men-tit a{display:block;}
.pd-men-tit a[href="/recruit/newgraduate/about/"]::before{content:"About";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;line-height:1;}
.pd-men-tit a[href="/recruit/newgraduate/message/"]::before{content:"Message";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;line-height:1;}
.pd-men-tit a[href="/recruit/newgraduate/works/"]::before{content:"Works";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;line-height:1;}
.pd-men-tit a[href="/recruit/newgraduate/interview/"]::before{content:"Interview";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;line-height:1;}
.pd-men-tit a[href="/recruit/newgraduate/crosstalk/"]::before{content:"Crosstalk";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;line-height:1;}
.pd-men-lst li + li{margin:10px 0 0;}
.pd-men-lst a{display:inline-block;padding:0 0 0 15px;position:relative;}
.pd-men-lst a::before{content:" ";display:block;width:5px;height:1px;position:absolute;top:50%;left:0;background:#000;}
.pd-oth{width:33.33%;padding:120px 2.5%;text-align:left;}
.pd-oth-lst{border-top:1px #ddd solid;padding:30px 0;}
.pd-oth-lst li + li{margin:10px 0 0;}
.pd-oth-ent{padding:10px 0;}
.pd-oth-ent-btn{padding:15px 0;background:#FF0033;color:#fff;font-size:16px;color:#fff;font-weight:bold;display:block;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.pd-oth-bnr li{padding:10px 0;}
.pd-oth-bnr a{display:block;background:#fff;width:100%;height:100%;box-shadow:0px 0px 0px 1px #eaeaea;border-radius:5px;text-align:center;}
.pd-oth-bnr img{height:auto;max-height:60px;width:auto;}
.pd-oth-sns{padding:20px 0;display:none;}
.pd-oth-sns-lst{display:flex;justify-content:center;}
.pd-oth-sns-lst li{margin:0 10px;}
.pd-oth-sns-lst img{width:20px;height:auto;}
body.pd-open #pulddown{z-index:1000;opacity:1;}
body.pd-open #pulddown a{pointer-events:auto;}
body.pd-open #pulddown .cmn-frm{transform:scale(1);}
@media (min-width:641px) and (max-width:1000px){
	.pd-oth-sns{display:block;}
}
@media (max-width:640px){
	#pulddown .cmn-frm{display:block;padding:130px 50px 50px;}
	.pd-men{width:auto;padding:0;}
	.pd-men:nth-child(2){padding:0 0 10px;}
	.pd-tab{margin:0;padding:0;border-top:none;}
	.pd-tab + .pd-tab{margin:0;}
	body #pulddown .pd-tab.pd-tab-tgl .pd-men-tit a,
	body.pd-open #pulddown .pd-tab.pd-tab-tgl .pd-men-tit a{pointer-events:none;}
	.pd-tab.pd-tab-tgl .pd-men-tit a::after{content:"+";margin:0 0 0 5px;width:18px;height:18px;line-height:18px;display:inline-block;background:#FF0033;color:#fff;border-radius:50px;font-size:10px;text-align:center;vertical-align:text-top;font-size:12px;}
	.pd-tab.pd-tab-tgl .pd-men-tit.tgl-open a::after{content:"-";}
	.pd-men-wrap{position:relative;overflow:hidden;transition:height 0.3s ease-in-out;height:0;}
	.pd-men-lst{position:absolute;top:0;left:0;width:100%;}
	.pd-men-lst li{margin:2.5px 0;}
	.pd-men-lst li + li{margin:10px 0;}
	.pd-men-lst li:last-child{padding-bottom:10px;}
	.pd-men-tit{padding:10px 0;}
	.pd-men-tit a[href="/recruit/newgraduate/about/"]::before,
	.pd-men-tit a[href="/recruit/newgraduate/works/"]::before,
	.pd-men-tit a[href="/recruit/newgraduate/crosstalk/"]::before{pointer-events:none;}
	.pd-oth{width:auto;padding:0;}
	.pd-oth-lst{padding:20px 0 15px;}
	.pd-oth-lst li{margin:2.5px 0;}
	.pd-oth-lst li + li{margin:2.5px 0;}
	.pd-oth-ent{padding:5px 0;}
	.pd-oth-sns{padding-bottom:0;display:block;}
}

/** | Footer | ***************************************************************************************** **/

#footer{background:#F8F8F8;}
#footer .cmn-frm{display:grid;}
.fot-oth{grid-row:1 / 2;grid-column:1 / 3;display:flex;padding:120px 0 60px;}
.fot-oth-ent{width:43%;}
.fot-oth-ent-btn{background:#FF0033;color:#fff;font-size:24px;color:#fff;font-weight:bold;width:100%;height:100%;display:block;border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:'Poppins', sans-serif;font-weight:700;}
.fot-oth-bnr{width:57%;display:flex;}
.fot-oth-bnr li{width:50%;padding:0 0 0 5%;}
.fot-oth-bnr a{display:block;background:#fff;width:100%;height:100%;box-shadow:0px 0px 0px 1px #eaeaea;border-radius:5px;}
.fot-oth-bnr img{height:auto;max-height:110px;width:auto;}
.fot-log{grid-row:2 / 3;grid-column:1 / 2;padding:0 0 40px;text-align:left;}
.fot-log a{display:flex;align-items:center;}
.fot-log-img{width:140px;font-size:0;line-height:0;}
.fot-log-img img{width:100%;height:auto;}
.fot-log-txt{padding:0 0 0 50px;font-weight:bold;line-height:1.3;}
.fot-log-txt-en{font-size:24px;display:block;font-family:'Poppins', sans-serif;font-weight:700;letter-spacing:0.05em;}
.fot-log-txt-jp{font-size:15px;display:block;}
.fot-wrap{display:flex;grid-row:3 / 4;grid-column:1 / 3;border-top:1px #ccc solid;padding:40px 0 120px;text-align:left;flex-wrap:wrap;}
.fot-men{width:calc(25% - 25px);box-sizing:border-box;padding:0 10px 0 0;}
.fot-men:last-child{width:100px;padding:0;}
.fot-tab + .fot-tab {margin:40px 0 0;}
.fot-men-tit{font-size:20px;font-weight:bold;position:relative;padding: 10px 0 0;}
.fot-men-tit a[href="/recruit/newgraduate/"]::before{content:"Home";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;position:absolute;top:0;left:0;line-height:1;}
.fot-men-tit a[href="/recruit/newgraduate/about/"]::before{content:"About";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;position:absolute;top:0;left:0;line-height:1;}
.fot-men-tit a[href="/recruit/newgraduate/message/"]::before{content:"Message";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;position:absolute;top:0;left:0;line-height:1;}
.fot-men-tit a[href="/recruit/newgraduate/works/"]::before{content:"Works";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;position:absolute;top:0;left:0;line-height:1;}
.fot-men-tit a[href="/recruit/newgraduate/interview/"]::before{content:"Interview";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;position:absolute;top:0;left:0;line-height:1;}
.fot-men-tit a[href="/recruit/newgraduate/crosstalk/"]::before{content:"Crosstalk";display:block;font-family:'Poppins', sans-serif;font-weight:700;color:#F03;font-size:12px;position:absolute;top:0;left:0;line-height:1;}
.fot-men-lst li + li{margin:10px 0 0;}
.fot-men-lst a{display:inline-block;padding:0 0 0 15px;position:relative;}
.fot-men-lst a::before{content:" ";display:block;width:5px;height:1px;position:absolute;top:50%;left:0;background:#000;}
.fot-men-oth-lst li + li{margin:10px 0 0;}
.fot-sns{grid-row:2 / 3;grid-column:2 / 3;display:flex;justify-content:right;align-items:center;padding:0 0 40px;}
.fot-sns-tit{font-size:16px;padding:0 40px 0 0;}
.fot-sns-lst{display:flex;}
.fot-sns-lst li + li{margin:0 0 0 20px;}
.fot-sns-lst img{width:20px;height:auto;}
.fot-cop{background:#000000;color:#fff;padding:20px;display:flex;justify-content:space-between;}
.fot-cop a{color:#fff;}
.fot-cop a:hover{color:#fff;}
.fot-cop-lst{display:flex;}
.fot-cop-lst li + li{margin:0 0 0 30px;}
.fot-cop-cpy{font-size:13px;}
@media (min-width:641px) and (max-width:1000px){
	.fot-oth{grid-column:1 / 5;padding:60px 0 30px;}
	.fot-oth-ent-btn{font-size:20px;}
	.fot-oth-bnr img{max-height:80px;}
	.fot-log{grid-column:1 / 4;}
	.fot-log-txt{padding:0 0 0 40px;}
	.fot-wrap{grid-column:1 / 5;padding:0;}
	.fot-men{width:100%;padding:0;}
	.fot-men:first-child{padding:15px 0 0;}
	.fot-men:last-child{width:100%}
	.fot-tab {display:flex;}
	.fot-tab + .fot-tab{margin:0;}
	.fot-men-tit{margin:15px 0 0;width:100%;}
	.fot-tab.fot-tab-tgl .fot-men-tit{width:33.33%;}
	.fot-men-wrap{width:66.66%;}
	.fot-men-lst{display:flex;flex-wrap:wrap;}
	.fot-men-lst li{width:50%;}
	.fot-men-lst li:nth-child(1){margin:15px 0 0;}
	.fot-men-lst li:nth-child(2){margin:15px 0 0;}
	.fot-men-lst li:nth-child(3){margin:15px 0 0;}
	.fot-men-lst li + li{margin:5px 0 0;}
	.fot-men-oth-lst{display:flex;flex-wrap:wrap;margin:30px 0 0;padding:20px 0 60px;border-top:1px #ddd solid;}
	.fot-men-oth-lst li{width:33.33%;margin:5px 0 0;}
	.fot-men-oth-lst li + li{margin:5px 0 0;}
	.fot-sns{grid-column:4 / 5;}
	.fot-sns-tit{display:none;}
	.fot-cop-lst{justify-content:space-around;width:100%;}
	.fot-cop{padding:15px;flex-wrap:wrap;font-size:12px;}
	.fot-cop-lst li + li{margin:0;}
	.fot-cop-cpy{padding:15px 0 0;width:100%;font-size:10px;}
}
@media (max-width:640px){
	#footer .cmn-frm{display:block;padding:0 50px;}
	.fot-oth{padding:50px 0 40px;display:block;}
	.fot-oth-ent{width:auto;}
	.fot-oth-ent-btn{font-size:18px;padding:20px 0;}
	.fot-oth-bnr{display:block;width:auto;padding:15px 0 0;}
	.fot-oth-bnr li{width:auto;padding:0;}
	.fot-oth-bnr li + li{margin:15px 0 0;}
	.fot-oth-bnr img{max-height:70px;}
	.fot-wrap{display:block;padding:0 0 40px;border-top:none;}
	.fot-men{width:auto;padding:0;}
	.fot-men:last-child{width:auto;}
	.fot-tab + .fot-tab{margin:0;}
	.fot-men-tit{padding:10px 0;position:relative;}
	.fot-tab.fot-tab-tgl .fot-men-tit a{pointer-events:none;}
	.fot-tab.fot-tab-tgl .fot-men-tit a::after{content:"+";margin:0 0 0 5px;width:18px;height:18px;line-height:18px;display:inline-block;background:#FF0033;color:#fff;border-radius:50px;font-size:10px;text-align:center;vertical-align:text-top;font-size:12px;}
	.fot-tab.fot-tab-tgl .fot-men-tit.tgl-open a::after{content:"-";}
	.fot-men-tit a[href="/recruit/newgraduate/about/"]::before,
	.fot-men-tit a[href="/recruit/newgraduate/works/"]::before,
	.fot-men-tit a[href="/recruit/newgraduate/crosstalk/"]::before{pointer-events:none;}
	.fot-men-wrap{position:relative;overflow:hidden;transition:height 0.3s ease-in-out;height:0;}
	.fot-men-lst{position:absolute;top:0;left:0;width:100%;}
	.fot-men-lst li{margin:10px 0;}
	.fot-men-lst li + li{margin:10px 0;}
	.fot-men-oth-lst{margin:20px 0 0;padding:25px 0 0;border-top:1px #ddd solid;}
	.fot-men-oth-lst li + li{margin:5px 0 0;}
	.fot-sns{justify-content:center;}
	.fot-sns-tit{display:none;}
	.fot-sns-lst li + li{margin:0 0 0 30px;}
	.fot-cop-lst{justify-content:space-around;width:100%;}
	.fot-cop{padding:15px;flex-wrap:wrap;font-size:12px;}
	.fot-cop-lst li + li{margin:0;}
	.fot-cop-cpy{padding:15px 0 0;width:100%;font-size:10px;}
}

/** | Modal | ***************************************************************************************** **/

	.cmn-mdl{animation-fill-mode:both;transition:all 0.8s cubic-bezier(0.2,1,0.2,1);transition-timing-function:cubic-bezier(0.2,1,0.2,1);opacity:0;z-index:-1000;position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:auto;}
	.cmn-mdl-cls{position:fixed;top:30px;right:30px;}
	.cmn-mdl.view{z-index:3000;opacity:1;}

/** |　mer-lst | ***************************************************************************************** **/
.cmn-mer {margin-bottom:120px;}
.cmn-mer-lst{display:flex;justify-content:space-between;}
.cmn-mer-lst li{width:25%;box-sizing:border-box;}
.cmn-mer-lst li + li{border-left:1px #ddd solid;}
.cmn-mer-lst img{margin:30px auto;display:block;max-width:80px;width:100%;height:auto;}
.cmn-mer-lst-tit b{font-size:24px;display:block;font-weight:bold;}
.cmn-mer-lst-tit small{font-size:14px;display:block;font-weight:bold;color:#F03;font-family:'Poppins', sans-serif;font-weight:700;}

@media (max-width:640px){
  .cmn-mer-lst{flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;}
  .cmn-mer-lst li{width:50%;position:relative;}
  .cmn-mer-lst li + li{border-left:none;}
  .cmn-mer-lst li:nth-child(1){border-right:1px #ddd solid;border-bottom:none;}
  .cmn-mer-lst li:nth-child(2){border-bottom:none;}
  .cmn-mer-lst li:nth-child(3){border-right:1px #ddd solid;}
  .cmn-mer-lst li:nth-child(1)::before,
  .cmn-mer-lst li:nth-child(2)::before {content:"";display:block;position:absolute;bottom:0;width:calc(100% - 20px);height:1px;background:#ddd;}
  .cmn-mer-lst li:nth-child(1)::before {left:20px;}
  .cmn-mer-lst li:nth-child(2)::before {right:20px;}
  .cmn-mer-lst img{margin:30px auto 15px;}
  .cmn-mer-lst-tit{margin:0 0 20px;}
  .cmn-mer-lst-tit b{font-size:15px}
  .cmn-mer-lst-tit small{font-size:12px;}
}
