@charset "shift_jis";

p.item_title_2 {
  color: #fff;
  background-color: #259df8;
  border-radius:6px;
}

div.detail_text {
/*  overflow: auto;*/
}

/*動画ボックス------------------------------------------*/
div.detail_movie {
  width: 100%;
  margin: 1vw auto;
  margin-bottom:3vw;
  text-align: center;
}
/*動画ボックス------------------------------------------*/

@media screen and (min-width: 750px) {

  div.detail_text {
    width:86%;
  }

  div.content div.info_end {
    line-height:3vw;
    font-size: 1.5vw;
    width:92%;
    padding: 0 2%;
    margin:1% auto;
    list-style: none;
    background-color: #777;
    color:#fff;
    border-radius: 5px;
    border: 1px solid #259df8;
    position:relative;
    font-weight:bold;
  }

  div.content div.info_moushikomi {
    position:absolute;
    width:40%;
    top:0vw;
    right:2.4vw;
    padding:0 2%;
    margin:2.6vw auto;
    list-style: none;
    color:#777;
    border-radius: 5px;
    text-align: right;
  }

  span.big_font {
    font-size: 1.3vw;
    line-height: 2.5vw;
  }

  div.content .join_app_ul ul {
    width:100%;
    padding:0;
    margin:0 auto;
  }

  div.join_app_ul_border {
    width:92%;
    padding: 2% 2% 3.2%;
    margin:0 auto;
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #259df8;
    position:relative;
  }

  div.content li {
    width:90%;
    text-align:left;
    margin-left: 1%;
    list-style: none;
    font-weight:bold;
  }

  div.content li.title_big {
    line-height:3vw;
    font-size: 1.5vw;
  }

  div.content div.join_app_ul {
    position:relative;
  }

  div.content a.join_app img{
    position:absolute;
    top:1.2vw;
    right:1vw;
    width:8%;
  }

  div.content div.detail {
    position:relative;
  }

  div.content div.detail_left {
    width:94%;
    margin:1vw 0 1vw 2%;
  }

  div.content div.detail_right {
    width:30%;
    margin-left: 6%;
    position:absolute;
    top:0;
    right:3%;
  }

  div.content div.detail_right img {
    width:100%;
  }

  div.content div.detail_more {
    width:94%;
    margin:3% 2%;
  }

  div.content ul.detail_ul{
    width:91%;
    margin:0 0 1% 6%;
    border:none;
  }

  div.content li.detail_li{
    font-weight:normal;
    color:#000;
  }

  div.content li.detail_li2{
    font-weight:normal;
    color:#000;
    margin:0 -4.5vw;
  }

  div.content .gray_link {
    position:relative;
    border-radius: 10px;
    border: 2px solid #ccc;
    text-align:center;
    color:#259df8;
    box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
    padding:0.8% 0;
    margin:5% 0;
    width:94%;
  }

  div.content .gray_link img{
    position:absolute;
    top:0.7vw;
    right:2%;
    width:2.3%;
  }
  div.content div.detail_right .gray_link img{
    top:0.55vw;
    right:3%;
    width:5%;
  }

  div.content .join {
    list-style-type: none;
    border:none;
    width:95%;
    margin:0;
    padding:0;
  
  }
  div.content .join_attention{
    font-weight:normal;
    margin:0;
    width:95%;
    color:#000;
  }
  div.content .join_attention ul{
    border:none;
  }

  div.content .join_detail{
    margin:0;
    width:105%;
    color:#000;
    font-weight:normal;
    line-height:2vw;
  }

  div.gaiyou{
    width:95%;
  }

  a.btn_base_triangle {
    width:90%;
/*    margin:1vw auto 3vw;*/
    margin:1vw auto 1vw;
  }

  div.join_app_ul div.pc_btn_1 {
  /*  position:absolute;
    width:25%;*/
    width:80%;
    top:1vw;
    right:4vw;
  }
  div.join_app_ul div.pc_btn_2 {
  /*  position:absolute;
    width:25%;*/
    width:80%;
    top:4.3vw;
    right:4vw;
  }
  div.join_app_ul div.pc_btn_3 {
  /*  position:absolute;
    width:25%;*/
    width:80%;

    top:7.6vw;
    right:4vw;
  }
  div.join_app_ul div.pc_btn_4 {
  /*  position:absolute;
    width:25%;*/
    width:80%;
    top:10.9vw;
    right:4vw;
  }

  div.main_content {
    width:100%;
  }
  div.main_content_left {
    width:60%;
    float:left;
  }
  div.main_content_right {
    width:40%;
    float:left;
  }
}

@media screen and (max-width: 750px) {

  div.detail_text {
    width:98%;
  }

  div.content div.info_end {
    width:92%;
    padding: 0 2%;
    margin:1vw auto;
    list-style: none;
    background-color: #777;
    color:#fff;
    border-radius: 5px;
    border: 1px solid #259df8;
    position:relative;
    font-weight:bold;
  }

  div.content div.info_moushikomi {
    width:92%;
    padding: 0 2%;
    margin:5vw auto 3vw;
    list-style: none;
    color:#777;
    border-radius: 5px;
    position:relative;
    text-align: center;
  }

  span.big_font {
    font-size: 4.6vw;
    line-height: 6.6vw;
  }

  div.content .join_app_ul ul {
    width:100%;
    padding:0;
    margin:0 auto;
  }

  div.join_app_ul_border {
    width:92%;
    padding: 1.5% 2%;
    margin:1% auto;
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #259df8;
    position:relative;
  }
  div.content li {
    width:98%;
    text-align:left;
    margin-left: 1%;
    list-style: none;
    font-weight:bold;
    color: #000;
  }

  div.content li.title_big {
    line-height:8vw;
    font-size: 5vw;
  }

  div.content div.join_app {
    width:60%;
    padding: 3% 0;
    text-align:center;
    border-radius: 5px;
    border: 1px solid #259df8;
    color:#259df8;
    font-weight:bold;
    margin-left:20%;
  }

  div.content div.detail_left, div.content div.detail_right {
    width:98%;
    margin:1vw auto;
  }

  div.content div.detail_more {
    width:94%;
    margin:3% 2%;
    line-height:3.5vw;
  }

  div.content ul.detail_ul{
    width:91%;
    margin:0 0 1% 6%;
    line-height:6vw;
    border:none;
  
  }

  div.content li.detail_li{
    font-weight:normal;
    color:#000;
    padding-left:6vw;
    width:98%;
  }

  div.content li.detail_li2{
    font-weight:normal;
    color:#000;
    margin:0 -4.5vw;
  }

  div.content .gray_link {
    position:relative;
    border-radius: 10px;
    border: 2px solid #ccc;
    text-align:center;
    color:#259df8;
    box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
    padding:0.8% 0;
    margin:5% 3%;
    width:93%;
  }

  div.content .gray_link img{
    position:absolute;
    top:1.6vw;
    right:3%;
    width:4%;
  }

  div.content div.mobile ul.join {
    margin-top:-2.2vw;
  
  }

  div.content .join {
    list-style-type: none;
    border:none;
    width:95%;
  }
  div.content .join_attention{
    font-weight:normal;
    margin:5% 0;
    width:95%;
    color:#000;
  }
  div.content .join_attention ul{
    border:none;
  }

  div.content .join_detail{
    margin:2% 0;
    width:105%;
    color:#000;
    font-weight:normal;
  }
  div.content img.mobile_img {
    width:80%;
    margin:2% 10%;
  }

  div.gaiyou{
    width:96%;
    margin:5% 2% 10% 2%;
  }

  a.btn_base_triangle {
    width:80%;
    margin:5vw auto;
  }

  div.join_app_ul div.pc_btn_1 {
    width:90%;
    margin:3vw auto;
  }
  div.join_app_ul div.pc_btn_2 {
    width:90%;
    margin:3vw auto;
  }
  div.join_app_ul div.pc_btn_3 {
    width:90%;
    margin:3vw auto;
  }
  div.join_app_ul div.pc_btn_4 {
    width:90%;
    margin:3vw auto;
  }

  div.main_content {
    width:100%;
  }
  div.main_content_left {
  }
  div.main_content_right {
  }

}


@charset "shift_jis";

@media screen and (min-width: 750px) {

  div.box_1 {
    width:100%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_1 {
    float:left;
    width:30%;
    height:auto;
    padding:0;
    margin-bottom:0.5vw;
    text-align: center;
  }

  div.subbox_1 img{
    width:80%;
    height:auto;
    padding:0;
  }

  div.subbox_2 {
    float:left;
    width:70%;
    height:auto;
    margin:0 auto 3vw;
  }

  div.subbox_2 ul {
    width:96%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_2 li {
    width:90%;
    text-align:left;
    margin-left: 5%;
    font-weight: bold;
    list-style: none;
  }

  div.subbox_3 {
    float:left;
    width:68%;
    height:auto;
    padding-top:1%;
    margin:0 auto;
  }

  div.subbox_3 ul {
    width:96%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_3 li {
    width:90%;
    text-align:left;
    margin-left: 5%;
    list-style: none;
  }

  div.subbox_4 {
    float:left;
    width:30%;
    height:auto;
    margin:4.4vw 10% 0;
    padding:0;
    text-align: left;
  }

  p.item_title_2 ~ div.subbox_4 {
    float:left;
    width:30%;
    height:auto;
    margin:1vw 10% 0;
    padding:0;
    text-align: left;
  }

  div.subbox_4 img{
    width:80%;
    height:auto;
    padding:0;
  }
  div.subbox_4 p{
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    width:22.5vw;
    height:auto;
    margin:0 auto;
    margin-left:3vw;
    padding:0;
  }

  div.subbox_5 {
    float:left;
    width:100%;
    height:auto;
    padding-top:1%;
    margin:0 auto;
  }

  div.subbox_5 ul {
    width:100%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_5 li {
    width:90%;
    margin:0 auto;
    text-align:left;
    list-style: none;
  }

  p.item_title {
    padding:1vw 1vw 0.6vw;
  }

  p.item_title_0 {
    padding:0 1vw;
    margin-bottom:3%;
    margin-left:1.5vw;
  }


  span.title_header {
    font-size: 3vw;
  }

  table {
    width:70%;
    margin:1vw 0 0 4vw;
    line-height: 3vw;
  }

  td.td_big {
    font-size: 1.8vw;
    padding:1vw 0;
  }

  div.subbox_img {
    width:22vw;
    height:16.5vw;
    overflow:hidden;
    margin-top: 1vw;
    margin-left:3vw;
    float:left;
  }

  p.item_title_2 + div.subbox_1 div.subbox_img {
    margin-top: 1vw;
    margin-left:4vw;
    float:left;
  }

  div.subbox_1 div.subbox_img {
    margin-top: 1vw;
    margin-left:0.8vw;
    float:left;
  }

  div.subbox_4 div.subbox_img {
    padding-top:0;
    margin-top: 0;
    margin-left:3vw;
    float:left;
  }

  /*div.subbox_5 ~ div.subbox_4 div.subbox_img {
    padding-top:1vw;
    margin-top: 0vw;
    margin-left:3vw;
    float:left;
  }*/

  div.subbox_img img {
    width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
  }

  div.box_1:first-of-type div.subbox_img {
    margin-left:6vw;
  }

  p.item_title_2 {
    width: 92%;
/*    margin:3.4vw auto 1vw;*/
    margin:3.4vw auto 0;
    padding-top:0.4vw;
  }

  div.footer {
    margin-top:5vw;
  }

}

@media screen and (max-width: 750px) {

  div.box_1 {
    width:100%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_1 {
    float:left;
    width:100%;
    height:auto;
    padding:0;
    text-align: center;
    margin:0 0 3% 0;
  }

  div.subbox_3 + div.subbox_1 {
    float:left;
    width:100%;
    height:auto;
    padding-bottom:2%;
    text-align: center;
    margin:0 0 6vw 0;
  }

  div.subbox_1 img{
    width:50%;
    height:auto;
    padding:0;
  }

  /*div.subbox_3 + div.subbox_1 {
    padding-bottom:2%;
    margin-bottom:5vw;
  }*/

  div.subbox_2 {
    float:left;
    width:100%;
    height:auto;
    padding-top:3.5%;
    padding-bottom:2%;
    margin:0 auto 5vw;
  }

  div.subbox_2 ul {
    width:96%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_2 li {
    width:90%;
    text-align:left;
    margin-left: 5%;
    font-weight: bold;
    list-style: none;
  }

  div.subbox_3 {
    float:left;
    width:98%;
    height:auto;
    padding:0 0 3% 2%;
  }

  div.subbox_1 + div.subbox_3 {
    float:left;
    width:98%;
    height:auto;
    margin-bottom:5.3vw;
    padding:0 0 2% 2%;
  }

  div.subbox_3 ul {
    width:96%;
    padding:0;
    margin:0 auto;
  }

  div.subbox_4 {
    float:left;
    width:100%;
    height:auto;
    padding:0;
    margin:2vw 0 5.3vw 0;
    text-align:left;
  }

  p.item_title_2 + div.subbox_4 {
    margin:0 0 5.3vw 0;
  }

  div.subbox_4 img{
    display: block;
    width:50%;
    height:auto;
    margin:0 auto;
    padding:0;
  }

  div.subbox_4 p{
    width:94%;
    height:auto;
    margin:0 0 0 4%;
    padding-bottom:2%;
    text-align: left;
  }

  div.subbox_5 {
    float:left;
    width:94%;
    height:auto;
    padding:0 0 2% 4%;
    margin:0 auto 5.3vw;
  }

  div.subbox_5 ul {
    width:100%;
    padding:0;
    margin:0 auto;
  }

  p.item_title_0 {
    text-align: left;
    margin:0 auto;
    padding-left:1vw;
    list-style: none;
  }

  p.item_title {
    text-align: left;
    margin-left:1%;
    padding-left:2%;
    list-style: none;
  }

  p.item_title_2 {
    line-height: 7vw;
    font-size:5vw;
    margin:0 0 5vw;
    width:96%;
    text-align: left;
    margin-left:1%;
    padding-left:2%;
    padding-top:1vw;
    font-weight: bold;
    list-style: none;
  /*  color: #259df8;
    border-bottom: 1px solid #259df8; */
  }

  span.title_header {
    font-size: 7vw;
  }

  table {
    width:96%;
    margin:1vw auto 0;
    line-height: 6.6vw;
  }

  td.td_big {
    font-size: 6vw;
    padding:3vw 0;
  }

  div.subbox_img {
    width:60vw;
    height:45vw;
    overflow:hidden;
    margin:0 auto;
  }

  div.subbox_img img {
    width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
  }

  footer {
    margin-top:9vw;
  }

}