@charset "utf-8";

.colRED {
  color: #d30000;
}


#container {
  text-align: justify;
  text-justify: inter-ideograph;
}

#contents .inner {
  max-width: 1280px;
  width:100% !important;
}

#contents .inner section {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width:1090px;
  width:85% !important;
  margin:0 auto;
}
#contents .inner section h2{
  font-size:30px;
  font-size:3rem;
  margin-bottom:5%;
}
#contents .inner section h2 .strong{
  font-size:40px;
  font-size:4rem;
}
.content-area .column_list .column_box{
   font-size:0;
   margin-bottom: 12%;
}
.content-area .column_list .column_box > div{
    display:inline-block;
    width:50%;
    vertical-align:top;
}

.content-area .column_list .column_box .column_info_box{
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 0 2%;
}

.content-area .column_list .column_box .column_title{
  font-size:30px;
  font-size:3rem;
  border-bottom:1px solid #000;
}

.content-area .column_list .column_box .column_info .pdf_btn{
  padding:3% 0 1%;
  width:60%;}
.content-area .column_list .column_box .column_info .pdf_btn a{
  display:block;
  width:100%;
  height:5em;
  background: -webkit-linear-gradient(top, #395180 50%, #0f2b63 100%);
  border-radius:3px;
  color:#fff;
  text-align:center;
  position:relative;
}
.content-area .column_list .column_box .column_info .pdf_btn a:hover{
  background: -webkit-linear-gradient(top, #0f2b63 50%, #050e21 100%);
}
.content-area .column_list .column_box .column_info .pdf_btn a:before{
    display:inline-block;
  text-align:center;
  content:"";
  width:40px;
  height:50px;
  background:url(/pages/add/lp/takken_message/images/img_ico01.png)no-repeat left center/100%;
  position: absolute;
   top: 50%;
   left: 5%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.content-area .column_list .column_box .column_info .pdf_btn a:after{
  display:inline-block;
  text-align:center;
  content:"";
  width:20px;
  height:40px;
  background:url(/pages/add/lp/takken_message/images/ico_arr01.png)no-repeat left center/100%;
  position: absolute;
   top: 50%;
   right: 5%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.content-area .column_list .column_box .column_info .pdf_btn a span{
  display:inline-block;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
/*----------
 SP
----------*/
.winSP #contents .inner section {
  padding-top: 10vw;
  padding-bottom: 10vw;
  width:100% !important;
  margin:0 auto;
}
.winSP #contents .inner section h2{
  font-size:6vw;
}
.winSP .content-area .column_list .column_box:not(last-child){
   margin-bottom: 15%;
}
.winSP .content-area .column_list .column_box > div{
    display:block;
    width:100%;
    vertical-align:top;
}

.winSP .content-area .column_list .column_box .column_info_box{
  font-size: 3vw;
  padding: 0 2%;
}

.winSP .content-area .column_list .column_box .column_title{
  font-size:5vw;
  text-align:center;
}
.winSP .content-area .column_list .column_box .column_info .pdf_btn a:before{
  width:8.2vw;
  height:10vw;
}
.winSP .content-area .column_list .column_box .column_info .pdf_btn a:after{
  width:4vw;
  height:8vw;
}
.winSP .content-area .column_list .column_box .column_info p {
  width:90%;
  margin:0 auto;
}
.winSP .content-area .column_list .column_box .column_info p a{
  font-size:4vw;
  height:15vw;
}