/* ----- 初めての方へ start -----*/

/* ----- common start -----*/

h1{
    font-size: 165%;  
}

h3{
	font-size: 135%;  
}

.small-text{
	font-size: 11px;
}

.bg-blue {
    background-color: #3A87CF !important;
}

.btn-rounded-blue{
	border-radius: 42px / 55px;
	background: linear-gradient(40deg, #45cafc, #303f9f);
}

.btn-rounded-orange{
	border-radius: 42px / 55px;
	background: linear-gradient(40deg, #ffdf89, #FFAB01);
}


@media screen and (max-width:415px){
    /*SP 415px以下で適用*/
    h1{
        font-size: 165%;  
    }
    
    h2{
        font-size: 135%;  
    }

    h3{
        font-size: 135%;  
	}
	
	hr {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
}
/* breadcrumb start*/
.breadcrumb {
    font-size: 80%;
    background-color: transparent;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: none; }
    .bc-icons-2 .breadcrumb-item.active {
    color: #455a64; }

/* breadcrumb end*/

/* ----- common end ----- */

/* reason start*/

#reason .check-icon {
    color: #FFAA00;
}

/* reason end*/

/* how to resister start*/


#resister .card.card-image {
    width: 100%;
    background-position: center;
    background-size: cover;
}

#resister .card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
/* how to resister end*/

/* what is delta group start*/
#whatis [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
/* view more start*/

@media screen and (max-width:415px){
    /*SP 415px以下で適用*/
#whatis.cp_box *, #whatis.cp_box *:before, #whatis.cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#whatis.cp_box {
	position: relative;
}
#whatis.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
#whatis.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
#whatis.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: ' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background: linear-gradient(40deg, #45cafc, #303f9f);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#whatis.cp_box input {
	display: none;
}
#whatis.cp_box .cp_container {
	overflow: hidden;
	height: 550px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
#whatis.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
#whatis.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: ' 閉じる';
}
#whatis.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 30px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
}

/* view more end*/

/* what is delta group end*/

/* main job start*/
#mainjob .card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#mainjob .md-progress {
    position: relative;
    display: block;
    width: 100%;
    height: .25rem;
    margin-bottom: 1rem;
    overflow: hidden;
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#mainjob .card-text {
	font-size: 11px;
}

.md-progress .progress-bar {
    height: .25rem;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media screen and (min-width:996px){
    /*PC 996px以上で適用*/
	#mainjob .job-title .strong{
		font-weight: bold;
	}

	#mainjob .job-example .small-text{
		color: #0059B2;
	}
}
@media screen and (max-width:415px){
    /*SP 415px以下で適用*/

    h3{
        font-size: 115%;  
	}
	
	hr {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	#mainjob .progress-bar{
		width: 57% !important;
	}
}


@media screen and (max-width:321px){
    /*SP 321px以下で適用*/
	#mainjob .job-title {
		/* padding-left: 7px; */
	}

	#mainjob .job-example {
		padding-right: 7px;
	}
}
/* main job end*/

/* interview start*/


	 #interview .customer-icon{
        color:#FFAA00;
      }
  
      @media only screen and (max-width: 768px){
        #interview .testi-carousel__item {
          background: #fff;
          padding: 20px 15px;
          margin: 5px 15px;
          transition: all .3s ease;
      }
    }
  
    #interview .cp_box *, .cp_box *:before, .cp_box *:after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #interview .cp_box {
      position: relative;
    }
    #interview .cp_box label {
      position: absolute;
      z-index: 1;
      bottom: 0;
      width: 100%;
      height: 140px; /* グラデーションの高さ */
      cursor: pointer;
      text-align: center;
      /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
      background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
    }
    #interview .cp_box input:checked + label {
      background: inherit; /* 開いた時にグラデーションを消す */
    }
    #interview .cp_box label:after {
      line-height: 2.5rem;
      position: absolute;
      z-index: 2;
      bottom: 20px;
      left: 50%;
      width: 16rem;
      font-family: FontAwesome;
      content: '続きをよむ';
      transform: translate(-50%, 0);
      letter-spacing: 0.05em;
      color: #ffffff;
      border-radius: 20px;
	  background: linear-gradient(40deg, #45cafc, #303f9f);
	  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    }
    #interview .cp_box input {
      display: none;
	}
@media screen and (min-width: 769px){
#interview .cp_box .cp_container {
	height:240px;
	overflow: hidden;
	transition: all 0.5s;
}
}
	
	@media screen and (max-width: 415px){
	#interview .cp_box .cp_container {
    transition: all 0.5s;
}
	}
    #interview .cp_box input:checked + label {
      /* display: none ; 閉じるボタンを消す場合解放 */
    }
    #interview .cp_box input:checked + label:after {
      font-family: FontAwesome;
      content: ' 閉じる';
    }
    #interview .cp_box input:checked ~ .cp_container {
      height: auto;
      padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
      transition: all 0.5s;
    }
  
    #interview .cp_box label {
      display: inline-block;
      margin-bottom: 0rem;
  }

  #interview .span-underline{
    background: linear-gradient(transparent 70%, rgb(252, 216, 145) 7%);
}
  

/* interview end*/

/* cv start*/
#cv .pricing-card {
  text-align: center;
}
#cv .card {
  font-weight: 400;
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#cv .pricing-card .price {
  position: relative;
  padding-top: 3.5rem;
}
/* .blue {
  background-color: #2196f3 !important;
} */
#cv .pricing-card .price .version {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 1rem;
  background-color: rgba(0,0,0,0.25);
  border-radius: .25rem .25rem 0 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#cv .pricing-card .striped {
  padding: 1rem;
}


#cv .check-icon,
#cv .lightbulb-icon {
  color: #FFAA00;
}

#cv .bg-orange {
  background: #fff3e0;
}

.accordion + .accordion {
	display:none;
}
.accordion_btn {
	display: block;
	margin-top:15px;
	background:#3A87CF;
}
.accordion_btn::before {
	content: "続きを読む";
	display: block;
	padding:8px;
	color:#FFFFFF;
	font-size:1rem;
	font-weight: 700;
	text-align: center;
}

/* cv end*/

/* ----- 初めての方へ end ----- */