@charset "UTF-8";
.tplist li{margin-bottom:5vw;}
.tplist img{width:100%;}
.tplist a{position:relative;}
.tplist p{position: absolute;z-index: 1;text-align: center;margin: auto;width: 100%;top: 50%;left: 0;right: 0;transform: translate(0, -50%);color:#fff;font-family:var(--mincho);font-size:6vw;font-weight: bold;}
.tplist span{display:block;font-family: proxima-nova;font-weight: 400;font-size:70%;}
.tplist p:after{content: '\f107';font-family: 'icon';}

.flow{margin-bottom:15vw;}
.flow ul{position:relative;}
.flow ul:before{content:"";width:6%;height:90%;bottom:0;left:47%;background:#e7e0ed;position:absolute;z-index:-1;}
.flow li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;border: 1px solid #ccc;padding: 5%;margin-bottom: 5vw;background:#fff;}
.flow li img{width: 19%;}
.flow li .textbox{width: 75%;}
.flow li p{font-size:90%;}
.flow li .tit{font-size:120%;margin-bottom:1vw;font-weight: bold;}

.metit{margin-bottom:12vw;}
.metit ul{text-align:left;}
.metit li{display:inline-table;background:#e7e0ed;padding: 2% 3% 2% 6vw;margin-bottom: 1.5vw;position:relative;line-height: 1.3;}
.metit li:before{content: '\f058';font-family: 'icon';color:var(--purple01);position:absolute;left: 2vw;}
.metit img{width:100%;}

.voiceitem{margin-bottom:15vw}
.voiceitem li{background:#f3f3f3;padding:7%;margin-bottom:3vw;}
.voiceitem li .tit{font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:3vw;font-size: 120%;}
.voiceitem li .tit span{background:var(--purple01);color:#fff;padding: 1% 5%;margin-bottom: 1%;display: inline-block;border-radius: 5px;font-size: 3.4vw;}

.support{margin-bottom:10vw;}
.support img{width:100%;margin-bottom:5vw;}
.support li{padding: 4% 3% 4% 6vw;position:relative;line-height: 1.3;border-bottom:1px dashed #ccc;font-weight: bold;}
.support li:before{content: '\f058';font-family: 'icon';color:var(--purple01);position:absolute;left: 2vw;}
.support .set{background:#e7e0ed;margin-bottom:5%;padding:8%;}
.support .set span{font-family: proxima-nova;font-weight: 400;color:var(--purple02);}
.support .set .tit{font-weight:bold;font-size:4.5vw;border-bottom:1px solid #ccc;padding-bottom:5%;color:var(--purple01);}

.menulist{margin-bottom:15vw;}
.menulist li{ background:#fff;box-shadow: 5px 2px 12px 5px rgb(185 185 185 / 36%);margin-bottom:5vw;padding-bottom:8vw;}
.menulist li img{width:100%;border-bottom:4px solid #e2bee6;margin-bottom:5%;}
.menulist .textbox{width:90%;margin:0 auto;}
.menulist .tit{font-weight:bold;color:var(--purple02);text-align:center;font-size:120%;position:relative;margin-bottom:6vw;}
.menulist .tit:after{content:"";width:8%;height:1px;background:var(--purple01);position:absolute;bottom:-3vw;left:46%;}

.cvarea{background:url(../images/simulation/bg.jpg);background-size:cover;color:#fff;padding:15% 0;}
.cvarea p{width: 86%;margin: 0 auto 5vw;}
.cvarea .more01{background: var(--purple01) url(../images/arrow01.png) no-repeat center right 5vw;background-size: 2vw;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.tplist{isplay: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.tplist li{width:48%;}
.tplist p{font-size:30px;}

.flow{margin-bottom:60px;}
.flow ul:before{width:2%;left:49%;}
.flow li{-webkit-justify-content: left;justify-content: left;padding: 20px 30px;margin-bottom: 26px;}
.flow li img{width: 8%;max-width: 70px;}
.flow li .textbox{margin-left: 22px;width: 82%;}
.flow li .tit{margin-bottom: 6px;line-height: 1;}
.flow li p:nth-last-child(1){margin-bottom:0;}

.metit{margin-bottom: 60px;}
.metit li{padding:10px 10px 10px 30px;margin-bottom:10px;}
.metit li:nth-child(1){width:100%;}
.metit li:before{left:10px;}
.metit .textbox{width: 56%;display: inline-block;vertical-align: middle;}
.metit >img{width: 34%;max-width: 300px;display:inline-block;margin-left: 4%;vertical-align: middle;}

.support li{padding:15px 20px 15px 25px}
.support li:before{left:5px;}
.support .set{padding:40px;margin-bottom: 20px;}
.support .set .tit{font-size:24px;padding-bottom: 10px;}

.voiceitem{margin-bottom:120px;}
.voiceitem li{padding:30px;margin-bottom: 10px;}
.voiceitem li .tit{font-size:18px;padding-bottom: 12px;margin-bottom: 10px;}
.voiceitem li .tit span{font-size: 12px;padding: 2px 8px;margin: 0 10px 0 0;position: relative;top: -2px;}

.menulist{margin: 0 0 90px 0;position: relative;}
.menulist ul{ display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.menulist li{width:49%;margin-bottom:30px;padding-bottom: 50px;}
.menulist .tit{margin-bottom: 40px;}
.menulist .tit:after{bottom: -20px;}
.menulist .textbox a{width:80%;}
    
.cvarea{padding: 110px 0;}
.cvarea p{margin-bottom:40px;text-align:center;}
.cvarea .more01{background: var(--purple01) url(../images/arrow01@2x.png) no-repeat center right 20px;background-size: 8px;}
}

@media screen and (min-width: 1000px) { 
.support{margin-bottom: 120px;}
.support img{position:absolute;width: 680px;left: calc(50% - 820px);margin-bottom: 0;}
.support .textbox{width: 56%;margin: 0 0 80px auto;}
.menulist li{width:32%;}
.menulist .textbox{width:86%;}
.metit .textbox{width:65%;}

}