@charset "utf-8";

/*==========================================================================
　　Smart phone
==========================================================================*/

@media screen and (max-width: 940px) {
/*#intro h2 {
	font-size: 22px;
}*/

#intro.service h2,
#intro.solution h2,
#intro.consulting h2,
#intro.sc h2 {
	font-size: 22px;
}

#intro_s {
	height: 400px;
}

#intro_s.company h2 {
	font-size: 22px;
}

/*#intro_s.company h2,
#intro_s.software h2 {
	font-size: 22px;
}*/

/* /solution/ */

.sora_saying01 {
	margin: 0 100px 50px 100px;
}

.sora_saying02 {
	margin: 0 100px 50px 100px;
}

.sora_balloon01 {
	margin: 0 70px 20px 210px !important;
}

.sora_balloon02 {
	margin: 0 80px 20px 50px !important;
}

.sora_balloon03 {
	margin: 0 120px 20px 170px !important;
}

.sora_approach {
	margin: 0 220px 30px 220px;
}

}

@media screen and (max-width: 888px) {

.cont_in .cont_box01 .sitemap .m02 {
	width : 48%;
	width: -webkit-calc(50% - 34px);
	width: calc(50% - 32px);
	margin: 0 14px 20px;
}

/* /solution/ */
.sora_approach {
	margin: 0 180px 30px 180px;
}

}

@media screen and (max-width: 768px) {

#intro .scroll {
	bottom: 10px;
}

/*#intro h2 {
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px;
}*/

#intro.service h2 {
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px;
}

#intro.solution h2 {
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px;
}

#intro.consulting h2 {
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px;
}

#intro.sc h2 {
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px;
	text-shadow: none;
}

#intro_s.company h2 {
	top: 35%;
	left: 30%;
	width: 70%;
	font-size: 20px;
	line-height: 1.3em;
	text-shadow: none;
}

/*#intro_s.software h2 {
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px;
}*/

#intro h2 span.w768,
#intro_s h2 span.w768 {
	display: none;
}

#intro h2 br.w768,
#intro_s h2 br.w768 {
	display: block;
}

#v_slider.software {
  	padding-top : 55px;	
}

.cont_in ul.tab01 li img,
.cont_in ul.tab02 li img {
	margin: 0 10px 0 0;
}

.cont_in .cont_box01 {
  padding: 30px 20px;
}

.cont_in .cont_box02 h2 {
	margin: 0 20px 30px 20px;
}

.cont_in .cont_box02 h3 {
	margin: 0 20px 30px 20px;
}

.cont_in .cont_box02 h4 {
	margin: 0 20px 20px 20px;
}

.cont_in .cont_box02 p {
	margin: 0 20px 30px 20px;
}

.cont_in .cont_box02 .point {
	margin: 0 20px 30px 20px;
}

.cont_in .cont_box02 .index_list {
	margin: 0 20px 50px 20px;
	padding: 20px;
}

.cont_in .cont_box02 .index_list ul li a {
	line-height: 1.4em;
	padding: 5px 0 5px 23px;
}

.cont_in .cont_box02 .index_list ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -5px;
	border-right: 3px solid #16529B;
	border-bottom: 3px solid #16529B;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}


/* /company/ */

.taggle_list {
	text-align: center;	
	padding: 5px 20px 5px 10px;
	}

dl.company_profile {
	background: none;
}

dl.company_profile dt {
	width: 100%;
	background: #E5EDF4;
	margin-bottom: 5px;
	float: none;
}

dl.company_profile dd {
	padding: 5px 30px;
	margin: 0;
}

.company_policy .ttl {
	text-align: center;
}

.company_history dl dt,
.company_ceo dl dt {
	width: 100%;
	background: none;
	padding: 0;
	float: none;
}

.company_history dl dd,
.company_ceo dl dd {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	border-bottom: dotted 1px #CCCCCC;
}

.company_partner .ttl br.w768 {
	display: block;
}

.company_partner .data .tel {
	font-size: 50px;
}

.company_tokuten dl dt {
	width: 140px;
}

.company_tokuten dl dd {
	margin: 0 0 0 140px;
}

.company_tokuten dl dd ul {
	margin: 0 0 10px 15px;
}

/* /solution/ */

.sora_figure {
	margin: 0 20px 60px 20px;
}

.sora_merit {
	margin: 0 20px 30px 20px;
}

.sora_saying01 {
	margin: 0 40px 50px 40px;
}

.sora_saying02 {
	margin: 0 40px 50px 40px;
}

.sora_saying01 em,
.sora_saying02 em {
	font-size: 25px;
}

.sora_balloon01 {
	margin: 0 40px 20px 40px !important;
	padding: 15px;
	text-align: left;
}

.sora_balloon02 {
	margin: 0 40px 20px 40px !important;
	padding: 15px;
	text-align: left;
}

.sora_balloon03 {
	margin: 0 40px 20px 40px !important;
	padding: 15px;
	text-align: left;
}

.sora_approach {
	margin: 0 80px 30px 80px;
}

.sora_episode {
	margin: 0 20px 50px 20px;
}


}

@media screen and (max-width: 680px) {

#intro h2 br.w680,
#intro_s h2 br.w680 {
	display: block;
}

}

@media screen and (max-width: 620px) {

.cont_in ul.tab01 li br.w620,
.cont_in ul.tab02 li br.w620 {
	display: block;
}

.cont_in ul.tab01 li img.w620,
.cont_in ul.tab02 li img.w620 {
	margin: 0 0 10px 0;
}

.cont_in .cont_box01 .sitemap .m02 {
	width : 100%;
	margin: 0 0 40px;
	padding: 0 7px;
	display: block;
}

/* /company/ */

.company_partner .ttl br.w620 {
	display: block;
}

.company_tokuten dl {
	background: none;
}

.company_tokuten dl dt {
	width: 100%;
	background: #6195C8;
	padding: 10px 20px 10px 20px;
	float: none;
	border: none;	
}

.company_tokuten dl dd {
	padding: 20px 30px 10px;
	margin: 0 0 20px 0;
	border: none;
}

.company_tokuten dl dd ul {
	margin: 0 0 10px 20px;
	list-style-position:inside;
}

/* /solution/ */

.sora_figure ul {
	margin: 0 0 0 20px;
}

.sora_merit ul {
	margin: 0 0 0 20px;
}

.sora_approach ul {
	margin: 0 0 0 20px;
}

}

@media screen and (max-width: 480px) {

#intro.service {
	background: url(../images/service/sp_intro_bk.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#intro.solution {
	background: url(../images/solution/sp_intro_bk.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#intro.solution h2 {
	left: 1%;
	width: 80%;
}

#intro.consulting {
	background: url(../images/consulting/sp_intro_bk.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#intro.consulting h2 {
	top: 45%;
	left: 2%;
	width: 70%;
}


/*#intro_s.company {
	background: url(../images/company/sp_intro_bk.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/


/*#intro_s.software {
	background: url(../images/software/sp_intro_bk.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

#intro.sc {
	background: url(../images/sc/sp_intro_bk.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#intro_s {
	height: 350px;
}

#intro_s.company h2 {
	top: 35%;
	left: 25%;
	width: 75%;
}

/*#intro_s.software h2 {
	top: 40%;
}*/

#intro.sc h2 {
	top: 20%;
	left: 10%;
	width: 80%;
}

#intro h2 span.w480,
#intro_s h2 span.w480 {
	display: none;
}

#intro h2 br.w480,
#intro_s h2 br.w480 {
	display: block;
}

.slick-prev{left: 5px;}
.slick-next{right: 5px;}


.cont_in ul.tab01 li br,
.cont_in ul.tab02 li br {
	display: block;
}

.cont_in ul.tab01 li img,
.cont_in ul.tab02 li img {
	margin: 0 0 10px 0;
}

.cont_in .cont_box01 h2,
.cont_in .cont_box02 h2 {
	font-size: 22px;
}

.cont_in .cont_box01 h3,
.cont_in .cont_box02 h3 {
	font-size: 18px;
}

.cont_in .cont_box01 h4,
.cont_in .cont_box02 h4 {
	font-size: 16px;
}

.cont_in .cont_box02 .index_list .ttl {
	font-size: 18px;
}

.cont_in .cont_box01 .sitemap .m01 {
	margin: 0 0 40px;
	padding: 0 7px;
}

.cont_in .cont_box01 .sitemap .m01 .ttl {
	float: none;
	margin: 0 auto 10px;
	width: 100%;
	height: auto;
	padding-bottom: 5px;
	border-bottom: solid #16529B 1px;
	text-align: center;
}

.cont_in .cont_box01 .sitemap .m01 ul {
	margin-left: 0;
	float: none;
}

.cont_in .cont_box01 .bk_no {
	float: none;
	text-align: center;
	margin: 0 auto;
}

.cont_in .cont_box01 .bk_no select {
	margin: 0 auto;
	display: block;
}

/* /company/ */
dl.company_profile dd br {
	display: block;
}

.company_partner .ttl {
	font-size: 18px;
}

.company_partner .data .tel {
	font-size: 32px;
}

.company_partner .data .time {
	font-size: 18px;
}

/* /solution/ */

.sora_figure .ttl {
	font-size: 18px;
}

.sora_merit .ttl {
	font-size: 18px;
}

.sora_saying01 {
	margin: 0 20px 50px 20px;
}

.sora_saying02 {
	margin: 0 20px 50px 20px;
}

.sora_saying01 em,
.sora_saying02 em {
	font-size: 20px;
}

.sora_balloon01 {
	margin: 0 20px 20px 20px !important;
}

.sora_balloon02 {
	margin: 0 20px 20px 20px !important;
}

.sora_balloon03 {
	margin: 0 20px 20px 20px !important;
}

.sora_approach .ttl {
	font-size: 18px;
}

.sora_approach {
	margin: 0 20px 30px 20px;
}

.sora_episode p {
	margin: 0 0 20px !important;
}

.sora_episode ul {
	margin: 0 0 10px 65px;
}



}