@charset "UTF-8";
/* CSS Document */

body{background-color: #FCFFF2;
	color: #494949;
	}

/* 横揺れ防止 */
@media screen and (max-width : 767px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 }
}

#maho a{color: aliceblue;
font-size: 23px;
}                                   /*資料請求の色*/

/* 疑問文 */
#carouselExampleControls{position: relative;}
.box {
  top: 60px;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}
.text1 {position: absolute;
font-size: calc(120% + 4 * (100vw - 600px) / 400);
}
.text2 {position: absolute;
font-size: 15px;

}
.pict {
  width: 50%;
  margin-left: -6%;
  margin-top: -6%
}

.pict img {
  width: 100%;
  height:auto;
}

.pict2 {
  width: 35%;
  margin-left: -1%;
  margin-top: -5%
}

.pict2 img {
  width: 100%;
  height:auto;
}

.pict3 {position: absolute;
  width: 35%;
  margin-left: 50%;
  margin-top: -2%
}

.pict3 img {
  width: 100%;
  height:auto;
}


.pict4 {position: absolute;
  width: 35%;
  margin-left: 55%;
  margin-top: -2%
}

.pict4 img {
  width: 100%;
  height:auto;
}
/* 疑問文終わり */
              　　　　　　　/*ホバーアクション*/
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 200px;
	margin-bottom: -200px; /*余白を解消する値を入れます*/
	margin: 2em auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: calc(60% - 25px);
	left: 50%;
	width: 40px;
	height: 40px;
}
.cp_arrows .cp_arrow::before,
.cp_arrows .cp_arrow::after {
	position: absolute;
	display: block;
	width: 3px;
	height: 30px;
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
	        transform: translate(-50%, -50%) rotateZ(-60deg);
	transform-origin: bottom right;
	border-radius: 10px;
	background: #bbd5ef;
}/*色おおおお*/
.cp_arrows .cp_arrow::after {
	-webkit-transform: translate(-50%, -50%) rotateZ(60deg);
	        transform: translate(-50%, -50%) rotateZ(60deg);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
}
.cp_arrows .cp_bounce {
	-webkit-animation: arrow-move09 2s infinite ease-in-out;
	        animation: arrow-move09 2s infinite ease-in-out;
}
@-webkit-keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}
@keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}
              /*ホバーアクション終わり*/

              /*視覚デザイン学科*/
.taitoru2{font-size: 19px;
  position: relative;
  left:10px;
  display: inline-block;
  padding: 0 55px;
	color:  #048D97;	
}
.taitoru2:after{
   content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #048D97;;
  border-bottom: solid 1px #048D97;;
 
}

.taitoru2:before{
    content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #048D97;;
  border-bottom: solid 1px  #048D97;;
 
} 
.taitoru2:before {
  left:0;
  
}.taitoru2:after {
  right: 0;	
}

.text2{margin-top: 10px;
	padding-left: 20px;
	margin-right: 20px;
}


              /*学べる事*/
.aze{top: 170px;}

             /*紹介図1*/
p#nezu1{position:relative;
	padding-top:180px;
	right:-20px;
	}
p#nezu2{position:relative;
	padding-top:50px;
	right:-10px;}
p#nezu3{position:relative;
	padding-top:50px;
	right:-18px;
}
p#nezu4{position:relative;
	padding-top:50px;
	right:-10px}
p#nezu5{position:relative;
	padding-top:50px;
    right:-20px;}
p#nezu6{position:relative;
	padding-top:50px;
	right:-10px}
p#nezu7{position:relative;
	right: -200px;
	margin-top: -50px}

             /*紹介タイトル*/
.editoriaru{position:relative;
	margin-top: -225px;
	color: #FCFFF2;
    right:-5px;
	font-size: 17px;
}
p#irasuto{position:relative;
	margin-top: -228px;
    right:-145px;font-size: 17px;
color: #FCFFF2;}
p#web{position:relative;font-size: 17px;
margin-top: -226px;
    right:-8px;
color: #FCFFF2;
}
p#syasinn{position:relative;font-size: 18px;
	    right:-155px;
	margin-top: -215px;
color: #FCFFF2;}
p#eizou{position:relative;font-size: 18px;
margin-top: -218px;
color: #FCFFF2;
right:-25px;
}
p#koukoku{position:relative;font-size: 17px;
	    right:-148px;
	margin-top: -225px;
color: #FCFFF2;}
    
             /*紹介内容*/
p#niyou{position:relative;
	margin-top: 50px;
right:-250px;}
p#niyou2{position:relative;
	margin-top: 50px;
right:-30px;}
p#niyou3{position:relative;
	margin-top: 40px;
right:-248px;}
p#niyou4{position:relative;
margin-top: 40px;
right:-30px;}
p#niyou5{position:relative;
	margin-top: 30px;
right:-245px;}
p#niyou6{position:relative;
	margin-top: 45px;
right:-40px;}

             /*本文内容*/
p#honnbunn1{margin-top: 70px;
	padding-left: 10px;
	margin-right: 10px;}

             　　　　　　　　/*ボタン*/



.b a{position:relative;
right:20px;}

.btn{  position:relative;
	margin-top: 15px;
  right:-208px;}
.btn2{  position:relative;
	margin-top: 15px;
  right:-35px;}
.btn3{  position:relative;
  right:-208px;
margin-top: -30px;}
.btn4{  position:relative;
	margin-top: -30px;
  right:-45px;}
.btn5{  position:relative;
  right:-208px;
margin-top: -30px;}
.btn6{  position:relative;
	margin-top: -30px;
  right:-20px;}

.btn{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;
  border: solid 2px #ffbe26;
  background:#ffbe26;
  border-radius: 3px;
  transition: .4s;
}
.btn2{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;
  border: solid 2px #ffbe26;
  background:#ffbe26;
  border-radius: 3px;
  transition: .4s;
}

.btn3{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;
  border: solid 2px #ffbe26;
  background:#ffbe26;
  border-radius: 3px;
  transition: .4s;
}
.btn4{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;
  border: solid 2px #ffbe26;
  background:#ffbe26;
  border-radius: 3px;
  transition: .4s;
}
.btn5{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;
  border: solid 2px #ffbe26;
  background:#ffbe26;
  border-radius: 3px;
  transition: .4s;
}
.btn6 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;
  border: solid 2px #ffbe26;
  background:#ffbe26;
  border-radius: 3px;
  transition: .4s;
}

.btn:hover {
  border: solid 2px #FFF06E;
  background:#FFF06E;
  color:#1C717A;
}
.btn2:hover {
  border: solid 2px #FFF06E;
  background:#FFF06E;
  color:#1C717A;
}
.btn3:hover {
  border: solid 2px #FFF06E;
  background:#FFF06E;
  color:#1C717A;
}
.btn4:hover {
  border: solid 2px #FFF06E;
  background:#FFF06E;
  color:#1C717A;
}
.btn5:hover {
  border: solid 2px #FFF06E;
  background:#FFF06E;
  color: #1C717A;
}

.btn6:hover {
  border: solid 2px #FFF06E;
  background:#FFF06E;
  color: #1C717A;
}
.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);;}

  /*                                           資料*/
p#osiuri{position:relative;
margin-top: 80px;
font-size: 19px;
padding-left:40px;
}

p#osiuri:before,
p#osiuri:after{content:"";
	display:block;
	position:absolute;
	margin-left: 20px;
}
p#osiuri:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
p#osiuri:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}
p#osiuri2{position:relative;
margin-top: 10px;
font-size: 19px;
padding-left:20px;	
margin-left: 20px;
}

p#osiuri2:before,
p#osiuri2:after{content:"";
	display:block;
	position:absolute;
}
p#osiuri2:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
p#osiuri2:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}

#maho {
  position: relative;
  	margin-top: 5px;
  right:-25px;
  display: inline-block;
padding: .65em 4em;
  border: 2px solid #333;
  color: #333;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#maho::after {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: -1;
  content: '';
  width: 101%;
  height: 105%;
  background-color: #fe5f95;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#maho:hover {
  color: #fff;
}
#maho:hover::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  /*                                           資料終わり*/
.”sukima″ {background-color: #FCFFF2; border: solid 2px #FCFFF2; margin: 30px;}

cp_hr03 {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color:#048D97;
}
#nagaoka{
	margin-top: 30px;
	font-size: 0.75em;
	text-align: center;
}
p#ga{margin-top: -130px;
color:#FCFFF2;
}
p#gai{margin-top: 10px;
color:#FCFFF2;	
}
p#me{margin-top: -30px;}