.nav {
	display: block;
  font-size: 1.5rem;
  font-weight: 700;
	margin-left: auto;
	padding: 0;
}
ul.nav_list li.nav_item02,
ul.nav_list li.nav_item02 a{
  display: none;
}
ul.nav_list li.nav_item a{
		display: block;
  position: relative;
  color: #242323;
}

ul.nav_list li.nav_item a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #C3105B;
bottom: -10px; /*�A���_�[���C��������n�߂�ʒu�ia�^�O�̉��ӂ���̍����j*/
opacity: 0;
visibility: hidden;
transition: 0.3s;
}

ul.nav_list li.nav_item a:hover::after {
visibility: visible;
bottom: -6px;
opacity: 1;
}




.video_wrapper {
    width: 100%;
}

.video_wrapper > video {
    width: 100%;
}

.price {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em 0.1em;
  border: solid 3px #C3105B;
  border-radius: 8px;
  background: #C3105B;
}
.price .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 5px 16px;
  line-height: 1;
  font-size: 24px;
  background: #FFF;
  font-weight: bold;
		border-radius: 40px
}
.price p {
  margin: -20px 0 0 0; 
  padding: 0;
  font-size: 40px;
		text-align: center;
  font-weight: 700;
		color: #FFF;
}
.price p span{
  padding: 0 0 0 50px;
  font-size: 80px;
		text-align: center;
  font-weight: 700;
}

.banner-area {
		display: flex;
}

.item-banner {
		width: 100%;
  margin: 5px;
}

#service,
#solution,
#platform,
.problems{
  position: relative;
  padding: 100px 0 20px;
		display: block;
		float: left;
		clear: both;
		width: 100%;
}

#technology{
  position: relative;
  padding: 50px 0 100px;
		display: block;
		float: left;
		clear: both;
		width: 100%;
		margin-top: 50px;
}
#technology,
.elected,
#price{
  position: relative;
  padding-top: 50px;
		display: block;
		float: left;
		clear: both;
		width: 100%;
		margin-top: 50px;
}


.service_inner {
  max-width: 1128px;
  margin: 0 auto;
  padding: 0;
}

#service h2,
#solution h2,
#technology h2,
#platform h2,
.elected h2,
.problems h2,
#price h2{
  font-weight: 700;
  font-size: 4.2rem;
  text-align: center;
}

.display--sp,
#display--sp { display: none; }
.michao-title { color: #C3105B; }

ul.service_menu {
	margin: 0;
	padding: 0;
	display: flex;
}
ul.service_menu li{
	margin: 0;
	padding: 0;
 position: relative;
}
ul.service_menu li p{
	position: absolute;
	top: 45%;
	left: 45%;
 transform: translate(-45%, -45%);
 -webkit-transform: translate(-45%, -45%);
 -ms-transform: translate(-45%, -45%);
	font-size: 2.4rem;
 font-weight: 900;
	color: #333;
	z-index: 100;
	text-align:center;
	line-height: 2.4rem;
}
ul.service_menu li p::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -5px;
  top: -5px;
  right: -5px;
  background-color: #FFF;
  z-index: -1;
		border-radius: 5px;
		opacity: 0.7;
}
ul.service_menu li{
 overflow:hidden;
}
ul.service_menu li img{
 transition:1s all;
}
ul.service_menu li img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}
ul.service_menu li a{
		opacity: 1.0;
}
p.sub_title {
  margin-top: 16px;
  font-size: 2rem;
		text-align: center;
 	font-weight: 700;
}
.service_box {
  font-size: 1.8rem;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
  margin: 56px auto 0;
  padding: 0 16px;
}
.service_box .left-box {
		width : 48%;
}
.service_box .right-box {
		width : 48%;
		margin: 0 0 0 4%;
}
.service_box-block {
  font-size: 1.8rem;
		display: block;
		float:left;
		clear: both;
  margin: 56px auto 0;
  padding: 0 16px;
		width : 100%;
}
.service_box-block .w-all-imgbox {
		width : 100%;
}
.service_box-block .w-all-txtbox {
		width : 100%;
		text-align: center;
		margin: 20px 0 0 0;
}

/* �{�^���@*/
.original-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 24px;
  border-radius: 40px;
  width: 640px;
  height: 80px;
  font-weight: bold;
  border-bottom: 5px solid #924432;
  transition: 0.3s;
  background-color: #C3105B;
		margin: 0 auto;
}

.original-button:hover {
  border-bottom-width: 0;
  transform: translateY(5px);
}

.original-button span{
		font-size: 70%;
		padding: 0 20px;
}

.btn_center {
		text-align: center;
		margin: 50px 0 0 0;
		float: left;
		clear: both;
		width: 100%;
}
.right-box02 {
  width: 40%;
  margin: 0 0 0 2%;
}
.left-box02 {
  width: 58%;
  margin: 0;
}

.left-box02 h3 {
  font-size: 20px;
  line-height: 20px;
  margin-top: -7px;
  margin-bottom: -4px;
}
.left-box02 h3 > span {
  color: #CC0000;
  font-weight: 900;
}
.left-box02 p {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 40px;
}

/*----------*/
/* problems */
/*----------*/
.problems .contentsBox{width:100%;margin:40px auto 0;padding:0;position:relative;display:flex}
.problems .leftBox{width:60%}
.problems .leftBox h3{font-size:24px}
.problems .leftBox h3 > span{color:#CC0000;font-weight:900;text-decoration:underline}
.problems .rightBox{width:40%;background:#F7F7F7;margin-top:0px}

/*----------*/
/*  price   */
/*----------*/
#price .price-Box-main{width:40%;margin:20px auto;display:flex;font-weight:600;background:#FFF;border-radius:20px;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center}
#price .price-Box-main p{text-align:center;font-size:24px}
#price .price-Box-main h3{text-align:center;font-size:84px;padding:0 0 0 20px;margin:0;color:#C3105B}
#price .price-Box-main h3 > span{text-align:center;font-size:42px}
#price h4{text-align:center;width:100%;margin:40px auto 20px;font-size:24px;display:inline-block;position:relative}
#price h4:before{content: '';position:absolute;left:50%;bottom:-10px;display:inline-block;width:100px;height:4px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);background:#C3105B}
#price .price-Box{width:90%;margin:20px auto;display:flex;flex-direction:row;flex-wrap:wrap;}
#price .price-Box .price-Box-item{width:23%;background:#FFF;margin:0 1% 40px}
#price .price-Box .price-Box-item > p{width:30%;margin:0;background:#C3105B;color:#FFF;font-size:12px;padding: 0 0 0 5px;}
#price .price-Box .price-Box-item .price-Box-item-title{font-size:20px;font-weight:600;margin-top:20px;text-align:center;}
#price .price-Box .price-Box-item .price-Box-item-icon{font-size:60px;font-weight:600;color:#C3105B;text-align:center;}
#price .price-Box .price-Box-item .price-Box-item-text{font-size:14px;line-height:24px;font-weight:400;text-align:left;padding:0 20px 20px}
.bg { background: #F7F7F7; }

h1.mainTitle {
  max-width: 100;
  margin: 0 auto;
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
}

.about-Area h2.price-title{
		position: relative;
  font-weight: 600;
  font-size: 1.8rem;
  word-break: break-all;
		margin: 50px 0 0 0;
}

.about-Area-box{width:99%;margin:0 0 0 1%;display:flex}
.about-Area-box__item-left{width:60%;margin:0}
.about-Area-box__item-right{width:40%;margin:0;position:relative}
.about-Area-box__item-right img{position:absolute;bottom:0}
.about-Area-box__item{width:100%;border-radius:10px;margin:50px 0 5px;background-color:#FFF;box-shadow:1px 1px 6px 0px #ccc;-moz-box-shadow:1px 1px 6px 0px #ccc;-webkit-box-shadow:1px 1px 6px 0px #ccc;-o-box-shadow:1px 1px 6px 0px #ccc;padding:30px 5%;position:relative;z-index:0}
.about-Area-box__item h3{font-size:20px;border-bottom:2px solid #C3105B;padding:0 0 0 5px}
.about-Area-box__item ul{font-size:16px;margin:0;padding:0 0 0 5px;}
.about-Area h2.elected-title{text-align:center;font-size:40px;padding:0 0 20px 0;margin:0}
.about-Area p.txt-center{text-align:center;font-size:16px;padding:0;margin:0;font-weight:600}
.about-Area-box__item-left table,
.platform .about-Area-box__item-left table{width:98%;font-size:16px;line-height:26px;margin:40px 2% 0 0;padding:0;border-collapse:collapse}
.about-Area-box__item-left table th,
.platform .about-Area-box__item-left table th{width:30%;padding:0;border:solid 1px #333;background:#2E9DD9;color:#FFF}
.about-Area-box__item-left table td,
.platform .about-Area-box__item-left table td{width:70%;padding:10px;border:solid 1px #333;background:#FFF}
.about-Area-box__item-right-on{display:none}

.platform{margin:100px 0 0;padding:40px 0;float:left;clear:both;width:100%;}
.platform02{margin:50px 0 0;padding:40px 0;float:left;clear:both;width:100%;}
.platform h2.platform-title,
.platform02 h3.platform-title {
  max-width: 100%;
  margin: 0 auto;
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
}
.platform p.txt-center,
.platform02 p.txt-center{
		text-align:center;
  position: relative;
  font-weight: 600;
  font-size: 1.8rem;
  word-break: break-all;
  margin: 50px 0 0 0;
}

.platform-box{width:100%;margin:60px 0%;display:flex}
.platform-box .boxsizing{width:18%;margin:0 1%}
.platform-box .boxsizing img{width:100%}
.platform-box .boxsizing h4{background:#C3105B;color:#fff;font-size:18px;line-height:18px;font-weight:700;border-radius:20px;padding:10px 0;text-align:center}
.platform-box .boxsizing p{width:100%;font-size:16px;line-height:26px}
.platform .img,
.platform02 .img{width:100%;margin:50px 0%}
.platform .img img,
.platform02 .img img{width:100%}

.platform-box03{width:100%;margin:60px 0%;display:flex;flex-wrap:wrap; }
.platform-box03 .boxsizing{width:23%;margin:0 1%;padding: 0 0 50px 0;}
.platform-box03 .boxsizing img{width:100%}
.platform-box03 .boxsizing h4{background:#C3105B;color:#fff;font-size:18px;line-height:18px;font-weight:700;border-radius:20px;padding:10px 0;text-align:center}
.platform-box03 .boxsizing p{width:100%;font-size:16px;line-height:26px}
a.txt-center { text-align: center; width: 100%; display:inline-block;border:1px solid #CCC;padding:5px 0; color: #333; font-weight: 600; }


/*----------*/
/*  price   */
/*----------*/
.price02{width:100%;margin:0 auto;padding:0;display:block;float:left;clear:both}
.price02 h2.price-title{
  position: relative;
  font-weight: 600;
  font-size: 1.8rem;
  word-break: break-all;
  margin: 50px 0 0 0;
		text-align: center;
}
.price02 .contentsBox{text-align:center;width:100%;margin:20px auto}
.price02 .contentsBox .price-Box-main{width:40%;margin:20px auto;display:flex;font-weight:600;background:#EEE;border-radius:20px;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center}
.price02 .contentsBox .price-Box-main p{text-align:center;font-size:24px}
.price02 .contentsBox .price-Box-main h3{text-align:center;font-size:84px;padding:0 0 0 20px;margin:0;color:#C3105B}
.price02 .contentsBox .price-Box-main h3 > span{text-align:center;font-size:42px}
.price02 .contentsBox h4{text-align:center;width:100%;margin:40px auto 20px;font-size:24px;display:inline-block;position:relative}
.price02 .contentsBox h4:before{content: '';position:absolute;left:50%;bottom:-10px;display:inline-block;width:100px;height:4px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);background:#C3105B}
.price02 .contentsBox .price-Box{width:100%;margin:20px 0;display:flex;flex-direction:row;flex-wrap:wrap;}
.price02 .contentsBox .price-Box .price-Box-item{width:23%;background:#EEE;margin:0 1% 40px}
.price02 .contentsBox .price-Box .price-Box-item > p{width:30%;margin:0;background:#C3105B;color:#FFF;}
.price02 .contentsBox .price-Box .price-Box-item .price-Box-item-title{font-size:20px;font-weight:600;margin-top:20px}
.price02 .contentsBox .price-Box .price-Box-item .price-Box-item-icon{font-size:60px;font-weight:600;color:#C3105B}
.price02 .contentsBox .price-Box .price-Box-item .price-Box-item-text{font-size:14px;line-height:24px;font-weight:400;text-align:left;padding:0 20px 20px}
.price02 a:hover{display:block;transition:1.0s;opacity:0.6;}

/* company */
.company{margin:0;padding:0 0 40px 0}
.company h2{text-align:center;font-size:40px;padding:0;margin:40px 0;font-family:'������ Medium', serif}
.company table{width:80%;font-size:16px;line-height:26px;margin:40px 10% 0;padding:0;border-collapse:collapse}
.company table th{width:30%;padding:0}
.company table td{width:70%;padding:10px}
.company table td,
.company table th{background:#FFF}
.company table tr:nth-child(odd) td,
.company table tr:nth-child(odd) th{background:#EEE}
.company p{margin:0 10%;padding:0 0 20px 0;font-size:16px;line-height:26px;font-weight:600;font-family:'������ Medium', serif}
.company p.sigh{text-align:right;font-size:22px;font-family:'������ Medium', serif}

/* privacy */
.privacy{margin:0;padding:40px 15%}
.privacy p{font-size:16px;padding:0 0 50px 0;margin:0;font-weight:600}
dl.privacy{margin:0;padding:20px 0 40px}
dl.privacy dt{font-size:16px;padding:0;margin:0;font-weight:600;border-bottom:1px solid #CCC}
dl.privacy dd{font-size:14px;line-height:22px;margin:20px 2% 0}
dl.privacy dd ol,dl.privacy dd ol li{font-size:14px;line-height:22px;margin:0;padding:0 0 5px;list-style-type:disc;list-style-position:inside}

/* terms */
.terms-common .terms-wrap-main{background:#f6f6f6;padding:10px 5px 1px;margin-bottom:10px}
.terms-common .terms-wrap-main > h2{text-align: center;color:#222;line-height:1.4rem;font-size:1.4rem;font-weight:600}
.terms-common .terms-wrap-main > dl.terms-wrap-main-txt{padding:30px 4% 50px;margin-top:10px;background:#fff}
dl.terms-wrap-main-txt > dt{font-size:16px;font-weight:bold;border-bottom:1px solid #CCC;padding:10px 0 5px 0}
dl.terms-wrap-main-txt dd{margin:10px 0 40px 0;padding:0 0 0 14px;font-size:14px;}
dl.terms-wrap-main-txt dd ul{margin:0;padding:0 0 0 14px;font-size:14px;}

/* contact */
.contact{margin:50px 10%;padding:5px;text-align:left;font-size:1.2rem;line-height:1.8rem;display:block}
.contact p{font-size:16px;padding:0 0 50px 0;margin:0;font-weight:600;text-align:center}
.item{width:100%;margin:0;float:left;clear:both}
.item h4{width:100%;margin:20px 0 20px 0;padding:0 0 5px 0;float:left;clear:both;text-align:left;border-bottom:solid 3px #D95886;position:relative}
.item h4::after{position:absolute;content:" ";display:block;border-bottom:solid 3px #7BA3C3;bottom:-3px;width:25%}
select, textarea, input[type="number"], input[type="text"]{width:100%;padding:10px 15px;font-size:14px;font-size:1.4rem;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
#submit, .btn02-02{text-align:center;margin:20px auto;padding:10px 40px;border-radius:5px;background:#CCC;font-weight:600}
.btn02-02-02{text-align:center;margin:20px auto;padding:10px 40px;border-radius:5px;background:#FFF}
.btn02{text-align:center;margin:20px auto;padding:10px 20px;}
.textarea-txt, .input-txt{display:block;float:left;clear:both;width:100%;padding:10px 15px;font-size:14px;font-size:1.4rem;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}

.btn2{margin: 0 auto;position:relative;text-decoration:none;display:block;text-align:center;max-width:650px;background:transparent;border-radius:25px;outline:none;transition:all 0.2s ease}
.btn2:hover{border-color:transparent}
.btn2 span{position:relative;z-index:12;display:block;background:#C3105B;color:#fff;font-size:20px;font-weight:700;max-width:650px;border-radius:25px;padding:10px 35px;transition:all 0.3s ease;text-align:center}



/*----------*/
/* partner */
/*----------*/
.partner{margin:40px 0 0;padding:40px 0;float:left;clear:both;width:100%;}
.partner h2 { font-weight: 700; font-size: 4.2rem; text-align: center; }
.partnerBox { width: 100%; float: left; clear: both;}
.partnerBox ul{ width:99%; display:flex; flex-wrap:wrap; justify-content:space-around; margin:0 1% 0 0; padding:0; row-gap:20px;}
.partnerBox ul li{ width:calc(99%/4 - 20px); height:auto; display:flex; flex-direction:column; border:1px solid #ccc; box-sizing:border-box;padding:10px 20px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .6);}
.partnerBox ul li.noimage{ border:none; box-sizing:border-box; padding:10px 20px; box-shadow: none; }




/* 992-1370 */
@media (min-width: 992px) and (max-width: 1370px) {




}/* 992-1370--end */ 


/* 991 */
@media (max-width: 991px){
#service, #solution, #platform, .problems {
  position: relative;
  padding-top: 50px;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

ul.service_menu li p {
  position: absolute;
  top: 30%;
  left: 35%;
  transform: translate(-30%, -35%);
  -webkit-transform: translate(-30%, -35%);
  -ms-transform: translate(-30%, -35%);
  font-size: 2.2rem;
  font-weight: 900;
  color: #333;
  z-index: 100;
  text-align: center;
  line-height: 2.4rem;
	 white-space: nowrap;
		width: 80%;
}

.about-Area-box{width:98%;margin:0 1%;display:block;}
.about-Area-box__item-left{width:100%;margin:0}
.about-Area-box__item-right{width:100%;margin:0;position: static;}
.about-Area-box__item-right img{margin: 20px 0 0 0;position: static;}

.platform p.txt-center, .platform02 p.txt-center { text-align: left; }

.platform-box{width:96%;margin:50px 2% 0;display:block; }
.platform-box .boxsizing{width:100%;margin:0;padding: 0 0 20px 0;}
.original-button {
    font-size: 14px;
}

.price .box-title {
    font-size: 20px;
}
.price p {
    font-size: 20px;
}

.price02 h2.price-title {
    font-size: 1.6rem;
    margin: 25px 0 0 0;
    text-align: left;
}
.price02 .contentsBox .price-Box-main {
    width: 100%;
}

.price02 .contentsBox .price-Box {
    display: block;
}
.price02 .contentsBox .price-Box .price-Box-item {
    width: 100%;
}
.company p {
    margin: 0 0%;
}

.company table {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 40px 0% 0;
}

.contact p {
    font-size: 16px;
				line-height: 26px;
    text-align: left;
}
.contact {
    margin: 25px 0%;
}

.platform02 {
    margin: 0px 0 0;
    padding: 0px 0;
}
.platform-box03 {
    width: 100%;
    margin: 60px 0%;
}

.platform-box03 .boxsizing {
    width: 98%;
    margin: 0 1%;
    padding: 0 0 30px 0;
}
.nav_item02 {
    text-align: center;
    padding: 0 14px;
  }
 .nav_item02 a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
  }
ul.nav_list li.nav_item02{
 display: block;
}
ul.nav_list li.nav_item02 a{
		display: block;
  position: relative;
  color: #242323;
}
ul.nav_list li.nav_item02 a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #C3105B;
bottom: -10px; /*�A���_�[���C��������n�߂�ʒu�ia�^�O�̉��ӂ���̍����j*/
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
ul.nav_list li.nav_item02 a:hover::after {
visibility: visible;
bottom: -6px;
opacity: 1;
}
.about-Area-box__item-left {
    width: 100%;
    margin: 0;
				float: left;
				clear: both;
}
.about-Area-box__item-right {
    width: 100%;
    margin: 0;
    position: relative;
				float: left;
				clear: both;
}

.btn2 span {
    font-size: 16px;
    max-width: 100%;
				padding: 10px 15px;
}

h1.mainTitle {
  max-width: 100;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
}

.platform .about-Area-box__item-left table{width:98%;font-size:16px;line-height:26px;margin:40px 1% 0;padding:0;border-collapse:collapse}
.about-Area-box__item-left table th,
.platform .about-Area-box__item-left table th{width:100%;padding:0;border-left:solid 1px #333;border-top:solid 1px #333;border-right:solid 1px #333; 
  background:#2E9DD9;color:#FFF;display: block;}
.about-Area-box__item-left table td,
.platform .about-Area-box__item-left table td{width:100%;padding:10px;border:solid 1px #333;background:#FFF;display: block;}


}/* 991--end */ 



/* 740 */
@media (max-width: 740px){
.display--sp { display: block; }
.display--no { display: none; }
.price p {
  margin: 20px 0 0 0; 
		width: 100%;
}
.price p span{
		margin: 0 0 0 0;
		line-height: 20px;
}

.banner-area {
  display: block;
}
.item-banner {
  width: 100%;
  margin: 5px 0 15px;
}
.item-banner img{
  width: 100%;
}

#service, 
#solution, 
#platform, 
.problems {
  padding-top: 50px;
}
#technology {
  padding: 50px 0 50px;
}

ul.service_menu {
  display: block;
}
ul.service_menu li{
		margin: 0 0 20px 0;
}
.service_box {
  display: block;
}
.service_box .left-box {
  width: 100%;
  display: block;
}
.service_box .right-box {
  width: 100%;
  display: block;
		margin: 20px 0 0 0;
}
.original-button {
  display: block;
  font-size: 18px;
		line-height: 40px;
  width: 100%;
  height: 40px;
  margin: -20px 0 0;
		text-align: center;
}
.service_inner {
  max-width: 96%;
  margin: 0 auto;
  padding: 0;
}

#service h2, #solution h2, #technology h2, #platform h2, .elected h2, .problems h2, #price h2 {
  font-size: 3.2rem;
		line-height: 5.2rem;
}
p.sub_title {
  font-size: 1.8rem;
  text-align: center;
}
.service_box-block {
  margin: 26px auto 0;
  padding: 0;
}
.service_box-block .w-all-txtbox {
  text-align: left;
}
.left-box02 {
  width: 100%;
}
.right-box02 {
  width: 100%;
}
.left-box02 h3 {
  font-size: 18px;
  line-height: 28px;
}
.problems .contentsBox {
		display: block;
}
.problems .leftBox {
  width: 100%;
}
.problems .leftBox h3 {
  font-size: 18px;
}
.problems .rightBox {
  width: 100%;
}
#price .price-Box-main {
  width: 100%;
  margin: 20px auto;
  display: block;
		padding: 5px 0;
}
#price .price-Box-main h3 {
  text-align: center;
  font-size: 84px;
		line-height: 84px;
}
#price .price-Box {
  width: 100%;
  display: block;
}
#price .price-Box .price-Box-item {
  width: 100%;
  background: #FFF;
  margin: 0 0 40px;
}
footer {
  margin-top: 20px;
}
.about-Area-box{width:98%;margin:0 1%;display:block;}
.about-Area-box__item-left{width:100%;margin:0}
.about-Area-box__item-right{width:100%;margin:0;position: static;}
.about-Area-box__item-right img{margin: 20px 0 0 0;position: static;}

.platform p.txt-center, .platform02 p.txt-center { text-align: left; }

.platform-box{width:96%;margin:50px 2% 0;display:block; }
.platform-box .boxsizing{width:100%;margin:0;padding: 0 0 20px 0;}
.original-button {
    font-size: 14px;
}

.price .box-title {
    font-size: 20px;
}
.price p {
    font-size: 20px;
}

.price02 h2.price-title {
    font-size: 1.6rem;
    margin: 25px 0 0 0;
    text-align: left;
}
.price02 .contentsBox .price-Box-main {
    width: 100%;
}

.price02 .contentsBox .price-Box {
    display: block;
}
.price02 .contentsBox .price-Box .price-Box-item {
    width: 100%;
}
.company p {
    margin: 0 0%;
}

.company table {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 40px 0% 0;
}

.contact p {
    font-size: 16px;
				line-height: 26px;
    text-align: left;
}
.contact {
    margin: 25px 0%;
}

.platform02 {
    margin: 0px 0 0;
    padding: 0px 0;
}
.platform-box03 {
    width: 100%;
    margin: 60px 0%;
}

.platform-box03 .boxsizing {
    width: 98%;
    margin: 0 1%;
    padding: 0 0 30px 0;
}
.nav_item02 {
    text-align: center;
    padding: 0 14px;
  }
 .nav_item02 a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
  }
ul.nav_list li.nav_item02{
 display: block;
}
ul.nav_list li.nav_item02 a{
		display: block;
  position: relative;
  color: #242323;
}
ul.nav_list li.nav_item02 a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #C3105B;
bottom: -10px; /*�A���_�[���C��������n�߂�ʒu�ia�^�O�̉��ӂ���̍����j*/
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
ul.nav_list li.nav_item02 a:hover::after {
visibility: visible;
bottom: -6px;
opacity: 1;
}
.about-Area-box__item-left {
    width: 100%;
    margin: 0;
				float: left;
				clear: both;
}
.about-Area-box__item-right {
    width: 100%;
    margin: 0;
    position: relative;
				float: left;
				clear: both;
}

.btn2 span {
    font-size: 16px;
    max-width: 100%;
				padding: 10px 15px;
}

h1.mainTitle {
  max-width: 100;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
}

.platform .about-Area-box__item-left table{width:98%;font-size:16px;line-height:26px;margin:40px 1% 0;padding:0;border-collapse:collapse}
.about-Area-box__item-left table th,
.platform .about-Area-box__item-left table th{width:100%;padding:0;border-left:solid 1px #333;border-top:solid 1px #333;border-right:solid 1px #333; background:#2E9DD9;color:#FFF;display: block;}
.about-Area-box__item-left table td,
.platform .about-Area-box__item-left table td{width:100%;padding:10px;border:solid 1px #333;background:#FFF;display: block;}

.pankuzu {
    margin: 0;
    padding: 13px;
}

.privacy{margin:0;padding:40px 5%}

/*----------*/
/* partner */
/*----------*/
.partner{margin:20px 0 0;padding:40px 0;float:left;clear:both;width:100%;}
.partner h2 { font-weight: 700; font-size: 4.2rem; text-align: center; }
.partnerBox { width: 100%; float: left; clear: both;}
.partnerBox ul{ width:99%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 1% 0 0; padding:0; row-gap:20px;}
.partnerBox ul li{ width:calc(99%/3 - 10px); height:auto; display:flex; flex-direction:column; border:1px solid #ccc; box-sizing:border-box;padding:10px 20px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .6);}


}/* 740--end */ 



/* 472 */
@media (max-width: 472px){
.display--sp { display: block; }
.display--no { display: none; }
.price p {
  margin: 20px 0 0 0; 
		width: 100%;
}
.price p span{
		margin: 0px 0 0 0;
		line-height: 60px;
}
.banner-area {
  display: block;
}
.item-banner {
  width: 100%;
  margin: 5px 0 15px;
}
.item-banner img{
  width: 100%;
}

#service, 
#solution, 
#platform, 
.problems {
  padding-top: 50px;
}
#technology {
  padding: 50px 0 50px;
}

ul.service_menu {
  display: block;
}
ul.service_menu li{
		margin: 0 0 20px 0;
}
.service_box {
  display: block;
}
.service_box .left-box {
  width: 100%;
  display: block;
}
.service_box .right-box {
  width: 100%;
  display: block;
		margin: 20px 0 0 0;
}
.original-button {
  display: block;
  font-size: 18px;
		line-height: 40px;
  width: 100%;
  height: 40px;
  margin: -20px 0 0;
		text-align: center;
}
.service_inner {
  max-width: 96%;
  margin: 0 auto;
  padding: 0;
}

#service h2, #solution h2, #technology h2, #platform h2, .elected h2, .problems h2, #price h2 {
  font-size: 2.8rem;
		line-height: 4.2rem;
}
p.sub_title {
  font-size: 1.8rem;
  text-align: left;
}
.service_box-block {
  margin: 26px auto 0;
  padding: 0;
}
.service_box-block .w-all-txtbox {
  text-align: left;
}
.left-box02 {
  width: 100%;
}
.right-box02 {
  width: 100%;
}
.left-box02 h3 {
  font-size: 18px;
  line-height: 28px;
}
.problems .contentsBox {
		display: block;
}
.problems .leftBox {
  width: 100%;
}
.problems .leftBox h3 {
  font-size: 18px;
}
.problems .rightBox {
  width: 100%;
}
#price .price-Box-main {
  width: 100%;
  margin: 20px auto;
  display: block;
		padding: 5px 0;
}
#price .price-Box-main h3 {
  text-align: center;
  font-size: 84px;
		line-height: 84px;
}
#price .price-Box {
  width: 100%;
  display: block;
}
#price .price-Box .price-Box-item {
  width: 100%;
  background: #FFF;
  margin: 0 0 40px;
}
footer {
  margin-top: 20px;
}

.about-Area-box{width:98%;margin:0 1%;display:block;}
.about-Area-box__item-left{width:100%;margin:0}
.about-Area-box__item-right{width:100%;margin:0;position: static;}
.about-Area-box__item-right img{margin: 20px 0 0 0;position: static;}

.platform p.txt-center, .platform02 p.txt-center { text-align: left; }

.platform-box{width:96%;margin:50px 2% 0;display:block; }
.platform-box .boxsizing{width:100%;margin:0;padding: 0 0 20px 0;}
.original-button {
    font-size: 14px;
}

.price .box-title {
    font-size: 20px;
}
.price p {
    font-size: 20px;
}

.price02 h2.price-title {
    font-size: 1.6rem;
    margin: 25px 0 0 0;
    text-align: left;
}
.price02 .contentsBox .price-Box-main {
    width: 100%;
}

.price02 .contentsBox .price-Box {
    display: block;
}
.price02 .contentsBox .price-Box .price-Box-item {
    width: 100%;
}
.company p {
    margin: 0 0%;
}

.company table {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 40px 0% 0;
}

.contact p {
    font-size: 16px;
				line-height: 26px;
    text-align: left;
}
.contact {
    margin: 25px 0%;
}

.platform02 {
    margin: 0px 0 0;
    padding: 0px 0;
}
.platform-box03 {
    width: 100%;
    margin: 60px 0%;
}

.platform-box03 .boxsizing {
    width: 98%;
    margin: 0 1%;
    padding: 0 0 30px 0;
}
.nav_item02 {
    text-align: center;
    padding: 0 14px;
  }
 .nav_item02 a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
  }
ul.nav_list li.nav_item02{
 display: block;
}
ul.nav_list li.nav_item02 a{
		display: block;
  position: relative;
  color: #242323;
}
ul.nav_list li.nav_item02 a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #C3105B;
bottom: -10px; /*�A���_�[���C��������n�߂�ʒu�ia�^�O�̉��ӂ���̍����j*/
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
ul.nav_list li.nav_item02 a:hover::after {
visibility: visible;
bottom: -6px;
opacity: 1;
}
.about-Area-box__item-left {
    width: 100%;
    margin: 0;
				float: left;
				clear: both;
}
.about-Area-box__item-right {
    width: 100%;
    margin: 0;
    position: relative;
				float: left;
				clear: both;
}

.btn2 span {
    font-size: 16px;
    max-width: 100%;
				padding: 10px 15px;
}

h1.mainTitle {
  max-width: 100;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
}

.platform .about-Area-box__item-left table{width:98%;font-size:16px;line-height:26px;margin:40px 1% 0;padding:0;border-collapse:collapse}
.about-Area-box__item-left table th,
.platform .about-Area-box__item-left table th{
  width: 100%;
  padding: 0;
  border-left: solid 1px 333;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  background: #2E9DD9;
  color: #FFF;
  display: block;
}
.about-Area-box__item-left table td,
.platform .about-Area-box__item-left table td{width:100%;padding:10px;border:solid 1px #333;background:#FFF;display: block;}
.pankuzu {
    margin: 0;
    padding: 13px;
}

.privacy{margin:0;padding:40px 5%}

/*----------*/
/* partner */
/*----------*/
.partner{margin:20px 0 0;padding:40px 0;float:left;clear:both;width:100%;}
.partner h2 { font-weight: 700; font-size: 4.2rem; text-align: center; }
.partnerBox { width: 100%; float: left; clear: both;}
.partnerBox ul{ width:99%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 1% 0 0; padding:0; row-gap:20px;}
.partnerBox ul li{ width:calc(99%/2 - 10px); height:auto; display:flex; flex-direction:column; border:1px solid #ccc; box-sizing:border-box;padding:10px 20px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .6);}


}/* 472--end */