[id*="h2"] {
  margin-top: -160px;
  padding-top: 160px;
}

.point_box .point {
  font-weight: 400;
}
.inner-small {
  width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.table_type th {
  width: 150px;
}
.col_03 {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.col_03 figure {
  border: 1px solid #cecece;
  display: flex;
  flex-flow: column;
  margin-bottom: 20px;
}
.col_03 img {
  margin: auto;
  max-width: 90%;
  padding: 10px 0px;
  width: auto;
  max-height: 100px;
}
.col_03 figcaption {
  border-top: 1px solid #cecece;
  margin-top: auto;
}
.col_03 figcaption a {
  display: block;
  padding: 5px;
}
.logo_border {
  border: 1px solid #cecece;
}

.anchor {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

.col.newbook img {
  width: 180px;
  display: block;
  margin: 0 auto;
}

.card {
  position: relative;
  display: inline-block;
}

.card.new-badge::before {
  position: absolute;
  top: 0px;
  left: -40px;
  width: 30px;
  height: 30px;
  line-height: 31px;
  border-radius: 50%;
  background: linear-gradient(to top, #3e9600 0%, #65ad29 100%);
  color: white;
  font-size: 0.6rem;
  text-align: center;
  text-transform: uppercase;
  content: "new";
}

.card.new-badge02::before {
  position: absolute;
  top: 0px;
  left: -50px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 50%;
  background: linear-gradient(to top, #3e9600 0%, #65ad29 100%);
  color: white;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  content: "new";
}

.col_03.card03 img {
  max-width: 100%;
}

.box_task.bookpr {
  max-width: 1100px;
}

.col_01_02 .col.newbook:nth-child(2n-1) {
  width: 32%;
  text-align: center;
}





/*250521*/
#main_cont .sp{
	display: none;
}
	
#main_cont .marker{
	background:linear-gradient(transparent 40%, #ff6 40%);
}

#main_cont .red{
	color: red;
}


#main_cont p .emphasis_01{
	font-size: 18px;
    font-weight: bold;
}    

#main_cont section.about img{
	display: block;
	margin: 0 auto;
	width: 80%;
    /*margin-bottom: 3%;*/
}

[class*="service_type"] .ttl span.frame{
    border: 1px solid #fff;
    padding: 1%;
    border-radius: 4px;
}

#main_cont section.about div.box p.mb8{
	margin-bottom: 10%;
}

[class*="service_type"] {
    justify-content: space-between;
}

#main_cont section.about div.col + .col {
   margin-left: 0;
}

#main_cont section.about div.col{
	background: #fff;
    display: flex;
    flex-direction: column;
}

#main_cont section.about div.service_type02_02 div.adjustmentBox{
	margin: 15px 0;
}


#main_cont section.about div.left .ttl{
	background: #5B9BD5;
    border-radius: 10px 10px 0 0;
}

#main_cont section.about div.left{
    border: 3px solid #5B9BD5;
    border-radius: 14px;
}

#main_cont section.about div.right .ttl{
	background: #ED7D31;
    border-radius: 10px 10px 0 0;
}

#main_cont section.about div.right{
    border: 3px solid #ED7D31;
	border-radius: 14px;
}

[class*="service_type"] .ttl {
    color: #fff;
}

#main_cont section.about div.left{
	width: 51%;
}

#main_cont section.about div.right{
	width: 48%;
}
    
#main_cont section.about div.col ul.flex{
    display: flex;
    margin: 0 auto;
	width: 95%;
	padding: 0;
}

#main_cont section.about div.col ul.flex li{
    padding-left: 1%;
}

#main_cont section.about div.col ul.border{
    border-bottom: 1px solid #444;
}

#main_cont section.about div.col ul.flex p + p{
	margin:0;
}


#main_cont section.about div.col ul.flex p.bold{
	font-weight: bold;
}

#main_cont section.about div.col ul.flex p.mt15{
	margin-top: 15px;
}


#main_cont section.about div.col ul.flex p.indent{
	margin-left: 13%;
	margin-bottom: 3%;
}

#main_cont section.about div.col ul.flex li{
	padding: 15px 0;
}



/*left*/
#main_cont section.about div.left ul.flex li:first-child{
	color: #478bc9;
    font-weight: bold;
}

#main_cont section.about div.left ul.flex li:first-child.widthAdjustment_02{
	width: 14%;
}

#main_cont section.about div.left ul.flex li:nth-of-type(2){
    width: 29%;
}

#main_cont section.about div.left ul.flex li:last-child{
	width: 56%;
}



/*right*/
#main_cont section.about div.right ul.flex li:first-child{
	color: #ed7d31;
    font-weight: bold;
}

#main_cont section.about div.right ul.flex li:first-child.widthAdjustment_02{
	width: 15%;
}
#main_cont section.about div.right ul.flex li:nth-of-type(2){
    width: 40%;
}

#main_cont section.about div.right ul.flex li:last-child.widthAdjustment_01 {
	width: 70%;
}



/*#main_cont section.about div.right ul.flex li:last-child {
	width: 77%;
}*/



#main_cont section.about .box {
	margin-bottom: 9%;
}

/*btn*/
.btn_area {
    display: block;
    margin: 0 auto;
    text-align: center;
    /*margin-top: 9%;
    margin-bottom: 4%;*/
    margin-bottom: 40px;
}

.btn_area a {
    background: linear-gradient(to top, #f48937 0%, #f15700 100%);
    text-align: center;
    position: relative;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	padding: 23px 8%;
}
.btn_area a:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: "";
    display: inline-block;
    height: 6px;
    position: absolute;
    right: 20px;
    transform: rotate(-135deg);
    width: 6px;
	top: 46%;
}

.btn_area a:hover {
    background: linear-gradient(to top, #888 0%, #aaa 100%);
    box-shadow: 0 0 20px 0px rgba(200, 200, 200, 0.5);
    text-align: center;
}

#main_cont .marginAdjustment{
    margin-top: 5%;
    margin-bottom: 6%;
}	

#main_cont section.about div.box .annotation{
	display: block;
	margin: 0 auto;
	text-align: center;
    margin-bottom: 10%;
}


#main_cont section.about p.mbAdjustment,
#main_cont section.about img.mbAdjustment,
#main_cont section.howToUse p.mbAdjustment{
	margin-bottom: 60px;
}




@media screen and (min-width: 768px) {
  .anchor {
    display: block;
    padding-top: 180px;
    margin-top: -180px;
  }
	
	
	
	
}


@media all and (-ms-high-contrast: none) {
  .col_03 img {
    margin: auto;
    max-width: 90%;
    padding: 10px 0px;
    width: 60px;
    max-height: 100px;
  }
}

@media screen and (max-width: 767px) {
  .col_l_img .col img {
    width: 240px;
    display: block;
    margin: 0 auto;
  }
  .col_01_02 .col.newbook:nth-child(2n-1) {
    width: 100%;
    text-align: center;
  }
	
	
/*250521*/
#main_cont .sp{
	display: block;
}
#main_cont .pc{
	display: none;
}
	
#main_cont section.about .ttl{
	text-align: center;
    padding: 17px 15px 17px 15px;
}
  
#main_cont section.about .ttl span.frame{
    display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 0px 8px;
}
	
#main_cont section.about div.col{
    width: 100%
}
	
.btn_area a {
	margin: 0 auto;
    padding: 4% 0;
    display: block;
    width: 90%;
}	
	
#main_cont .marginAdjustment{
    margin-bottom: 11%;
    margin-top: -6%;
}	

	    
	
	
/*left・right*/
#main_cont section.about div.left ul.flex li:first-child,
#main_cont section.about div.right ul.flex li:first-child{
	width: 42%;
}
#main_cont section.about div.left ul.flex li:last-child,	
#main_cont section.about div.right ul.flex li:nth-of-type(2) {
   width: 58%;
}
	
#main_cont section.about div.left ul.flex li:first-child{
   background-color: #63a8e71c;
}
	
#main_cont section.about div.right ul.flex li:first-child{
   background-color:#ed7d3114;
}
	

#main_cont section.about div.col ul.flex li {
    padding: 15px 0 15px 15px;
}

#main_cont section.about img{
	width: 100%;
}
	
#main_cont section.about p.mbAdjustment,
#main_cont section.about img.mbAdjustment,	
#main_cont section.howToUse p.mbAdjustment{
	margin-bottom: 30px;
}

/*left*/
#main_cont section.about div.left ul.flex li:first-child.widthAdjustment_02 {
    width: 42%;
}
	
#main_cont section.about div.left ul.flex li:nth-of-type(2) {
    width: 57%;
}
	
/*right*/
#main_cont section.about div.right ul.flex li:first-child.widthAdjustment_02 {
    width: 42%;
}
	
#main_cont section.about div.right ul.flex li:nth-of-type(2),
#main_cont section.about div.right ul.flex li:last-child.widthAdjustment_01 {
    width: 57%;
}

}

/* レスポンシブ用重複コンテンツ部分の解消 */
@media only screen and (max-width: 767px) {
	#main_cont section.about div.col ul.flex.resp{
		flex-direction: column;
	}
	#main_cont section.about div.col ul.flex.resp li,
	#main_cont section.about div ul.flex.resp li:first-child[class^="widthAdjustment_"]{
		width: 100%!important;
		margin-left: 0;
	}
	section:nth-of-type(1) .col .adjustmentBox li{
		margin: 0;
	}
}

/* youtube埋め込み用 */
.youtube{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.youtube iframe{
	width: 100%;
	height: 100%;
}