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



.digisma{background-color:#f9f8f4;}


#digismaInner .whiteBox{
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 20px;
	padding: 2.7rem 4rem 3rem;
    position: relative;
    z-index: 1;
    margin-bottom: 3.4rem;
}


#digismaInner .whiteBox:after{
    position: absolute;
    content: "";
    border-left: 3.3rem solid transparent;
    border-right: 3.3rem solid transparent;
    border-top: 1.4rem solid #EEB8A0;
    bottom: -2.4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
#digismaInner .whiteBox.last:after{content: none;}



#digismaInner .colorBox{
	box-sizing: border-box;
	background-color: #F9F9F9;
	border-radius: 20px;
	padding: 2rem 3rem 0;  
}



/*SP*/	
@media screen and (max-width: 736px){


#digismaInner .whiteBox{
	border-radius: 15px;
	padding:2rem 1.5rem;
}


#digismaInner .colorBox{
	box-sizing: border-box;
	background-color: #F9F9F9;
	border-radius: 15px;
	padding:2rem 2rem 0;
}

}






#digismaInner .title_txt{font-size: 1.875rem;font-weight: 700;margin-bottom: 1rem;}
.mac #digismaInner .title_txt{font-weight: 500;}


#digismaInner .title_txtS{font-size: 1.5rem;font-weight: 700;margin-bottom: 1rem;color:#0D7CD3;}
.mac #digismaInner .title_txtS{font-weight: 500;}


#digismaInner .title_en{color:#0D7CD3;margin-right: 1.3rem;}



/*SP*/	
@media screen and (max-width: 736px){

#digismaInner .title_txt{font-size: 1.5rem;text-align: center;}
#digismaInner .title_txtS{font-size: 1.35rem;margin-bottom: 1rem;text-align: center;}
#digismaInner .title_en{display: block;margin: 0 0 0.3rem;font-size: 1.4rem;}

}





#digismaInner .download_bnr{display: flex;justify-content: center;margin-top:2.5rem;}
#digismaInner .download_bnr li:first-of-type{padding-right: 1rem;}


/*PC*/
@media print, screen and (min-width: 737px) {
#digismaInner .download_bnr img{height: 75px;}

}

/*SP*/	
@media screen and (max-width: 736px){
#digismaInner .download_bnr{margin:2rem auto 0.5rem;}

}





#digismaInner .btn a {
  background-color: #0079D1;
  border-radius: 50px;
  padding: 1.3rem 2.5rem 1.3rem 2.5rem;
  min-width: 20rem;
  background-position: left 1.3rem center;
  font-size: 1.375rem;
  background-size: auto 1.3rem;
  text-indent: 1.1rem;
  text-align: center;
  background-image: url("../images/btnArrowR_wh.svg");
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 500;
  box-sizing: border-box;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.mac #digismaInner .btn a {
  font-weight: 400;
}




/*SP*/	
@media screen and (max-width: 736px){

#digismaInner .btn a {
  padding: 1.2rem 2.5rem 1.2rem 2.5rem;
  min-width: inherit;
  font-size: 1.3rem;
  text-indent: 1.1rem;
  width: 90%;
  display: block;
  margin: 1.5rem auto 1rem;
}


}








/*PC*/
@media print, screen and (min-width: 737px) {  
#digismaInner .appointment_link{display: flex;align-items: center;flex-direction: row-reverse; justify-content: center;margin-top: 2rem;}
#digismaInner .appointment_link .btn{margin:1rem 6rem 0 0;}

}


/*SP*/	
@media screen and (max-width: 736px){

#digismaInner .appointment_link{text-align: center;}
#digismaInner .appointment_link .qr{margin-top: 1rem;}
#digismaInner .appointment_link .qr img{max-width: 60%;}
}



