html{
    scroll-behavior: smooth;
}
h2.campaign01{
  padding-bottom: .2em;
  border-bottom: 2px solid #1D2089;
  font-size: 18pt;
  letter-spacing: 2.5px;
  margin: 2em 0 1em 0;
}

h3.campaign01 {
  border-bottom: 1px solid #ccc;
  padding:.5em;
  list-style-type: none!important;
  font-size: 16pt;
  letter-spacing:1.8px;
  margin: 1em .2em .5em 0;
}

h3.campaign01:before{
  font-family: FontAwesome,'Avenir','Arial',sans-serif;
  content: '\f0a4';
  margin-right: .3em; /*左端からのアイコンまでの距離*/
  color: #FE3E2D; /*アイコン色*/
  font-size: 1.2em;
}

div.campaign_Box01 {
    display: table;
    width: 100%;
}
div.campaign_Box_in01 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 33.333%;
}
div.campaign_Box_in01 h3{
    text-align: center;
    vertical-align: middle;
	line-height: 190%;
	letter-spacing:1.8px;
	font-size: 10pt;
	padding: 1em auto .3em auto;
}
div.campaign_Box_in01 img{
    width: 95%;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
}

div.campaign_Box_in02 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 30%;
}
div.campaign_Box_in02 img{
    width: 98%;
}

div.campaign_Box_in03 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 70%;
}
div.campaign_Box_in03 p{
	line-height: 190%;
	letter-spacing:1.8px;
	font-size: 10.7pt;
	padding: 0 0 0 .3em;
}

ul.campaign_List01 {
  border: solid 2px #FE3E2D;
  border-radius: 5px;
  padding: 1em .5em;
  position: relative;
  margin: 1em .1em;
  text-align: left;
  vertical-align: middle;
}

ul.campaign_List01 li {
  line-height: 1.5;
  padding:.5em;
  list-style-type: none!important;
  font-size: 11pt;
  letter-spacing:1.8px;
  text-indent:-1.5em;
  padding-left:1.5em;
}
ul.campaign_List01 li:before {/*リストのアイコン*/
  font-family: FontAwesome,'Avenir','Arial',sans-serif;
  content: '\f071';
  margin-right: .3em; /*左端からのアイコンまでの距離*/
  color: #f9ca33; /*アイコン色*/
  font-size: 1.2em;
}

div.campaign_text01{
	line-height: 190%;
	letter-spacing:1.8px;
	font-size: 10.7pt;
	margin: .5em 0 1.5em .3em;
}
div.campaign_text02{
    text-align: center;
    vertical-align: middle;
	line-height: 190%;
	letter-spacing:1.8px;
	font-size: 2em;
	margin: .5em auto;
	color: #FE3E2D;
	font-weight: bold;
}

span.linem {
	background: linear-gradient(transparent 30%, #fbd 30%);
	font-weight: bold;
}

span.caution{
	font-size: .8em;
	font-weight: bold;
	color: #ff0f00;
}
span.emphasis{
	font-size: 1.2em;
	margin: .1em;
	font-weight: bold;
	color: #ff0f00;
}
span.campaign001 {
	text-decoration: line-through;
    color: #000000;
}

/* <a href="#" class="campaign_btn01">ぼたん</a> */
.campaign_btn01 {
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    color: #1D2089;
    border: solid 2px #1D2089;
    border-radius: 5px;
    transition: .4s;
	font-size: 12pt;
	font-weight: bold;
	margin: .5em 1em;
	letter-spacing:.15em;
}

.campaign_btn01:hover {
    background: #1D2089;
    color: #fff;
    text-decoration: none;
	letter-spacing:.25em;
}

.campaign_btn02 {
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    color: #0F4A97;
    border: solid 2px #0F4A97;
    border-radius: 5px;
    transition: .4s;
	font-size: 12pt;
	font-weight: bold;
	margin: .5em 1em;
	letter-spacing:.1em;
    width: 100px;
}

.campaign_btn02:hover {
    background: #0F4A97;
    color: #fff;
    text-decoration: none;
	letter-spacing:.2em;
}
.campaign_btn02 a:link { color: #0F4A97; }
.campaign_btn02 a:visited { color: #0F4A97; }

.campaign_round_box01 {
    padding: .8em 0;
    margin: 1em 0 .5em 0;
    background: #FFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.campaign_round_box01 .box-title {
    font-size: 1.5em;
    background: #FE3E2D;
    padding: .8em;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: .2em;
}
.campaign_round_box01 p {
    text-align: center;
    vertical-align: middle;
	line-height: 190%;
	letter-spacing:1.8px;
	font-size: 2em;
}