/*改行*/
body{
  word-break : break-all;
}

body{
  word-wrap : break-word;
  overflow-wrap : break-word;
}

/*youtubeサイズ調整*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
 
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*ポイントボックス 青*/
.point_blue {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #1DA1F2;
    border-radius: 8px;
}
.point_blue .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #1DA1F2;
    font-weight: bold;
}
.point_blue p {
    margin: 0.5em; 
    padding: 0;
}

/*ポイントボックス 赤*/
.point_red {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #DB4437;
    border-radius: 8px;
}
.point_red .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #DB4437;
    font-weight: bold;
}
.point_red p {
    margin: 0.5em; 
    padding: 0;
}

/*ポイントボックス 緑*/
.point_green {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #13a0b5;
    border-radius: 8px;
}
.point_green .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #13a0b5;
    font-weight: bold;
}
.point_green p {
    margin: 0.5em; 
    padding: 0;
}

/*ポイントボックス オレンジ*/
.point_orange {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff6600;
    border-radius: 8px;
}
.point_orange .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff6600;
    font-weight: bold;
}
.point_orange p {
    margin: 0.5em; 
    padding: 0;
}

/*ボックス 青*/
.box_blue {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #1DA1F2;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box_bule p {
    margin: 0; 
    padding: 0;
}

/*ボックス 赤*/
.box_red {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #DB4437;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box_bule p {
    margin: 0; 
    padding: 0;
}

/*ボックス 緑*/
.box_green {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #13a0b5;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box_bule p {
    margin: 0; 
    padding: 0;
}

/*ボックス オレンジ*/
.box_orange {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #ff6600;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box_bule p {
    margin: 0; 
    padding: 0;
}