@charset "UTF-8";

/*-------------------------
__fm_style
-------------------------*/
#page{padding:80px var(--pageSideMargin) 0;}
#page .right_img{max-width:50%;float:right;margin:-160px 0 10px 50px;}
#page .right_img img{width:100%;height:auto;}
#page .right_img .pic{display:block;overflow:hidden;border-radius:15px;}
#page .number{font-size:1.6em;line-height:1.5;margin:20px 0;}
#page .number dt{color:var(--colorBlue);}
#page .number dt span{display:inline-block;width:1em;height:1em;font-weight:700;text-align:center;line-height:1em;margin:0 10px 0 0;padding:2px;border-radius:3px;color:#FFF;background-color:var(--colorBlue);}
#page .diagram{--r:200;display:flex;justify-content:center;align-items:center;width:calc(var(--r) * 2px);height:calc(var(--r) * 2px);text-align:center;margin:calc(var(--r) * 0.75px) auto;border-radius:50%;background-color:var(--colorLightBlue); position:relative;}
#page .diagram .diagram_ttl{display:flex;justify-content:center;align-items:center;width:calc(var(--r) * 1.5px);height:calc(var(--r) * 1.5px);font-size:2em;line-height:2;margin:auto;border-radius:50%;color:var(--colorBlue);background-color:#FFF;position:absolute;top:0;right:0;bottom:0;left:0;}
#page .diagram .box{--a2:calc(var(--a) * 1deg - 90deg);--x:calc(cos(var(--a2)) * var(--r) * 1px);--y:calc(sin(var(--a2)) * var(--r) * 1px);display:flex;flex-direction:column;justify-content:center;width:calc(var(--r) * 1px);height:calc(var(--r) * 1px);font-size:1.6em;line-height:1.5;border-radius:50%;background-color:#FFF;border:2px solid var(--colorBlue);position:absolute;translate: var(--x) var(--y);}
#page .diagram .box:nth-of-type(1){--a:0;}
#page .diagram .box:nth-of-type(2){--a:72;}
#page .diagram .box:nth-of-type(3){--a:144;}
#page .diagram .box:nth-of-type(4){--a:216;}
#page .diagram .box:nth-of-type(5){--a:288;}
#page .diagram .box span{display:block;margin:auto auto 5px;}
#page .diagram .box span img{width:auto;height:auto;max-width:100%;max-height:100%;}
#page .diagram .box .box_ttl{font-size:125%;line-height:1.25;margin:0 0 3px;color:var(--colorBlue);}
#page .diagram .box p{margin:0 auto auto;}

@media screen and (max-width:1180px) {
  #page .number{font-size:1.5em;}
  #page .diagram .diagram_ttl{font-size:1.8em;}
  #page .diagram .box{font-size:1.4em;}
}
@media screen and (max-width:980px) {
  #page{padding:60px var(--pageSideMargin) 0;}
  #page .right_img{max-width:initial;width:100%;float:none;text-align:center;margin:-110px auto 20px;}
  #page .right_img .pic{height:300px;}
  #page .right_img .pic img{height:100%;object-fit:cover;}
}
@media screen and (max-width:767px) {
  #page{padding:30px var(--pageSideMargin) 0;}
  #page .right_img{margin:-60px auto 20px;}
  #page .right_img .pic{height:200px;}
  #page .number{font-size:1.3em;}
  #page .diagram{--r:100;}
  #page .diagram .diagram_ttl{font-size:1.3em;line-height:1.3;}
  #page .diagram .box{font-size:1.1em;line-height:1.3;}
  #page .diagram .box span{width:20px;height:20px;margin:auto auto 2px;}
  #page .diagram .box .box_ttl{font-size:1em;}
}