@charset "UTF-8";

@import url(base.css);

img {
	display: inline-block;
	max-width:100%;
	max-height: 100%;
    vertical-align:top;}

.sp,.pc845 {
	display: none !important;}

p {
    font-size: 100%;
    line-height: 1.4em;
    padding: 0;}

/*-------------------------------------------------
	++ container
-------------------------------------------------*/
#container {
	margin:0 auto;
	text-align: center;
	position:relative;
    width: 100%;
	min-width:1200px;
    padding: 0 !important;}

.cInner {
	display:block;
	clear:both;
	width:1000px;
    padding: 40px 0;
	margin:0 auto;
	text-align: left;}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	width:100%;
    background-image: url(../img/PCmain.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    aspect-ratio: 18 / 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;}
#header h1 {
    margin: 0 0 0 400px;
    width: 480px;}
#header h1 img {
    width: 100%;}
#header p {
    color: #fff;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.4em;
	text-shadow: #000 1px 0 10px;
	margin: 10px 0 0 400px;}

.patent {
    max-width: 700px;
    position: absolute;
    bottom: 15px;
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 30px;
    display: inline-table;
    text-align: left;
    margin: 0 0 0 440px;
    color: #000;
    text-shadow: none;
    font-size: 90%;
    font-weight: normal;}

/*-------------------------------------------------
	++ BTN
-------------------------------------------------*/
.AppsBoxHeader {
    width: 580px;
    margin: 1% 0 4% 400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.6);
    border-radius: 20px;
    padding: 1.5%;}
.AppsBoxHeader h2 {
    width: 100%;
    color: #00ac3e;
    text-align: center;
    margin: 0 auto;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.8em;
    margin-bottom: 0;}

.AppsBox {
    margin: 0 auto 5% auto;
    display: flex;
    justify-content: center;
    align-items: center;}
.Apple {width: 180px;margin-right: 1%;}
.Google {width: 220px;margin-left: 1%;}
.Apple a,.Google a {display: block;}
.Apple img,.Google img {width: 100%;}
.AppleQR,.GoogleQR {width: 130px;margin: 10px auto 0 auto;text-align: center;}
.AppleQR img,.GoogleQR img {width: 100%;}

.AppsBox2 {
    width: 90%;
    margin: 0 auto 5% auto;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.AppsBox2Imte {
    width: 48%;
    padding: 2% 0;
    background-color: #f3ffd6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;}
.Apple2 {
    width: 180px;
    margin-right: 3%;}
.Google2 {
    width: 220px;
    margin-right: 3%;}
.Apple2 img,.Google2 img {width: 100%;}
.AppleQR2,.GoogleQR2 {width: 130px;}
.AppleQR2 img,.GoogleQR2 img {width: 100%;}


/*-------------------------------------------------
	++ others
-------------------------------------------------*/
h2 {
    color: #00ac3e;
    text-align: center;
    margin: 0 auto;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;}

.DiscussionMenuBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
.DiscussionMenuItem {width: 330px;}

.DiscussionTtlBox {
    display: flex;
    border-radius: 10px;
    background-color: #FFF;}
.DiscussionTtlL {
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.3em;
    text-align: center;
    padding: 0px 25px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    display: flex;
    align-items: center;}
.DiscussionTtlR {
    color: #000;
    font-weight: bold;
    font-size: 130%;
    text-align: left;
    line-height: 1.3em;
    padding: 10px 20px;}
.DiscussionTtlR span {font-size: 70%; display: block;}

.DiscussionBox01 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;}
.DiscussionBox01Item {
    width: 400px;
    margin: 0 1%;
    display: flex;
    flex-direction: column;
    align-items: center;}
.DiscussionBox01Img {
    width: 180px;
    margin: 0 auto;}
.DiscussionBox01Img img {width: 100%;}
.DiscussionBox01ItemList {margin: 0 auto;}
.DiscussionBox01ItemTtl {
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 0.5em;
    text-align: center;}

.DiscussionBox02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 20px auto 0 auto;}
.DiscussionBox02Ttl {
    width: 134px;
    height: 117px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 15px;}
.DiscussionBox02Ttl p {
    width: 118px;
    height: 117px;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.serifu01 {background-image: url(../img/serifu01.png);}
.serifu02 {background-image: url(../img/serifu02.png);}
.serifu03 {background-image: url(../img/serifu03.png);}
.serifu04 {background-image: url(../img/serifu04.png);}
.serifu05 {background-image: url(../img/serifu05.png);}
.serifu06 {background-image: url(../img/serifu06.png);}
.DiscussionBox02Txt {
    width: 850px;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 15px;}

.listDisc {
	margin:0;}
.listDisc li {
	text-align: left;
    color: #000000;
    font-size: 90%;
	line-height: 1.5em;
	list-style-type:none;
    font-weight: normal;
	padding: 0 0 0 1.0em;
	text-indent: -1.0em;}
.listDisc li.txtL {font-size: 100%;font-weight: bold;}
.listDisc li.txtLL {font-size: 95%;}

.bgDiscussion01 {background-color: #f3ffd6;}
.bgDiscussion02 {background-color: #fff7e7;}
.bgDiscussion03 {background-color: #ffedf1;}
.bgDiscussion04 {background-color: #e5f4ff;}
.bgDiscussion05 {background-color: #ffedff;}
.bgDiscussion06 {background-color: #ebf1ff;}

.bgDiscussion012 {background-color: #00ac3e;}
.bgDiscussion022 {background-color: #ffae00;}
.bgDiscussion032 {background-color: #ff5200;}
.bgDiscussion042 {background-color: #0092ff;}
.bgDiscussion052 {background-color: #ff83a5;}
.bgDiscussion062 {background-color: #0050ff;}

.borderDiscussion01 {border: 1px #00ac3e solid;}
.borderDiscussion02 {border: 1px #ffae00 solid;}
.borderDiscussion03 {border: 1px #ff5200 solid;}
.borderDiscussion04 {border: 1px #0092ff solid;}
.borderDiscussion05 {border: 1px #ff83a5 solid;}
.borderDiscussion06 {border: 1px #0050ff solid;}

.txtDiscussion01 {color: #00ac3e;}
.txtDiscussion02 {color: #ffae00;}
.txtDiscussion03 {color: #ff5200;}
.txtDiscussion04 {color: #0092ff;}
.txtDiscussion05 {color: #ff83a5;}
.txtDiscussion06 {color: #0050ff;}

.Advisor01Box {
    display: flex;
    justify-content: space-between;
    align-items: center;}
.Advisor01Img {width: 23%;}
.Advisor01Txt {width: 73%;}
.Advisor01Txt p {font-weight: bold;}
.AdvisorfunctionBox {
    background-color: #ddf4e5;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;}
.AdvisorfunctionBox .ttl {
    color: #00ac3e;
    font-weight: bold;
    font-size: 120%;
    padding-bottom: 0.3em;}
.Advisor01Txt .Img {
    width: 100%;
    display: flex;
    justify-content: flex-end;}

.Advisor02Box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;}
.Advisor02Item {width: 300px;}
.Advisor02Item p {
    font-size: 90%;
    padding-top: 0.5em;}

.Advisor03Box {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;}
.Advisor03Item {width: 33%;}

.bgShare {background-color: #ddf4e5;}
.ShareBox {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.ShareItem {width: 48%;}
.ShareItem .Img {margin: 0 0 0 3em;}
.ShareItem p {
    font-weight: bold;
padding-top: 1em;}

/* youtube/pdf */
.youtubeBox,
.pdfBox {
	width:1000px;
	text-align:left;
	margin:0px auto 50px auto;}
.youtube {
	position:relative;
	padding-top:56.25%;
	overflow: hidden;
	border:5px #DBDBDB solid;
	margin:5px 0px;}
.pdf {
	position:relative;
	overflow: hidden;
	border:5px #DBDBDB solid;
	margin:5px 0px;
	height: 700px;}
.youtube iframe,
.pdf iframe {
	position:absolute;
	top:0;
	right:0;
	left:0;
	width:100%;
	height:100%;}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer {
    width:1000px;
    margin: 0 auto;
	padding: 50px 0;
	font-size:100%;
    background-color: #fff;
	color: #b2b2b2;
	text-align: center;}
#footer .logo {margin: 0 auto;}

#pageTop {
  	position: fixed;
  	bottom: 20px;
  	right: 20px;
	z-index: 9999;}
#pageTop img {
	display:block;}