@charset "utf-8";
@import "style.css";

/*========================================================================================================================


  ◇◆◇ サイクロトロン加速器 ◇◆◇
  
  
========================================================================================================================*/

.blockT { text-align:center; position:relative; min-height:230px; margin-bottom: 30px;}
.blockT img { max-width:300px; position:absolute; right:0; top:0; }
.blockT p { text-align:left; padding-right:325px; }

@media screen and (max-width:640px) {
  .blockT { margin-bottom:2rem; min-height:inherit; }
  .blockT img { max-width:100%; margin-top:1.5rem; position:inherit; right:inherit; top:inherit; }
  .blockT p { padding-right:0; }
}

.blockC {
  font-family:"Noto Sans Japanese";
  font-style:normal;
  font-weight:500;
  text-align:center;
  line-height:1.5;
}
.blockC br.pc-none { display:none; }

@media screen and (max-width:640px) {
  .blockC { font-weight:700; font-size:125%; }
  .blockC br.pc-none { display:inherit; }
}

.blockB dl {
  width:260px;
  float:left;
  margin-left:10px;
}

.blockB dl:first-child,
.blockB dl:nth-child(4) { margin-left:0; }
.blockB dl:nth-child(n+4) { margin-top:20px; }

.blockB dt {
  width:100%;
  box-sizing:border-box;
  background-color:#058787;
  color:#fff;
  position:relative;
  padding:1em 1em 1.75em 1em;
  padding:1rem 1rem 1.75rem 1rem;
  text-align:center;
  line-height:1.4;
  display:table;
}

.blockB dt:after,
.blockB dt:before {
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  left:50%;
  z-index:2;
}

.blockB dt:after {
  margin-left:-27px;
  bottom:-33px;
  border-top:22px solid #f0c302;
  border-right:25px solid transparent;
  border-left:25px solid transparent;
}

.blockB dt:before {
  width:26px;
  height:16px;
  background-color:#f0c302;
  margin-left:-18px;
  bottom:-8px;
}

.blockB dd {
  width:100%;
  box-sizing:border-box;
  background-color:#f4f4f4;
  padding:2.5em 1.5em 1.5em 1.5em;
  padding:2.5rem 1.5rem 1.5rem 1.5rem;
  text-align:center;
  line-height:1.4;
  display:table;
}

.blockB dd img { max-width:90px; margin-bottom:0.5em; margin-bottom:0.5rem; }

.blockB dl span {
  display:table-cell;
  width:100%;
  text-align:center;
}

.blockB dt span { vertical-align:middle; }
.blockB dd span { vertical-align:top; }

@media screen and (max-width:640px) {
  .blockB { margin-left:-1rem; }
  
  .blockB dl {
    width:50%;
    float:left;
    margin-left:0 !important;
    padding-left:1rem;
    box-sizing:border-box;
    font-size:85%; 
  }
  
  .blockB dl:nth-child(n+3) { margin-top:1rem; }
  
  .blockB dt { padding-left:0.75rem; padding-right:0.75rem; }
  .blockB dd { padding-left:0.75rem; padding-right:0.75rem; }
}