@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* @font-face { font-family: 'FOT-AnitoStd-M'; src: url(./FOT-AnitoStd-M.otf); } */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
	color:#000000;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
	background-color:#ff0094;
}

@media screen and (max-width: 640px) {
	body {
		font-size:24px;
	}
}

a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img {
	border:0;
	vertical-align: bottom;
}

.sp {
	display:none;
}

.pc {
	display:block;
}

@media screen and (max-width: 640px) {
	.sp {
		display:block;
	}
	.pc {
		display:none;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block;
    margin: 0 auto;
	padding-bottom:25px;
	max-width:100%;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:40px;
	padding-top:40px;
	padding-bottom:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 12px 8px 12px !important;
		border:solid 1px #fedcd2 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#fedcd2 !important;
		background:-moz-linear-gradient(top,#fedcd2 1px,#F3F3F3 1px,#fedcd2) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#fedcd2),color-stop(0.02,#fedcd2),color-stop(1,#fedcd2)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:4px 12px 8px 12px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		font-size:14px;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top:100px;
}

@media screen and (max-width: 640px) {
	#primary {
		overflow-x:hidden;
		width:640px;
	}
}

article {
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 900px) {
	article {
		width:100%;
		padding-left:50px;
		padding-right:50px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/

header {
	width:100%;
	height:100px;
	background-color:#fff353;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
}

header h1 {
	background-image:url(../image/header/logo.png);
	width:262px;
	height:100px;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:absolute;
	top:0;
	left:0;
}

header h1 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	background-image:url(../image/mainvisual/back.png);
	background-attachment:fixed;
	width:100%;
	height:832px;
	position:relative;
}

#mainvisual .woman {
	background-image:url(../image/mainvisual/mv.png);
	width:900px;
	height:831px;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 900px) {
	#mainvisual {
		height:auto;
	}
	#mainvisual .woman {
		background-image:url(../image/mainvisual/mv.png);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
		width:100%;
		height:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:92.333%;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

nav {
	background-color:#ffffff;
	width:100%;
	height:130px;
}

@media screen and (max-width: 640px) {
	nav {
		display:none;
	}
}

nav ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	width:100%;
}

nav ul li {
	display:block;
	float:left;
	height:130px;
	width:20%;
	border-left:1px solid #ffccea;
	position:relative;
	box-sizing:border-box;
}



nav ul li a {
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

nav ul li:nth-child(1) { background-image:url(../image/navi/navi01.png); }
nav ul li:nth-child(2) { background-image:url(../image/navi/navi02.png); }
nav ul li:nth-child(3) { background-image:url(../image/navi/navi03.png); }
nav ul li:nth-child(4) { background-image:url(../image/navi/navi04.png); }
nav ul li:nth-child(5) { background-image:url(../image/navi/navi05.png); border-right:1px solid #ffccea; }

nav ul li:hover:after {
	width:calc(100% - 6px);
	position:absolute;
	bottom:2px;
	left:3px;
	height:4px;
	background-color:#ff0094;
	content:"";
	display:block;
}

#popup-menu {
	position:fixed;
	top:100px;
	left:0;
	width:100%;
	height:100%;
	display:none;
	background-color:#FFFFFF;
	z-index:9999;
	opacity:0;
	transition:0.3s;
}

#popup-menu.active {
	display:block;
	opacity:1;
}

#popup-menu nav {
	display:block !important;
	height:auto;
	margin-bottom:30px;
}

#popup-menu nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#popup-menu nav ul li {
	width:640px;
	height:91px;
	display:block;
	position:relative;
}

#popup-menu nav ul li:nth-child(1) { background-image:url(../image/navi/navi01_sp.png); }
#popup-menu nav ul li:nth-child(2) { background-image:url(../image/navi/navi02_sp.png); }
#popup-menu nav ul li:nth-child(3) { background-image:url(../image/navi/navi03_sp.png); }
#popup-menu nav ul li:nth-child(4) { background-image:url(../image/navi/navi04_sp.png); }
#popup-menu nav ul li:nth-child(5) { background-image:url(../image/navi/navi05_sp.png); }

#popup-menu nav ul li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

#popup-menu .tel {
	background-image:url(../image/navi/tel.png);
	width:579px;
	height:147px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#popup-menu .tel a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.navi-open {
	width:100px;
	height:100px;
	display:none;
	position:absolute;
	top0;
	right:0;
	box-sizing:border-box;
	padding-top:26px;
	padding-left:20px;
}

@media screen and (max-width: 640px) {
	.navi-open {
		display:block;
	}
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 44px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ff0094;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color:#fff353;
	padding-bottom:90px;
	text-align:center;
}

@media screen and (max-width: 640px) {
	#footer {
		padding-top:80px;
	}
}

#footer nav {
	margin-bottom:90px;
}

#footer .logo {
	background-image:url(../image/footer/logo.png);
	width:382px;
	height:92px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

#footer p {
	text-align:center;
	font-size:18px;
	color:#ff0094;
}

@media screen and (max-width: 640px) {
	#footer p {
		font-size:24px;
	}
}

.topback a {
	position:absolute;
	top:0;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:100px;
	height:100px;
	display:block;
}


/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
}

#contents {
	position:relative;
	padding-top:80px;
}

#contents h2 {
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#ffffff;
	border-radius:10px;
	display:inline-block;
	padding-left:80px;
	padding-right:80px;
	color:#ff0094;
	line-height:30px;
	margin-bottom:50px;
	min-width:400px;
	box-sizing:border-box;
}

#contents h2 span {
	color:#989898;
	font-size:18px;
	display:block;
	padding-top:10px;
}

#contents .content {
	padding-bottom:170px;
}

#contents .content .box {
	background-color:#ffffff;
	border-radius:15px;
	padding:50px;
}

@media screen and (max-width: 900px) {
	#contents .content .box {
		padding:30px;
	}
}

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.cp-slider {
	width:520px;
	margin-left:auto;
	margin-right:auto;
}

.bx-prev {
	background-image:url(../image/contents/top/ar-left.png);
	width:60px !important;
	height:61px !important;
	left:-90px;
}

.bx-next {
	background-image:url(../image/contents/top/ar-right.png);
	width:60px !important;
	height:61px !important;
	right:-90px;
}

@media screen and (max-width: 640px) {
	.bx-prev {
		left:-60px;
	}
	.bx-next {
		right:-60px;
	}
}

.bx-wrapper .bx-controls-direction a {
	top:35%;
}

.cp-slider .item {
	text-align:center;
	padding-bottom:20px;
}

.cp-slider .item img {
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:100%;
	height:auto;
}

.cp-slider .item .data {
	background-color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	width:172px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	color:#ff0094;
	border-radius:10px;
	font-weight:bold;
	margin-bottom:20px;
}

@media screen and (max-width: 640px) {
	.cp-slider .item .data {
		font-size:22px;
	}
}

.cp-slider .item p {
	color:#ffffff;
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
}

@media screen and (max-width: 640px) {
	.cp-slider .item p {
		font-size:24px;
	}
}

.cp-button a {
	padding-top:30px;
	padding-bottom:30px;
	display:block;
	width:490px;
	background-color:#fff353;
	font-size:22px;
	color:#ff0094;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	text-decoration:none;
	text-align:center;
}

@media screen and (max-width: 640px) {
	.cp-button a {
		font-size:24px;
	}
}

.naritai-watashi {
}

.naritai-watashi h2 {
	background-image:url(../image/contents/top/naritai.png);
	background-color:inherit;
	background-position:center top;
	background-repeat:no-repeat;
	width:536px;
	height:121px;
	margin:0;
	padding:0 !important;
	margin-left:auto !important;
	margin-right:auto !important;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	display:block !important;
}

.naritai-watashi p {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
}

@media screen and (max-width: 640px) {
	.naritai-watashi p {
		font-size:24px;
	}
}

.recommended-point {
	width:calc(100% + 50px);
}

.recommended-point .list {
	width:calc(50% - 50px);
	margin-right:50px;
	margin-bottom:50px;
	float:left;
	background-color:#ffffff;
	border-radius:15px;
	overflow:hidden;
}

@media screen and (max-width: 900px) {
	.recommended-point {
		width:calc(100% + 30px);
	}
	.recommended-point .list {
		width:calc(50% - 30px);
		margin-right:30px;
		margin-bottom:30px;
	}
}

.recommended-point .list .thum {
	width:100%;
	height:240px;
	background-position:top -3px center;
	background-repeat:no-repeat;
	background-size:cover;
}

@media screen and (max-width: 640px) {
	.recommended-point .list .thum {
		float:left;
		margin-bottom:20px;
	}
	.recommended-point {
		width:100%;
	}
	
	.recommended-point .list {
		width:100%;
		margin-right:0;
		margin-bottom:30px;
		float:none;
		background-color:#ffffff;
		border-radius:15px;
		overflow:hidden;
	}
}

.recommended-point .list:nth-child(1) .thum { background-image:url(../image/contents/top/thum01.png); }
.recommended-point .list:nth-child(2) .thum { background-image:url(../image/contents/top/thum02.jpg); }
.recommended-point .list:nth-child(3) .thum { background-image:url(../image/contents/top/thum03.jpg); }
.recommended-point .list:nth-child(4) .thum { background-image:url(../image/contents/top/thum04.jpg); }

.recommended-point .list h3 {
	color:#2b2b2b;
	font-size:18px;
	text-align:center;
}

.recommended-point .list h3 strong {
	font-size:24px;
	color:#ff0094;
}

.recommended-point .list h3 strong span {
	font-size:17px;
	display:block;
}

.recommended-point .list h3 strong span br {
	display:none;
}

@media screen and (max-width: 900px) {
	.recommended-point .list h3 strong span br {
		display:block;
	}
}

.plan-button01, .plan-button02 {
	width:375px;
	height:160px;
}

@media screen and (max-width: 900px) {
	.plan-button01, .plan-button02 {
		width:355px;
		height:151px;
		background-size:contain;
	}
}

.plan-button01 {
	float:left;
}

.plan-button02 {
	float:right;
}

@media screen and (max-width: 640px) {
	.plan-button01 {
		float:none;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.plan-button02 {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}

.plan-button01 a {
	background-image:url(../image/contents/top/corse-button01.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.plan-button02 a {
	background-image:url(../image/contents/top/corse-button02.png);
	background-size:contain;
	width:100%;
	height:100%;
	display:block;
	float:right;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.plan-mini-button-primary {
	display:block;
	clear:both;
	padding-top:50px;
	padding-bottom:50px;
}

.plan-mini-button-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 30px);
}

.plan-mini-button-primary ul li a {
	width:calc(25% - 30px);
	height:94px;
	line-height:86px;
	float:left;
	border:3px solid #7f7f7f;
	border-radius:8px;
	margin-right:30px;
	padding-left:15px;
	box-sizing:border-box;
	position:relative;
	color:#ff0094;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
}

@media screen and (max-width: 640px) {
	.plan-mini-button-primary ul li a {
		width:calc(50% - 30px);
		margin-bottom:30px;
	}
	.plan-mini-button-primary ul li:nth-child(3) a, .plan-mini-button-primary ul li:nth-child(4) a { margin-bottom:0; }
	.plan-mini-button-primary {
		padding-bottom:30px;
		padding-top:30px;
	}
}

.plan-mini-button-primary ul li a:after {
	content:"";
	background-image:url(../image/contents/top/button-ar2.png);
	width:28px;
	height:28px;
	position:absolute;
	top:30px;
	right:20px;
}

.plan-button-24net a {
	background-color:#fff353;
	border-radius:15px;
	display:block;
	width:550px;
	padding-top:34px;
	padding-bottom:34px;
	padding-left:36px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	font-size:22px;
	color:#ff0094;
	position:relative;
	font-weight:bold;
}

@media screen and (max-width: 640px) {
	.plan-button-24net a {
		width:479px;
	}
}

.plan-button-24net a:after {
	background-image:url(../image/contents/top/button-ar.png);
	width:28px;
	height:28px;
	position:absolute;
	top:55px;
	right:32px;
	content:"";
	display:block;
}

.top-company {
}

.top-company .logo {
	background-image:url(../image/contents/top/logo-large.png);
	width:548px;
	height:134px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin-bottom:50px;
}

.top-company .detail {
	color:#ffffff;
	font-size:18px;
	width:50%;
	float:left;
	margin-bottom:50px;
}

@media screen and (max-width: 640px) {
	.top-company .detail {
		width:100%;
		float:none;
		font-size:24px;
	}
}

.top-company .detail table td {
	vertical-align:text-top;
}

.top-company .tel-button {
	width:50%;
	height:117px;
	display:block;
	float:right;
	margin-bottom:50px;
}

@media screen and (max-width: 640px) {
	.top-company .tel-button {
		width:100%;
		float:none;
	}
}

.top-company .tel-button a {
	background-color:#fff353;
	width:100%;
	height:127px;
	display:block;
	float:right;
	border-radius:15px;
	font-size:17px;
	color:#ff0094;
	font-weight:bold;
	text-decoration:none;
	padding-left:28px;
	box-sizing:border-box;
	padding-top:25px;
}

.top-company .tel-button a span {
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	background-image:url(../image/footer/tel.png);
	width:336px;
	height:33px;
	margin-top:10px;
}

.top-company iframe {
	clear:both;
	display:block;
}

.top-company .map {
	clear:both;
	background-color:#fff353;
	width:100%;
	height:127px;
	display:block;
	border-radius:15px;
	font-size:36px;
	text-align:center;
	font-weight:bold;
	box-sizing:border-box;
	padding-top:35px;
}

.top-company .map a {
	text-decoration:none;
	color:#ff0094;
}

.sns-primary {
	background-color:#ff2ea7;
	padding-top:28px;
	padding-bottom:28px;
	margin-top:-120px;
	margin-bottom:80px;
	padding-left:165px;
	padding-right:165px;
	box-sizing:border-box;
}

@media screen and (max-width: 900px) {
	.sns-primary {
		padding-left:135px;
		padding-right:60px;
	}
}

.sns-primary p {
	font-size:17px;
	color:#ffffff;
	font-weight:bold;
	float:left;
}

@media screen and (max-width: 900px) {
	.sns-primary p {
		margin-left:-90px;
		font-size:22px;
	}
}

@media screen and (max-width: 640px) {
	.sns-primary {
		padding-left:30px;
		padding-right:25px;
		text-align:center;
	}
	.sns-primary p {
		margin-left:0;
	}
}

.sns-primary .insta-icon {
	background-image:url(../image/contents/top/icon-insta.png);
	width:67px;
	height:67px;
	display:inline-block;
	float:right;
	margin-left:20px;
	margin-top:12px;
	position:relative;
}

.sns-primary .fb-icon {
	background-image:url(../image/contents/top/icon-fb.png);
	width:67px;
	height:67px;
	display:inline-block;
	float:right;
	margin-top:12px;
	position:relative;
}

@media screen and (max-width: 640px) {
	.sns-primary .insta-icon {
		float:none;
		margin-left:15px;
		margin-right:15px;
	}
	.sns-primary .fb-icon {
		float:none;
		margin-left:15px;
		margin-right:15px;
	}
}

.sns-primary .insta-icon a, .sns-primary .fb-icon a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*----------------------------------------------------------------------------
   faq
------------------------------------------------------------------------------*/

.faq .questions {
	color:#ffffff;
	font-weight:bold;
	font-size:28px;
}

.faq .ask {
	color:#ffffff;
	font-weight:bold;
	font-size:22px;
	padding-bottom:30px;
}

@media screen and (max-width: 640px) {
	.faq p {
		font-size:24px;
	}
}