.meister-wrap{
  width: 100%;
	background-image: url(/almondkouka/common/images/cloud.jpg);
	background-repeat: repeat-x;
	background-position: center center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.meister-wrap .meister{
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width:768px){
  .meister-wrap .meister{width: 90%;}
}
@media screen and (min-width:769px){
  .meister-wrap .meister{width: 60%;}
}
.meister-wrap .campus{
  width: 90%;
  height: auto;
  margin: 0 auto;
}
ul.course-wrap.fx{
	list-style: none;
}
	ul.course-wrap.fx > li{
  margin-bottom: 2rem;
}
ul.course-wrap.fx > li .inner{
	/*padding:2rem;*/
  background-color: #fff;
  min-height: 10rem;
}
@media only screen and (max-width: 768px) {
	ul.course-wrap.fx > li{
	flex-basis: 48%;
	margin-right: 4%;
}
ul.course-wrap.fx > li:nth-of-type(even){
	margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
	ul.course-wrap.fx > li{
	/*flex-basis: 32%;*/
  flex-basis: 48%;
	margin-right: 2%;
}
/*ul.course-wrap.fx > li:nth-of-type(3n){
	margin-right: 0;
}*/
ul.course-wrap.fx > li:nth-of-type(even){
	margin-right: 0;
}
}
/*
.thumb-button .inner p.new{
  font-size:12px;
  color: #f00;
  margin-bottom: .5rem;
}*/
.thumb-button .inner p.kouza{
  /*margin-bottom:1rem;*/
  display: flex;
  align-items: center;
}
@media screen and (max-width:768px){
  .thumb-button .inner p.kouza{padding: 1rem;}
}
@media screen and (min-width:769px){
  .thumb-button .inner p.kouza{padding: 2rem;}
}
.thumb-button .inner p.kouza span{
  color:#fff;
  border-radius:4px;
  line-height: 1;
}
.thumb-button .inner p.kouza em{
  font-style:normal;
  font-weight:bold;
}
.thumb-button .inner p.kouza small{
  font-style:normal;
  font-weight:bold;
  margin-left: auto;
  color: #f00;
}
@media screen and (max-width:768px){
  .thumb-button .inner p.kouza span{font-size:10px;padding:.5rem .5rem;margin-right:.5rem;}
  .thumb-button .inner p.kouza em{font-size:10px;}
  .thumb-button .inner p.kouza small{font-size:10px;}
}
@media screen and (min-width:769px){
  .thumb-button .inner p.kouza span{font-size:12px;padding:.5rem .5rem;margin-right:.5rem;}
  .thumb-button .inner p.kouza em{font-size:12px;}
  .thumb-button .inner p.kouza small{font-size:12px;}
}
/*.thumb-button .inner h3{
  font-size:16px;
  margin-bottom:1rem;
  min-height: 4rem;
  font-weight:bold;
}
*/
div.container h4{
font-weight:bold;
}

/*取得未*/
.unacquired{}
.unacquired .inner p.kouza span{
   background-color:#11a5f1;
   }
.unacquired .inner p.kouza em{
  color:#11a5f1;
  }
/*.thumb-button.unacquired.box-link a{
  box-shadow: 0 0 0 2px #dfb865 inset;
  border-radius:4px;
  }*/
/*取得済*/
.acquired{}
.acquired .inner p.kouza span{
   background-color:#f44336;
   }
.acquired .inner p.kouza em{
  color:#f44336;
  }
/*.thumb-button.acquired.box-link a{
  box-shadow: 0 0 0 2px #f44336 inset;
  border-radius:4px;
}*/
.thumb-button.unacquired.box-link a,
.thumb-button.acquired.box-link a{
  box-shadow: 0 0 0 2px #f44336 inset;
  border-radius:4px;
}
/*coming soon*/
.coming_soon::before{
  position: absolute;
top: 0;
bottom:0;
left: 0;
right: 0;
background-color: rgba(255,255,255,.85);
z-index: 1;
display: block;
content: '';
}
.coming_soon::after{
  position: absolute;
  content: 'Coming Soon';
  color: #f00;
  text-align: center;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -2.4em;
  z-index: 2;
  font-size: 18px;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  text-transform: uppercase;
  background-color: #fff;
  padding: .25rem;
  display: inline-block;
  line-height: 1;
  letter-spacing: .1em;
}



.quiz-wrap{
	border-top:5px solid #dfb865;
	border-bottom:10px solid #d7cdb0;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	box-shadow: 2px 2px 10px 5px #efefef;
 border-radius:4px;
	background-color: #fff;
	position: relative;
	/*background-image: url(../../common/images/cloud-white.jpg);
	background-repeat: repeat-x;
	background-position: 0 10rem;
	animation: bgroop 120s linear infinite;*/
	padding-top: 4rem;
  margin-bottom: 4rem;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.quiz-wrap::after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background-color: #dfb865;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
}
@keyframes bgroop {
    from {background-position: 0 10rem;}
    to {background-position: -2000px 10rem;}
}
.quiz-wrap + p.pk{
  margin-bottom: 4rem;
}
.ttl-quiz{
	color: #7f524c;
	font-size: 18px;
}

.quiz-wrap .campus{
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}
.quiz-wrap .campus img{
  width: 100%;
  height: auto;
}

.quiz-wrap h2{
font-weight:bold;
}

/*
.slick-slide{
	padding: 0 2rem;
}

@media screen and (min-width:769px){
	.slick-slide{
	padding: 0 8rem;
}
}
.slider button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
	position: absolute;
	top: 50%;
	z-index:2;
	cursor: pointer;
	transition: opacity .3s;
	display: block;
	border-radius:50%;
	border:1rem #f6f7f1 solid;
	background-color: #dfb864;
	font-style: normal;
}
.slide-arrow:hover{
  opacity: .6;
}
.slide-arrow span{
	color: #fff;
	text-align: center;
	display: block;
}
.slide-arrow.slick-disabled{
  opacity: 0;
}
.slick-dots{
	bottom: -50px;
}
.slick-dots li button{
	background-color:#c9c9c9;
	border-radius:50%;
}
.slick-dots li.slick-active button{
	background-color:#ff6660;
}
.slick-dots li button::before{
	display:none;
}
@media screen and (max-width:768px){
.slide-arrow{
    width: 4rem;
	height: 4rem;
  margin-top: -1rem;
  }
  .slide-arrow span{
	font-size: 2rem;
    line-height: 1;
  }
  .prev-arrow{
  left: -2rem; 
}
.next-arrow{
  right: -2rem;
}
}
@media screen and (min-width:769px){
  .slide-arrow{
    width: 6rem;
	height: 6rem;
    margin-top: -1.5rem;
  }
  .slide-arrow span{
	font-size: 3rem;
    line-height: 1.3;
  }
  .prev-arrow{
  left: -3rem; 
}
.next-arrow{
  right: -3rem;
}
}



.slick-slide p{
	font-size: 14px;
  line-height: 2;
}

.change-border{
  border: 2px solid transparent;
  position: relative;
		border-radius:1rem;
}
.change-border .inner{
	padding: 4rem;
	background-color: #fff;
}
.change-border::after,
.change-border::before,
.change-border > .inner::after,
.change-border > .inner::before {
    background-color: #dfb864;
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    transition: all 2s ease;
}

.change-border::after {
    height: 2px;
    left: -2px;
    top: -2px;
    width: 0px;
}

.change-border::before {
    bottom: -2px;
    height: 2px;
    right: -2px;
    width: 0px;
}

.change-border > .inner::after {
    bottom: -2px;
    height: 0px;
    left: -2px;
    width: 2px;
}

.change-border > .inner::before {
    height: 0px;
    right: -2px;
    top: -2px;
    width: 2px;
}
*/

/* hover 
.slick-active.end .change-border::after,
.slick-active.end .change-border::before {
    width: 100%;
    width: calc(100% + 2px);
}

.slick-active.end .change-border > .inner::after,
.slick-active.end .change-border > .inner::before {
    height: 100%;
    height: calc(100% + 2px);
}
*/

/*
2103改定*/
.quiz-wrap .inner{
  padding: 0 4rem;
}
.quiz-wrap .inner form{
  text-align: center;
}



dl.qa{
 line-height:1.4;
 margin-left: 6rem;
 display: inline-block;
 text-align: left;
}
dl.qa dt,
dl.qa dd{
	margin:0;
	padding:0;
}
dl.qa dt{
	position:relative;
	margin-bottom:2.5rem;
	font-size: 18px;
  font-weight: bold;
}
dl.qa dt::before,
dl.qa dd::before{
	position:absolute;
	content: '';
	left: -54px;
	top: -4px;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
}
dl.qa dt::before{
	background-image: url(../images/q.png);	
}
dl.qa dd{
	position:relative;
 margin-bottom: 2rem;
	padding-bottom:2rem;
 border-bottom: 2px #ccc dashed;
  font-size: 14px;
}
dl.qa dd::before{
		background-image: url(../images/a.png);
}
dl.qa dd:last-child{
  border-bottom: 0;
}

ul.a-t{
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  letter-spacing: -.4em;
}
ul.a-t li{
  letter-spacing: normal;
}

@media screen and (max-width: 768px){
  ul.answer li{
  display:block;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 769px){
	ul.a-t li{
		display: inline-block;
		margin-right: 1rem;
	}
}
ul.a-t label{
  cursor: pointer;
  transition: opacity .3s;
}
ul.a-t label:hover{
opacity:.6;
}

.checkbox-input,
.radio-input{
  display: none;
}

.radio-parts,
.checkbox-parts,
.radio-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  line-height:1;
}

.radio-parts{
transition:.4s;
}

.radio-input:checked + .radio-parts{
  color:#ff6660;
}

.radio-parts::before{
	content:'';
	display: block;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	z-index:-1;
	transform: scale(0,0);
	background: rgba(255,85,94,.3);
	position: absolute;
}

.radio-parts::after{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #ccc;
	transition:.4s;
	transform: scale(.8,.8);
}
.radio-input:checked + .radio-parts::after{
  transform: scale(1,1);
  border-radius: 50%;
  background: #ff6660;
}

.radio-input:checked + .radio-parts:before {
  animation: pulsate .8s ease-out;
}

@keyframes pulsate {0%{ transform: scale(0, 0); }50%  { opacity: 1; }100% { transform: scale(3.5, 3.5); opacity: 0.0;}}



.quiz-result{
  margin-bottom: 4rem;
}
.quiz-result .mark{
  margin-bottom: 2rem;
}
.quiz-result .mark img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.quiz-result .mark.pass img{
}
.quiz-result .mark.failure img{
}

.quiz-result h2{
font-weight:bold;
}

.quiz-result p{
  font-weight: bold;
font-size:16px;
}

.quiz-ttl{
  font-size:22px!important;
  font-weight: bold;
  padding: 1rem;
  margin-bottom: 2rem;
  color: #ff6660;
  background-color: #f5f5f5;
}

.point{
  font-size:16px!important;
  font-weight: bold;
  color: #ff6660;
}

.layout-base.fx{}
.layout-base.fx .ct{
  flex-basis: 75%;
}
.layout-base.fx .pt{
  flex-basis: 20%;
}
.layout-base.fx .pt img{
  margin-bottom: 1rem;
}
.layout-base .pt .txt-S{
  font-size: 12px!important;
  line-height: 1.4;
}

@media screen and (max-width:769px){
  .layout-base .pt img{
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}