<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  word-wrap: break-word;
  font-size: 13px; }

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address,
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

html,body{

	padding:0px;
	margin:0px;
	color:#000;
	line-height:1.5em;
	height:100%;
	letter-spacing:0px;
}



#header1{ width:100%; 
display: flex; 
justify-content:space-between;
}
.headerL{ width:20%;}
.headerR{ width:12.8%; 
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
align-items: center;
 }

.headerL img,
.headerR img{ width:100%; display:block; }


#mv {
	background: url(../img/bg.png)  center center;
	background-size:cover;
}

#mv div {
	margin:0 auto;
	width:100%;
}

#mv div img,
div.piriod div img,
div.close div img,
div.quiz div img,
div.apply div img
 {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

div.piriod {
	width:100%;
	background:#c61922;
	text-align:center;
}

div.close {
	width:100%;
	background:#FFF;
	text-align:center;
}

div.quiz {
	background:#000;
	width:100%;
	text-align:center;
}

div.apply {
	background:#8dc221;
	width:100%;
	text-align:center;
}

div.quiz div img,
div.apply div img {
	margin-bottom:10px;
}

img.top_bt {
	width:85%;
	height:auto;
	margin-bottom:15px;
	}


div.note {
	background-color:#ccc;
	text-align:center;
	color:#000;
	font-size:0.9rem;
	padding:1em 5%;
	text-align:left;
}


div#opentype {
	background:#000;
	padding:20px 3%;
}

div#opentype div#contents_border {
	background: url(../img/open_border_bg.png) repeat-y ;
	background-size: contain;
	border-radius:10px;
	padding:3px;
	margin:0 auto;
}

div#opentype div#contents {
	background:#fff;
	border-radius:8px;
	padding:10px;
}

div#opentype div#contents img {
	width:100%;
}

div#opentype div#contents div.ti {
	text-align:center;
}
div#opentype div#contents div.ti img {
	width:84%;
	height:auto;
}

div#opentype div#contents div.open_bt01,
div#opentype div#contents div.open_bt02 {
	display:inline-block;
	width:50%;
	text-align:center;
}
	
div#opentype div#contents div.open_bt01 img,
div#opentype div#contents div.open_bt02 img {
	width:100%;
	height:auto
}


div#opentype div#contents div#poster {
	box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.3);
	background: url(../img/open_poster_flame.png) repeat-y ;
	background-size: contain;
	padding:3px;
	margin:0 auto;
}

div#opentype div#contents div#poster div {
	background:#000;
	padding-bottom:10px;
}

div#opentype div#contents div#poster div img {
	width:100%;
}

div#opentype div#contents div#poster div div.notice{
	border:#FFF 1px solid;
	padding:8px;
	color:#FFF;
	margin:10px 10px 0 10px;
	line-height:1.5em;
	font-size:85%;
}

div#opentype div#contents div#poster div div.notice h3.poster{
	font-weight:normal;
	text-align:center;
	margin:0 0 5px 0;
	background-color: transparent;
	}


div#opentype div#contents h2#open_card {
	margin-top:25px;
}

div#opentype div#contents h2 img {
	width:100%;
}

div#opentype div#contents h3 {
	background-color:#e50010;
	border-radius:15px;
	text-align:center;
	color:#FFF;
	margin:15px 0 10px 0;
	padding:3px;
	font-size:0.95rem;
}

div#contents p {
	font-size:0.9rem;
	margin-bottom:20px;
	line-height:1.5em;
}

div#contents p.add {
	font-size:105%;
}

div.card_bt {
	text-align:center;
}


div.card_bt img {
	width:auto !important;
}


div#insta {
	border:#9a0181 3px solid;
	border-radius:10px;
	margin:30px 0;
}


div#insta h2 {
	margin:0;
	padding:8px;
	background-color:#9a0181;
	text-align:center;
}

div#insta h2 img {
	width:100%;
}

div#insta div#insta_contents {
	padding:10px;
	text-align:center;
}

div#insta div#insta_contents img {
	width:100%;
}


div#insta div#insta_contents div.policy_bt{
	margin:0 0 10px 0;
}


div.step_sp {
	margin:15px 0 ;
	line-height:0;
}


div.step_sp div {
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	line-height:0;
}

div#insta div#insta_contents p{
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
}

div#insta div#insta_contents p.acc{
	text-indent:-1em;
	margin-left:1em;
}

div#insta div#insta_contents h3 {
	background-color:#9a0181;
}

div#insta div#insta_contents p span{
	display:block;
	text-indent:-1em;
	margin-left:2em;
	}
	
div#insta div#insta_contents h3#policy {
	background-color: transparent;
	text-align:left;
	color:#000;
	padding:0;
	margin-bottom:5px;
}

div#insta div#insta_contents div#policy_box {
	border:#ccc 3px solid;
	padding:10px;
	height:200px;
	overflow: auto;
	margin-bottom:20px;
}
	
div#insta div#insta_contents div#policy_box h3 {
	background-color: transparent;
	text-align:left;
	color:#000;
	padding:0;
	margin-bottom:5px;
}

div#insta div#insta_contents div#policy_box ul {
	margin:0 0 0 1.5em;
	padding:0;
	font-size:0.9em;
	}
	
div#insta div#insta_contents div#policy_box ul li {
	text-align:left;
	padding:0 0 5px 0;
	line-height:1.3em;
	}
	
div#insta div#insta_contents div#policy_box ul li span{
	display:block;
	text-indent:-1em;
	margin:2px 0 2px 2em;
	
	}
	
div#insta div#insta_contents div#policy_box p.last {
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	padding:15px;
	margin:15px 0;
}
	



div#insta div#insta_contents div#follow {
}

.btL,
.btR{ width:80%;
text-align:center;
margin:0 auto;
 }
.btL img,
.btR img{
	height:auto;
 }
 
 div.freecall {
	 text-align:center;
 }

div.freecall img{
	width:80% !important;
	height:auto;
	margin:0 auto;
}

/*close*/
	

div#closetype {
	background:#9dc139;
	padding:20px 3%;
}

div#closetype div#contents {
	background:#fff;
	border-radius:8px;
	padding:10px 0;
	border:#ffef00 3px solid;
	border-radius:10px;
}

div#closetype div#contents img {
	width:100%;
}

div#closetype div#contents div.ti {
	text-align:center;
	margin:0 10px;
}
div#closetype div#contents div.ti img {
	width:84%;
	height:auto;
}

div#closetype div#contents div.btarea{
	padding:0 10px;
}


div#closetype div#contents div.btarea div.open_bt01,
div#closetype div#contents div.btarea div.open_bt02 {
	display:inline-block;
	width:50%;
	text-align:center;
}
	
div#closetype div#contents div.btarea div.open_bt01 img,
div#closetype div#contents div.btarea div.open_bt02 img {
	width:100%;
	height:auto
}


div#closetype div#contents div#contents_block {
	padding: 10px 10px 0 10px;
	
}


div#closetype div#contents h2#close_card {
	margin-top:15px;
}

div#closetype div#contents h2 img {
	width:100%;
}

div#closetype div#contents h3 {
	background-color:#006932;
	border-radius:15px;
	text-align:center;
	color:#FFF;
	margin:15px 0 10px 0;
	padding:3px;
	font-size:0.95rem;
}


div#line {
	border-radius:10px;
	margin:30px 0px;
	padding:8px;
	background:#3bae36;
}

div#line h2 {
	margin:0;
	text-align:center;
}

div#line h2 img {
	width:100%;
}


div#line div#line_contents p{
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	color:#FFF;
}

div#line div#line_contents p.acc{
	text-indent:-1em;
	margin-left:1em;
}

div#line div#line_contents p.friend {
	font-weight:bold;
	color:#ffef00;
	font-size:1.2rem;
	line-height:1.2em;
}

div#line div#line_contents p.friend span {
	font-size:0.85rem;
}


div#line div#line_contents p.friend a {
	color:#ffef00;
	text-decoration:none;
}



div#line div#line_contents h3 {
	background-color:#ffef00;
	color:#2e693a;
	line-height:1.2em;
}

div#line div#line_contents h3.protocol {
	background-color: transparent;
}

div#line div#line_contents h3.protocol img {
	width:100%;
	height:auto;
}

div#line div#line_contents img {
	width:100%;
	height:auto;
}



	

#ptop{
	margin:30px 0 0 0;
	text-align:right;
	line-height:0;
}

#ptop:hover{
	opacity:0.7;
}

#ptop img{
	width:auto;
	height:auto;
}



#footer {
	text-align:center;
	padding:20px 10px;
}



.switch {
	visibility: hidden;
}

.only_sp {
	display: inherit;
}

.only_pc {
	display:none;
}






@media print, screen and (min-width: 769px) {

.headerL{ width: auto;}
.headerR{ width:auto; 
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items:flex-end; }

.headerR img{ width:auto; display:block; }

#mv div {
	margin:0 auto;
	width:960px;
}


div.piriod div{
	margin:0 auto;
	width:960px;
	padding:10px 0 8px;
	text-align:center;
}

div.piriod div img,
div.close div img
{
	width: auto;
	margin:0;
	vertical-align:bottom;
}

div.close div{
	margin:0 auto;
	width:960px;
	padding:4px 0 3px;
	text-align:center;
}

div.poster {
	background: url(../img/poster_bg.png) center repeat-y;
	margin:0;
	padding:0;
}
div.poster div.box {
	background: url(../img/poster_bg.png) center repeat-y;
	width:960px;
	margin:0 auto;
}


div.quiz,
div.apply{
	display: inline-block;
	width:50%;
	text-align:center;}

div.quiz div,
div.apply div {
	display:block;
	width:480px;

}

img.top_bt {
	width:347px;
	height:auto;
	text-align:center;
	margin-bottom:0;
	}

div.note {
	background-color: transparent;
	text-align:center;
	color:#fff;
	font-size:0.9rem;
	padding:0px 0 30px 0;
}


/* opentype */

div#opentype {
	background:#000;
	padding:50px 3% 20px;
}


div#opentype div#contents_border {
	padding:8px;
	width:844px;
	border-radius:18px;
}


div#opentype div#contents {
	background:#fff;
	border-radius:15px;
	padding:15px 33px;
}

div#opentype div#contents img {
	width:auto;
}


div#opentype div#contents div.ti img {
	width:auto;
}


div#opentype div#contents div#poster {
	padding:7px;
	margin:0 auto;
}

div#opentype div#contents div#poster div {
	background:#000;
	padding-bottom:20px
}

div#opentype div#contents div#poster div img {
	width:100%;
}

div#opentype div#contents div#poster div div.notice{
	border:#FFF 2px solid;
	padding:15px;
	color:#FFF;
	margin:15px 20px 0 20px;
	font-size:1rem;
}

	
div#opentype div#contents div.open_bt01 img{
	margin-right:7px;
	width:auto;
}

div#opentype div#contents div.open_bt02 img {
	margin-left:7px;
	width:auto;
}

div#opentype div#contents h2#open_card {
	margin-top:60px;
}

div#opentype div#contents h2 img {
	width:auto;
}

div#opentype div#contents h3 {
	margin-top:30px;
	padding:5px 0;
	font-size:1.2rem;
}

div#opentype div#contents p {
	font-size:1.1rem;
	margin-bottom:40px;
}

div#opentype div#contents p.add {
	font-size:125%;
}

div.card_bt img {
	width:auto !important;
}

div#insta {
	border:#9a0181 8px solid;
	border-radius:20px;
	margin:60px 0;
}

div#insta h2 img {
	width:auto;
}

div#insta div#insta_contents {
	padding:25px;
	text-align:center;
}

div#insta div#insta_contents img {
	width:auto;
}

div#insta div#insta_contents div.policy_bt{
	margin:0 0 20px 0;
}

div#insta div#insta_contents p{
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
}

div#insta div#insta_contents div#policy_box {
	border:#ccc 3px solid;
	padding:15px;
	height:200px;
	overflow:auto;
	margin-bottom:50px;
}

div#insta div#insta_contents div#policy_box ul {
	margin:0 0 0 1.5em;
	padding:0;
	font-size:1.1em;
	}
	
div#insta div#insta_contents div#policy_box ul li {
	text-align:left;
	padding:0 0 5px 0;
	line-height:1.3em;
	}

div#insta div#insta_contents div#follow {
	display:flex;
	justify-content:space-between;
	align-items: flex-end;
}

.btL{ width:50%; text-align:center;}
.btR{ width:50%; align-items: bottom;
 }
	
.btL img,
.btR img{ width:auto;}



.step_pc {
	margin:33px 0 50px 0;
}


div.freecall img{
	width:auto !important;
	height:auto;
	margin:10px auto;
}


/* closetype */

div#closetype {
	background:#9dc139;
	padding:50px 3% 20px;
}


div#closetype div#contents {
	background:#fff;
	padding:15px 0;
	border:#ffef00 8px solid;
	border-radius:18px;
	width:844px;
	margin:0 auto;
}

div#closetype div#contents img {
	width:auto;
}


div#closetype div#contents div.ti img {
	width:auto;
}

	
div#closetype div#contents div.open_bt01 img{
	margin-right:7px;
	width:auto !important;
}

div#closetype div#contents div.open_bt02 img {
	margin-left:7px;
	width:auto !important;
}

div#closetype div#contents div#contents_block{
	padding:50px 28px 0 28px ;}


div#closetype div#contents h2#close_card {
	margin-top:50px;
}

div#closetype div#contents h2 img {
	width:auto;
}

div#closetype div#contents h3 {
	margin-top:30px;
	padding:5px 0;
	font-size:1.2rem;
}

div#closetype div#contents p {
	font-size:1.1rem;
	margin-bottom:40px;
}

div#closetype div#contents p.add {
	font-size:125%;
}

div#line {
	border-radius:20px;
	margin:60px 0;
	padding:8px;
	background:#3bae36;
}

div#line h2 {
	margin:15px 0;
	text-align:center;
}

div#line h2 img {
	width:auto;
}

div#line div#line_contents {
	padding:0 25px 25px 25px;
	text-align:center;
}

div#line div#line_contents h3 {
	margin-top:40px;
}

div#line div#line_contents h3.top {
	margin-top:20px;
}

div#line div#line_contents h3.protocol {
	margin-top:40px;
}

div#line div#line_contents h3.protocol img {
	width:auto;
}


div#line div#line_contents img {
	width:100%;
}

div#line div#line_contents p{
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	color:#FFF;
}

div#line div#line_contents p.friend {
	font-size:1.5rem;
}

div#line div#line_contents p.friend span {
	font-size:1.5rem;
}


div#ptop {
	width:860px;
	text-align:right;
	margin:20px auto 0 auto;
	padding-right:8px;
}


.only_sp{
	display: none;
}
.only_pc {
	display: inherit;

}

</pre></body></html>