@charset "utf-8";

.lp_base {
  -webkit-text-size-adjust: none;
  background:#FFF;
  font-size:14px;
  color: #383838;
  line-height:1.4;
  margin:0;
}

/*
.lp_base ul{
  padding:0;
  list-style:none;
}
.lp_base li {
  margin-bottom: 0;
}
.lp_base a{
  text-decoration:none;
  display: block;
  font-size:14px;
}

.lp_base p {
  margin: 0;
  text-align: left;
}
*/

p {
  text-align: left;
}

img,
object,
embed {
  height: auto !important;
  max-width: 100% !important;
}

.lp_base img {
  width:100%;
  vertical-align:top;
}

/*header
---------------------------------------------------*/
.header {
  margin-bottom: -5px;
}

#lp_header {
  overflow: hidden;
  background: #0099FF;
  font-size: 100%;
  text-align: center;
  padding: 2% 0 1% 0;
}
#lp_header img {
  width: 22%;
}

/*header2
---------------------------------------------------*/
#lp_header2 {
  background: #0099FF;
  font-size: 100%;
  text-align: center;
  padding: 4px 0px 1px 0;
}
#lp_header2 img {
  vertical-align:bottom;
}
#lp_header2 .headersitelogo2{
  float:right;
  margin-top:3px;
}
#lp_header2 .headerinfo{
  float:left;
}

#headerbar {
  background-color: #0173de;
  color: #fff;
  width: 100%;
}
.headerbarinner {
  padding: 6px 0 5px 0;
  font-size:10px;
  line-height:1.4;
  text-align:center;
}
.headerbarinner a {
  color: #fff;
  text-decoration: underline;
}
.headerLeft,.headerRight {
  float: left;
  width: 28%;
}
.headerCenter {
  float: left;
  width: 44%;
}



/*footer
---------------------------------------------------*/
footer {
  background: #0088FF;
  clear: both;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
}
footer img {
  width:88.125%;
}
footer a {
  margin:0 auto;
  text-align:center;
}
footer p{
  text-align:center;
  margin:0 auto;
}
.footer_box {
  width: 90%;
  margin: 0 auto;
  padding: 0 5% 5% 5%;
  font-size: 14px;
  color: #00c0ff;
}

.cr_rev_img {
  padding: 5% 0 5% 0;
}

/* ソフトバンクのスマートフォンの方へ
---------------------------------------------------*/
.blockbtn {
  background:#ffffff;
}
.blockbtn .sectionTitle{
  margin:0 0 4% 0;
}
.blockbtn .stitle{
  margin-top:20px;
}
.blockbtn .line{
  border-bottom: 1px solid #b5b5b5;
  margin: 7px 10px 7px 10px;
}
.fund_btn {
  display: block;
  margin: 0 5% 0 5%;
  width: 90% !important;
  height: auto !important;
}
.blockbtn .link {
  padding: 2% 0 10%;
  background: url(../img/cta_bg1.png) left top no-repeat;
  background-size: 20%;
  margin: 4% auto 0 auto;
  text-align: center;
}
.blockbtn .link a {
  margin: 0 4% 0 12%;
  color:#0099ff;
  text-decoration: underline;
}
.blockbtn .link2 {
  width: 90%;
  padding: 2% 0 2%;
  margin: 4% auto 0 auto;
  text-align: left;
}
.blockbtn .link2 a {
  color: #0099ff;
  text-decoration: underline;
}

.cr_blockbtn .link2 {
  width: 90%;
  padding: 2% 0 2%;
  margin: 4% auto 4% auto;
  text-align: left;
}
.cr_blockbtn .link2 a {
  color: #0099ff;
  text-decoration: underline;
}
.blockBtn .title01{
  color: #0099ff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.blockBtn span{
  color: #0099ff;
  font-weight: bold;
}

.blockbtnback1 {
  background:#f3e9d3;
  padding-bottom: 20px;
}
.blockbtn_gray{
  background:#ececec !important;
}


/* 2019.12 追加 ======================== */
.blockBtn_item {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}

.blockBtn_item p {
  text-align: center;
}

.blockBtn_item a {
  color: #0099ff;
}

.blockBtn_item img {
  width: calc(100% - 40px);
}

.blockBtn_item a:hover img,
.blockBtn_item a:active img,
.blockBtn_item a:focus img {
  opacity: .8;
}

.blockBtn_item + hr {
  margin: 15px auto;
  width: calc(100% - 30px);
  border:none;
  border-bottom: 1px solid #0099ff;
}

.blockBtn_item dt,
.blockBtn_item dd {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.blockBtn_item .head {
  color: #4b4847;
  font-size: 14px;
  font-weight: bold;
}

.blockBtn_item .body {
  margin-top: 10px;
}

.blockBtn_item .text {
  margin-top: 5px;
  font-size: 12px;
}

/* ここまで / 2019.12 ==================== */



/*floatbtn
---------------------------------------------------*/
#floatbtn {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  padding: 2% 0 1% 0;
  background: #ffffff;
}
#floatbtn .floatTitle {
  display: inline-block;
  width: 26%;
  margin: 0 0 0 2%;
}
#floatbtn .btnArea {
  display: inline-block;
  width: 34%;
  margin: 0 0 0 0;
}
#floatbtn .btnArea a {
  width: 100%;
}
#floatbtn .btnArea .fundBtn {
  height: auto !important;
}



/*guideArea
---------------------------------------------------*/

.guideArea {
  margin: 5% auto 5% auto;
  width: 82%;
  font-size: 12px;
  min-height: 20px;
  padding: 2% 3% 1%;3%
  background-color: #fff;
  color: #5f4c41;
  border: 2px dotted #c7c7c7;
}
.guideArea p {
  margin: 2%;
  width: 94%;
  font-weight: bold;
}
.guideArea span {
  width: 3%;
}

.guideArea p,.guideArea span {
  display: inline-block;
}
.guideArea a {
  font-size: 12px;
  width: 42%;
  display: inline-block;
  padding-left: 6%;
  background: url(../img/guide_bg1.png) left no-repeat;
  background-size: 15%;
  color: #5f4c41;
  text-decoration: underline;
  margin-bottom: 4%;
}
.guide_box {
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto 5% auto;
  font-size: 12px;
  border: 3px solid #afd6f1;
  padding: 2%;
}
.guide_box a {
  color:#0099ff;
  display: inline-block;
}


/*sbArea
---------------------------------------------------*/
.sbArea {
  width: 90%;
  margin: 5% auto 5% auto;
  border: 5px solid #dcdcdc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color:#666666;
}
.sbBox {
  padding: 5% 2%;
  border: 1px solid #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color:#ffffff;
}
.sbBox .sbleft{
  display:inline-block;
  width:26%;
  float:left;
}
.sbBox .sbright{
  display:inline-block;
  width:68%;
}
.sbBox a {
  box-sizing:border-box;
  margin: 0 0 10px 8% ;
}
.sbBox p {
  margin: 0 1%;
  font-size: 12px;
}
.sbBox .sbtext1 {
  padding: 0 0 10px 8% ;
}
.sbBox .sbtext2 {
  padding-top: 2%;
}

/*-------------------*/

.sbBox2_wrap {
  background-color: #fff;
  font-size: 12px;
  margin: 0 4%;
  padding: 1% 0 3% 4%;
  border: 5px solid #dcdcdc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

}
.sbBox2 {
}
.sbBox2 .sbleft {
  display: inline-block;
  width: 26%;
  float:left;
  margin:0 5% 0 5%;
}
.sbBox2 .sbright {
  display: inline-block;
  width: 55%;
  float:left;
}
.sbBox2 .sbright a{
  padding-top:15px;
}
.sbBox2 .sbtext {
  padding-top: 2%;
}

.sb2 {
  width: 100%;
  background: #f7f7f7;
  color: #000000;
}
.sb2 .contents_box{
  background: #f7f7f7;
  width: 96%;
  margin: 0 2% 10px 2%;
  border-bottom: 1px dotted #4b4847;
}
.sb2 .contents_box2{
  border-bottom: none !important;
}
.sb2 .text0 {
  font-size: 12px;
  padding: 5px 3% 15px 3%;
  color: #4b4847;
  float: left;
}
.sb2 .img1 {
  padding: 5% 0 0 3%;
  width: 30%;
  float: left;
}
.sb2 .text1 {
  font-size: 14px;
  padding: 15px 3% 20px 3%;
  color: #4b4847;
  width: 61%;
  float: left;
}
.sb2 .text1 a {
  font-size: 14px;
  color: #0099ff;
  text-decoration: underline;
}
.sb2 .img2 {
  padding: 3% 0 0 0;
  width: 40%;
  float: right;
}
.sb2 .text2 {
  font-size: 14px;
  padding: 15px 3% 15px 3%;
  color: #000;
  width: 54%;
  float: left;
}
.sb2 .text0 span,
.sb2 .text1 span {
  font-weight: bold;
  color: #3797ce;
}

.sb2 .contents_box3{
  background: #eaf7ff;
  padding: 4%;
  font-size:14px;
  text-align:center;
}
.sb2 .contents_box3 a{
  color:#0099ff;
  text-decoration: underline;
}

.DescriptionText {
  font-size: 12px;
  line-height: 1.4;
  margin: 0 10px;
  margin-top: 10px;
}

.blockBtn {
  border: 2px solid #0099FF;
  margin: 20px auto 20px auto;
  padding: 15px 0;
  width: 92%;
  box-sizing: border-box;
}
.blockBtn .boxRight {
  float: right;
  margin: 2% 6% 0 0;
  width: 56%;
}
.blockBtn .boxRight .btn {
  margin-left: 5px;
}
.blockBtn .stext {
  font-size: 12px;
  margin: 5% 8% 0 8%;
}

.blockBtn .stext {
  font-size: 12px;
  margin: 5% 8% 0 8%;
}
.blockBtn .img {
  margin-top: 10px;
  width: 24%;
  margin-left: 8%;
}
/*
.blockBtn2 {
  border: 2px solid #0099FF;
  margin: 10px auto 5px auto;
  padding: 15px 0;
  width: 92%;
  box-sizing: border-box;
}
.blockBtn2 .boxRight {
  float: right;
  margin-right: 6%;
  width: 56%;
}
.blockBtn2 .boxRight .btn {
  margin-left: 5px;
}
.blockBtn2 .stext {
  font-size: 12px;
  margin: 5% 8% 0 8%;
}

.blockBtn2 .stext {
  font-size: 12px;
  margin: 5% 8% 0 8%;
}
.blockBtn2 .img {
  margin-top: 10px;
  width: 24%;
  margin-left: 8%;
}
*/
/*==================================================
  ベース
==================================================*/

h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin:0;
}

figure {
  margin: 0;
}

em,
strong,
small {
  font-style: normal;
}

em,
strong {
  font-weight: bold;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


/*==================================================
  Utilities（使いまわすclass）
==================================================*/
/* flexbox */
.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* align */
.u-al_center {
  text-align: center;
}

.u-al_left {
  text-align: left;
}

.u-al_right {
  text-align: right;
}

/* background color */
.u-bg_white {
  background-color: #fff;
}

/* 左右余白 */
.l-inner {
  padding: 5%;
}

.l-inner + .l-inner {
  padding-top: 0;
}

/* 行間調整用（テキストコンテンツ） */
.u-linehight {
  line-height: 1.75;
}

/* 文字サイズ */
.u-text_base {
  font-size: 17px;
}

.u-text_sm {
  font-size: 12px;
  line-height: 1.4;
}

/* 太字 */
.u-text_bold {
  font-weight: bold;
}

/* 青字 */
.u-text_primary {
  color: #1aa6df;
}


/* デバイス別調整用 */
/* Tablet～ */
@media print, screen and (min-width: 768px) {
  .u-hide--over-md {
    display: none !important;
  }
}

/* sp & Tablet */
@media only screen and (max-width: 991.98px) {
  .u-hide--md {
    display: none !important;
  }
}

/* sp */
@media screen and (min-width: 321px) {
  .u-hide--over-xs {
    display: none !important;
  }
}

@media screen and (max-width: 767.98px) {
  .u-hide--sm {
    display: none !important;
  }
}

/* sp ～320px */
@media only screen and (max-width: 320px) {
  .u-hide--xs {
    display: none;
  }
}


/* mainvisual
---------------------------------------------------*/
.mainvisual {
  position: relative;
  /* 動画非対応ブラウザのフォールバック */
  background: url(../../img/201909/mainvisual_bg.jpg) center 0/100% no-repeat;
}

.mainvisual_movie {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 890px;
  height: 130vw;
  text-align: center;
  overflow: hidden;
}

.mainvisual_movie:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.15);
}

.mainvisual_movie_file {
  width: auto;
  height: 100%;
  opacity: 0;
}

.mainvisual_img_01 {
  position: relative;
  z-index: 3;
  padding-top: 27.81%;
  text-align: center;
}

.mainvisual_img_01 img {
  width: 78.125%;
  max-width: 500px;
  height: auto;
}

.mainvisual_img_02 {
  position: relative;
  z-index: 3;
  margin-top: 25px;
}


/* 2019.12追加 */
.intro_ttl {
  text-align: center;
}

.intro_ttl img {
  width: 78.9%;
}


/* section01
---------------------------------------------------*/
.section01 {
  color: #666;
  font-size: 16px;
}

.section01 > .head {
  margin-top: 30px;
}

.section01 > .head img {
  width: 86.09%;
  max-width: 551px;
}

.section01 > .body {
  margin-top: 15px;
}

.section01 > .body em {
  background-color: #ffeb3e;
}

.section01 > .body .u-linehight p + p {
  margin-top: 15px;
}


/* section02
---------------------------------------------------*/
.section02 > .body {
  margin-top: 20px;
}

/* section03
---------------------------------------------------*/
.section03 {
  color: #646464;
  font-size: 16px;
}

.section03 small {
  font-size: 10px;
  line-height: 1.2;
}

.section03_img_01 {
  margin-top: 10px;
}

.section03_img_02 {
  margin-top: 35px;
  margin-bottom: 30px;
}

.section03_exam_list {
  margin-left: auto;
  margin-right: auto;
  max-width: 290px;
}

.section03_exam_list > li {
  box-sizing: border-box;
  padding-left: 80px;
  height: 70px;
  border-radius: 35px;
  background-color: #4acfe7;
  background-position: 18px center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.section03_exam_list > li:not(:first-child) {
  margin-top: 15px;
}

.section03_exam_list > li:nth-of-type(1) {
  padding-top: 24px;
  background-image: url(../../img/201909/sec03_icon_01.png);
}

.section03_exam_list > li:nth-of-type(2) {
  padding-top: 13px;
  background-image: url(../../img/201909/sec03_icon_02.png);
}

.section03_exam_list > li:nth-of-type(3) {
  padding-top: 13px;
  background-image: url(../../img/201909/sec03_icon_03.png);
}

.section03_img_05 {
  margin-top: 50px;
}

.section03_img_06 {
  margin-top: 10px;
}

.section03_img_07 {
  margin-top: 40px;
}

/* 2019.12 追加 */
.section03_img_08 {
  margin-top: 15px;
}



/* sectionAbout
   ユニセフ募金について
---------------------------------------------------*/
.sectionAbout {
  background-color: #e6f7fd;
  color: #646464;
}

.sectionAbout .head_sub {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #0099ff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.sectionAbout_text_01 {
  margin-bottom: 25px;
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
}

.sectionAbout_activity {
  margin-top: 20px;
}

.sectionAbout_activity > li {
  margin: 0;
  padding: 15px 10px 15px 75px;
  border-radius: 5px;
  background-color: #fff;
  background-position: 15px center;
  background-size: 52.5px 52.5px;
  background-repeat: no-repeat;
  color: #0099ff;
  font-size: 13px;
  line-height: 1.583;
}

.sectionAbout_activity > li:not(:first-child) {
  margin-top: 10px;
}

.sectionAbout_activity > li:nth-of-type(1) {
  background-image: url(../../img/201909/about_icon_01.png);
}

.sectionAbout_activity > li:nth-of-type(2) {
  background-image: url(../../img/201909/about_icon_02.png);
}

.sectionAbout_text_02 {
  font-size: 15px;
  line-height: 1.5;
}

/* グラフ */
.graph_item:not(:nth-of-type(1)) {
  margin-top: 1px;
}

.graph_item > .head {
  background-color: #0199ff;
  color: #fff;
  font-size: 14px;
  line-height: 60px;
}

.graph_item > .head a {
  display: block;
  padding-left: 25px;
  padding-right: 60px;
  color: #fff;
  text-decoration: none;
}

/* アコーディオンスイッチ */
.graph_item > .head a.accbtn {
  position: relative;
}

.graph_item > .head a.accbtn:before,
.graph_item > .head a.accbtn:after {
  content: '';
  position: absolute;
  top: 28px;
  right: 21px;
  width: 18px;
  height: 2px;
  background-color: #fff;
}

.graph_item > .head a.accbtn:after {
  transform: rotate(90deg);
}

.graph_item > .head a.accbtn.active:after {
  display: none;
}

.graph_item > .body {
  padding: 30px 0;
}


/* 世界の子どもたちへ、2018年、たとえばこんな支援を届けることができました
---------------------------------------------------*/

.sectionreport {
  background: #fff none repeat scroll 0 0;
  color: #444444;
  padding:1%;
}
.sectionreport .contents_box {
  background: #fff none repeat scroll 0 0;
  padding: 0 2%;
  width: 96%;
}
.sectionreport .img1 {
  float: left;
  padding: 0 0 15px 0;
  width: 42%;
}
.sectionreport .text1 {
  font-size: 16px;
  float: left;
  padding: 5px 3% 15px;
  width: 52%;
}
.sectionreport .text1 span{
  color: #009fec;
  font-weight: bold;
}
.sectionreport .title {
  padding:0 0 2% 0;
}
.sectionreport .stitle {
  padding:0 0 4% 0;
}
.sectionreport .text2 {
  text-align: left;
  font-size: 12px;
  margin-top: -5px;
  padding: 0 3% 5% 2%;
}


/*--------------------*/
.foot_btn {
  margin:5% auto 5% auto;
  padding:5% 4% 5% 4%;
  background:#c7ebfd;
}
.foot_btn .btn1{
  margin:0 3% 0 0;
  float:left;
  width:48%;
}
.foot_btn .btn2{
  margin:0 0 0 0;
  float:right;
  width:48%;
}


/*--------------------*/
.sectionTax{
  margin-top:20px;
  padding: 0 5%;
}
.sectionTax .sectionBody{
  background:#0099ff;
  padding: 5px;
}
.sectionTax .text{
  background:#FFF;
  padding: 10px 5px;
  font-weight:bold;
  color:#666666;
}
.sectionTax .text a{
  display:inline;
  color:#0099ff;
}
.sectionTax .link{
  text-align:right;
  padding:5px;
}
.sectionTax .link a{
  color:#FFFFFF;
}
.sectionTax .link span{
  padding-left:20px;
}

/*--------------------*/
.sectionSns  {
  margin-top:20px;
  margin-left:5%;
  margin-right:5%;
}

.sectionSns .btn {
  float:left;
  margin-right:15px;
}

/*--------------------*/
.sectionContact {
  background:#0088FF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  clear:both;
  padding:10px 0;
  margin:0 auto;
  text-align:center;
  margin-top:20px;
  width:90%;
}
.sectionContact p{
  text-align:center;
}
.sectionContact img {
  width:88.125%;
}
.sectionContact a {
  margin:0 auto;
  text-align:center;
}

/*--------------------*/
.tel_bottom_wrap {
  width: 88%;
  margin: 10px 6% 0 6%;
}
.tel_bottom_wrap .fcb{
  color: #00c0ff;
}

/*--------------------*/
.blockbottom {
  margin: 5% 0;
}
.blockbottom .pagetop {
  background-image: url(../../img/201705/iconpagetop.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-size:20px auto;
  margin-left: 0;
  padding-right: 8%;
  padding-top: 2%;
  padding-bottom: 2%;
  float: right;
}
.blockbottom .home {
  background-image: url(../../img/201705/iconhome.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-size:20px auto;
  margin-left: 0;
  padding-right: 8%;
  padding-top: 2%;
  padding-bottom: 2%;
  float: right;
}
.blockbottom .home2 {
  background-image: url(../../img/201705/iconhome.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-size:20px auto;
  margin-right: 5%;
  margin-bottom: 5%;
  margin-left: 0;
  padding-right: 8%;
  padding-top: 2%;
  padding-bottom: 2%;
  float: right;
}
.blockbottom a {
  font-weight:bold;
  color:#0096ff;
}
.blockbottom2 {
  margin-bottom:5%;
  text-align:center;
}
.blockbottom2 ul li a {
  font-size: 12px!important;
  display: inline-block;
  color:#0096ff;
  line-height: 4.2vw;
  padding:5px 10px;
}
.blockbottom2 ul li a span {
  background: url(../..//img/201705/blockbottom_icon.gif) no-repeat left center;
  padding-left:15px;
  background-size:7px auto;
  color:#0096ff !important;
}


/*--------------------*/
.credit {
  font-size: 9px;
  margin: 2% 5% 5%;
  text-align: left;
  line-height: 1.4;
}

.creditheader{
  float:none;
}
#credit .title {
  font-size: 18px;
  margin-left: 5%;
  line-height: 22px;
  margin-top: 10px;
}
#credit a {
  text-decoration: none;
}

#credit ul{
  margin:0;
  padding:0;
}
#credit ul li{
  margin:0;
  padding:0;
}
#credit ul li{
  list-style:none;
}

#credit ul.main {
  margin-left: 5%;
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
}


/*現地レポート
---------------------------------------------------*/
.cr_wrapper {
  background: #ceeffb;
  color:#725252;
}
.cr_wrapper .box p {
  padding:15px 5% 5% 5%;
}
.cr_wrapper .box img{
  width: 100%;
}
.cr_wrapper .box2{
  padding:15px 5% 5% 5%;
}
.cr_wrapper .box2 img{
  float:left;
  width:50%;
  margin:0 5% 2% 3%;
}

.ptn_a_stitle {
  margin-bottom: 6px;
}
.ptn_a_bg {
  width: 100%;
  height: auto;
  background: #ececec;
  padding: 0 0 10px 0;
  overflow: hidden;
}
.ptn_a_fund img {
  width: 47%;
  float: left;
  height: auto;
  margin-left: 2%;
}

/*blockbtn*/

.cr_blockbtn {
}
.cr_blockbtn .sectionTitle{
  margin:0 0 4% 0;
}
.cr_blockbtn .stitle{
  margin-top:20px;
}
.cr_blockbtn .line{
  border-bottom: 1px solid #b5b5b5;
  margin: 7px 10px 7px 10px;
}
.cr_blockbtn .fund_btn {
  margin: 0 5% 0 5%;
  width: 90% !important;
  height: auto !important;
}
.cr_blockbtn .link{
  margin:4% auto 5% auto;
  text-align:center;
}
.cr_blockbtn .link a {
  color:#0099ff;
  text-decoration:underline;
}


/*PC切り替え
---------------------------------------------------*/
.blockpcbtn {
  background: #fafafa;
  border-style: none;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;

}
.blockpcbtn p{
  margin-left: 10%;
  margin-right: 10%;
}


/*---------------------------------------------------*/
.kazashite_top {
  margin: 5px 0 0 0;
  padding-bottom:20px;
  border-bottom:1px solid #b5b5b5;
}
.kazashite_top .sectionTitle {
  margin:0 5% 0 5%;
}
.kazashite_top .contents {
  margin:15px 5% 0 5%;
}
.kazashite_top .contents .left{
  margin:0 0 0 0;
  width: 18%;
  height: auto !important;
  float:left;
}
.kazashite_top .contents .center{
  margin:3% 3% 0 3%;
  width: 26%;
  height: auto !important;
  float:left;
}
.kazashite_top .contents .right{
  margin:1% 0 0 0;
  width: 50%;
  height: auto !important;
  float:right;
}

/*--------------------*/
.kazashite_bottom {
  border:5px solid #e4e4e4;
  margin: 20px 5% 20px 5%;
}

.kazashite_bottom .sectionbody .contents{
  padding:15px 0 15px 0;
}
.kazashite_bottom .sectionbody .contents .left{
  margin:1% 2% 0 2%;
  width: 18%;
  height: auto !important;
  float:left;
}
.kazashite_bottom .sectionbody .contents .right{
  margin:0 2% 0 0;
  width: 76%;
  height: auto !important;
  float:right;
}
.kazashite_bottom .sectionbody .contents .text{
  text-align:right;
  font-size:10px;
  margin-top:5px;
}

.kazashite_bottom .sectionbody .contents2{
  padding:10px 2% 0 2%;
  border-top:1px dotted #c2c2c2;
}
.kazashite_bottom .sectionbody .contents2 .title{
  border-bottom: 1px solid #0099ff;
  color:#0099ff;
  margin-bottom:5px;
  padding:0 0 2px 3px;
}
.kazashite_bottom .sectionbody .contents2 .text{
  margin-bottom:15px;
  padding:0 3px 0 3px;
}
.kazashite_bottom .sectionbody .contents2 .text span{
  color:#0099ff;
  font-weight:bold;
}

.kazashite_bottom .sectionbody .contents3{
  padding:0 2% 15px 2%;
  border-bottom:1px dotted #c2c2c2;
}
.kazashite_bottom .sectionbody .contents3 .title{
  padding:3px 0;
  background:#c4e7ff;
  text-align:center;
  font-weight:bold;
}
.kazashite_bottom .sectionbody .contents3 ul li{
  margin-top:10px;
  padding:0 3px 0 3px;
}
.kazashite_bottom .sectionbody .contents3 ul li span.blue{
  color:#0099ff;
}
.kazashite_bottom .sectionbody .contents3 ul li span.bold{
  font-weight:bold;
}
/* -----------------------------
  20170208追加スタイル
----------------------------- */
.blockOfferFooter,.blockOfferFooter2 {
  text-align:center;
}
.blockOfferFooter a,.blockOfferFooter2 a {
  display:inline-block;
  margin:5px 15px;
}
/* offer
---------------------------------------------------*/
.blockOffer img{
  width:100%;
}
.blockOffer{
  margin:10px 0;
  background:#0099ff;
  padding-bottom:20px;
}
.blockOfferTitle{
  padding:10px 0;
}
.blockOfferTitle .icon{
  float:right;
}
.blockOfferBody{
  text-align:center;
}

.blockOfferFooter a{
  color:#FFF;
  margin-top:10px;
  margin-left:10px;
}
.blockOfferFooter .credit{
  text-decoration: underline;
}
.blockOfferFooter .bank{
  background: url(../images/201602/blockarrow.png) no-repeat 160px center;
  background-size:18px;
}
.blockOfferFooter span{
  text-decoration: underline;
}

.blockOfferFooter2 a{
  color:#FFF;
  margin-top:10px;
  margin-left:10px;
}
.blockOfferFooter2 .credit{
  text-decoration: underline;
}
.blockOfferFooter2 .bank{
  background: url(../images/201602/blockarrow2.png) no-repeat 160px center;
  background-size:18px;
}
.blockOfferFooter2 span{
  text-decoration: underline;
}

.border_none {
  border: 0;
}
.text_color_blue {
  font-weight: bold;
  color: #3797ce;
}
.footer_bnr_Area {
  width: 90%;
  margin: 0 auto;
}


/*youtube responsive
---------------------------------------------------*/
.youtube-area {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.youtube-area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* ソフトバンクのページに移動します
---------------------------------------------------*/
.stext a{font-size:12px;text-decoration:underline;}
.stext span{color:#0099ff font-weight:bold;}