@charset "utf-8";

/* main-content common */
.main-content-container{
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding: 50px 65px 0;
}
.main-content-container .mv-area img{
  width: 100%;
}
.main-content-container .mv-area p{
  padding-top: 40px;
  line-height:2em;
  text-align: center;
  font-size: 1.8rem;
  font-weight:600;
}
.main-content-container .main-content-area{
  padding-bottom: 40px;
}
.main-content-container p.has-ball{
  position:relative;
  margin-bottom: 20px;
  padding-left: 35px;
  padding-bottom: 18px;
  line-height:1;
  font-size: 1.8rem;
}

.main-content-container p.has-ball:before{
  position:absolute;
  top: 2px;
  left: 5px;
  width:18px;
  height:18px;
  background:url('/img/common/h1-ball-yellow.png') no-repeat 0 0 scroll;
  content:"";
}

.main-content-container p.has-ball:after{
  position:absolute;
  bottom: 0;
  left: 0;
  width:100%;
  height:6px;
  background:url('/img/btoc/bg-line-orenge.png') repeat 0 0 scroll;
  content:"";
}
.main-content-container p.has-ball.no-after::after{
  display: none;
}
.main-content-container h1{
  padding: 0 0 25px;
  border-bottom:solid 1px #fcc80d;
  font-size: 3.0rem;
}
.main-content-container h1.has-top-border{
  padding: 0 0 30px;
  font-size: 2.4rem;
}
.main-content-container h1.has-top-border::before{
  display: block;
  width: 100%;
  height: 6px;
  margin-bottom: 30px;
  background: url('/img/btob/line-h1.png');
  content:"";
}
.main-content-container h1.has-underline{
  border-bottom: none;
}
.main-content-container h1.has-underline:after{
  display: block;
  width:100%;
  height:6px;
  margin-top: 20px;
  background:url('/img/btoc/bg-line-orenge.png') repeat 0 0 scroll;
  content:"";
}
.main-content-container .text-summary{
  padding: 50px 0 20px;
  text-align:center;
  font-size: 1.8rem;
  font-weight:600;
}

/*.main-content-container  .list-for-imagelib */
.main-content-container  .list-for-imagelib{
  width: 900px;
  margin: 30px auto 0;
  font-size: 0;
}
.main-content-container  .list-for-imagelib li{
  display: inline-block;
  width:280px;
  margin:0 10px 30px;
  text-align: center;
  vertical-align: top;
}
.main-content-container  .list-for-imagelib li h3{
  text-align: left;
  font-size: 1.6rem;
}
.main-content-container  .list-for-imagelib li figure{
  position: relative;
  overflow: hidden;
  width:280px;
  height:210px;
  margin: 15px auto;
}

.main-content-container  .list-for-imagelib li figure img{
  position:absolute;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height:100%;
  margin: auto;
}
.main-content-container  .list-for-imagelib li button{
  font-size: 1.6rem;;
}
/*.main-content-container .list-for-datalink */
.main-content-container .list-for-datalink  li{
  padding:35px 0 25px;
  border-bottom:solid 1px #ddd;
}
.main-content-container .list-for-datalink   li:last-child{
  border-bottom:none;
}
.main-content-container .list-for-datalink h3 a{
  position: relative;
  display: block;
  padding-bottom: 10px;
  padding-left: 30px;
  text-decoration: underline;
  font-size: 1.8rem;
  font-weight: 600;
}
.main-content-container .list-for-datalink h3 a:hover{
  opacity: 0.6;
}
.main-content-container .list-for-datalink h3 a:before{
  position: absolute;
  top: 6px;
  left:0;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="%23333" d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  content:"";
}
.main-content-container .list-for-datalink p{
  padding-left: 30px;
}

.main-content-container .list-for-datalink h3 a img{
  margin-left:10px;
}
/*.main-content-container .list-for-tool */

.main-content-container .list-for-tool li{
  padding:35px 0;
  border-bottom:solid 1px #ddd;
}
.main-content-container .list-for-tool li h3{
  padding-bottom: 20px;
  font-size: 1.8rem;
}
.main-content-container .list-for-tool li:last-child{
  border-bottom:none;
}
.main-content-container .list-for-tool li > div{
  position:relative;
  display: table;
  width: 100%;
  margin-top: 10px;
}

.main-content-container .list-for-tool li > div > div{
  display: table-cell;
  vertical-align: top;
}


.main-content-container .list-for-tool li > div > div:first-child{
  width: 350px;
  padding-right: 30px;
}
.main-content-container .list-for-tool li figure{
  position:relative;
  overflow:hidden;
  width:320px;
  height:240px;
  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.main-content-container .list-for-tool li figure img{
  position:absolute;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height:100%;
  margin: auto;
}
.main-content-container .list-for-tool li p{
  padding:0 0 50px;
}


/* content-list */

.main-content-area .content-list{
	padding-top: 35px;
}
.main-content-area .content-list li{
  display: table;
  width: 100%;
  padding: 25px 0;
  border-top: 1px solid #ddd;
}

.main-content-area .content-list figure{
  display: table-cell;
  width:320px;
}

.main-content-area .content-list h2 a:hover{
	text-decoration:none;
	opacity:0.7
}
.main-content-area .content-list a:hover img{
	opacity:0.7
}
.main-content-area .content-list figure img{
  width: 100%;
  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.main-content-area .content-list div{
  display: table-cell;
  width: calc(100% - 320px);
  padding-left: 35px;
  vertical-align: top;
  text-align: right;
}
.main-content-area .content-list h2{
  padding-bottom: 30px;
  text-align: left;
  font-size: 2.4rem;
}
.main-content-area .content-list p{
  padding-bottom: 60px;
  text-align: left;
  font-size: 1.6rem;
}
.main-content-area .content-list a{
  margin-right:45px;
}

.main-content-area .news-list{
	margin-top: 50px;
}



.block-edior h2{
  margin-bottom:25px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #ddd;
  font-size: 2.2rem;
  font-weight: 600;
}
.block-edior h3{
  padding-left: 25px;
  margin-bottom: 25px;
  position: relative;
  margin-bottom:25px;
  font-size: 1.8rem;
  font-weight: 600;
}
.block-edior h3::before{
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/img/common/h1-ball.png) no-repeat 0 0 scroll;
  content: "";
}
.block-edior p{
  margin-bottom:30px;
}
.block-edior figure{
  text-align: center;
}
.block-edior img{
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:30px;
}
.main-content-container .list-for-exmaple{

}
.main-content-container .list-for-exmaple li{
  padding: 38px 0 25px;
  border-bottom: solid 1px #e4e4e4;
}
.main-content-container .list-for-exmaple li:last-child{
  border:none;
}
.main-content-container .list-for-exmaple li a{
  text-decoration: none;
}
.main-content-container .list-for-exmaple li a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.main-content-container .list-for-exmaple li .tag{
  display: inline-block;
  min-width: 170px;
  height: 30px;
  margin-right: 22px;
  padding: 0 25px;
  border-radius: 15px;
  background-color: #fcc80d;
  line-height: 30px;
  text-align: center;
  font-size: 1.4rem;
}
.main-content-container .list-for-exmaple li a > p{
  padding: 20px 0;
  font-size: 1.8rem;
  font-weight: 600;
}
.main-content-container .list-for-exmaple li a > div{
  font-size: 0;;
}
.main-content-container .list-for-exmaple li a > div figure{
  position: relative;
  overflow: hidden;
  display:inline-block;
  width:320px;
  height:220px;
  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
  vertical-align: top;
  font-size: 1.6rem;
}

.main-content-container .list-for-exmaple li a > div figure img{
  position:absolute;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height:100%;
  margin: auto;
}

.main-content-container .list-for-exmaple li a > div div{
  display:inline-block;
  width:calc( 100% - 320px);
  padding-left: 30px;
  vertical-align: top;
  font-size: 1.6rem;
}
.main-content-container .list-for-exmaple li a > div div p{
  margin-bottom: 20px;
}

.main-content-container .list-for-exmaple li a > div div p.date{
  margin-bottom: 0;
  text-align: right;
}

.main-content-container .download-box{
    width: 780px;
    margin: 60px auto 20px;
    text-align: center;
}
.btn-container.for-exmaple {
    margin-top: 70px;
}

.main-content-container .download-box::before{
  
  display: block;
  width: 100%;
  height: 6px;
  margin-bottom: 30px;
  background: url('/img/btoc/bg-line-orenge.png');
  content:"";
}
.main-content-container .download-box::after{
  display: block;
  width: 100%;
  height: 6px;
  margin-top: 30px;
  background: url('/img/btoc/bg-line-orenge.png');
  content:"";
}
.main-content-container .download-box p{
  position: relative;
  display: inline-block;
  padding: 0 30px; 
  font-weight: 1.8rem;
}
.main-content-container .download-box p::before{
  position:absolute;
  top: 50%;
  left:0;
  display: block;
  margin-top:-9px;
  width: 18px;
  height: 18px;
  background: url('/img/btob/line-download-l.png');
  content:"";
}
.main-content-container .download-box p::after{
  position:absolute;
  top: 50%;
  right:0;
  display: block;
  margin-top:-9px;
  width: 18px;
  height: 18px;
  background: url('/img/btob/line-download-r.png');
  content:"";
}
.main-content-container .download-box div{
  margin-top: 20px;
}
.main-content-container .download-box button{
  width: 320px;
}
.main-content-container .download-box button.btn-download::before{
 left: 80px;
}

.main-content-container .link-banner-box,
.main-content-container .link-box{
	display:block;
	margin: 0 auto 30px;
	padding: 6px;
	width:80%;
	background: url('/img/btob/line-h1.png');
	text-decoration:none;
}
.main-content-container .link-banner-box{
	margin: 30px auto 60px;
}
.main-content-container .link-banner-box:hover{
	opacity:0.7;
}
.main-content-container .link-banner-box > div,
.main-content-container .link-box > div{
	padding: 10px 10px 30px;
	border:solid 4px white;
	background:#FCF5BC;
	text-align:center;
}
.main-content-container .link-banner-box > div{
	padding-bottom: 10px;
}
.main-content-container .link-box > div p{
	padding: 20px 30px;
	font-size:1.8rem;
}
.main-content-container .link-box > div a{
	display:inline-block;
	width: 240px;
	height:40px;
	margin: 0 20px;
	background: #fff;
	border: solid 3px #fcc80d;
	border-radius:20px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	font-size:1.8rem;
}
.main-content-container .link-box > div a:hover{
	opacity:0.7;
}

.main-content-container .link-banner-box div div{
	display:table;
	width: 100%;
}
.main-content-container .link-banner-box div div p{
	display:table-cell;
	padding: 0 40px;
	vertical-align:middle;
	font-size:1.8rem;
}
.main-content-container .link-banner-box div div p span{
	display:block;
	text-align:center;
	font-size:2.4rem;
	font-weight:500;
}
.main-content-container .link-banner-box div div figure{
	display:table-cell;
	width: 220px;
}
.main-content-container .link-banner-box div div figure img{
	width: 220px;
}

.text-summary a{
  text-decoration: underline;
}
.text-summary.pb-70{
  padding-bottom:70px;
}

.headline-tamago{
  position:relative;
  height:50px;
  padding-left:120px;
  background:#fcc80d;
  border-radius:25px;
  line-height:50px;
  font-size:2.4rem;
  font-weight: 600;
}
.headline-tamago::before{
  position: absolute;
  top: 50%;
  left:0;
  width: 90px;
  height: 90px;
  margin-top:-45px;
  background: url('/img/btob/headline-tamag-bg.png') no-repeat 0 0 scroll;
  content:"";
}
.box-raido-qeustion{
  position:relative;
  display:flex;
  align-items: center;
  justify-content:center;
  padding: 70px 0 170px;
}
.box-raido-qeustion::after{
  position:absolute;
  bottom:40px;
  left: 50%;
  display: block;
  width: 220px;
  height: 29px;
  margin-left: -110px;
  background: url('/img/btob/arrow-down2.png') no-repeat 0 0 scroll;
  content: "";
}
.box-raido-qeustion.check::after{
  background: url('/img/btob/arrow-down.png') no-repeat 0 0 scroll;
}
.box-raido-qeustion label{
  position:relative;
  display:inline-block;
  margin-right:90px;
  padding-left:50px;
  line-height:34px;
  font-size:2.4rem;
}
.box-raido-qeustion label:last-child{
  margin-right:0;
}
.box-raido-qeustion label::before{
  position: absolute;
  top:0;
  left:0;
  width:34px;
  height: 34px;
  border-radius:50%;
  border:solid 3px #c9c9c9;
  box-sizing:border-box;
  content:"";
}
.box-raido-qeustion label::after{
  position: absolute;
  top: 6px;
  left:6px;
  width:22px;
  height: 22px;
  border-radius:50%;
  content:"";
}
.box-raido-qeustion label.checked::after{
  background:#fcc80d;
}
.box-raido-qeustion label input{
  position:absolute;
  opacity:0;
}
.btn-container-wide{
  padding-bottom:20px;
}
.btn-container-wide button{
  display: block;
  width: 580px;
  height: 70px;
  margin: 0 auto;
  border:none;
  border-radius: 35px;
  background:#fcc80d;
  color: #fff;
  line-height:70px;
  font-size:2.4rem;
  font-weight:600;
}
.btn-container-wide button::before{
  display:inline-block;
  width:23px;
  height:23px;
  margin-right:15px;
  background:url('/img/btob/icon-downlaod-arrow-acrtive.png') no-repeat 0 0 scroll;
  content:""
}
.btn-container-wide button:disabled::before{
  background:url('/img/btob/icon-downlaod-arrow.png') no-repeat 0 0 scroll;
}
.btn-container-wide button:disabled{
  line-height:67px;
  border:solid 3px #c9c9c9;
  background:#fff;
  color:#c9c9c9;
}
 a.banner-image-link{
  display:block;
  max-width:606px;
  width: 100%;
  margin: 30px auto 0;
}
 a.banner-image-link img{
  width: 100%;
}