@charset "utf-8";

@media screen and (max-width:767px) {
	/* --------------------------------------
	*
	*	CommonSetting
	*
	*-------------------------------------- */
	html {
		font-size: 16px;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.mb_hidden {
		display: block;
	}
	.flex--toCol {
		flex-direction: column;
	}
	.flexItems {
		flex: 1;
	}
	.container {
		padding: 50px 0;
	}
	.container_large {
		padding: 80px 0;
	}
	.container_large2 {
		padding: 80px 0 50px;
	}

	/*
	*	style
	*-----------------------*/
	small {
		font-size: 12px;
	}
	.txt_minimum {
		font-size: 10px;
		transform: scale(0.9);
	}

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

	/*
	*	nav
	*-----------------------*/
	header nav {
		height: 74px;
	}
		header nav ul li:nth-child(3) {
			margin-left: auto;
		}
		header nav ul .logo {
			width: 30%;
			min-width: 160px;		
		}
			header nav ul .logo img {
				width: 100%;
			}

	/*
	*	mainVisual
	*-----------------------*/
	.mainVisual {
		height: calc(100vh - 80px - 120px);
	}
	.mainVisual_catch {
		background-image: url("../images/main_visual_sp.png");
		background-position: top right;
		display: block;
	}
	.mainVisual_catchCopy {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.mainVisual_catchCopy .txtBold {
		text-align: center;
		letter-spacing: -0.02em;
		font-size: 22px;
		margin-top: 2em;
	}
	.mainVisual_catchCopy p:last-child {
		text-align: center;
		margin-bottom: 2%;
	}
	.mainVisual_catchCopy p:last-child img {
		width: 100%;
		max-width: 550px;
	}


	/* --------------------------------------
	*
	*	register
	*
	*-------------------------------------- */
	.register_container {
		padding: 30px 5%;
	}
	.register_container h2 {
		font-size: 21px;
	}
	.register_container h2 .point::before ,
	.register_container h2 .point::after {
		display: none;
	}
	.register_container .inputArea ,
	.register_container .btn_inner {
		width: 100%;
	}
	.register_container .btn_inner {
		margin-left: 0;
		margin-top: 1em;
	}
	.register_container button {
		padding: 2em;
	}
	.register_container button img {
		max-width: 320px;
	}
	.register_container address {
		text-align: center;
	}
	.register_container address img {
		width: 66%;
	}
	.register_container address p {
		font-size: 13px;
	}

	/*
	*	register01
	*-----------------------*/
	.register01 .relative {
		position: relative;
	}
		.register01 .absolute {
			position: relative;
			top: 0;
		}


	/* --------------------------------------
	*
	*	spotlight
	*
	*-------------------------------------- */
	.spotlight {
		background-size: 1000px;
	}
	.spotlight .container {
	    padding: 50px 0 100px;
	}
	.comment p {
		font-size: 18px;
	}
	.spotlight .arrow img {
		width: 40px;
	}


	/* --------------------------------------
	*
	*	content_performance
	*
	*-------------------------------------- */
	.content_suggest .container {
		padding: 50px 0 10px;
	}
	.chartArea_block {
		padding: 35px 30px;
	}
	.chartArea_block .stockName {
		font-size: 18px;
	}
	.chartArea_block .stockName + p {
		font-size: 18px;
	}

	.content_performance .subTtl {
		font-size: 3.5vw;
	}
	.content_performance .subTtl span {
		font-size: 5.8vw;
	}


	/* --------------------------------------
	*
	*	content_suggest
	*
	*-------------------------------------- */
	.content_suggest {
		background-image: url(../images/suggest_item01_sp.png);
		background-repeat: no-repeat;
		background-size: 420px;
		background-position: bottom 3% center;
	}
	.content_suggest .container {
		text-align: center;
	}
	.content_suggest .container p:nth-child(1),
	.content_suggest .container p:nth-child(4) {
		font-size: 18px;
	}
	.content_suggest .container p:nth-child(2) {
		font-size: 6vw;
	}
	.content_suggest .container p:nth-child(3) {
		font-size: 8vw;
	}
	.content_suggest .container p:nth-child(5) {
		font-size: 24px;
		line-height: 1.6em;
		margin: 5em 0 4em;
	}
	.content_suggest .container p:nth-child(5)::after {
		display: none;
	}


	/* --------------------------------------
	*
	*	content_aboutUs
	*
	*-------------------------------------- */
	.content_aboutUs .subTtl {
		text-align: center;
		padding: 3em 0;
	}
	.content_aboutUs .subTtl p {
		position: static;
		font-size: 20px;
	}

	/*
	*	profileList
	*-----------------------*/
	.profile .photo {
		padding-right: 0;
	}
	.profile .photo img {
		width: 100%;
		border: none;
		box-shadow: none;
	}
	.profile .disc .profilePosition {
		margin-left: 0px;
		padding: 0 5%;
	}
	.profile .disc .profileName {
		margin-left: 0px;
		padding: 10px 5%;
		font-size: 40px;
	}
	.profile .disc figcaption p {
		padding: 4% 5% 0;
	}

	/*
	*	photoList
	*-----------------------*/
	.photoList p.wrapper {
	    font-size: 18px;
	}

	/* --------------------------------------
	*
	*	content_3things
	*
	*-------------------------------------- */
	div[class*="content_box"] .number_block {
		width: 9vw;
		margin-right: .5em;
	}
	div[class*="content_box"] .number_block p:nth-child(1) {
		font-size: 6vw;
	}
	div[class*="content_box"] h3 p:nth-child(2) {
		font-size: 6.5vw;
	}
	div[class*="content_box"] .content_inner {
		margin-top: 40px;
		margin-bottom: 40px;
	}


	/*
	*	division01
	*-------------------------------------- */
	.division01 .fullWidth {
		max-width: 2000px;
		margin: 0 auto;
		height: auto;
		background: url(../images/division01_item01_sp.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.division01 .fullWidth img {
		width: 100%;
		opacity: 0;
	}
	.division01 .question {
		font-size: 20px;
	}
	div[class*="division"] .content_inner p.tc {
		margin-bottom: 1.5em;
	}
	.checkList {
		max-width: 600px;
		margin: 0 auto;
	}


	/*
	*	division02
	*-------------------------------------- */
	.division02 {
		background-image: url(../images/division02_bg_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	div[class*="division"] .borderBlock p {
		font-size: 22px;
	}

	/*
	*	division03
	*-------------------------------------- */

	/* SuccessFee */
	.aboutSuccessFee {
		padding: 30px 20px;
	}
	.aboutSuccessFee h4 {
		margin-left: -20px;
		padding-left: 20px;
	}

	/*
	*	summary01
	*-------------------------------------- */
	.summary01 .flexItem {
		text-align: center;		
	}
	.summary01 .flexItem img {
		width: 85%;
		max-width: 460px;
	}
	.summary01 .flexItem:nth-child(2) {
		padding-left: 0;
		padding-top: .5em;
	}
	.summary01 .flexItem:nth-child(2) p {
		margin-bottom: 0;
		font-size: 4vw;
		letter-spacing: .06em;
	}


	/* --------------------------------------
	*
	*	content_3fortes
	*
	*-------------------------------------- */

	/*
	*	intro
	*-------------------------------------- */
	.intro p {
		font-size: 17px;
	}
	.content_3fortes .intro h2 img {
		max-width: 520px;
	}
	.content_3fortes .intro::after {
		border-top: 8vw solid #eaeaea;
	}
	/*
	*	division04
	*-------------------------------------- */
	div[class*="content_box"].division04 .content_inner .float p {
		margin-bottom: 0;
	}
	.division04 .float {
		margin: 3em auto;
	}
	.division04 .float::after {
		display: block;
		content: "";
		width: 0;
		height: 0;
		clear: both;
	}
	.division04 .float > div {
		width: 50%;
		max-width: 290px;
		float: left;
	}
	.division04 .floate img {
		width: 100%;
	}
	.division04 .flex--toCol {
		margin: 3em auto
	}
	.division04 .memberPhoto {
		max-width: 450px;
		margin: 1em auto 0;
		text-align: center;
	}

	/*
	*	division06
	*-------------------------------------- */
	.division06 .voice {
		max-width: 500px;
	}
	.division06 .intro p {
	    font-size: 18px;
	    padding: .4em 1em;
	}
	.division06 .wrap_large.bgImage {
		background-position: left 5% bottom 0, right 5% bottom 0;
	}
	.dammy {
		opacity: 0;
	}
	.division06 .listContent {
		font-size: 20px;
		margin: 25px auto;
	}
	.division06 .listContent p:first-child,
	.division06 .listContent p:nth-child(4) {
		margin-bottom: 1em;
	}
	div[class*="division06"] .borderBlock p {
		font-size: 21px;
	}

	/*
	*	summary02
	*-------------------------------------- */
	.summary02 p {
		font-size: 4vw;
	}


	/* --------------------------------------
	*
	*	content_service
	*
	*-------------------------------------- */
	.content_service .contentHead {
		font-size: 21px;
	}

	/*
	*	free
	*-------------------------------------- */
	.content_service .contentBody {
		padding: 40px 35px;
	}
	.content_service .free dt {
		font-size: 19px;
	}
	.content_service .free dd {
		margin-bottom: 1.7em;
	}

	/*
	*	paid
	*-------------------------------------- */
	.content_service .wrapper:nth-of-type(2) {
		padding: 0;
	}
	.content_service .paid .contentBody .flexItem:first-of-type {
		margin-right: 0;	
	}
	.content_service .paid .contentBody .flexItem:last-of-type {
		margin-left: 0;	
	}


	.content_service .paid .contentBody .planName {
		font-size: 18px;
	}
	.content_service .paid .memberPlan dd {
		font-size: 16px;
	}
	.content_service .paid .memberPlan dl:nth-of-type(3) dd {
		font-size: 14px;
	}















	
}









@media screen and (max-width:600px) {
	.division05 .reference {
		max-width: 400px;
		width: 100%;
	}
}



@media screen and (max-width:480px) {
	html {
		font-size: 14px;
	}
	.mb_hidden {
		display: none;
	}
	/* --------------------------------------
	*
	*	CommonSetting
	*
	*-------------------------------------- */
	small {
		font-size: 10px;
	}
	.container_large {
		padding: 60px 0;
	}
	.container_large2 {
		padding: 60px 0 50px;
	}
	.container_large3 {
		padding-top: 60px;
	}

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

	/*
	*	mainVisual
	*-----------------------*/
	.mainVisual_catch {
		background-position: top right 15%;
	}
	.mainVisual_catchCopy p:last-child {
		margin-bottom: 8%;
	}
	.mainVisual_catchCopy .txtBold {
		font-size: 17.5px;
	}


	/* --------------------------------------
	*
	*	register
	*
	*-------------------------------------- */
	.register_container h2 {
		font-size: 16.5px;
	}
	.register_container label small {
		line-height: 2.5em;
	}
	.register_container input[type="email"] {
		font-size: 15px;
	}


	/* --------------------------------------
	*
	*	spotlight
	*
	*-------------------------------------- */
	.comment p {
		font-size: 15px;
	}


	/* --------------------------------------
	*
	*	content_performance
	*
	*-------------------------------------- */
	.chartArea_block {
		padding: 25px 20px;
	}
	.chartArea_block .stockName {
		margin-left: -20px;
		padding: 0 0.3em 0 10px;
		font-size: 16px;
	}
	.chartArea_block .stockName + p {
		font-size: 15px;
	}
	.chartImage {
		width: 100%;
	}

	.content_performance .wrap_large.container {
		padding: 30px 0 0px;
	}


	/* --------------------------------------
	*
	*	content_suggest
	*
	*-------------------------------------- */
	.content_suggest {
		background-image: url(../images/suggest_item01_sp.png);
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: bottom 3% center;
	}
	.content_suggest .container p:nth-child(1),
	.content_suggest .container p:nth-child(4) {
		font-size: 16px;
		line-height: 1.6em;
		text-shadow: none;
	}
	.content_suggest .container p:nth-child(1) span.txtBig {
		font-size: 1.3em;
	}
	.content_suggest .container p:nth-child(1) span.em02-2 {
		font-size: 1em;
		vertical-align: 3px;
	}
	.content_suggest .container p:nth-child(5) {
		font-size: 19px;
	}


	/* --------------------------------------
	*
	*	content_aboutUs
	*
	*-------------------------------------- */
	.content_aboutUs .pictureFrame {
		background-image: url(../images/member_01_01_sp.png);
	}
	.content_aboutUs .subTtl {
		padding: 3em 0 2em;
	}
	.content_aboutUs .subTtl p {
		position: static;
		font-size: 15px;
	}

	/*
	*	profileList
	*-----------------------*/
	.profile .disc .profilePosition {
		border-bottom: 1px solid #fff;
	}
	.profile .disc .profileName {
	    margin-left: 0px;
	    padding: 5px 5%;
	    font-size: 30px;
	}

	/*
	*	photoList
	*-----------------------*/
	.photoList p.wrapper {
	    font-size: 16px;
	}


	/* --------------------------------------
	*
	*	content_3things
	*
	*-------------------------------------- */
	div[class*="content_box"] .content_inner {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	div[class*="content_box"] .number_block p:nth-child(1) {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	div[class*="content_box"] .number_block p:nth-child(2) {
		height: 20px;
	}

	/*
	*	division01
	*-------------------------------------- */
	.division01 .question {
		font-size: 16px;
	}
	.arrow_small img {
		width: 6vw;
	}

	/*
	*	division02
	*-------------------------------------- */
	div[class*="division"] .borderBlock p {
		font-size: 17px;
	}

	/*
	*	division03
	*-------------------------------------- */
	div[class*="division03"] .borderBlock p {
		font-size: 15px;
	}


	/* SuccessFee */
	.aboutSuccessFee {
		padding: 30px 20px 10px;
	}
	.aboutSuccessFee h4 {
		margin-left: -20px;
		padding-left: 20px;
	}

	/*
	*	summary01
	*-------------------------------------- */
	.summary01 .flexItem:nth-child(2) p {
		font-size: 4.5vw;
	}


	/* --------------------------------------
	*
	*	content_3fortes
	*
	*-------------------------------------- */

	/*
	*	intro
	*-------------------------------------- */
	.intro p {
		font-size: 14px;
	}

	/*
	*	division06
	*-------------------------------------- */
	.division06 .intro p {
	    font-size: 15px;
	}
	.division06 .listContent {
		font-size: 16px;
	}
	div[class*="division06"] .borderBlock p {
		font-size: 16px;
	}

	/*
	*	summary02
	*-------------------------------------- */
	.summary02 p {
		font-size: 4vw;
	}
	.summary02_item img {
	    width: 100%;
	}



	/* --------------------------------------
	*
	*	content_service
	*
	*-------------------------------------- */
	.content_service .contentHead {
		font-size: 19px;
	}

	/*
	*	free
	*-------------------------------------- */
	.content_service .contentBody {
		padding: 30px 20px;
	}
	.content_service .free dt {
		font-size: 16px;
	}

	/*
	*	paid
	*-------------------------------------- */
	.content_service .paid .contentBody .planName {
		font-size: 16px;
	}
	.content_service .paid .memberPlan dd {
		font-size: 14px;
	}
	.content_service .paid .memberPlan dl:nth-of-type(3) dd {
		font-size: 12px;
	}
	.content_service .paid .memberPlan dl {
		margin: 1em 0.5em;
	}


	/* --------------------------------------
	*
	*	footer
	*
	*-------------------------------------- */
	footer article {
		margin: 25px auto;
	}
	footer dl {
		font-size: 13px;
	}




}