@charset "utf-8";

@import "./reset.css";
@import "http://fonts.googleapis.com/earlyaccess/notosansjapanese.css";

@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';

/*-----------------------------------------------
	common
-----------------------------------------------*/

a,a:hover{
	text-decoration: none;
}



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

body{
	font-family: 'Roboto Condensed','Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
	color: #4D4D4D;
}
	@media screen and (min-width: 640px) {
		body{
			min-width:1000px;
			_display: inline;
			_zoom:1;
		}
	}

.w40p {
    width: 40%;
}
.img-right {
    float: right;
    margin: 0 0 1em 1em;
}
.img-left {
    float: left;
    margin: 0 1em 1em 0;
}
figure img{
	display: block;
	width: 100%;
	height: auto;
}
.text-left {
	text-align: left;
}
.notes{
	font-size: 1.2rem;
	text-indent: -0.6em;
	padding-left: 0.6em;
}
.mb1{
	margin-bottom: 1em !important;
}
strong {
	font-weight: 700;
	color: #EB4257;
}

/*
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}*/

/*-----------------------------------------------
	pagetop
-----------------------------------------------*/

.page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}
.page-top a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background-color: #394E72;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 5.0rem;
  line-height: 30px;
  padding: 0;
  opacity: 0.9;
}
	@media screen and (min-width: 640px) {
		.page-top a:hover{
			opacity: 0.6;
		}
	}

/*-----------------------------------------------
navi
-----------------------------------------------*/
header{
	width:100%;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0px 20px 0px;
}
.header-box{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	display: table;
}
.logo{
	display: inline-block;
	vertical-align: top;
    width: 40%;
}
.logo img{
}
.logo p{
	color: #1F3860;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 0 0.5rem;
	display: inline;
}
.btn-login-head{
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
	border: 5px solid #EB4257;
	padding:6px 24px;
	display:block;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	width: 140px;
	height: 40px;
	text-align: center;
	font-size: 2.2rem;
	font-weight:400;
	line-height: 40px;
	background: #EB4257;
	color: #fff;
}
.btn-login-head:hover,.btn-login-head:active{
	border: 5px solid #EB4257;
	background: #fff;
	color: #EB4257;
}
.btn-login-head i{
	font-size: 2.6rem;
	margin-left: 10px;
}
.header-navi{
	display: block;
	vertical-align: bottom;
	margin: 40px 0 0 0;
}
.nav-global ul{
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 0;
}
.nav-global ul li {
	display: table-cell;
	font-size: 1.6rem;
	font-weight: 700;
	border-left: 1px dotted #999;
	text-align: center;
}
.nav-global ul li:last-child{
	border-right: 1px dotted #666;
}
.nav-global ul li a{
	display: block;
	height: 100%;
	padding: 10px 0;
	border-bottom: 5px solid #fff;
	color: #4D4D4D;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
}
.nav-global ul li a:hover{
	background: #FAFAFA;
	border-bottom: 5px solid #3D3D3E;
}
/* Toggle Button */
.toggle {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	padding: 10px 10px 10px 10px;
	cursor: pointer;
	z-index: 101;
}
.timelag {
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

	@media screen and (max-width: 640px) {
		header{
			height: 50px;
			padding:0px 0px 10px 0px;
		}
		.header-box{
			width: 100%;
			display: inline-block;
		}
		.logo{
			display: table;
			table-layout: fixed;
			width: 210px;
		}
		.logo img{
			display: inline;
			width: 100%;
			margin: 15px 5px 15px 10px;
			vertical-align: middle;
		}
		.logo p{
			width: 5em;
			display: inline;
			font-size: 1.4rem;
			margin: 0.2rem 0 0 0;
			text-align: center;
			line-height: 1.2;
			vertical-align: middle;
		}
		.btn-login-head{
			width: 60px;
			height: 30px;
			text-align: center;
			right: 60px;
			font-size: 1.2rem;
			font-weight: 700;
			padding:0;
			line-height: 30px;
			margin-top: 14px;
			text-shadow: none;
			border: 2px solid #EB4257;
		}
		.btn-login-head i{
			display: none;
		}
		.header-navi{
			display: inline-block;
		}
		.nav-global ul li a {
			padding: 0px;
		}
		header.fixed .nav-global ul li a {
			padding: 0px;
		}
		/* Fixed reset */
		.nav-global {
			position: absolute;
			/* 開いてないときは画面外に配置 */
			top: -495px;
			background: rgba(0,0,0,.7);
			width: 100%;
			text-align: center;
			padding: 0;
			margin:0px;
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			z-index: 20;
		}
		.nav-global ul {
			list-style: none;
			position: static;
			right: 0;
			bottom: 0;
		}
		.nav-global ul li {
			float: none;
			position: static;
			display: block;
		}
		.nav-global ul li a{
			background: none;
			border:none;
		}
		.nav-global ul li a:after  {
			content: attr(data-gnavi);
		}
		.nav-global ul li a:hover{
			background-color: rgba(0,0,0,.7);
			border:none;
		}
		header .nav-global ul li a,
		header.fixed .nav-global ul li a {
			font-size: 1.6rem;
			width: 100%;
			display: block;
			color: #fff;
			padding: 10px 0 15px 0;
			border-bottom: 1px solid #666;
		}
		header .nav-global ul li a:first-child,
		header.fixed .nav-global ul li a:first-child {
			padding-top: 20px;
		}
		.toggle {
			display: block;
			/*border-radius: 3px;*/
			margin: 9px 10px 0 0;
		}
		.toggle div {
			position: relative;
		}
		.toggle span {
			display: block;
			position: absolute;
			height: 2px;
			width: 100%;
			background: #ccc;
			left: 0;
		}
		.toggle span:nth-child(1) {
			top: -5px;
		}
		.toggle span:nth-child(2) {
			top: 2px;
		}
		.toggle span:nth-child(3) {
			top: 9px;
		}
		.toggle p {
			color: #333;
			position: absolute;
			text-align: center;
			top: 10px;
			right: -5px;
			font-size: 1.2rem;
		}
		/* #toggle 切り替えアニメーション */
		.open .toggle span:nth-child(1) {
			top: 2px;
			-webkit-transform: rotate(315deg);
			-moz-transform: rotate(315deg);
			transform: rotate(315deg);
		}
		.open .toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open .toggle span:nth-child(3) {
			top: 2px;
			-webkit-transform: rotate(-315deg);
			-moz-transform: rotate(-315deg);
			transform: rotate(-315deg);
		}
		/* .nav-global スライドアニメーション */
		.open .nav-global {
			/* .nav-global top + .mobile-head height */
			-moz-transform: translateY(556px);
			-webkit-transform: translateY(556px);
			transform: translateY(556px);
		}
	}

	@media screen and (max-width: 320px) {
		.logo{
			width: 180px;
		}
	}



/*-----------------------------------------------
	contents
-----------------------------------------------*/

.cover{
	width: 100%;
}
.cover h2 img{
	width: 100%;
}
.cover-second{
	width: 100%;
}
.cover-second h2 img{
	width: 100%;
}
section{
	margin:0 15px;
	font-size: 1.4rem;
}
.info{
	padding: 30px 0;
	text-align: left;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.4rem;
}
.info h4{
	text-align: center;
}
.movie{
    background: #F2F2F2;
    padding: 1em;
    text-align: center;
}
.movie h3{
    text-align: center;
    margin-bottom: 1em;
}
.lead{
	margin: 0;
	padding: 20px 15px;
	background:#F8F8F8;
}
.lead h3{
	font-size: 2.4rem;
	color: #000;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
    text-align: center;
    margin: 0 0 10px 0;
}
.step h4{
	font-size: 1.8rem;
	position: relative;
	padding-left: 1.0em;
	margin-bottom: 2em;
}
.step h4:before{
	content: "\f111";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #EB4257;
	position: absolute;
	top: 0.15em;
	left: 0;
}
.step h4:nth-of-type(2){
	margin-bottom: 4em;
}
.head-second{
	font-size: 2.8rem;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
    text-align: center;
    margin: 30px 0 50px 0;
    border-bottom: 1px solid #B2B2B2;
    line-height: 1.5;
}
.head-second span{
	display: block;
	font-size: 1.0rem;
	margin: 0 0 1em 0;
	color: #CCCCCC;
	letter-spacing: 0.3em;
}
.text-lead{
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.0;
}
.img-row{
	margin: 0 0 1em 0;
}
.img-row li{
	display: inline-block;
	width: 49%;
	margin: 0 0 1em 0;
	font-size: 1.4rem;
}
.img-row li:first-of-type{
	margin-right: 2%;
}
.flex-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-row li{
    width: 100%;
    margin-bottom: 10px;
}
.flex-row li:nth-child(even){
    margin-right: 0;
}
.flex-row li:last-child{
    margin-bottom: 0;
}
.flex-row li .youtubeMovie{
    width: 100%;
    height: 200px;
}
.list-service{
	margin-top:2em;
}
.list-service dt{
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #000;
    font-size: 1.6rem;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.25em 0;
}
.list-service dd{
	margin-bottom: 2em;
	font-size: 1.4rem;
	text-align: center;
}
.list-standard li{
	font-size: 1.4rem;
	line-height: 2.0;
}
.list-service i{
	margin-right: 0.2em;
	color: #EB4257;
}
.text-customer{
	background-color: #F2F2F2;
	padding: 15px;
	text-align: center;
}
.text-customer h4{
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 700;
}
.text-customer p{
	margin: 1em 0 1em 0;
	text-align: left;
}
.text-customer p br{
	display: none;
}
.step-box{
	position: relative;
	margin-bottom: 60px;
}
.step-box:first-of-type{
	margin-top: 2em;
}
.step dl:nth-last-of-type(n+2):after{
	display: block;
	content: "\f063";
	font-family: FontAwesome;
	font-size: 4.0rem;
	width: 4.0rem;
	margin:30px auto 0 auto;
	color: #FDE6E9;
}
.step-box dt{
	width: 100%;
	text-align: center;
	margin: 0 0 0.5em 0;
}
.step-box dt img{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ccc;
}
.customer-card{
	border:none !important;
}
.step-box dd{
	margin: 0 0 0 0;
}
.step-balloon {
	position: absolute;
	display: inline-block;
	color: #EB4257;
	text-align: center;
	background: #fff;
	z-index: 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
	border:1px solid #B2B2B2;
	top:-20px;
	left: 36.5%;
	font-size: 1.6rem;
	margin-left: -12px;
	width: 7em;
}
.step-balloon:before {
	content: "";
	position: absolute;
	bottom: -7.0px; left: 50%;
	margin-left: -7px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
.step-balloon:after {
	content: "";
	position: absolute;
	bottom: -8.0px; left: 50%;
	margin-left: -8px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #B2B2B2 transparent transparent transparent;
	z-index: -1;
}
.btn-login{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 3px solid #EB4257;
	padding:6px 24px;
	display:block;
	background: #EB4257;
	text-align: center;
	font-size: 1.8rem;
	font-weight:200;
	line-height: 25px;
	color: #fff;
	width: 50%;
	margin: 10px auto 10px auto;
}
.btn-login:hover,.btn-login:active,
.btn-newSignup:hover,.btn-newSignup:active,
.btn-loginTop:hover,.btn-loginTop:active{
	opacity: 0.7;
}
.text-red{
	color: #EB4257;
	font-weight: 700;
}

@media only screen and (min-width: 641px) {
.btn-newSignup{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 3px solid #5bb1d6;
	padding:24px;
	display:block;
	background: #5bb1d6;
	text-align: center;
	font-size: 1.8rem;
	font-weight:200;
	line-height: 25px;
	color: #fff;
	/*width: 50%;*/
	margin: 10px auto 10px auto;
	width: 300px;
    margin: 20px 0;
}

.areaBtn{
	display: flex;
	justify-content: center;
	padding-top: 20px;
}
	
.btn-loginTop{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 3px solid #EB4257;
	padding:24px;
	display:block;
	background: #EB4257;
	text-align: center;
	font-size: 1.8rem;
	font-weight:200;
	line-height: 25px;
	color: #fff;
	/*width: 50%;*/
	margin: 10px auto 10px auto;
	width: 300px;
    margin: 20px 0px;
}
	
.lead_top{
	padding: 40px 0;
    margin-bottom: 0;
	width: 100%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.4rem;
	text-align: center;
	width: 1000px;
    margin: 0 auto;
	}
}


@media only screen and (max-width: 640px){
	
.btn-newSignup{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 3px solid #5bb1d6;
	padding:15px 24px;
	display:block;
	background: #5bb1d6;
	text-align: center;
	font-size: 1.8rem;
	font-weight:200;
	line-height: 25px;
	color: #fff;
	width: 60%;
	margin: 10px auto 10px auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
	
.btn-loginTop{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 3px solid #EB4257;
	padding:15px 24px;
	display:block;
	background: #EB4257;
	text-align: center;
	font-size: 1.8rem;
	font-weight:200;
	line-height: 25px;
	color: #fff;
	width: 60%;
	margin: 10px auto 10px auto;
    margin-top: 20px;
    margin-bottom: 30px;
}
	
.lead_top{
	margin: 0;
	padding: 20px 15px 10px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.4rem;
}
}

.btn-customer{
	background-color: #fff;
	color: #EB4257;
	border: 2px solid #EB4257;
	padding: 0.5em;
	font-size: 1.2rem;
	display: block;
	font-weight: 700;
}
.btn-customer:hover{
	opacity: 0.7;
}
.btn-back{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 3px solid #EB4257;
	padding:6px 24px;
	display:block;
	background: #EB4257;
	text-align: center;
	font-size: 1.8rem;
	font-weight:200;
	line-height: 25px;
	color: #fff;
	width: 50%;
	margin: 10px auto 10px auto;
}
.btn-back:hover,.btn-back:active{
	opacity: 0.7;
}
.link-text{
	margin-top: 20px;
}
.link-text li{
	margin-bottom: 15px;
	text-align: center;
}
.link-text li a{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	color: #333;
	border-bottom:2px solid #EB4257;
}
.link-text li a:hover{
	opacity: 0.7;
}
.link-text li a:before{
	content: "\f054";
	font-family: FontAwesome;
	font-size: 1.5rem;
	color: #EB4257;
}
.text-contact{
	background-color: #F2F2F2;
	padding: 15px;
	font-size: 1.2rem;
	margin: 1em 0 0 0;
}
.text-contact-faq{
	background-color: #F2F2F2;
	padding: 15px;
	font-size: 1.1rem;
	margin: 1em 0 0 0;
}
/*.qa-list{
	margin-top: -40px;
}*/
.question {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	width: 94%;
	padding:40px 3% 60px 3%;
	border-top: 1px dotted #b2b2b2;
	cursor:pointer;
	display: table;
	position: relative;
}
.question:first-of-type{
	border-top: none;
}
.question span{
	display: table-cell;
}
.question:before {
	display: table-cell;
	content: "Q.";
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 2.0rem;
	width: 1.5em;
}
.question:after {
	content: '';
	width: 12px;
	height: 12px;
	border: 0px;
	border-top: solid 1px #b2b2b2;
	border-right: solid 1px #b2b2b2;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	bottom: 3em;
	right: 50%;
}
.question.active{
	color: #EB4257;
}
.question.active:after {
	content: '';
	border-top: solid 1px #EB4257;
	border-right: solid 1px #EB4257;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	bottom: 2.5em;
	right: 50%;
}
.answer{
	display: table;
}
.answer > li{
	padding:0px 4% 50px 4%;
	font-size: 1.4rem;
	display: table;
}
.answer > li:before {
	content: "A.";
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 2.0rem;
	width: 1.5em;
	display: table-cell;
}
.answer > li >div {
	display: table-cell;
}
.answer-notes{
	font-size: 1.4rem;
	padding:1em 0 0 0.5em;
}
.answer-notes li{
	font-size: 1.4rem;
	padding-left:0.2em;
    text-indent:-0.2em;
}
.answer-notes li i{
	margin-right:0.2em;
	color: #EB4257;
}
.answer .link-text li {
    text-align: right;
}

	@media screen and (max-width: 320px) {
		.step-balloon {
			margin-left: -17px;
		}
	}

	@media screen and (min-width: 640px) {
		.cover{
			width: 100%;
			background: url(../img/bg-cover.gif) repeat;
		}
		.cover h2{
			width: 1000px;
			margin: 0 auto;
		}
		.cover-second{
			width: 100%;
			background: url(../img/bg-cover.gif) repeat;
		}
		.cover-second h2{
			width: 1000px;
			margin: 0 auto;
		}
		section{
			width: 1000px;
			margin:0 auto 50px auto;
			font-size: 2.0rem;
		}
		.info {
			margin-bottom: 40px;
			text-align: center;
		}
        .movie{
            width: auto;
            max-width: 1000px;
        }
		.lead{
			padding: 80px 0;
			background:#F8F8F8;
			width: 100%;
		}
		.lead h3{
			font-size: 5.0rem;
		}
		.head-second{
			font-size: 3.8rem;
		    margin: 80px 0;
		    line-height: 0.8;
		    padding-bottom: 20px;
		}
		.head-second span{
			display: inline;
			font-size: 2.0rem;
			font-weight: 100;
			margin: 0 0 1em 1em;
			letter-spacing: 0.2em;
		}
		.text-lead{
			text-align: center;
		}
		.img-row{
			display: table;
			table-layout: fixed;
			width: 610px;
			margin: 0 auto 20px auto;
		}
		.img-row li{
			display: table-cell;
			width: 300px;
			font-size: 1.4rem;
		}
		.img-row li:first-of-type{
			padding-right: 10px;
		}
        .flex-row li{
            width: calc(50% - 10px);
            margin: 0 20px 20px 0;
        }
        .flex-row li .youtubeMovie{
            height: 270px;
        }

		.list-service{
			margin-top:4em;
		}
		.list-service dd br{
			display: none;
		}
		.list-service dt{
		    font-size: 2.0rem;
		    margin: 0 0 0.75em 0;
		    padding: 0 0 0.25em 0;
		}
		.list-service dd{
			margin-bottom: 2em;
			font-size: 1.5rem;
			text-align: center;
		}
		.list-standard li{
			display: inline-block;
			margin-right: 3em;
			font-size: 1.5rem;
			line-height: 2.0;
		}
		.text-customer{
			padding: 20px;
			text-align: center;
		}
		.text-customer h4{
			font-size: 2.0rem;
		}
		.text-customer h4 br{
			display: none;
		}
		.text-customer p{
			text-align: center;
			font-size: 1.5rem;
		}
		.text-customer p br{
			display: inline;
		}
		.btn-login{
			width: 300px;
			margin-top: 20px;
			margin-bottom: 80px;
		}
		.btn-customer{
			padding: 0.5em 2em;
			font-size: 1.6rem;
			display:inline-block;
			font-weight: 700;
		}
		.step-box{
			position: relative;
			display: table;
			margin-bottom: 120px;
		}
		.step-box:first-of-type{
			margin-top: 2em;
		}
		.step dl:nth-last-of-type(n+2):after{
			display: block;
			content: "\f107";
			font-family: FontAwesome;
			font-size: 10.0rem;
			position: absolute;
			left: 50%;
			bottom: -140px;
			margin-left: -3rem;
			color: #FDE6E9;
		}
		.step-box dt{
			display: table-cell;
			width: 45%;
		}
		.step-box dd{
			display: table-cell;
			vertical-align: top;
			padding-left: 1.5em;
		}
		.step-balloon {
			position:static;
			display: block;
			border-radius: 0;
			border-top: 1px solid #000;
			border-left: none;
			border-bottom: 1px solid #000;
			border-right: none;
			padding: 0.5em 0;
			font-size: 2.8rem;
			font-weight: 200;
			margin-bottom: 30px;
			letter-spacing: 0.2em;
			width: 100%;
		}
		.step-balloon:before {
			display: none;
		}
		.step-balloon:after {
			display: none;
		}
		.step-text{
			font-size: 1.5rem;
		}
		.text-contact-faq{
			padding: 15px;
			font-size: 1.4rem;
			margin: 1em 0 0 0;
			text-align: center;
		}
		.question {
			font-size: 2.0rem;
			font-weight: 200;
			padding:60px 2em 60px 1em;
			display: table;
			position: relative;
		}
		.question:first-of-type{
			border-top: none;
		}
		.question span{
			padding-right: 2em;
		}
		.question:before {
			display: table-cell;
			content: "Q.";
			font-family: 'Noto Sans Japanese', sans-serif;
			font-size: 2.0rem;
			width: 1.5em;
		}
		.question:after {
			content: '';
			width: 20px;
			height: 20px;
			border: 0px;
			border-top: solid 1px #b2b2b2;
			border-right: solid 1px #b2b2b2;
			-ms-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			position: absolute;
			bottom: 50%;
			right: 1em;
		}
		.question.active{
			color: #EB4257;
		}
		.question.active:after {
			content: '';
			border-top: solid 1px #EB4257;
			border-right: solid 1px #EB4257;
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
			bottom: 45%;
			right: 1em;
		}
		.answer{
			width: 100%;
		}
		.answer > li{
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}
		.answer .link-text li {
		    text-align: right;
		}

	}


/*-----------------------------------------------
footer
-----------------------------------------------*/
footer{
	background: #E5E5E5;
	padding:20px 0 20px 0;
	margin: 30px 0 0 0;
	text-align: center;
}
	@media screen and (min-width: 640px) {
		footer{
			font-size: 1.4rem;
			margin: 50px 0 0 0;
		}
		footer br{
			display: none;
		}
	}