@charset "UTF-8";
/*===============================================
●sp.css 画面の横幅が639px以下
===============================================*/
@media screen and (max-width: 639px){
#contents div,#contents span,#contents applet,#contents object,#contents iframe,
#contents h1,#contents h2,#contents h3,#contents h4,#contents h5,#contents h6,#contents p,#contents blockquote,#contents pre,
#contents a,#contents abbr,#contents acronym,#contents address,#contents big,#contents cite,#contents code,
#contents del,#contents dfn,#contents em,#contents font,#contents img,#contents ins,#contents kbd,#contents q,#contents s,#contents samp,
#contents small,#contents strike,#contents strong,#contents sub,#contents sup,#contents tt,#contents var,
#contents b,#contents u,#contents i,#contents center,
#contents dl,#contents dt,#contents dd,#contents ol,#contents ul,#contents li,
#contents fieldset,#contents form,#contents label,#contents legend,
#contents table,#contents caption,#contents tbody,#contents tfoot,#contents thead,#contents tr,#contents th,#contents td,#contents div,#contents figure,#contents span{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	word-break: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    list-style: none;
}
#contents {
width: 100%;
float: left;
clear: both;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 1.5;
color: #000;
    overflow: hidden ;
}
#contents .sp_none {
    display: none;
}
#contents .auto {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#contents img {
	width: 100%;
    display: block;
}
#contents p {
    margin: 0;
}
.montserrat {
    font-family: 'Montserrat', sans-serif;
}
#contents #top_banner {
    width: 100%;
    padding: 48px 0 34px;
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	text-align: center;
}
#contents #top_banner .auto {
    width: 96%;
}
#contents #top_banner h2 {
	margin-bottom: 2px;
}
#contents #top_banner .text {
	font-size: 14px;
	line-height: 1.7;
    width: 80%;
    min-width: 260px;
    margin: 14px auto 10px;
}
#contents #top_banner .small_text {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3;
}
#contents #top_banner .period {
    font-size: 16px;
    line-height: 1.9;
    vertical-align: middle;
}
#contents #top_banner .period .border {
    border: 2px solid #ffffff;
	font-size: 16px;
	vertical-align: middle;
    padding: 4px 8px 4px;
    margin-right: 8px;
}
#contents #top_banner .period .small {
	font-size: 14px;
	margin-left: 3px;
}
#contents #thanks_conts {
	width: 100%;
	padding-top: 48px;
	padding-bottom: 72px;
	text-align: center;
}
#contents #thanks_conts p.thanks {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 18px;
}
#contents #thanks_conts .banner {
	margin: 0 auto;
}

#contents #presentation_conts {
	width: 100%;
    padding-top: 48px;
    padding-bottom: 76px;
}
#contents #presentation_conts h3 {
	margin-left: 0;
}
#contents #presentation_conts .sub_title {
	margin-bottom: 28px;
}
#contents #presentation_conts .selection_box {
	width: 100%;
    margin-bottom: 46px;
}
#contents #presentation_conts .selection_box h4 {
	width: 100%;
    background: #856e31;
	background: -moz-linear-gradient(left, #af8a17 0%, #e0cb56 50% ,#af8a17 100%);
	background: -webkit-linear-gradient(left, #af8a17 0%, #e0cb56 50%, #af8a17 100%);
	background: linear-gradient(to right, #af8a17 0%, #e0cb56 50%, #af8a17 100%);
	text-align: center;
	font-size: 23px;
	line-height: 1.3;
    color: #fff;
    font-weight: bold;
	padding: 10px 0 10px;
    margin-bottom: 20px;
    position: relative;
}
#contents #presentation_conts .selection_box h4 span {
	position: absolute;
    top: -6px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.05);
    font-size: 3.2rem;
}
#contents #presentation_conts .selection_box .wrapper {
}
#contents #presentation_conts .selection_box .wrapper .left_img {
    margin: 0 auto 11px;
}
#contents #presentation_conts .selection_box .wrapper .left_img img {
	width: 100%;
    display: block;
}
#contents #presentation_conts .selection_box .wrapper .right_box {
    
}
#contents #presentation_conts .selection_box .wrapper .right_box .name {
	font-size: 18px;
	line-height: 1.4;
    text-align: center;
    margin-bottom: 12px;
}
#contents #presentation_conts .selection_box .wrapper .right_box .name .bigger {
	font-size: 20px;
}
#contents #presentation_conts .selection_box .wrapper .inner {
    background-color: #fffdf5;
    padding: 20px 18px 18px;
}
#contents #presentation_conts .selection_box .reason {
	font-size: 16px;
    line-height: 1.5;
    margin-bottom: 7px;
    color: #b69320;
}
#contents #presentation_conts .selection_box .wrapper .text {
	margin-bottom: 12px;
}
#contents #presentation_conts .selection_box .wrapper .text:last-of-type {
	margin-bottom: 0;
}
#contents #presentation_conts .selection_box .wrapper .aline_right {
    font-size: 12px;
    padding-top: 7px;
    margin-left: 18px;
}
#contents #presentation_conts .selection_box .wrapper .text a {
	color: #fca138;
}
#contents #presentation_conts .selection_box .selection_list {
    width: 100%;
	letter-spacing: -.4em;
    margin-bottom: 8px;
    text-align: center;
}
#contents #presentation_conts .selection_box .selection_list li {
    width: 49%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-right: 1%;
    margin-bottom: 14px;
    font-size: 12px;
}
#contents #presentation_conts .selection_box .selection_list li:nth-of-type(2n) {
	margin-right: 0;
}
#contents #presentation_conts .selection_box .selection_list li a {
    width: 100%;
    display: block;
    margin-bottom: 4px;
}
#contents #presentation_conts .selection_box .selection_list li img {
    width: 100%;
    display: block;
}
#contents #presentation_conts .selection_box:nth-of-type(2) h4  {
    background: #d42f6d;
	background: -moz-linear-gradient(left, #d42f6d 0%, #ed584f 100%);
	background: -webkit-linear-gradient(left, #d42f6d 0%, #ed584f 100%);
	background: linear-gradient(to right, #d42f6d 0%, #ed584f 100%);
}
#contents #presentation_conts .selection_box:nth-of-type(3) h4  {
    background: #d42f6d;
	background: -moz-linear-gradient(left, #495db6 0%, #42afce 100%);
	background: -webkit-linear-gradient(left, #495db6 0%, #42afce 100%);
	background: linear-gradient(to right, #495db6 0%, #42afce 100%);
}
#contents #presentation_conts .selection_box:nth-of-type(2) h4 span,
#contents #presentation_conts .selection_box:nth-of-type(3) h4 span {
    color: rgba(255, 255, 255, 0.03);
}
#contents #presentation_conts .selection_box:nth-of-type(2) .wrapper .inner {
    background-color: #fff8fa;
}
#contents #presentation_conts .selection_box:nth-of-type(2) .wrapper .right_box .reason {
    color: #d6326b;
}
#contents #presentation_conts .selection_2 {
    margin-bottom: 0;
}
#contents #presentation_conts .selection_2 .wrapper {
    margin-bottom: 0;
}
#contents #presentation_conts .selection_2 .left_text {
    background-color: #f7f9ff;
    padding: 20px 18px 18px;
}
#contents #presentation_conts .selection_2 .left_text .reason  {
    color: #495db6;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 7px;
}
#contents #presentation_conts .selection_2 .left_text .text {
    margin-bottom: 12px;
    line-height: 1.6;
}
#contents #presentation_conts .selection_2 .left_text .text a {
    color: #d4306c;
}
#contents #conts_01 {
	width: 100%;
	clear: both;
	padding-top: 48px;
	padding-bottom: 110px;
	background-color: #f7f7f7;
}
#contents h3 {
	font-size: 26px;
    line-height: 1.3;
	text-align: center;
}
#presentation_conts h3 {
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
	color: #000;
	text-align: center;
    margin-bottom: 20px;
}
#contents .sub_title {
	font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}
#contents #conts_01 .box {
	width: 100%;
	margin-bottom: 50px;
}
#contents #conts_01 .box .goggles {
	width: 100%;
    max-width: 250px;
    margin: 0 auto;
}
#contents #conts_01 .text_box {
	width: 100%;
    border: 3px solid;
    padding: 24px 5% 22px;
    position: relative;
    box-sizing: border-box;
}
#contents #conts_01 .text_box .t_outer {
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
#contents #conts_01 .text_box .title {
    font-size: 24px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    background-color: #f7f7f7;
    padding: 0 16px;
    display: inline-block;
}
#contents #conts_01 .text_box .small {
    font-size: 14px;
    line-height: 1.3;
    display: block;
    font-weight: bold;
}
#contents #conts_01 .number {
	font-size: 18px;
    padding: 4px 18px 2px;
    margin-bottom: 12px;
	display: inline-block;
	color: #ffffff;
	background-color: #b38f1c;
}
#contents #conts_01 .text {
	font-size: 15px;
    line-height: 1.5;
}
#contents #conts_01 .box:last-of-type {
    margin-bottom: 0;
}
#contents #conts_01 .box .text_box {
    width: 100%;
    margin-top: 20px;
}
#contents #conts_01 .box:nth-of-type(1) .text_box {
    margin-top: 20px;
    border-image: linear-gradient(to left, #af8a17, #f0db64, #af8a17);
    border-image-slice: 1;
}
#contents #conts_01 .box:nth-of-type(1) .text_box .title {
    color: #af8a17;
}
#contents #conts_01 .box:nth-of-type(2) .goggles {
    text-align: center;
}
#contents #conts_01 .box:nth-of-type(2) .text_box {
    border-image: linear-gradient(to left, #ed584f, #d42f6d);
    border-image-slice: 1;
}
#contents #conts_01 .box:nth-of-type(2) .text_box .title {
    color: #d63568;
}
#contents #conts_01 .box:nth-of-type(2) .number {
	background-color: #d42f6d;
}
#contents #conts_01 .box:nth-of-type(3) .goggles {
    margin-top: 27px;
    text-align: center;
}
#contents #conts_01 .box:nth-of-type(3) .text_box {
    border-image: linear-gradient(to left, #42afce, #495db6);
    border-image-slice: 1;
}
#contents #conts_01 .box:nth-of-type(3) .text_box .title {
    color: #495eb6;
}
#contents #conts_01 .box:nth-of-type(3) .number {
	background-color: #495eb6;
    margin-bottom: 13px;
}
#contents #conts_01 .box:nth-of-type(3) .text {
	font-size: 18px;
}
#contents #conts_01 .box:nth-of-type(3) .text_small {
	font-size: 16px;
}

#contents #conts_02 {
	width: 100%;
	padding-top: 48px;
	padding-bottom: 78px;
}
#contents #conts_02 .steps {
	width: 100%;
	text-align: center;
    padding-bottom: 16px;
}
#contents #conts_02 .steps li {
	margin-bottom: 58px;
}
#contents #conts_02 .steps li .numbers {
	width: 100%;
	background-color: #6155c5;
    font-size: 18px;
    line-height: 1.5;
    color: #ffffff;
    padding: 7px 0 4px;
    margin-bottom: 22px;
    letter-spacing: normal;
    font-weight: bold;
}
#contents #conts_02 .steps li .title {
    margin-bottom: 10px;
    font-size: 17px;
    letter-spacing: normal;
    min-height: 38px;
}
#contents #conts_02 .steps li .title .logo {
    display: inline-block;
    margin-right: 3px;
}
#contents #conts_02 .steps li .title img {
    vertical-align: middle;
    display: inline-block;
    width: 100px;
}
#contents #conts_02 .steps li .box {
	display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 24px;
}
#contents #conts_02 .steps li .img {
    width: 80%;
    min-width: 250px;
    max-width: 380px;
    margin: 0 auto 8px;
}
#contents #conts_02 .steps li .border_bg {
	border: 2px solid #dcdbda;
    padding: 15px 5% 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
#contents #conts_02 .steps li .text {
	letter-spacing: normal;
}
#contents #conts_02 .steps li .box .text {
	margin-bottom: 11px;
    text-align: left;
}
#contents #conts_02 .steps li .link_btn {
	background: rgb(84,84,194);
	background: -moz-linear-gradient(left,  rgba(84,84,194,1) 0%, rgba(216,46,106,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	background: linear-gradient(to right,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5454c2', endColorstr='#d82e6a',GradientType=1 );
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	display: block;
    text-align: center;
}
#contents #conts_02 .steps li .link_btn .logo_text {
	background-image: url(../img/insta_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 21px;
    padding: 18px 0 13px 27px;
    display: inline-block;
    font-size: 13px;
}
#contents #conts_02 .gray_bg {
	width: 100%;
	background-color: #e3e3e3;
	text-align: center;
	padding: 24px 3% 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents #conts_02 .gray_bg h4 {
	font-size: 20px;
	margin-bottom: 12px;
}
#contents #conts_02 .gray_bg .text {
	margin-bottom: 20px;
}
#contents #conts_02 .gray_bg .store_link a {
	width: 80%;
    max-width: 200px;
    display: block;
    margin: 0 auto 8px;
}
#contents #conts_02 .gray_bg .store_link a img {
	width: 100%;
}
#contents #conts_02 .gray_bg .store_link a:last-of-type {
    width: 90%;
    max-width: 226px;
}

#contents #conts_03 {
    width: 100%;
	background-color: #e3e3e3;
	padding-top: 48px;
	padding-bottom: 54px;
}
#contents #conts_03 .link_btn {
	background: rgb(84,84,194);
	background: -moz-linear-gradient(left,  rgba(84,84,194,1) 0%, rgba(216,46,106,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	background: linear-gradient(to right,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5454c2', endColorstr='#d82e6a',GradientType=1 );
	color: #ffffff;
	text-decoration: none;
    margin: 0 auto;
    padding: 20px 0 16px;
	display: block;
    text-align: center;
}
#contents #conts_03 .link_none {
	pointer-events: none;
}
#contents #conts_03 .archive_link {
	width: 100%;
    padding: 59px 3% 50px;
    -webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	box-sizing: border-box;
    margin: 40px auto 0;
    background-image: url(../img/archive_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    text-align: center;
}
#contents #conts_03 .archive_link .text {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 16px;
}
#contents #conts_03 .archive_link .button {
    width: 100%;
    margin: 0 auto;
    background: rgb(84,84,194);
	background: -moz-linear-gradient(left,  rgba(84,84,194,1) 0%, rgba(216,46,106,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	background: linear-gradient(to right,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5454c2', endColorstr='#d82e6a',GradientType=1 );
}
#contents #conts_03 .archive_link .button a {
    color: #fff;
    text-decoration: none;
    padding: 19px 0 17px;
    display: block;
    font-weight: bold;
	background-image: url("../img/icon_01.png");
	background-repeat: no-repeat;
	background-position: right 3% center;
	background-size: 8px;
}

#contents #conts_04 {
    width: 100%;
	padding-top: 48px;
	padding-bottom: 78px;
}
#contents #conts_04 .guidelines {
    line-height: 1.7;
    margin-bottom: 25px;
}
#contents #conts_04 .guidelines dt {
    background-color: #e3e3e3;
    padding: 10px 5% 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents #conts_04 .guidelines dd {
    padding: 16px 5% 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents #conts_04 .guidelines dd p {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 2px;
}
#contents #conts_04 .guidelines dd p:last-of-type {
    margin-bottom: 18px;
}
#contents #conts_04 .guidelines dd li {
    text-indent: -1em;
    padding-left: 1em;
}
#contents #conts_04 .border_bg {
    border: 2px solid #dcdbda;
    padding: 20px 5% 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 40px;
}
#contents #conts_04 .border_bg .text {
    font-size: 16px;
    margin-bottom: 18px;
}
#contents #conts_04 .border_bg .account_link {
    width: 100%;
    letter-spacing: -.4em;
}
#contents #conts_04 .border_bg .account_link .link_btn {
	background: rgb(84,84,194);
	background: -moz-linear-gradient(left,  rgba(84,84,194,1) 0%, rgba(216,46,106,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	background: linear-gradient(to right,  rgba(84,84,194,1) 0%,rgba(216,46,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5454c2', endColorstr='#d82e6a',GradientType=1 );
	color: #ffffff;
	text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 8px;
}
#contents #conts_04 .border_bg .account_link .link_btn:last-of-type {
    margin-right: 0;
}
#contents #conts_04 .border_bg .account_link .link_btn .logo_text {
	background-image: url(../img/insta_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 21px;
    padding: 18px 0 13px 27px;
    display: inline-block;
    font-size: 13px;
}
#contents #conts_04 .photo_box {
	width: 100%;
    padding: 0 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents #conts_04 .photo_box .phone_img {
    width: 80%;
    min-width: 250px;
    margin: 0 auto 26px;
}
#contents #conts_04 .photo_box p {
	background-color: #e3e3e3;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 5% 12px;
    margin-bottom: 26px;
    position: relative;
}
#contents #conts_04 .photo_box p span {
	position: absolute;
    right: 20%;
    bottom: -19px;
    width: 30px;
}
#contents #conts_04 .photo_box .photo_image {
	
}

}