@charset"utf-8";
@import "common.css";

/* header
-------------------------------------------------- */
header.top-head{
	position: relative;
	padding-top: 0;
}
header div.logo-area a{
  background: url(../img/common/logo_blk.png) no-repeat;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li{
  text-shadow: none;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a{
  color: #000;
}
@media print, screen and (max-width: 1024px) {
	header.top-head{
    height: 8rem;
  }
	header div.nav-area span.nav_line{
		background: #000;
	}
	header div.logo-area a{
	  background: url(../img/common/logo_blk_sp.png) no-repeat;
	  width: 10rem;
    height: 6.1538rem;
	}
	header div.nav-area a.nav_button{
    top: 3.0rem;
  }
}

/* img-area
-------------------------------------------------- */
div.img-area img{
	width: 100%;
	height: auto;
}

/* visualSec
-------------------------------------------------- */
section.visualSec{
	position: relative;
	max-width: 1180px;
	width: 100%;
	height: 450px;
	margin: 1rem auto 0;
}
section.visualSec::after{
	content: "";
	position: absolute;
	max-width: 1180px;
	width: 100%;
	height: 450px;
	z-index: 1;
	background-color: rgba(0,0,0,0.2);
}
section.visualSec.about{
	background:url(../img/about/visual_about.jpg) center center / cover no-repeat;
}
section.visualSec.philosophy_service{
	background:url(../img/philosophy_service/visual_philosophy_service.jpg) center center / cover no-repeat;
}
section.visualSec.community{
	background:url(../img/community/visual_community.jpg) center center / cover no-repeat;
}
section.visualSec.invest_money{
	background:url(../img/invest_money/visual_invest_money.jpg) center center / cover no-repeat;
}
section.visualSec.contact{
	background:url(../img/contact/visual_contact.jpg) center center / cover no-repeat;
}
section.visualSec.preamble{
	background:url(../img/preamble/visual_preamble.jpg) center center / cover no-repeat;
}
section.visualSec.privacy{
	background:url(../img/privacy/visual_privacy.jpg) center center / cover no-repeat;
}
@media print, screen and (max-width: 767px) {
	section.visualSec{
		margin: 0 auto;
	}
	section.visualSec.invest_money{
		background:url(../img/invest_money/visual_invest_money_sp.jpg) center center / cover no-repeat;
	}
}

/* titleSec
-------------------------------------------------- */
div.titleSec{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 49%;
  transform: translateY(-51%);
  z-index: 5;
}


/* "h"tag
-------------------------------------------------- */
h2.h2-title{
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1.6;
	color: #fff;
	text-shadow: 0 0 6px #333;
}
h3.h3-title{
	font-size: 3.8rem;
	font-weight: normal;
	line-height: 1.3;
	color: #fff;
	text-shadow: 0 0 6px #333;
}
@media print, screen and (max-width: 767px) {
	h2.h2-title{
		font-size: 1.7rem;
	}
	h3.h3-title{
		font-size: 3.2rem;
	}	
}

/* breadcrumbSec
-------------------------------------------------- */
section.breadcrumbSec{
	margin: 5rem 0 0;
}
section.breadcrumbSec div.breadcrumb ul li{
	display: inline-block;
}
section.breadcrumbSec div.breadcrumb ul li::after{
	content: '>';
	padding: 0 1.5rem;
}
section.breadcrumbSec div.breadcrumb ul li:last-child::after{
	display: none;
}
section.breadcrumbSec div.breadcrumb ul li a{
	color: #001929;
	text-decoration: underline;
}
section.breadcrumbSec div.breadcrumb ul li a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
	section.breadcrumbSec div.breadcrumb ul li{
		font-size: 1.3rem;
		line-height: 2;
	}
	section.breadcrumbSec div.breadcrumb ul li::after{
		padding: 0 1.0rem;
	}
}

/* aboutSec
-------------------------------------------------- */
section.aboutSec{
  margin: 10rem auto 0;
}
/* greeting */
section.aboutSec div.greeting div.wrap{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.aboutSec div.greeting div.wrap div.box{
	width: 47.5%;
}
section.aboutSec div.greeting div.wrap div.box div.profwrap{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
section.aboutSec div.greeting div.wrap div.box div.profwrap div.img{
	width: 22rem;
	margin-right: 3rem;
}
section.aboutSec div.greeting div.wrap div.box div.profwrap div.img img{
	border-radius: 50%;
}
section.aboutSec div.greeting div.wrap div.box div.profwrap div.proftitle p.ttl{
	font-size: 1.3rem;
	line-height: 1.4;
}
section.aboutSec div.greeting div.wrap div.box div.profwrap div.proftitle h4{
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1.4;
}
section.aboutSec div.greeting div.wrap div.box div.txt-area{
	margin-top: 3rem;
}
section.aboutSec div.greeting div.wrap div.box div.txt-area ul li{
	list-style-type: disc;
	margin-left: 2.1rem;
}
/* overview */
section.aboutSec div.overview{
	margin-top: 10rem;
} 
section.aboutSec div.overview table{
	width: 100%;
	line-height: 1.8;
}
section.aboutSec div.overview table tr{
	border-top: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
}
section.aboutSec div.overview table tr th{
	padding: 3rem 0;
	width: 28rem;
	font-weight: normal;
	vertical-align: middle;
}
section.aboutSec div.overview table tr td{
	padding: 3rem 0;
}
section.aboutSec div.overview table tr td ul li{
	list-style-type: disc;
	margin-left: 2.1rem;
}
/* advisor */
section.aboutSec div.advisor{
	margin-top: 10rem;
}
section.aboutSec div.advisor div.advisorwrap{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.aboutSec div.advisor div.advisorwrap div.box{
	width: 47.5%;
  margin-bottom: 4rem;
}
section.aboutSec div.advisor div.advisorwrap div.box:last-child{
  margin-bottom: 0;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.img{
	width: 20rem;
	margin-right: 3rem;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.img img{
	border-radius: 50%;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle h4{
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.4;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle ul.url{
	margin-top: 1rem;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  width: 100%;
} 
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle ul.url li{
	line-height: 1.2;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle ul.url li:first-child{
	margin-right: 1rem;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle ul.url li a{
	color: #000;
	font-size: 3rem;
}
section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle ul.url li a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
@media print, screen and (max-width: 767px) {	
	section.aboutSec{
	  margin: 7rem auto 0;
	}
	/* greeting */
	section.aboutSec div.greeting div.wrap{
	  display: block;
	}
	section.aboutSec div.greeting div.wrap div.box{
		width: 100%;
	}
	section.aboutSec div.greeting div.wrap div.box:last-child{
		margin-top: 3rem;
	}
	section.aboutSec div.greeting div.wrap div.box div.profwrap{
	  display: block;
	}
	section.aboutSec div.greeting div.wrap div.box div.profwrap div.img{
		width: 20rem;
		margin-right: auto;
		margin-left: auto;
	}
	section.aboutSec div.greeting div.wrap div.box div.profwrap div.proftitle{
		text-align: center;
		margin-top: 1rem;
	}
	section.aboutSec div.greeting div.wrap div.box div.profwrap div.proftitle h4{
		font-size: 1.8rem;
	}
	section.aboutSec div.greeting div.wrap div.box div.txt-area{
		width: 100%;
		margin-top: 3rem;
		margin-left: auto;
		margin-right: auto;
	}
	/* overview */
	section.aboutSec div.overview{
		margin-top: 7rem;
	}
	section.aboutSec div.overview table{
		font-size: 1.4rem;
	}
	section.aboutSec div.overview table tr th{
		width: 12rem;
		text-align: left;
		padding-left: 1rem;
	}
	/* advisor */
	section.aboutSec div.advisor{
		margin-top: 7rem;
	}
	section.aboutSec div.advisor div.advisorwrap{
	  display: block;
	}
	section.aboutSec div.advisor div.advisorwrap div.box{
		width: 100%;
	}
	section.aboutSec div.advisor div.advisorwrap div.box:last-child{
		margin-top: 3rem;
	}
	section.aboutSec div.advisor div.advisorwrap div.box div.profwrap{
	  display: block;
	}
	section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.img{
		width: 20rem;
		margin-right: auto;
		margin-left: auto;
	}
	section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle{
		margin-top: 1rem;
	}
	section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle h4{
		text-align: center;
		font-weight: normal;
		line-height: 1.4;
	}
	section.aboutSec div.advisor div.advisorwrap div.box div.profwrap div.proftitle ul.url li:first-child{
		margin-right: 0.8rem;
	}
	section.aboutSec div.advisor div.advisorwrap p.p-txt{
		text-align: center;
	}
}

/* philosophy_serviceSec
-------------------------------------------------- */
section.philosophy_serviceSec{
  margin: 10rem auto 0;
}
/* philosophy */
section.philosophy_serviceSec div.philosophy div.list{
	margin: 2rem 0;
}
section.philosophy_serviceSec div.philosophy div.list ul li{
	font-weight: bold;
}
/* service */
section.philosophy_serviceSec div.service{
	margin: 10rem auto 0;
}
section.philosophy_serviceSec div.service ul li{
	font-size: 1.6rem;
	line-height: 2;
}
section.philosophy_serviceSec div.service div.list ul li{
	font-weight: bold;
}
@media print, screen and (max-width: 767px) {
  section.philosophy_serviceSec{
	  margin: 7rem auto 0;
	}
	/* service */
	section.philosophy_serviceSec div.service{
		margin: 7rem auto 0;
	}
	section.philosophy_serviceSec div.service ul li{
		font-size: 1.5rem;
		line-height: 2;
	}
}

/* communitySec
-------------------------------------------------- */
section.communitySec{
  margin: 10rem auto 0;
}
/* online_community */
section.communitySec div.online{
	margin-top: 7rem;
}
section.communitySec div.online h4{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 3rem;
}
section.communitySec div.online ul.list{
	margin-bottom: 2rem;
}
section.communitySec div.online ul.list li{
	list-style-type: disc;
	margin-left: 2.1rem;
}
section.communitySec div.online ul.list li a{
	color: #DC4813;
	text-decoration: underline;
}
section.communitySec div.online ul.list li a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
section.communitySec div.online div.button-area{
	width: 60rem;
	margin: 5rem auto 0;
}
section.communitySec div.online div.button-area ul{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
section.communitySec div.online div.button-area ul li{
	width: 29rem;
	list-style-type: none;
}
section.communitySec div.online div.button-area ul li.facebook{
	margin-right: 2rem;
}
/*section.communitySec div.online div.button-area ul li.facebook i{
	font-size: 4.6rem;
	color: #1877F2;
}*/
section.communitySec div.online div.button-area ul li.facebook a{
	width: 100%;
	display: block;
	padding: 1.2rem 2rem 1.2rem;
	border: 1px solid #1877F2;
	background: #1877F2;
	color: #fff;
}
section.communitySec div.online div.button-area ul li.facebook a span{
	font-size: 1.8rem;
}
section.communitySec div.online div.button-area ul li.discord a{
	width: 100%;
	display: block;
	padding: 1.2rem 2rem 1.2rem;
	background: #5865F2;
	border: 1px solid #5865F2;
	color: #fff;
}
section.communitySec div.online div.button-area ul li.discord a span{
	font-size: 1.8rem;
}
section.communitySec div.online div.button-area ul li a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
	section.communitySec{
	  margin: 7rem auto 0;
	}
	/* discord */
	section.communitySec div.online{
		margin-top: 5rem;
	}
	section.communitySec div.online h4{
		font-size: 2.0rem;
		margin-bottom: 2rem;
	}
	section.communitySec div.online ul.list{
		margin-bottom: 3rem;
	}
	section.communitySec div.online div.button-area{
		width: 29rem;
		margin: 5rem auto 0;
	}
	section.communitySec div.online div.button-area ul{
	  display: block;
	}
	section.communitySec div.online div.button-area ul li.facebook{
		margin-bottom: 1.5rem;
		margin-right: 0;
	}
	section.communitySec div.online div.button-area ul li.facebook a span{
		font-size: 1.7rem;
	}
	section.communitySec div.online div.button-area ul li.discord a span{
		font-size: 1.7rem;
	}
}

/* invest_moneySec
-------------------------------------------------- */
section.invest_moneySec{
	margin: 10rem auto 0;
}
section.invest_moneySec div.txt-area a{
	color: #DC4813;
	text-decoration: underline;
}
section.invest_moneySec div.txt-area a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
section.invest_moneySec div.att{
	margin-top: 3rem;
	border: 1px solid #A1A1A1;
	padding: 1.5rem;
}

/* contactSec
-------------------------------------------------- */
section.contactSec{
	margin: 10rem auto 0;
}
section.contactSec div.button-area{
	margin: 5rem auto 0;
}
section.contactSec input[type="submit"]{
	border-radius: 4rem!important;
	background: #DC4813;
	border: 1px solid #DC4813;
	color: #fff;
}
section.contactSec input[type="submit"]:hover{
	background: #fff;
	color: #DC4813;
	cursor: pointer;
}
section.contactSec div.att{
	margin-top: 3rem;
	border: 1px solid #A1A1A1;
	padding: 1.5rem;
}
table.table_form{
	width: 100%;
	margin-bottom: 3rem;
}
th span.required{
	background: #D2302F;
	padding: 0.25rem 0.6rem 0.4rem 0.5rem;
	color: #fff;
	margin-left: 1rem;
	font-size: 1.2rem;
	line-height: 1.3;
	display: inline-block;
}
th span.optional{
	background: #F7E56C;
	padding: 0.25rem 0.6rem 0.4rem 0.5rem;
	color: #000;
	margin-left: 1rem;
	font-size: 1.2rem;
	line-height: 1.3;
	display: inline-block;
}
table.table_form th{
	width: 25rem;
	text-align: left;
	padding: 2.5rem 0 0;
	vertical-align: middle;
	line-height: 2.0;
	font-weight: normal;
}
table.table_form th.name,
table.table_form td.name{
	padding: 0;
}
/* td */
table.table_form td{
	padding: 2.5rem 0 0;
	vertical-align: middle;
}
table.table_form td span.att{
	display: block;
	margin-top: 1rem;
	line-height: 1.6;
	font-size: 1.4rem;
}
table.table_form td input{
	line-height: 3.5;
	height: 3.5em;
	padding-left: 1rem;
	border: 1px solid #A1A1A1;
}
table.table_form td.name input,
table.table_form td.kana input{
	width: 70%;
}
table.table_form td.tel input {
  width: 12rem;
}
table.table_form td.mailaddress input{
	width: 100%;
}
table.table_form td.remarks textarea{
	width: 100%;
	height: 12em;
	line-height: 1.8;
	padding-left: 1rem;
	border: 1px solid #A1A1A1;
}
/* error */
.wpcf7 .wpcf7-not-valid {
	background: pink;
}
span.wpcf7-not-valid-tip{
	display: none!important;
}
.mw_wp_form .error {
  text-align: left;
  margin-top: 1rem;
}
@media print, screen and (max-width: 767px) {
	section.contactSec{
		margin: 7rem auto 0;
	}
	table.table_form th{
		display: block;
		width: 100%;
		text-align: left;
		padding: 2rem 0 0;
		vertical-align: middle;
		line-height: 2.0;
		font-weight: normal;
	}
	table.table_form th.name{
		padding: 0;
	}
	table.table_form td{
		display: block;
		padding: 1.5rem 0 0;
	}
	table.table_form td.name{
		padding: 1.5rem 0 0;
	}
	table.table_form td.name input,
	table.table_form td.kana input,
	table.table_form td.mailaddress input{
		width: 100%;
	}
	table.table_form td.tel input{
		width: 27%;
		margin: 0 auto 0 0;
	}
}

/* sendmessageSec
-------------------------------------------------- */
section.sendmessageSec{
	margin: 10rem auto 0;
}
section.sendmessageSec table.contactInfo {
  width: 75%;
  margin: 5rem auto 7rem;
  border: 1px solid #C8C8C8;
  border-collapse: collapse;
}
section.sendmessageSec table.contactInfo th {
  text-align: center;
  background-color: #000;
  color: #fff;
  font-weight: normal;
  border: 1px solid #C8C8C8;
  padding: 2rem 0 1.8rem;
}
section.sendmessageSec table.contactInfo td {
  text-indent: 1rem;
  border: 1px solid #C8C8C8;
}
@media print, screen and (max-width: 767px) {
	section.sendmessageSec{
		margin: 5rem 0 0;
	}
	section.sendmessageSec table.contactInfo {
	  width: 100%;
    margin: 3rem auto 5rem;
    border-collapse: collapse;
	}
	section.sendmessageSec table.contactInfo th {
	  width: 100%;
    display: block;
    padding: 1.5rem;
    line-height: 1.5;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
	}
	section.sendmessageSec table.contactInfo td {
	  display: block;
    border: none;
    box-sizing: content-box;
    padding: 1.5rem;
    line-height: 1.5;
    text-align: center;
	}
}

/* preambleSec
-------------------------------------------------- */
section.preambleSec{
	margin: 10rem 0 0;
}
section.preambleSec p.p-txt{
	line-height: 2.2;
}
section.preambleSec div.img-area{
	width: 80%;
	margin: 3rem auto;
}
section.preambleSec div.img-area img{
	width: 100%;
}
section.preambleSec dl{
	margin-top: 5rem;
}
section.preambleSec dl dt{
	font-size: 1.8rem;
	margin-bottom: 1rem;
	font-weight: bold;
}
section.preambleSec dl dd{
	margin-bottom: 3rem;
}
section.preambleSec dl dd:last-child{
	margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
	section.preambleSec{
		margin: 7rem 0 0;
	}
	section.preambleSec div.img-area{
		width: 100%;
	}
	section.preambleSec dl dt{
		font-size: 1.6rem;
		margin-bottom: 0.5rem;
	}
}

/* privacySec
-------------------------------------------------- */
section.privacySec{
	margin: 10rem 0 0;
}
section.privacySec h4{
	color: #DC4813;
	font-size: 1.8rem;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #DC4813;
}
section.privacySec h4.btm{
	margin-bottom: 4rem;
}
section.privacySec h5{
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
section.privacySec div.block{
	margin-bottom: 5rem;
}
section.privacySec div.block a{
	color: #DC4813;
	text-decoration: underline;
}
section.privacySec div.block a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
	section.privacySec{
		margin: 5rem 0 0;
	}
	section.privacySec h4{
		font-size: 1.8rem;
	}
	section.privacySec div.block{
		margin-bottom: 3rem;
	}
}

/* ==================================================
以下、装飾の指定
================================================== */
/*iPhoneでinput要素にCSSが効かない時 */
input[type="button"],input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="date"],input[type="submit"],textarea{
   -webkit-appearance: none!important;
   border-radius: 0!important;
}