/* CSS Document ---------------------------------------------------------------------------------------------------------------- */ /* Default Style Reset --------------------------------------------------------------------------------------------------------- */ body,form,fieldset{margin: 0px;padding: 0px;} fieldset{border:none;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;} blockquote,li,dt,dd{} li{list-style:none;} input,textarea{font-size: 1em;} img{border: 0px none;} /* Tag Castam ------------------------------------------------------------------------------------------------------------------------- */ body {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif"; font-size: 85%;line-height: 150%;color: #000;background-color: #FFF;text-align: left;} em {font-weight: bold;font-style: normal;} strong {} a {color: #488EDB;text-decoration: underline;} a:link {} a:hover {color: #488EDB;text-decoration: none;} a:visited {} a:active {color: #FFFFFF;text-decoration: underline;background-color: #8896AE;} input,textarea {margin: 3px;padding: 2px;} /* header ---------------------------------------------------------------------------------------------------------------------- */ header {width: 100%;height: 90px;display: block;clear: both;position: fixed;background-color: #FFF;border-bottom: solid 4px #900ef4;} /* Header ---------------------------------------------------------------------------------------------------------------------- */ #Header {width: 1200px;height: 90px;margin: 0px auto;display: block;clear: both;} #SiteId {width: 200px;height: 90px;display: block;margin: 0px 0px 0px 0px;display: block;float: left;} #SiteId h1 a {width: 200px;height: 90px;margin: 0px 0px 0px 0px;display: block;} #HeadR {width: 1000px;height: 90px;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0pxdisplay: block;float: right;} #HeadR .HeadTxT {width: 350px;height: auto;display: block;font-size: 16px;margin: 38px 0px 0px 0px;float: left;} #HeadR .Menu {width: 460px;height: auto;display: block;margin: 35px 0px 0px 0px;float: left;} #HeadR .Menu li a {font-size: 18px;margin: 0px 0px 0px 0px;padding: 3px 13px 0px 13px;float: left;text-decoration: none;color: #900ef4;border-left: solid 1px #900ef4;} #HeadR .Menu li a:hover {text-decoration: underline;color: #900ef4;} #HeadR .ContactBtn a {width: 180px;height: auto;display: block;margin: 18px 0px 0px 0px;padding: 18px 0px 15px 0px;display: block;background-color: #FFF;border-radius: 5px 5px 5px 5px; text-align: center;font-weight: bold;text-decoration: none;font-size: 22px;color: #900ef4;float: right;border: solid 2px #900ef4;float: left;} #HeadR .ContactBtn a:hover {background-color: #900ef4;color: #FFF;} nav.globalMenuSp {display: none;} .navToggle {display: none;} /* page-top */ .page-top {width: 50px;height: 50px;position: fixed;bottom: 0;right: 0;padding: 0; background: url(../img/pagetop.png) no-repeat;text-indent: -999em;text-decoration: ;} /* -- MainCont -- */ #MainCont {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;} /* -- Wrapper -- */ #Wrapper {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* -- Contens -- */ #Contents {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Contents:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackType01 {width: 100%;height: auto;background-image: url(../img/back_image01.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size:cover;} .BackType01:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackType02 {width: 100%;height: auto;background-image: url(../img/back_image02.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size:cover;} .BackType02:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackType03 {width: 100%;height: auto;background-image: url(../img/back_image03.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size:cover;} .BackType03:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackType04 {width: 100%;height: auto;background-image: url(../img/back_image04.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size:cover;} .BackType04:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackType05 {width: 100%;height: auto;background-image: url(../img/back_image05.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size:cover;} .BackType05:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackType06 {width: 100%;height: auto;background-image: url(../img/backimage06.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size:cover;} .BackType06:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .BackGray {width: 100%;height: auto;background-color: #f7f8f8;} .Bold {font-weight: bold;} .Orange {color: #ff6c00;} .Blue {color: #009ed8;} .Sky {color: #00acd7;} .Red {color: #f74242;} .White {color: #FFF;} .Yellow {color: #fff100;} .Pink {color: #e85377;} .LightPink {color: #ff8181;} .Green {color: #00a29a;} .Wine {color: #e85377;} .Gray {color: #e85377;} .WineRed {color: #e85377;} .Magenta {color: #ce3063;} .Purple {color: #900ef4;} .BlackLine {border-bottom: solid 1px #000000;} .PinkLine {border-bottom: solid 1px #e85377;} .SpBr {display: none;} .SpBrCr {display: inline;} /* -- MainImg -- */ #MainImg {width: 1250px;height: 800px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #MainImgSp {display: none;} #MainImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* -- Intro -- */ #Intro {width: 1000px;height: auto;margin: 60px auto 0px auto;padding: 100px 0px 70px 0px;display: block;clear: both;} #Intro:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Intro .TxT01 {width: 900px;height: auto;margin: 0px auto 20px auto;padding: 8px 0px 5px 0px;display: block;font-size: 35px;color: #900ef4;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;background-color: #FFF;font-weight: bold;border-radius: 5px 5px 5px 5px;} #Intro .TxT02 {width: 480px;height: auto;margin: 0px auto 50px auto;padding: 8px 0px 5px 0px;display: block;font-size: 35px;color: #900ef4;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;background-color: #FFF;font-weight: bold;border-radius: 5px 5px 5px 5px;} #Intro .TxT03 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;font-size: 22px;color: #FFF;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;} #Intro p {display: block;margin: 0px 0px 30px 0px;} #Intro .Marker {background: linear-gradient(transparent 60%, #b629cf 60%);} /* -- Platform -- */ #Platform {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 60px 0px 60px 0px;display: block;clear: both;background-repeat: repeat;background-image: url(../img/back_repeat01.jpg);} #Platform:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Platform .ContBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Platform .ContBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Platform .TxT01 {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;font-size: 35px;color: #000;text-align: center; line-height: 1em;letter-spacing: 0.1em;font-weight: bold;} #Platform .TxT02 {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;font-size: 50px;color: #900ef4;text-align: center; line-height: 1em;letter-spacing: normal;font-weight: bold;} #Platform .TxT03 {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;font-size: 22px;color: #000;text-align: center; line-height: 1.5em;letter-spacing: normal;font-weight: normal;} #Platform .Waku {width: 850px;height: auto;margin: 0px auto 50px auto;padding: 18px 0px 15px 0px;display: block;font-size: 25px;color: #900ef4;text-align: center; line-height: 1em;letter-spacing: 0.1em;font-weight: bold;border: solid 2px #900ef4;} #Platform p {display: block;margin: 0px 0px 30px 0px;} #Platform .PurpleLine {border-bottom: solid 2px #900ef4;} #Platform .BlackLine {border-bottom: solid 2px #000;} #Platform .Img {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* -- Profile -- */ #Profile {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 90px 0px 40px 0px;display: block;clear: both;background-color: #fbfbfb;} #Profile:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Profile .ContBox {width: 1000px;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;} #Profile .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Profile .TxTL {width: 480px;height: auto;display: block;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 2em;float: left;} #Profile .PhotoR {width: 470px;height: auto;display: block;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;float: right;} #Profile .FontL {font-size: 30px;} #Profile p {display: block;margin: 0px 0px 30px 0px;} #Profile .TxTBox {width: 1000px;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 2em;} /* -- Nayami -- */ #Nayami {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Nayami:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Nayami h2 {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 60px 0px 0px 0px;display: block;clear: both;font-size: 50px;color: #FFF;text-align: center; line-height: 1em;letter-spacing: 0.1em;} #Nayami .ContBox {width: 1000px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 50px 0px;} #Nayami .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Nayami .NayamiBox {width: 650px;height: auto;margin: 0px auto 30px auto;padding: 15px 15px 15px 15px;display: block;clear: both;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #Nayami .NayamiBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Nayami .Li01 {width: 35px;height: 35px;margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;display: block;float: left;} #Nayami .Li02 {width: 595px;height: auto;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;float: left;font-size: 23px;} #Nayami .TxTBox {width: 1000px;height: auto;display: block;margin: 50px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 2em;} /* -- Phigital -- */ #PhigitalLink {width: 100%;height: 50px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #Phigital {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 60px 0px 60px 0px;display: block;clear: both;background-repeat: repeat;background-image: url(../img/back_repeat02.png);} #Phigital:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Phigital .ContBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .ContBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Phigital .TxT01 {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;font-size: 40px;line-height: 1em;text-align: center;font-weight: bold;} #Phigital .TxT02 {width: 100%;height: auto;display: block;margin: 0px auto 40px auto;padding: 0px 0px 0px 0px;font-size: 35px;line-height: 1.5em;text-align: center;font-weight: bold;color: #c029f2;} #Phigital .TxT03 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 2em;text-align: center;color: #000;} #Phigital .PurpleLine {border-bottom: solid 2px #900ef4;} #Phigital .ImgBog {width: 800px;height: 230px;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .Obi {width: 100%;height: 170px;margin: 0px auto 60px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-color: #c31cfb;} #Phigital .Obi img {width: 1000px;height: 170px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .ObiSp {display: none;} #Phigital .Logo {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .Logo .Li01 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;text-align: center;font-size: 30px;font-weight: bold;} #Phigital .Logo .Li02 {width: 430px;height: 100px;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;text-align: center;} #Phigital .Logo .Li03 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;text-align: center;font-size: 30px;} #Phigital p {display: block;margin: 0px 0px 30px 0px;} /* -- Merit -- */ #Merit {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 80px 0px 80px 0px;display: block;clear: both;background-color: #fbfbfb;} #Merit:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Merit .ContBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Merit .Title {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 50px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #Merit .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Merit .TxT01 {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 2em;text-align: center;color: #000;} #Merit .MeritBox01 {width: 1000px;height: 330px;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;background-image: url(../img/point01.png);} #Merit .MeritBox02 {width: 1000px;height: 330px;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;background-image: url(../img/point02.png);} #Merit .MeritBox03 {width: 1000px;height: 330px;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;background-image: url(../img/point03.png);} #Merit .MeritBox04 {width: 1000px;height: 330px;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;background-image: url(../img/point04.png);} #Merit .MeritBox05 {width: 1000px;height: 330px;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;background-image: url(../img/point05.png);} #Merit .NameL {width: 100%;height: auto;margin: 5px 0px 0px 180px;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 45px;font-weight: bold;letter-spacing: 0.1em;} #Merit .TxTL {width: 500px;height: auto;margin: 80px 0px 0px 50px;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 20px;letter-spacing: normal;line-height: 2em;text-align: justify;} #Merit .NameR {width: 100%;height: auto;margin: 5px 0px 0px 620px;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 45px;font-weight: bold;letter-spacing: 0.1em;} #Merit .TxTR {width: 500px;height: auto;margin: 80px 0px 0px 500px;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 20px;letter-spacing: normal;line-height: 2em;text-align: justify;} #Merit .NameSp {display: none;} #Merit .PhotoSp {display: none;} /* -- Future -- */ #Future {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Future:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Future .ContBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 30px 0px;display: block;clear: both;} #Future .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Future .Title {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 80px 0px 0px 0px;display: block;clear: both;} #Future .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 50px;text-align: center;font-weight: bold; letter-spacing: 0.1em;line-height: 1.5em;} #Future .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Future .FuBox {width: 94%;height: auto;margin: 0px auto 30px auto;padding: 3% 3% 3% 3%;display: block;clear: both;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #Future .FuBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Future .Number {width: auto;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 80px;line-height: 1em;color: #cf23b9;font-family: 'Noto Serif JP', serif;float: left;} #Future .TxT {width: 90%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;font-size: 25px;line-height: 1.5em;color: #000;float: right;} #Future .PurpleLine {border-bottom: solid 2px #cf23b9;} #Future .Purple {color: #cf23b9;} #Future .Arrow {width: 235px;height: 110px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Future .Img {width: 1200px;height: 540px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Future .ImgSp {display: none;} /* -- User -- */ #UserLink {width: 100%;height: 90px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #User {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 50px 0px;display: block;clear: both;background-color: #fffef7;} #User:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #User .UserBox {width: 1000px;height: auto;margin: 0px auto 70px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 1px #CCC;} #User .UserBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #User .ContBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;display: block;clear: both;} #User .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #User .Title {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #User .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 50px;text-align: center;font-weight: bold; letter-spacing: 0.1em;line-height: 1.5em;} #User .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #User .PhotoL {width: 430px;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #User .TxTR {width: 520px;height: auto;display: block;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;float: right;} #User .Name {width: 100%;height: auto;display: block;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;} #User .Name .Li01 {width: 100%;height: auto;display: block;margin: 30px 0px 20px 0px;padding: 0px 0px 0px 0px;font-size: 45px;letter-spacing: 0.1em;} #User .Name .Li02 {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;font-size: 20px;letter-spacing: 0.1em;color: #999;} #User .FontS {font-size: 30px;} #User .Site {width: 100%;height: auto;display: block;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;} #User .Site .Li01 {width: 20px;height: 20px;display: block;margin: 0px 20px 20px 0px;padding: 3px 0px 0px 0px;float: left;} #User .Site .Li02 {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;font-size: 18px;letter-spacing: 0.1em;color: #000;line-height: 1.5em;} #User .TxT {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;font-size: 18px;letter-spacing: 0.1em;color: #000;line-height: 1.5em;} #User .TxTBox {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 18px;letter-spacing: 0.1em;color: #000;line-height: 1.5em;} #User p {display: block;margin: 0px 0px 30px 0px;} #User .TxTC {display: block;margin: 0px 0px 30px 0px;font-size: 18px;text-align: center;} /* -- Mets -- */ #Mets {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 80px 0px 80px 0px;display: block;clear: both;} #Mets:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Mets .Title {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Mets .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 50px;text-align: center;font-weight: bold; letter-spacing: 0.1em;line-height: 1.5em;} #Mets .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Mets .Logo {width: 610px;height: 115px;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Mets .TxT01 {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;font-size: 30px;line-height: 1em;text-align: center;font-weight: bold;} #Mets .TxT02 {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 2em;text-align: center;} #Mets .Point {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Mets .Point:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Mets .Point h3 {width: 100%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;font-size: 30px;line-height: 1.5em;text-align: left;border-bottom: solid 1px #000;} #Mets .Point .TxT {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 1.5em;text-align: left;} #Mets .DlBox {width: 100%;height: auto;display: block;margin: 0px;padding: 0px;} #Mets .DlBox dl {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;clear: both;} #Mets .DlBox dt {width: 25px;height: 25px;float: left;padding: 0px 0px 0px 0px;} #Mets .DlBox dd {padding: 0px 0px 0px 40px;font-size: 20px;line-height: 1.5em;} /* -- ItemList -- */ #ItemListLink {width: 100%;height: 100px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #ItemList {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 80px 0px;display: block;clear: both;} #ItemList:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ItemList .ContBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #ItemList .ContBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ItemList h3 {width: 100%;height: auto;display: block;margin: 0px auto 100px auto;padding: 0px 0px 0px 0px;font-size: 40px;line-height: 1em;text-align: center;font-weight: bold;} #ItemList .ItemBox01 {width: 440px;height: 140px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: left;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox02 {width: 440px;height: 140px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: right;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox03 {width: 440px;height: 200px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: left;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox04 {width: 440px;height: 200px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: right;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox05 {width: 440px;height: 290px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: left;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox06 {width: 440px;height: 110px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: right;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox07 {width: 440px;height: 110px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: right;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox08 {width: 440px;height: 170px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: left;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox09 {width: 440px;height: 170px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: right;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox10 {width: 960px;height: 150px;display: block;margin: 0px 0px 30px 0px;padding: 20px 20px 20px 20px;float: right;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList ul {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 20px 0px;border-bottom: solid 1px #000;} #ItemList .Icon {width: 58px;height: 50px;margin: 0px 10px 0px 0px;padding: 0px 0px 0px 0px;display: block;float: left;} #ItemList .Title {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 15px 0px 0px 0px;font-size: 30px;line-height: 1em;text-align: left;font-weight: bold;} #ItemList .TxT {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 1.5em;text-align: left;} /* -- Plan -- */ #PlanLink {width: 100%;height: 100px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #Plan {width: 100%;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-color: #FFF;} #Plan:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Plan .Title {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Plan .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 50px;text-align: center;font-weight: bold; letter-spacing: 0.1em;line-height: 1.5em;} #Plan .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Plan .Img {width: 800px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* -- Message -- */ #Message {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 80px 0px 0px 0px;display: block;clear: both;background-color: #fbfbfb;} #Message:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Message .Title {width: 1000px;height: auto;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Message .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 50px;text-align: center;font-weight: bold; letter-spacing: 0.1em;line-height: 1.5em;} #Message .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Message .TxTBox {width: 1000px;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 30px 0px;display: block;clear: both;font-size: 18px;line-height: 2em;} #Message .TxTBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Message p {display: block;margin: 0px 0px 30px 0px;} /* -- FormBtn -- */ .FormBtn a {display: none;} .FormBtn a:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} /* -- footer -- */ footer {width: 100%;height: auto;margin:0px 0px 0px 0px;padding: 30px 0px 50px 0px;display: block; clear: both;background: #000;} footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Footer {width: 900px;height: auto;margin: 0px auto 0px auto;padding: 0px;display: block;text-align:left;clear: both;} address {margin: 20px 0px 0px 0px;padding: 0px;color: #FFF;font-size: 12px;font-style: normal;text-align: center;} @media screen and (max-width: 768px) { /* header ---------------------------------------------------------------------------------------------------------------------- */ header {width: 100%;height: 80px;display: block;clear: both;position: fixed;background-color: #FFF;} /* Header ---------------------------------------------------------------------------------------------------------------------- */ #Header {width: 90%;height: auto;margin: 0px auto;display: block;clear: both;} #SiteId {width: 35%;height: auto;display: block;margin: 5px 0px 0px 0px;display: block;float: left;} #SiteId h1 a {width: 100%;height: auto;margin: 0px 0px 0px 0px;display: block;} #HeadR {width: 60%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0pxdisplay: block;float: right;} #HeadR .HeadTxT {font-size: 13px;margin: 20px 0px 0px 0px;float: left;line-height: 1.5em;} #HeadR .ContactBtn a {display: none;} #HeadR .Menu {display: none;} /* スマホ用メニュー[start] */ /* globalMenuSp ----------------------------------------------------------------------------------------------------------------- */ nav.globalMenuSp { position: fixed; z-index: 2; top: 0; left: 0; text-align: center; transform: translateY(-100%); transition: all 0.6s; width: 100%; display: block; } nav.globalMenuSp ul { background: #900ef4; margin: 0 auto; padding: 0; width: 100%; filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95; } nav.globalMenuSp ul li { font-size: 1.3em; list-style-type: none; padding: 10px 0px 10px 0px; width: 100%; border-bottom: 1px solid #FFF; color: #FFF; } /* 最後はラインを描かない */ /* nav.globalMenuSp ul li:last-child { padding-bottom: 0; border-bottom: none; } */ nav.globalMenuSp ul li a { display: block; padding: 1em 0; text-decoration: none; color: #FFF; } /* このクラスを、jQueryで付与・削除する */ nav.globalMenuSp.active { transform: translateY(0%); } /* navToggle ----------------------------------------------------------------------------------------------------------------- */ .navToggle { display: block; position: fixed; /* bodyに対しての絶対位置指定 */ right: 13px; top: 10px; width: 42px; height: 51px; cursor: pointer; z-index: 3; background: #900ef4; text-align: center; } .navToggle span { display: block; position: absolute; /* .navToggleに対して */ width: 30px; border-bottom: solid 3px #FFF; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 6px; } .navToggle span:nth-child(1) { top: 9px; } .navToggle span:nth-child(2) { top: 18px; } .navToggle span:nth-child(3) { top: 27px; } .navToggle span:nth-child(4) { border: none; color: #FFF; font-size: 9px; font-weight: bold; top: 34px; } /* 最初のspanをマイナス45度に */ .navToggle.active span:nth-child(1) { top: 18px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* 2番目と3番目のspanを45度に */ .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } /* スマホ用メニュー[end] */ /* page-top */ .page-top {width: 50px;height: 50px;position: fixed;bottom: 0;right: 0;padding: 0; background: url(../img/pagetop.png) no-repeat;text-indent: -999em;text-decoration: ;} /* -- MainCont -- */ #MainCont {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 90px 0px 0px 0px;display: block;clear: both;} /* -- Wrapper -- */ #Wrapper {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* -- Contens -- */ #Contents {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Contents:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .SpBr {display: inline;} .SpBrCr {display: none;} /* -- MainImg -- */ #MainImgSp {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;line-height: 0;} #MainImg {display: none;} #MainImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* -- Intro -- */ #Intro {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;} #Intro:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Intro .TxT01 {width: 96%;height: auto;margin: 0px auto 15px auto;padding: 2% 2% 2% 2%;display: block;font-size: 20px;color: #900ef4;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;background-color: #FFF;font-weight: bold;border-radius: 5px 5px 5px 5px;} #Intro .TxT02 {width: 96%;height: auto;margin: 0px auto 15px auto;padding: 2% 2% 2% 2%;display: block;font-size: 20px;color: #900ef4;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;background-color: #FFF;font-weight: bold;border-radius: 5px 5px 5px 5px;} #Intro .TxT03 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;font-size: 16px;color: #FFF;text-align: left; line-height: 1.5em;letter-spacing: 0.1em;} #Intro p {display: block;margin: 0px 0px 20px 0px;} #Intro .Marker {background: linear-gradient(transparent 60%, #b629cf 60%);} /* -- Platform -- */ #Platform {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 10px 0px;display: block;clear: both;background-repeat: repeat;background-image: url(../img/back_repeat01.jpg);} #Platform:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Platform .ContBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Platform .ContBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Platform .TxT01 {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;font-size: 20px;color: #000;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;font-weight: bold;} #Platform .TxT02 {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;font-size: 30px;color: #900ef4;text-align: center; line-height: 1em;letter-spacing: normal;font-weight: bold;} #Platform .TxT03 {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;font-size: 16px;color: #000;text-align: left; line-height: 2em;letter-spacing: normal;font-weight: normal;} #Platform .Waku {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 5% 5% 5% 5%;display: block;font-size: 20px;color: #900ef4;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;font-weight: bold;border: solid 2px #900ef4;} #Platform p {display: block;margin: 0px 0px 20px 0px;} #Platform .PurpleLine {border-bottom: solid 2px #900ef4;} #Platform .BlackLine {border-bottom: solid 2px #000;} #Platform .Img {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* -- Profile -- */ #Profile {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;background-color: #fbfbfb;} #Profile:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Profile .ContBox {width: 90%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;} #Profile .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Profile .TxTL {width: 100%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;float: none;} #Profile .PhotoR {width: 100%;height: auto;display: block;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;float: none;} #Profile .FontL {font-size: 20px;} #Profile p {display: block;margin: 0px 0px 30px 0px;} #Profile .TxTBox {width: 90%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;} /* -- Nayami -- */ #Nayami {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Nayami:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Nayami h2 {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 30px 0px 0px 0px;display: block;clear: both;font-size: 25px;color: #FFF;text-align: center; line-height: 1.5em;letter-spacing: 0.1em;} #Nayami .ContBox {width: 90%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 30px 0px;} #Nayami .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Nayami .NayamiBox {width: 90%;height: auto;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;display: block;clear: both;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #Nayami .NayamiBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Nayami .Li01 {width: 8%;height: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;float: left;} #Nayami .Li02 {width: 87%;height: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;float: right;font-size: 18px;line-height: 1.5em;} #Nayami .TxTBox {width: 90%;height: auto;display: block;margin: 30px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;} /* -- Phigital -- */ #PhigitalLink {width: 100%;height: 30px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #Phigital {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;display: block;clear: both;background-repeat: repeat;background-image: url(../img/back_repeat02.png);} #Phigital:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Phigital .ContBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .ContBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Phigital .TxT01 {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;font-size: 25px;line-height: 1.5em;text-align: center;font-weight: bold;} #Phigital .TxT02 {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;font-size: 25px;line-height: 1.5em;text-align: left;font-weight: bold;color: #c029f2;} #Phigital .TxT03 {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;text-align: left;color: #000;} #Phigital .PurpleLine {border-bottom: solid 2px #900ef4;} #Phigital .ImgBog {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .Obi {display: none;} #Phigital .Obi img {display: none;} #Phigital .ObiSp {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .Logo {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Phigital .Logo .Li01 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;text-align: center;font-size: 25px;font-weight: bold;} #Phigital .Logo .Li02 {width: 80%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;text-align: center;} #Phigital .Logo .Li03 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;text-align: center;font-size: 20px;} #Phigital p {display: block;margin: 0px 0px 20px 0px;} /* -- Merit -- */ #Merit {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 50px 0px 50px 0px;display: block;clear: both;background-color: #fbfbfb;} #Merit:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Merit .ContBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Merit .Title {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 25px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #Merit .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Merit .TxT01 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;text-align: left;color: #000;} #Merit .MeritBox01 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .MeritBox02 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .MeritBox03 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .MeritBox04 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .MeritBox05 {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;background-image: none;} #Merit .NameL {display: none;} #Merit .TxTL {width: 100%;height: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 16px;letter-spacing: normal;line-height: 2em;text-align: justify;} #Merit .NameR {display: none;} #Merit .TxTR {width: 100%;height: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 16px;letter-spacing: normal;line-height: 2em;text-align: justify;} #Merit .NameSp {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Merit .PhotoSp {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* -- Future -- */ #Future {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Future:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Future .ContBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;display: block;clear: both;} #Future .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Future .Title {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 30px 0px 0px 0px;display: block;clear: both;} #Future .Title .Li01 {width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 23px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #Future .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Future .FuBox {width: 94%;height: auto;margin: 0px auto 30px auto;padding: 3% 3% 7% 3%;display: block;clear: both;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #Future .FuBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Future .Number {width: 10%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 50px;line-height: 1em;color: #cf23b9;font-family: 'Noto Serif JP', serif;float: left;} #Future .TxT {width: 85%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;font-size: 18px;line-height: 1.5em;color: #000;float: right;} #Future .PurpleLine {border-bottom: solid 2px #cf23b9;} #Future .Purple {color: #cf23b9;} #Future .Arrow {width: 50%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Future .Img {display: none;} #Future .ImgSp {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;line-height: 0;} /* -- User -- */ #UserLink {width: 100%;height: 40px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #User {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;display: block;clear: both;background-color: #fffef7;} #User:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #User .UserBox {width: 100%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 1px #CCC;} #User .UserBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #User .ContBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;display: block;clear: both;} #User .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #User .Title {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 30px 0px 0px 0px;display: block;clear: both;} #User .Title .Li01 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 25px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #User .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #User .PhotoL {width: 100%;height: auto;display: block;margin: 0px auto 40px auto;padding: 0px 0px 0px 0px;float: none;} #User .TxTR {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;float: none;} #User .Name {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;} #User .Name .Li01 {width: 100%;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;font-size: 30px;letter-spacing: 0.1em;} #User .Name .Li02 {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 15px;letter-spacing: 0.1em;color: #999;} #User .FontS {font-size: 15px;} #User .Site {width: 100%;height: auto;display: block;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;} #User .Site .Li01 {width: 20px;height: 20px;display: block;margin: 0px 20px 20px 0px;padding: 3px 0px 0px 0px;float: left;} #User .Site .Li02 {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;font-size: 16px;letter-spacing: 0.1em;color: #000;line-height: 1.5em;} #User .TxT {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;font-size: 16px;letter-spacing: 0.1em;color: #000;line-height: 1.5em;} #User .TxTBox {width: 100%;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 16px;letter-spacing: 0.1em;color: #000;line-height: 1.5em;} #User p {display: block;margin: 0px 0px 20px 0px;} #User .TxTC {display: block;margin: 0px 0px 30px 0px;font-size: 16px;text-align: center;} /* -- Mets -- */ #Mets {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 40px 0px 20px 0px;display: block;clear: both;} #Mets:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Mets .Title {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 30px 0px 0px 0px;display: block;clear: both;} #Mets .Title .Li01 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 25px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #Mets .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Mets .Logo {width: 80%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Mets .TxT01 {width: 100%;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px 0px 0px 0px;font-size: 20px;line-height: 1em;text-align: center;font-weight: bold;} #Mets .TxT02 {width: 90%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;text-align: left;} #Mets .Point {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #Mets .Point:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Mets .Point h3 {width: 100%;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px 0px 5px 0px;font-size: 20px;line-height: 1.5em;text-align: left;border-bottom: solid 1px #000;} #Mets .Point .TxT {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 2em;text-align: left;} #Mets .DlBox {width: 100%;height: auto;display: block;margin: 0px;padding: 0px;} #Mets .DlBox dl {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;clear: both;} #Mets .DlBox dt {width: 20px;height: 20px;float: left;padding: 0px 0px 0px 0px;} #Mets .DlBox dd {padding: 0px 0px 0px 30px;font-size: 16px;line-height: 1.5em;} /* -- ItemList -- */ #ItemListLink {width: 100%;height: 40px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #ItemList {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 40px 0px;display: block;clear: both;} #ItemList:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ItemList .ContBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} #ItemList .ContBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ItemList h3 {width: 100%;height: auto;display: block;margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;font-size: 30px;line-height: 1em;text-align: center;font-weight: bold;} #ItemList .ItemBox01 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox02 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox03 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox04 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox05 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox06 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox07 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox08 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox09 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList .ItemBox10 {width: 90%;height: auto;display: block;margin: 0px auto 20px auto;padding: 5% 5% 5% 5%;float: none;border-radius: 10px 10px 10px 10px;background-color: #FFF; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);} #ItemList ul {width: 100%;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 20px 0px;border-bottom: solid 1px #000;} #ItemList .Icon {width: 38px;height: 30px;margin: 0px 10px 0px 0px;padding: 0px 0px 0px 0px;display: block;float: left;} #ItemList .Title {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 8px 0px 0px 0px;font-size: 20px;line-height: 1em;text-align: left;font-weight: bold;} #ItemList .TxT {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 16px;line-height: 1.5em;text-align: left;} /* -- Plan -- */ #PlanLink {width: 100%;height: 40px;display: block;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;} #Plan {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 40px 0px;display: block;clear: both;background-color: #FFF;} #Plan:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Plan .Title {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 30px 0px 0px 0px;display: block;clear: both;} #Plan .Title .Li01 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 25px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #Plan .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Plan .Img {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;} /* -- Message -- */ #Message {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 40px 0px 0px 0px;display: block;clear: both;background-color: #fbfbfb;} #Message:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Message .Title {width: 90%;height: auto;margin: 0px auto 30px auto;padding: 30px 0px 0px 0px;display: block;clear: both;} #Message .Title .Li01 {width: 100%;height: auto;margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;display: block;clear: both;font-size: 25px;text-align: center;font-weight: bold;letter-spacing: 0.1em;} #Message .Title .Li02 {width: 30%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;display: block;clear: both;border-bottom: solid 2px #c31cfb;} #Message .TxTBox {width: 90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 30px 0px;display: block;clear: both;font-size: 16px;line-height: 2em;} #Message .TxTBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Message p {display: block;margin: 0px 0px 20px 0px;} /* -- FormBtn -- */ .FormBtn a {width: 90%;height: auto;display: block;margin: 30px auto 30px auto;padding: 15px 0px 15px 0px;line-height: 1em;text-align: center;color: #FFF; background-color: #900ef4;font-size: 20px;text-decoration: none;border-radius: 50px 50px 50px 50px;} .FormBtn a:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} /* -- footer -- */ footer {width: 100%;height: auto;margin:0px 0px 0px 0px;padding: 30px 0px 50px 0px;display: block; clear: both;background: #000;} footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Footer {width: 100%;height: auto;margin: 0px auto 0px auto;padding: 0px;display: block;text-align:left;clear: both;} address {margin: 20px 0px 0px 0px;padding: 0px;color: #FFF;font-size: 12px;font-style: normal;text-align: center;} }