@charset "utf-8";

*, *::before, *::after {
box-sizing: border-box;
}

/* 共通 */
a {
  text-decoration: none;
  color: #707070;
}
/* フォント類 */
body {
  font-style: normal;
  font-family: Noto Sans JP, Arial, sans-serif;
  font-weight: bold;
  color: #333;
}
.flex {
  display: flex;
}
.container {
  max-width: 1024px;
  padding: 30px 0px;
  margin: 0 auto;
}

/* コンタクトボタン */
.contact-btn {
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 3px solid #FF7449;
}
.contact-btn a {
  display: inline-block;
  padding: 10px 65px 15px 63px;
  color: #FF7449;
  transition: 0.3s;
}
.contact-btn a:hover {
  display: inline-block;
  color: #FFf;
  background-color: #FF7449;
}

.contact-btn span:nth-of-type(1) {
  display: block;
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-btn span:nth-of-type(2) {
  display: block;
  font-size: 16px;
}
.globalMenuSp {
  display: none;
}

/* パートナー工場様 画像ズームイン機能 */
.sample_box{
  overflow:hidden; 
}
.sample_box img{
  transition:1s all;
}
.sample_box img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}

/* fade-in */

.fadein {
  opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* ヘッダー */
header {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 5;
  box-shadow: 0px 3px 6px #00000029;
}
.header-inner {
  max-width: 1024px;
  width: 96%;
  margin: 0 auto;
  display: flex;
  padding:15px 0 10px 0 ;
}
.header-inner ul{
  display: flex;
  align-items: center;
  margin-left: 72px;
  font-size: 16px;
  color: #707070;
}
.header-inner ul li{
  padding: 0 20px 0 0;
}
.header-inner ul li a {
  transition: 0.3s;
}
.header-inner ul li a:hover {
  color: #2BBEA8;
}
header  ul li:first-child,header ul li:nth-child(2){
  border-right:1px solid #000000;
}
header ul li:nth-child(2),header ul li:nth-child(3) {
  padding-left:20px;
}
.header-inner span{
  font-size: 16px;
  margin-left: auto;
  text-align: center;
  height: 40px;
  background: #FF7449;
  border-radius: 4px;
}
.header-inner span a{
  display:block;
  width:205px;
  padding-left: 37px;
  line-height: 40px;
  color:#fff;
  position: relative;
  transition: 0.3s;
}
.header-inner span a:hover {
background-color: #A0ABB5;
border-radius: 4px;
}
.fa-envelope {
font-size: 24px;
position: absolute;
top: 7px;
left: 33px;
}

/* メインビジュアル */
section {
  height: 100vh;
  min-height: 1020px;
  /* height: 0; */
  /* padding-top: 70%;   */
  background-image:url(../images/partner.images/eyecatch.jpg);
  background-size:cover;
  background-position:center center;
  background-repeat: no-repeat;
}
section .mv{
  max-width:1095px;
  height: 100vh;
  color: #fff;
  margin:0 auto;
  padding-top: 250px;
  text-align: center;
}
.mv h1 {
  font-size: 46px;
}
.mv h2 {
  font-size: 83px;
  margin-top: 40px;
  font: normal normal bold
}
.mv p:nth-of-type(1) {
  font-size: 38px;
  margin-top: 43px;
}
.mv p:nth-of-type(2) {
  font-size: 37px;
  margin-top: 70px;
}

.troubles {
  max-width: 1095px;
  width: 100%;
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.troubles li {
  width: 400px;
  background: #8B949D;
  background-color: rgba(139,148,157,0.8);
  font-size: 24px;
  padding: 15px 22px 4px 22px;
  padding-bottom: 4px;
  padding-top: 15px;
  margin: 10px;
  color: #fff;
  line-height: 1.7;
}


/*client*/
section#clienttop {
  height: 65vh;
	min-height: inherit;
  background-image:url( "../images/client/0000.png");
  background-size:cover;
  background-position:center center;
  background-repeat: no-repeat;
	display: flex;
  justify-content: center;
  align-items: center;
}
section .mv2{
  max-width:1000px;
  color: #202020;
  margin:50px auto;
  padding-top: 66px;	
  text-align: center;
}
section .mv2 .mv2_1 {
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: center;
	align-items: flex-end;
}
section .mv2box {
	background: #fff;
	color: #035984;
	min-width: 250px;
	border-radius: 8px;
	padding: 10px;
	margin-right: 20px;
}
section .mv2box2 {
	display: inline-block;
	border: 1px solid #035984;
	background: #fff;
	color: #035984;
	min-width: 100px;
	border-radius: 200px;
	padding: 5px 20px;
	margin-right: 10px;
	text-align: center;
}
section .mv2 h1 {
	font-size: 58px;
	margin: 20px 0;
}
section .mv2 .mv2_1 p {
	font-size: 35px;
}
section .mv2 .mv2_2 {
	margin-top: 50px;
	width: 100%;
	margin: 50px auto 0;
}
section .mv2 .mv2_2 h2 {
	font-size: 33px;
	margin: 30px 0 20px;;
}

section .mv2 .mv2_2 h2, 
section .mv2 .mv2_2 p {
	text-align: left;
}
section .mv2 .mv2_2 h2::before {
	content: url("../images/client/check.svg");
	display: inline-block;
	width: 40px;
	padding-right: 5px;
}
section .mv2 .mv2_2 p {
	padding-left: 40px;
	font-size: 22px;
	margin-top: 15px;
}

.textbl {
	color: #035984;
}
.fonts {
	font-size: 50%;
	vertical-align:2px;
}



/* メインビジュアルテキスト */
.mv-txt {
  text-align: center;
  background: #007891;
  padding: 73px 0 83px 0;
  position: relative;
}
.mv-txt::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 1em);
  top: 0;
  border: solid 18px transparent;
  border-top: solid #111 2em;
  line-height: 1;
}
.mv-txt h2 {
  font-size: 46px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 3px;
}
.mv-txt h2:nth-of-type(2) {
  font-size: 64px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 53px;
  letter-spacing: 4px;
}
.mv-txt h2:nth-of-type(2) span {
font-size: 38px;
}

/* メインビジュアルテキストclient */
.mv-txt2 {
  text-align: center;
  background-image:url( "../images/client/clientback2.png");
	width: 100%;
  padding: 103px 0 93px 0;
	/*min-height: 2000px;;*/
  background-size:cover;
  background-position:bottom center;
  background-repeat: no-repeat;
  position: relative;
}
.mv-txt2::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 1em);
  top: 0;
  border: solid 18px transparent;
  border-top: solid #e5e9f0 1.5em;
  line-height: 1;
}
.mv-txt2 h2 {
	font-size: 35px;
	color: #fff;
	margin: 10px 0 20px;
}
.mv-txt2 .portal {
	font-size: 30px;
	padding: 5px 15px;
	border: 2px solid #fff;
	vertical-align: 15px;
}
.mv-txt2 .campuswhite {
	width: 330px;
	padding: 0 10px;
}
.mv-txt2 .clibox {
	width: 250px;
}
.mv-txt2 p {
	color: #fff;
	font-size: 17px;
	line-height: 2;
	letter-spacing: 0.1em;
	margin: 30px 0;
	font-weight: normal;
}
.mv-txt2 .cliimage {
	width: 90%;
	margin: 10px auto 50px;
}








/* メイン */
main {
  padding-top: 50px;
}


/* アンサー１*/
.answer1,.answer2,.answer3,.answer4 {
  font-weight: bold;
}
.answer-top {
  height: 30%;
}
.left-txt {
  width: 40%;
  height: 220px;
  background-color: #8B949D;
  position: relative;
}
.left-txt::after {
  content: '';
  display: block;
  line-height: 1;
  position: absolute;
  top: 0;
  right: -158px;
  border: solid 110px transparent;
  border-left:  solid #8b949d 3em;
}
.left-txt p:nth-of-type(1),
.right-txt p:nth-of-type(1) {
  font-size: 18px;
  padding: 5px;
  text-align: center;
  margin: 18px;
  color: #333;
  background-color: #fff;
  border-radius: 23px;
}
.left-txt p:nth-of-type(2) {
  color: #fff;
  font-size: 22px;
  padding: 0 40px;
  line-height: 1.4;
  position: relative;
}
.left-txt p:nth-of-type(2)::before {
  content: '■';
  display: block;
  font-size: 0.5em;
  position: absolute;
  left: 2.5em;
  top: 0.5em;
}
.left-txt p:nth-of-type(3) {
  color: #fff;
  font-size: 22px;
  padding: 0 40px;
  line-height: 1.4;
  margin-top: 16px;
  position: relative;
}
.left-txt p:nth-of-type(3)::before {
  content: '■';
  display: block;
  font-size: 0.5em;
  position: absolute;
  left: 2.5em;
  top: 0.5em;
}
.right-txt {
  width: 60%;
  background-color: #007891;
}
.right-txt p:nth-of-type(1) {
    color: #007891;
    width: 84%;
    margin-left: 47px;
}
.right-txt p:nth-of-type(2) {
  color: #fff;
  font-size: 33px;
  margin-left: 82px;
  line-height: 1.6;
  padding-top: 12px;
}
.answer-container {
  text-align: center;
  background-color: #F2F2F2;
  padding-bottom: 50px;
}
.answer-img {
  width: 100%;
  max-width: 650px;
  padding: 30px 0;
}
.answer-container p {
  text-align: left;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 2px;
  padding: 0px 42px;
}
.answer-bottom {
  padding-top: 80px;
  padding-left: 72px;
  position: relative;
}
.answer-bottom::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 1em);
  top: 28px;
  border: solid 18px transparent;
  border-top: solid #2BBEA8 2em;
  line-height: 1;
}
.answer-bottom img {
  height: 80px;
}
.answer-bottom-txt {
  color:#007891;
}
.answer-bottom-txt p:nth-of-type(1) {
  font-size: 20px;
}
.answer-bottom-txt p:nth-of-type(2) {
  font-size: 30px;
  line-height: 1.6;
}


/* アンサー２ */
.answer2 .left-txt p:nth-of-type(2) {
margin-top: 45px;
padding: 0 40px;
}
.answer2 .answer-bottom-txt p:nth-of-type(1) {
  margin-left: -10px;
}
.answer2 .answer-bottom-txt p:nth-of-type(2) {
  margin-left: -10px;
}
.answer2 .answer-bottom img {
height: 80px;
margin-left: -54px;
}


/* アンサー３ */
.answer3 .left-txt p:nth-of-type(2) {
  margin-top: 42px;
}
.answer3 .answer-bottom-txt p:nth-of-type(3) {
font-size: 20px;
}
.answer3 .answer-bottom-txt p:nth-of-type(4) {
font-size: 30px;
margin-top: -8px;
}


/* アンサー４ */
.answer4 .left-txt p:nth-of-type(2) {
margin-top: 40px;
line-height: 1.7;
}
.answer4 .right-txt p:nth-of-type(2) {
  margin-left: 87px;
}

/* ワーク */
.work {
  padding-top: 50px;
}
.work h3 {
  font-size: 25px;
  background-color: #D2F1ED;
  text-align: center;
  padding: 18px;
  letter-spacing: 2px;
}
.work h2 {
  font-size: 40px;
  color: #007891;
  letter-spacing: 2.5px;
  text-align: center;
  line-height: 1.5;
  margin-top: 42px;
}
.work h2 > span {
  font-size: 60px;
}
.work p:nth-of-type(1) {
  text-align: center;
  margin-top: 30px;
  line-height: 2;
  font-size: 18px;
  margin-bottom: 60px;
}
.work .transaction {
  width: 100%;
}
.work p:nth-of-type(2) {
  margin-top: 60px;
  text-align: center;
  line-height: 2;
  font-size: 18px;
}
.work ul {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  font-size: 21px;
  margin-top: -32px;
}
.work ul li {
  width: 32%;
  min-height: 69px;
  background-color: #F2F2F2;
  border: 1px solid #A0ABB5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 14px 0;
}
.work-img  {
  margin-bottom: 120px;
}
.work-img ul li {
  display: block;
  border: none;
  background-color: #ffffff;
}
.work-img ul li > p {
  display: contents;
}
.work-img ul li > img {
width: 100%;
}
.work-img ul li:nth-of-type(5) {
  margin-left: 18px;
  margin-right: auto;
}



/* ワーククライアント */
	.work h3.cmidashi {
	background: #d2e6f1;
}
.work .clifonts {
	font-size: 70%;
}
.work .client-img img.media {
	width: 100%;
} 
.work .client-img {
	margin: 30px;
} 
.work h4 {
	font-size: 23px;
	color: #FF7449;
}
.work p.cliworkp {
	text-align: justify;
	font-size: 17px;
	margin-top: 10px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: normal;
}
.work ul.cliworkimage {
	margin-top: 30px;
}
.work .worktopics {
	display: grid;
	grid-column-gap: 40px;
	grid-row-gap: 30px;
	margin-top: 40px;
}
.work .worktopics .topics1 { grid-area: 1 / 1 / 2 / 2; }
.work .worktopics .topics2 {  grid-area: 1 / 2 / 2 / 3; }
.work .worktopics .topics3 { grid-area: 2 / 1 / 3 / 2; }
.work .worktopics .topics4 { grid-area: 2 / 2 / 3 / 3; }


/* inquiry */
.inquiry {
  text-align: center;
  background: #007891;
  padding: 45px 0;
  position: relative;
  color: #fff;
}
.inquiry::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 1em);
  top: 0;
  border: solid 18px transparent;
  border-top: solid #fff 2em;
  line-height: 1;
}
.inquiry p {
  line-height: 1.6;
}
.inquiry p:nth-of-type(1),.inquiry p:nth-of-type(2) {
  margin-bottom: 32px;
  font-size: 20px;
}
.inquiry p:nth-of-type(3) {
  font-size: 36px;
  border: 3px solid #fff;
  padding: 20px 0px;
  width: 66%;
  margin: 0 auto;
  margin-bottom: 32px;
  letter-spacing: 2px;
  margin-top: 38px;
}
.inquiry p:nth-of-type(4) {
  font-size: 32px;
  margin-bottom: 55px;
}
.inquiry .contact-btn a{
  padding: 10px 55px;
}
.inquiry .contact-btn  span:nth-of-type(1) {
  font-size: 17px;
  margin-top: 5px;
}
.inquiry .contact-btn  span:nth-of-type(2) {
  font-size: 21px;
}


/* パートナー */
.partner  {
  text-align: center;
}
.partner h2{
  font-size: 36px;
    color: #00949C;
    padding-top: 90px;
    padding-bottom: 40px;
}
.partner-img p:nth-of-type(1) {
  font-size: 26px;
  text-align: left;
  margin: 28px 0;
  margin-bottom: 14px;
}
.partner-img p:nth-of-type(2) {
  font-size: 14px;
  text-align: left;
}
.partner-link {
width: 45%;
}
.partner-images {
  display: inline-flex;
  justify-content: space-between;
}
.partner .partner-img img {
    object-fit: cover;
    width: 100%;
    height: 250px;
}


/*パートナークライアント*/
.partner h2.climidashi {
	color: #035984;
	padding-bottom: 0;
	margin-bottom: 20px;
	font-size: 50px;
}
.partner p.howp {
	font-size: 18px;
	line-height: 1.5;
}
.partner .howpst {
	font-size: 140%;
}

.partner .howtopics {
	display: grid;
	grid-column-gap: 40px;
	grid-row-gap: 0px;
	margin-top: 40px;
}
.partner .howtopics .topics1 { grid-area: 1 / 1 / 2 / 2; }
.partner .howtopics .topics2 {  grid-area: 1 / 2 / 2 / 3; }
.partner .howtopics .topics3 { grid-area: 2 / 1 / 3 / 2; }
.partner .howtopics .topics4 { grid-area: 2 / 2 / 3 / 3; }

.partner .howtopics img {
	width: 100%;
}
.partner .howtopics p {
	text-align: justify;
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 1em;
	text-indent: -1em;
}
.partner .howtopics a {
	color: #FF7449;
	font-weight: bold;
}
.partner .howtopics a:hover {
	color: #035984;
}
.partner .cliworkp2 {
	/*border: 2px solid #035984;
	color: #035984;
	display: block;*/
	font-size: 15px;
	margin-top: 20px;
	color: #fff;
}



/* root */
.root img {
  width: 285px;
  height: 602px;
  margin-bottom: 200px;
  margin-top: 120px;
}
.root h3 {
  text-align: center;
  font-size: 45px;
  color: #00949C;
  margin: 60px 0;
}
.root-left {
margin-left: 72px;
}
.complete {
  display: block;
}
.root-txt {
margin-top: 120px;
margin-left: 38px;
line-height: 1.2;
}
.root-txt h4 {
  font-size: 34px;
  margin-bottom: 25px;
}
.root-txt p {
  font-size: 22px;
  margin-bottom: 56px;
}
.root-txt h4:nth-of-type(4) {
  color: #2BBEA8;
}


/* フッター */
footer {
  background-color: #007891;
}
footer p:first-child {
  max-width: 500px;
  font-size: 26px;
  color: #fff;
  letter-spacing: 3px;
  line-height: 1.6;
}
footer  .contact-btn {
  margin-left: auto;
}
footer .copyright {
  text-align: center;
  background-color: #333333;
  height: 50px;
}
footer small {
  color: #fff;
  line-height: 50px;
  font-size: 14px;
  font-weight: normal;
}


/* case記述 */
.main-wrapper {
  max-width: 798px;
}
.main-header {
  background-color: #007891;
  padding-top: 140px;
  color:#fff;
}
.main-inner {
  justify-content: space-between;
  align-items: center;
}
.main-header-txt {
  margin-top: -148px;
}
.main-inner h1 {
  font-size: 40px;
}
.main-inner p:nth-of-type(1) {
  font-size: 24px;
  margin-top: 18px;
}
.main-inner p:nth-of-type(2) {
  font-size: 16px;
  margin-top: 11px;
}
.main-inner .sst{
  width: 23%;
  position: relative;
}
.main-picture {
  width: 44%;
}
.main-picture > img {
  width: 100%;
  vertical-align: bottom;
}
.sst-inner {
  border: 1px solid #fff;
  width: 32%;
  margin-top: -185px;
  padding-bottom: 15px;
}
.sst-inner h3 {
  padding: 10px;
}
.main-inner .sst p {
  font-size: 16px;
  margin-top: 0;
  padding: 15px 15px 7px 10px;
}
.main-inner h3{
  font-size: 19px;
  padding: 10px;
  letter-spacing: 2px;
}
.list p {
  padding: 5px 10px;
  font-size: 14px;
}
.list p:nth-of-type(1)  > span {
padding-left: 113px;
}
.list p:nth-of-type(2)  > span {
  padding-left: 127px;
  }
  .list p:nth-of-type(3)  > span {
    padding-left: 86px;
    }
    .sst2 .list p:nth-of-type(1) span {
      padding-left: 113px;
    }
    .sst2 .list p:nth-of-type(2) span {
      padding-left: 86px;
    }
    .sst2 .list p:nth-of-type(3) span {
      padding-left: 113px;
    }
    .sst2 .list p:nth-of-type(4) span {
      padding-left: 71px;
    }



.main-wrapper {
  margin: 0 auto;
}
.main-wrapper:first-of-type {
  margin-top: 20px;
}
.main-wrapper:last-of-type {
  padding-bottom: 60px;
}
.main-wrapper h3 {
  color: #007891;
  font-size: 20px;
  line-height: 1.4;
}
.main-wrapper p {
  font-size: 14px;
  font-weight: normal;
  margin: 25px 0;
  line-height: 2.0;
}
.main-wrapper p:last-child {
  margin-bottom: 70px;
}



/* jsページトップボタン */
#page_top {
  position: fixed;
  bottom: 30px;
  right: 20px;
}
#page_top a::after {
  display: inline-block;
    content: '';
    border: 3px solid #fff;
    border-color: #fff #fff transparent transparent;
    transform: rotate( 315deg );
    width: 20px;
    position: absolute;
    height: 21px;
    top: 18px;
    left: 16px;
    cursor: pointer;
    z-index: 0
    ;
  }
#page_top a {
  background-color: #999;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 20px 20px;
  display: block;
  width: 50px;
  height: 45px;
  z-index: 5;
}
#page_top::after:hover {
  background-color: #666;
  text-decoration: none;
}
#page_top a:hover {
  background-color: #666;
  text-decoration: none;
}

.downloadB {
	text-align: center;
	
}
.downloadlink {
	color: #fff;
	font-size: 30px;
	line-height: 1.3;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 110px;
	background: #FF7449;
	border-radius: 10px;
	transition: 0.3s;
	height: 100px;
	display: flex;
  justify-content: center;
  align-items: center;
}

.downloadlink:hover {
	background: #8B949D;
}
.root img {
	margin-bottom: 100px;
	width: 280px;
	height: auto;
}








.bron,
.bron2 {
	display: none;
}














/* メデイアクエリ */
@media (max-width: 768px) {
  header {
    margin-top: -90px;
  }
  /* .answer-container p br {
    display: none;
  } */
  .header-inner {
    padding: 37px 0 10px 0;
  }
  .header-inner ul {
    display: none;
  }
  .header-inner span {
    display: none;
  }
  section .mv {
    padding-top: 20vw;
  }
  .mv h1 {
    font-size: 4vw;
  }
  .mv h2 {
    font-size: 8vw;
  }
  .mv p:nth-of-type(1) {
    font-size: 4vw;
    margin-top: 8vw;
  }
  .mv p:nth-of-type(2) {
    font-size: 4vw;
    margin-top: 6vw;
  }
  .troubles {
    width: 65vw;
    margin: 0 auto;
    margin-top: 5vw;
  }
  .troubles li {
    font-size: 4vw;
    padding: 2vw;
    margin: 2vw;
  }
  .mv-txt {
    padding: 55px 0 46px 0;
  }
  .mv-txt h2 {
    font-size: 24px;
  }
  .mv-txt h2:nth-of-type(2) span {
    font-size: 16px;
  }
  .mv-txt h2:nth-of-type(2) {
    font-size: 32px;
    margin: 24px 0;
  }
  section {
    margin-top: 90px;
    min-height: 810px;
  }
  /* コンタクトボタン */
  .contact-btn a {
    padding: 10px 10px 15px 10px;
  }
  .contact-btn span:nth-of-type(1){
    font-size: 16px;
  }
  .contact-btn span:nth-of-type(2){
    font-size: 18px;
  }

  /* メイン */
  main {
    padding: 0 20px;
  }

  /* アンサー */
  .answer-img {
    width: 80%;
  }
  .answer-top {
    flex-direction: column;
  }
  .left-txt {
    width: 100%;
    height: auto;
  }
  .left-txt::after {
    display: none;
  }
  .left-txt p:nth-of-type(2) {
    font-size: 20px;
  }
  .left-txt p:nth-of-type(3) {
    font-size: 20px;
    padding-bottom: 12px;
  }
  .right-txt {
    width: 100%;
  }
  .right-txt p:nth-of-type(1) {
    margin: 16px auto 0;
  }
  .right-txt p:nth-of-type(2) {
    text-align: left;
    margin: 0 auto;
    font-size: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 36px;
  }
  .answer-container p {
    line-height: 1.6;
    font-size: 14px;
  }
  .answer-container p br {
    display: none;
  }
  .answer-bottom {
    display: block;
    padding-left: 0;
  }
  .answer-bottom img {
    height: 60px;
  }
  .answer-bottom-txt p:nth-of-type(1) {
    text-align: left;
    font-size: 14px;
    margin-top: 19px;
  }
  .answer-bottom-txt p:nth-of-type(2) {
    font-size: 22px;
    text-align: left;
    font-weight: bold;
    margin-top: -5px;
  }
  .answer2 .answer-bottom img {
    margin: 0 auto;
    height: 60px;
  }
  .answer2 .left-txt p:nth-of-type(2) br{
  display: none;
  }
  .answer2 .left-txt p:nth-of-type(2) {
    font-size: 20px;
    padding-bottom: 50px;
  }
  .answer2 .answer-bottom-txt p:nth-of-type(1) {
    margin: 22px auto;
    text-align: left;
  }
  .answer2 .answer-bottom-txt p:nth-of-type(2) {
    margin-left: 0;
    text-align: left;
    margin-top: -21px;
  }
  .answer3 .left-txt {
    padding-bottom: 6px;
  }
  .answer3 .answer-bottom-txt p:nth-of-type(2) {
    text-align: left;

  }
  .answer3 .answer-bottom-txt p:nth-of-type(3) {
    font-size: 15px;
    text-align: left;
    margin-top: 32px;
  }
  .answer3 .answer-bottom-txt p:nth-of-type(4) {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.7;
  }
  .answer4 .left-txt p:nth-of-type(2) {
    padding-bottom: 16px;
  }
  .answer4 .right-txt p:nth-of-type(2) {
    margin: 0;
  }
  .answer4 .answer-bottom-txt p:nth-of-type(2) {
    text-align-last: left;
    font-size: 22px;
  }
  .answer4 .answer-bottom-txt p:nth-of-type(2) br{
    display: none;
  }

  /* ワーク */
  .work {
    margin-top: -50px
  }
  .work h2 {
    font-size: 19px;
    margin: 31px 0;
  }
  .work h2 > span {
    font-size: 50px;
  }
  .work p:nth-of-type(1) {
    text-align: left;
      font-size: 14px;
  }
  .work p:nth-of-type(1) br {
  display: none;
  }
  .work p:nth-of-type(2) {
    text-align: left;
      font-size: 14px;
  }
  .work p:nth-of-type(2) br {
    display: none;
  }
  .work p:nth-of-type(1) {
    font-size: 14px;
  }
  .work ul li  {
    width: 100%;
  }
  .work-img {
    margin-bottom: 0;
  }
	




  /* inquiry */
  .inquiry {
    padding: 17px 10px;
  }
  .inquiry p:nth-of-type(1), .inquiry p:nth-of-type(2) {
    text-align: left;
    font-size: 14px;
  }
  .inquiry p:nth-of-type(3) {
    font-size: 17px;
    width: 100%;
  }
  .inquiry p br {
    display: none;
  }
  .inquiry p:nth-of-type(4) {
    font-size: 16px;
  }
  .inquiry .contact-btn span:nth-of-type(1) {
    text-align: left;
    font-size: 12px;
  }
  .inquiry .contact-btn span:nth-of-type(2) {
    text-align: left;
    font-size: 12px;
  }
  .partner h2 {
    font-size: 22px;
    padding-top: 30px;
  }
  .partner-img p:nth-of-type(1) {
    font-size: 18px;
  }
  .partner-img p:nth-of-type(2) {
    margin-bottom: 20px;
  }
  .partner-img p:nth-of-type(1) {
    font-size: 18px;
  }


  /* .root */
  .root h3 {
    margin-top: 0;
    font-size: 22px;
    margin: 0;
  }
  .partner-images {
    flex-direction: column;
  }
  .partner-link {
    width: 100%;
  }
  .root img {
    margin-bottom: 50px;
    margin-top: 60px;
    width: 122px;
    height: 258px;
    /*height: auto;*/
  }
  .root-left  {
    /*margin: 0 auto;*/
  }
  .root-txt {
    margin-top: 60px;
    margin-left: 5px;
    line-height: 1.2;
    width: 57%;
  }
  .root-txt h4 {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .root-txt p {
    font-size: 10px;
    margin-bottom: 27px;
}
  

  /* フッター */
  
  .column {
    flex-direction: column;
  }
  footer p:first-child  {
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
  }
  footer .contact-btn {
    margin: 0 auto;
  }
  footer small {
    font-size: 10px;
  }
/* partner.html記述終わり */




  /* case01,case2 記述 */
  .case-header1,.case-header2 {
    margin-top: 0;
  }
  .main-header {
    padding-top: 110px;
    padding-bottom: 0;
  }
  .main-inner {
    flex-direction: column;
  }
  .main-header-txt {
    margin: 0 auto;
    width: 90%;
  }
  .main-inner h1 {
    text-align: left;
    font-size: 26px;
  }
  .main-picture {
    width: 90%;
    margin-top: 20px;
  }
  .main-inner p:nth-of-type(1) {
    font-size: 19px;
  }
  .main-inner p:nth-of-type(2) {
    font-size: 13px;
    margin-top: 11px;
  }
  .main-inner .sst  {
    width: 87%;
    position: relative;
  }
  .sst-inner {
  position: unset;
    top: 7px;
    right: 0;
    padding-bottom: 20px;
    bottom: 31px;
    margin: 0 auto;
    margin-top: -25px;
    width: 90%;
  }
  /* case記述終わり */



  /* jsオブジェクト類 */
  /*ハンバーガーボタン*/
  .globalMenuSp {
    display: block;
  }
  
  .hamburger {
    display : block;
    position: fixed;
    z-index : 5;
    right : 13px;
    top   : 23px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #555;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }

  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }

  nav.globalMenuSp {
  position: fixed;
  z-index : 3;
  top  : 90px;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
  }

  nav.globalMenuSp ul {
  background: #ccc;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  }

  nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
  }
  nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  }
  nav.globalMenuSp ul li:hover{
  background :#ddd;
  }

  nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
  }
  nav.globalMenuSp ul li:nth-of-type(1) a::before {
    display: inline-block;
    content: '<';
    transform: rotate( 90deg )
  }
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
  transform: translateX(0%);
  }
	
	
	
	.downloadlink{
		font-size: 20px;
	}
	

}


@media (max-width: 1000px) {
	.partner .howtopics {
		width: 90%;
		margin: 40px auto;
	}
	/*section .mv2 {
		width: 100%;
	}*/
	section .mv2 .mv2_1 p {
		font-size: 25px;
	}
	section .mv2box {
		min-width: 200px;
	}
	section .mv2 h1 {
		font-size: 45px;
	}
	section .mv2 .mv2_2 {
		margin-top: 20px;
	}
	section .mv2 .mv2_2 h2 {
		font-size: 25px;
	}
	
	.bron {
		display: inherit;
	}
}
@media (max-width: 800px) {
	.partner p.howp,
	.partner .howtopics p,
	.work .worktopics p,
	.mv-txt2 p,
	section .mv2 .mv2_2 p {
		font-size: 90%;
	}
	.partner h2.climidashi {
		font-size: 40px;
	}
		section .mv2 .mv2_2 {
		margin-top: 10px;
		width: 90%;
	}
	section .mv2 .mv2_2 h2 {
		font-size: 20px;
	}

}
@media (max-width: 768px) {
	.partner .howtopics,
	.work .worktopics {
		display: block;
	}
	.partner .howtopics div,
	.work .worktopics div {
		margin-bottom: 30px;
	}
	.work h4 {
		font-size: 19px;
	}
	.partner h2.climidashi {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.mv-txt2 {
		padding: 35px 0 30px;
	}
	.mv-txt2 p {
		width: 90%;
		margin: auto;
	}
	.mv-txt2 .campuswhite {
		margin: 10px auto;
	}
	.mv-txt2 .portal {
		font-size: 23px;
		display: block;
		margin: auto;
		width: fit-content;
	}
	section .mv2 .mv2_1 p {
		font-size: 18px;
	}
	section .mv2box {
		min-width: 120px;
		margin-right: 7px;
	}
	section .mv2 h1 {
		font-size: 28px;
		margin: 15px 0;
	}
	section .mv2 .mv2_2 h2 {
		font-size: 20px;
	}
	section#clienttop {
		height: 40vh;
	}
	section .mv2 {
		padding-top: 0;
	}
	section .mv2 .mv2_2 h2 {
		font-size: 14px;
		margin: 10px 0 5px;
	}
	section .mv2 .mv2_2 h2::before {
		width: 25px;
	}
	section .mv2 .mv2_2 p {
		padding-left: 25px;
		margin-top: 10px;
	}
	section .mv2box2 {
		min-width: 50px;
		margin-right: 3px;
		padding: 3px 10px;
	}
	
	.broff {
		display: none;
	}

}

@media (max-width: 500px) {
	.mv-txt2 .clibox {
		width: 300px;
	}
	section .mv2 .mv2_1 p {
		font-size: 13px;
	}
	section .mv2box {
		min-width: 100px;
		margin-right: 7px;
		padding: 5px;
	}
	section .mv2 h1 {
		font-size: 21px;
	}
	section .mv2 .mv2_2 p {
		font-size: 80%;
		line-height: 1.5;
		margin-top: 0;
	}
	section .mv2box2 {
		min-width: 40px;
    margin-right: 3px;
    padding: 3px 6px;
		line-height: 1;
	}
	section .mv2 .mv2_2 h2 {
		line-height: 1.3;
	}
	.mv-txt2 p {
		font-size: 85%;
	}
	.work h4 {
		font-size: 18px;
	}
	.work .clifonts {
		font-size: 60%;
	}
	section#clienttop {
		height: 50vh;
	}
	
	.bron2 {
		display: inherit;
	}
	.bron21::after {
		content: "";
		padding-left: 25px;
	}

}