@charset "utf-8";

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

	#container p {

		margin: 0px;

		padding: 0px;

		line-height: 1.3;

	}



	#campaign-main-inner {

		margin: 0;

		width: 650px;

		margin: 0px auto;

	}



	#flashcontent,

	.class-flashcontent {

		margin-bottom: 20px;

	}



	#web-privilege {

		margin-bottom: 20px;

		border-right: #996600 solid 2px;

		border-bottom: #996600 solid 2px;

		border-left: #996600 solid 2px;

	}



	#web-privilege-main {

		position: relative;

		background-image: url(../img/bg_01.jpg);

		background-position: 0 0;

		background-repeat: no-repeat;

		height: 195px;

		margin-bottom: 10px;

	}



	#web-privilege-main .tx_02 {

		position: absolute;

		top: 17px;

		left: 18px;

	}



	#web-privilege-main ul {

		position: absolute;

		top: 127px;

		left: 160px;

	}



	#web-privilege p {

		padding: 0px 12px 10px;

		font-size: 78%;

		line-height: 1.4;

	}



	#container div.bg_box {

		width: 650px;

		margin: 0px auto;

		text-align: left;

		line-height: 1.3;

	}



	#text_area #text_area_inner {

		background-image: url(../img/bg_body.gif);

		background-position: 0 0;

		background-repeat: repeat-y;

		border-bottom: 2px solid #09277E;

	}



	#left_box {

		float: left;

		width: 325px;

	}



	#right_box {

		float: left;

		width: 325px;

	}



	#text_area #text_area_inner p {

		margin: 10px;

		line-height: 1.4;

	}



	#text_area #text_area_inner #left_box p {

		margin-top: 0px;

		margin-left: 10px;

		font-size: 92%;

		line-height: 1.5;

	}



	#text_area #text_area_inner #left_box p.bold {

		margin-top: 10px;

		margin-bottom: 0px;

		color: #C5000C;

		font-weight: bold;

	}



	#text_area #text_area_inner #right_box p {

		font-size: 78%;

	}

	.cp-box{
		border: 6px solid #e7e7e7;
		padding: 20px;
		box-sizing:border-box;
	}

	.cp-box .tlt{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.cp-box .float-area .left{
		width: 50%;
		float: left;
	}

	.cp-box .float-area .left img{
		width: 100%;
		height: auto;
	}

	.cp-box .float-area .right{
		width: 45%;
		float: left;
		margin-left: 5%;
	}

	.cp-box .float-area .right ul{
		margin-bottom: 5px;
	}

	.hs-top-column {
    margin-bottom: 40px;
    margin-top: 80px; }
    .hs-top-column .col-content {
      position: relative;
      width: 312px;
      border: 6px solid #e7e7e7;
      padding: 15px;
      box-sizing: border-box;
      float: left;
      margin-right: 15px;
      height: 400px; }
    .hs-top-column .col-content .sml{
    	font-size: 12px;
    }
      .hs-top-column .second{
      	margin-right: 0!important;
      }
      .hs-top-column .col-content .abs-icon {
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: -60px; }
        .hs-top-column .col-content .abs-icon img {
          max-width: 60px;
          width: 100%;
          height: auto; }
      .hs-top-column .col-content .tlt {
        font-size: 18px;
        color: #3379D8;
        text-align: center;
        padding-bottom: 10px;
        font-weight: bold; }
      .hs-top-column .col-content .img {
        margin-bottom: 10px;
        text-align: center; }
        .hs-top-column .col-content .img img {
          max-width: 210px;
          width: 100%;
          height: auto; }
      .hs-top-column .col-content .hs-text {
        margin-bottom: 0 !important; }
      .hs-top-column .col-content:nth-child(3) {
        margin-right: 0; }

	  .modal-wrap {
		  position: relative;
		  margin: 10px auto;
		  max-width: 750px;
		  background: #fff;
		  padding: 40px 40px;
		  box-sizing: border-box; }
		  .modal-wrap ul li {
		    font-size: 12px;
		    line-height: 1.6;
		    text-indent: -12px;
		    margin-left: 12px;
		    margin-bottom: 10px; }

		a.mfp-close-link {
		  width: 24px;
		  height: 23px;
		  line-height: 23px;
		  background: url(../img/btn_modal_close.png) no-repeat 0 0 !important;
		  opacity: 1;
		  text-indent: -99999px;
		  display: block !important;
		  top: 9px;
		  right: 15px;
		  position: absolute; }
		}

@media screen and (max-width: 767px) {
	.cp-box{
		border: 6px solid #e7e7e7;
		padding: 20px;
		box-sizing:border-box;
		margin: 0 5.3%;
	}

	.cp-box .tlt{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.cp-box .float-area .left{
		margin-bottom: 15px;
	}

	.cp-box .float-area .left img{
		width: 100%;
		height: auto;
	}

	.cp-box .float-area .right{

	}

	.cp-box .float-area .right ul{
		margin-bottom: 5px;
	}
	.hs-top-column {
    margin: 60px 5.3% 40px; }
    .hs-top-column .col-content {
      position: relative;
      width: 100%;
      border: 6px solid #e7e7e7;
      padding: 15px 0;
      box-sizing: border-box;
      margin-bottom: 80px; }
    .hs-top-column .col-content .sml{
		font-size: 11px;
    }
      .hs-top-column .col-content .hs-text-caution{
		margin: 0 20px!important;
		padding-left: 0!important;
      }
      .hs-top-column .col-content .abs-icon {
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: -60px; }
        .hs-top-column .col-content .abs-icon img {
          max-width: 60px;
          width: 100%;
          height: auto; }
      .hs-top-column .col-content .tlt {
        font-size: 18px;
        color: #3379D8;
        text-align: center;
        padding-bottom: 10px;
        font-weight: bold; }
      .hs-top-column .col-content .img {
        margin-bottom: 15px;
        padding: 0 35px; }
        .hs-top-column .col-content .img img {
          width: 100%;
          height: auto; }
      .hs-top-column .col-content .hs-text {
        margin: 0 10px !important; }
      .hs-top-column .col-content:nth-child(3) {
        margin-bottom: 0; }
		
		.mfp-content{
			background: #fff!important;
			padding: 40px 0 20px;
		}
	　　.mfp-content .modal-wrap {
		  position: relative;
		  margin: 10px auto;
		  max-width: 750px;
		  background: #fff!important;
		  padding: 40px 15px 10px;
		  box-sizing: border-box; 
		}
		
		.mfp-content .modal-wrap ul{
			box-sizing: border-box;
    		margin: 0 15px;
		}

		.mfp-content .modal-wrap ul li {
		    font-size: 14px;
		    line-height: 1.6;
		    text-indent: -14px;
		    margin-left: 14px;
		    margin-bottom: 10px; 
		}

		.mfp-content a.mfp-close-link {
		  width: 24px;
		  height: 23px;
		  line-height: 23px;
		  background: url(../img/btn_modal_close.png) no-repeat 0 0 !important;
		  opacity: 1;
		  text-indent: -99999px;
		  display: block !important;
		  top: 9px;
		  right: 15px;
		  position: absolute; 
		}

}