@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700');

body {
    font-family: "Hiragino Kaku Gothic ProN",'Noto Sans JP',sans-serif;
}
@media(min-width: 767px){
	body {
    	font-family: 'Noto Sans JP',sans-serif;
	}
}


label {
    margin-bottom: 0;
}

/*CTA*/
.list_logo img{
	width: 100%;
	height: auto;
}
@media (min-width: 768px){
	.list_logo {
	    margin: 5px auto 0px;
	    max-width: 500px;
	}
}
@media (max-width: 768px){
	.list_logo {
	    width: 94%;
	}
}

/*conversion_button*/
.callout {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #ee2357;
	font-weight: bold;
	line-height: 1;
    margin-bottom: 0;
	
}

@media(max-width:768px){
	.callout {
		font-size: 80%;
		margin-top:1em;
	}
}
.conversion_content{
  display: flex;
}


#checkBox{
	position: absolute;
	top:0;
}

.conversion_img{
  width: 15px;
  position: absolute;
  top: 0;
		bottom:0;
  right: 5%;
		margin: auto;
}

.campaign_entry{
	position: relative;
}

.left_arrow_img{
	width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10%;
    margin: auto;
}

.right_arrow_img{
	width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10%;
    margin: auto;
}


.l-wrapper__top .conversion_button {
		width: 90%;
}


/*Border*/
.border-t-white{
	border-top:1px solid #fff;
}
.border-b-white{
	border-bottom:1px solid #fff;
}
.border-b-darkblue{
	border-bottom:1px solid #1a1d29;
}

/*Width*/
@media(min-width:768px){
	.w-limit{
		width: 662px;
	}
	.w-limit-90{
		width:90%;
	}
	.w-limit-80{
		width:80%;
	}
}

.list-logo{
	width:150px;
	height:auto;
	text-align: center;
}
@media(max-width:767px){
	.list-logo{
		width:100px;
	}
}



@media(min-width: 768px){
  .card{
    max-width: 100%;
  }
}

/*Card section*/
@media(max-width:767px){
	.card-wrap{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(min-width:768px){
	.card-wrap{
		padding-left: 15px;
		padding-right: calc(15px + 0.5rem);
	}
}




@media(max-width: 767px){
	.font-20pt{
		font-size:20pt;
	}
	.font-19pt{
		font-size:19pt;
	}
	.font-18pt{
		font-size:18pt;
	}
	.font-17pt{
		font-size:17pt;
	}
	.font-16pt{
		font-size:16pt;
	}
	.font-15pt{
		font-size:15pt;
	}
	.font-14pt{
		font-size:14pt;
	}
	.font-13pt{
		font-size:13pt;
	}
	.font-12pt{
		font-size:12pt;
	}
	.font-11pt{
		font-size:11pt;
	}
	.font-10pt{
		font-size: 10pt;
	}
}


@media(min-width: 768px){
	.font-md-30pt{
		font-size:30pt;
	}
	.font-md-29pt{
		font-size:29pt;
	}
	.font-md-28pt{
		font-size:28pt;
	}
	.font-md-27pt{
		font-size:27pt;
	}
	.font-md-26pt{
		font-size:26pt;
	}
	.font-md-25pt{
		font-size:25pt;
	}
	.font-md-24pt{
		font-size:24pt;
	}
	.font-md-23pt{
		font-size:23pt;
	}
	.font-md-22pt{
		font-size:22pt;
	}
	.font-md-21pt{
		font-size:21pt;
	}
	.font-md-20pt{
		font-size:20pt;
	}
	.font-md-19pt{
		font-size:19pt;
	}
	.font-md-18pt{
		font-size:18pt;
	}
	.font-md-17pt{
		font-size:17pt;
	}
	.font-md-16pt{
		font-size:16pt;
	}
	.font-md-15pt{
		font-size:15pt;
	}
	.font-md-14pt{
		font-size:14pt;
	}
	.font-md-13pt{
		font-size:13pt;
	}
	.font-md-12pt{
		font-size:12pt;
	}
	.font-md-11pt{
		font-size:11pt;
	}
	.font-md-10pt{
		font-size: 10pt;
	}
}


@media(min-width: 768px){
	.font-md-30pt p{
		font-size:30pt;
	}
	.font-md-29pt p{
		font-size:29pt;
	}
	.font-md-28pt p{
		font-size:28pt;
	}
	.font-md-27pt p{
		font-size:27pt;
	}
	.font-md-26pt p{
		font-size:26pt;
	}
	.font-md-25pt p{
		font-size:25pt;
	}
	.font-md-24pt p{
		font-size:24pt;
	}
	.font-md-23pt p{
		font-size:23pt;
	}
	.font-md-22pt p{
		font-size:22pt;
	}
	.font-md-21pt p{
		font-size:21pt;
	}
	#font-md-20pt p{
		font-size:20pt;
	}
	#font-md-19pt p{
		font-size:19pt;
	}
	#font-md-18pt p{
		font-size:18pt;
	}
	#font-md-17pt p{
		font-size:17pt;
	}
	#font-md-16pt p{
		font-size:16pt;
	}
	#font-md-15pt p{
		font-size:15pt;
	}
	#font-md-14pt p{
		font-size:14pt;
	}
	#font-md-13pt p{
		font-size:13pt;
	}
	#font-md-12pt p{
		font-size:12pt;
	}
	#font-md-11pt p{
		font-size:11pt;
	}
	#font-md-10pt p{
		font-size: 10pt;
	}
}

@media(min-width: 768px){
	.font-custom{
		font-size: 35.2px;
	}
}
@media(max-width: 767px){
	.font-custom{
		font-size: 13pt;
	}
	.font-custom-b{
		font-size: 3.55vw;
	}
}

@media(max-width: 767px){
	.font-custom1{
		font-size: 4.1vw;
	}
	.font-custom2{
		font-size: 3.8vw;
	}
}
@media(min-width: 768px){
	.font-custom1{
		font-size: 1.7vw;
	}
}


/*Triangle Down*/
.triangle-down{
	width:200px;
	height:auto;
}
@media(max-width: 767px){
	.triangle-down{
		width:100px;
	}
}

/*PageTop*/
#page_top {
	position: fixed;
	bottom: 30px;
	right: 20px;
	height: 50px;
	width: 50px;
	background-color: #333;
	opacity: 50%;
	border-radius: 50%;
	display: table;
}
#page_top a {
	text-align: center;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}
#page_top a img {
    width: 60%;
    height: auto;
}
#page_top:hover {
    background-color: #666;
    text-decoration: none;
}



/*Checkbox RadioBox*/

@media(min-width: 768px){
	/* チェックボックス01 */
	input[type=checkbox] {
	    display: none;
	}
	.checkbox01,.checkbox02 {
	    box-sizing: border-box;
	    cursor: pointer;
	    display: inline-block;
	    padding: 5px 30px;
	    position: relative;
	    width: auto;
	}
	.checkbox01::before ,.checkbox02::before {
	    background: #fff;
	    border: 1px solid #231815;
	    content: '';
	    display: block;
	    height: 16px;
	    left: 5px;
	    margin-top: -8px;
	    position: absolute;
	    top: 50%;
	    width: 16px;
	    border-radius: 2px;
	}
	.checkbox01::after,.checkbox02::after {
	    border-right: 3px solid #ee2357;
	    border-bottom: 3px solid #ee2357;
	    content: '';
	    display: block;
	    height: 19px;
	    left: 10px;
	    margin-top: -7px;
	    opacity: 0;
	    position: absolute;
	    top: 30%;
	    transform: rotate(45deg);
	    width: 10px;
	}
	.checkbox02::after {
	    top: 36%;
	}
	input[type=checkbox]:checked + .checkbox01::after {
	    opacity: 1;
	}
	input[type=checkbox]:checked + .checkbox02::after {
	    opacity: 1;
	}
	/* ラジオボタン01 */
	input[type=radio] {
	    display: none;
	}
	.radio01 ,.radio02{
	    box-sizing: border-box;
	    cursor: pointer;
	    display: inline-block;
	    padding: 5px 30px;
	    position: relative;
	    width: auto;
	}
	.radio01::before ,.radio02::before {
	    background: #fff;
	    border: 1px solid #231815;
	    border-radius: 50%;
	    content: '';
	    display: block;
	    height: 16px;
	    left: 5px;
	    margin-top: -8px;
	    position: absolute;
	    top: 50%;
	    width: 16px;
	}
	.radio01::after,.radio02::after {
	    background: #ee2357;
	    border-radius: 50%;
	    content: '';
	    display: block;
	    height: 10px;
	    left: 8px;
	    margin-top: -4px;
	    opacity: 0;
	    position: absolute;
	    top: 47%;
	    width: 10px;
	}
	.radio01::after{
	    top: 48%;
	}
	input[type=radio]:checked + .radio01::after {
	    opacity: 1;
	}
	input[type=radio]:checked + .radio02::after {
	    opacity: 1;
	}
}

label {
    display: inline;
}