/*==========================================
 reset
===========================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*==========================================
 gloval
===========================================*/

body {
	margin: 0 auto;
	font-family: "Hiragino Kaku Gothic ProN", "meiryo", "メイリオ", "ms pgothic", "ms pゴシック", "osaka", sans-serif, "TakaoPGothic", "Sazanami Gothic";
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	-webkit-text-size-adjust: 100%;
	padding: 0;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
}
* {
	margin: 0;
	padding: 0;
}
a {
	color: #FF0000;
}
a:link {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}
h1, h2, h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
p, li, dt, dl {
	line-height: 1.6;
}
.clear {
	clear:both;
}
.ov {
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ov:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
.ovImg:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
/*a { 
	overflow: hidden;
	outline: none;
}*/

@font-face {
font-family:bebas;
src:url(../fonts/bebas.eot);
src:url(../fonts/bebas.eot?#iefix) format("embedded-opentype"), url(../fonts/bebas.woff2) format("woff2"), url(../fonts/bebas.ttf) format("truetype");
font-weight:400;
font-style:normal;
}


/*==========================================
 layout
===========================================*/
#wrapper {
	overflow:hidden;
}
#content {
	padding-bottom:100px;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}
section {
}
section h1 {
	font-size:3.4rem;
	line-height:1.6;
	text-align: center;
	margin-bottom:40px;
}
section h2 {
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
}
section h3 {
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
}
section h4 {
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
}
.wrap {
	width:1060px;
	margin:0 auto;
}
.inner {
	line-height: 0;
}
.inner p {
	font-size: 2.1rem;
	line-height: 1.7;
	padding:0 0 20px;
	text-align: center;
}
@media screen and (max-width: 979px) {
.wrap {
width:95%;
 margin:0 auto;
}

}
 @media screen and (max-width: 767px) {
#content {
	padding-bottom:40px;
}
 section h1 {
 font-size: 2.8rem;
 line-height:1.5;
padding:0 15px;
}
section h2 {
 font-size:2.4rem;
 line-height:1.6;
}
.wrap {
width:95%;
 margin:0 auto;
}
 .inner {
 width:auto;
 margin: 0;
 line-height: 0;
 text-align: left;
 padding: 30px 20px;
}
 .inner p {
 font-size: 1.8rem;
 line-height: 1.8;
 padding: 0 0 20px;
}
 .inner p br {
 display: inline;
}
}
@media screen and (max-width:640px) {
section h1 {
 font-size: 2.4rem;
padding: 30px 0;
}
 section h1 br {
 display:none;
}
 section h2 {
 font-size:2.2rem;
}
 .inner {
 margin: 0;
 line-height: 0;
 padding: 10px 10px;
}
 .inner p {
 font-size: 1.5rem;
 line-height: 1.8;
 padding: 0 15px 10px;
}
 .inner p br {
 display: none;
}
}
@media screen and (max-width: 479px) {
 section h1 {
 font-size: 2.2rem;
padding: 30px 0;
}
section h2 {
 font-size:2.0rem;
}
.wrap {
width:90%;
 margin:0 auto;
}
 .inner {
 margin: 0;
 line-height: 0;
 padding: 0;
}
 .inner p {
 font-size: 1.5rem;
 padding: 0 10px 10px;
}
}
@media screen and (max-width:479px) {
section h4 {
 font-size:1.6rem;
}
}
@media screen and (max-width:375px) {
 section h1 {
 font-size: 2.0rem;
}
section h2 {
 font-size:1.8rem;
}
 .inner p {
 font-size: 1.4rem;
 padding: 0 10px 10px;
}
}
/*==========================================
 header
===========================================*/

header#hero {
	height: 100%;
	background: none;
	position: relative;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
}
header#hero video {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.hero_txt {
	width:100%;
	height:670px;
	position: absolute;
	text-align: center;
	top:0;
	left: 50%;
	background: url(../../images/hero_bg.png) repeat;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	padding:240px 0;
}
.hero_txt h1 {
	font-size: 3.6rem;
	color:#fff;/*#395390*/
	margin-bottom:40px;
	opacity: 1.0;
	font-weight:bold;
}
.hero_txt h1 span.ttl_en {
	padding:5px 0 5px 15px;
	/*background:rgba(255, 255, 255,0.8);rgba(25, 48, 100,0.5);*//*rgba(0,0,0,0.5)255, 244, 92*/
text-shadow:0px 3px 5px #4b687d;
}
.hero_txt p {
	font-size: 2.0rem;
	color: #fff;
	line-height:1.5;
}
.hero_txt p.hero_sub {
	font-size:2.0rem;
	margin-bottom:30px;
}
.hero_txt p.txt02 {
	display:none;
}
.anchor_form_btn a {
display:block;
background:#013F78;
border-radius:40px;
text-align:center;
padding:15px;
color:#fff;
width:240px;
margin:0 auto;
font-size:1.6rem;
}
.anchor_form_btn:hover {
color:#fff;
	opacity: 0.7;
}
.pcn {
display:none;
}
@media screen and (max-width:1680px) {
header#hero video {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width: 140%;
}
}
@media screen and (max-width:1100px) {
header#hero video {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width: auto;
 height:100vw;
}
}
@media screen and (max-width: 767px) {

header#hero video {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width:auto;
 height: auto;
}
.headline h1 {
 font-size: 3.0rem;
 line-height:1.6;
}
}
 @media screen and (max-width:640px) {
.hero_movie {
	width:100%;
	height:auto;
}
.hero_txt {
	width:100%;
	height:auto;
	padding:170px 0;
}
header#hero .pc_video {
display:none;
}
header#hero .sp_video {
overflow:hidden;
}
header#hero .sp_video img {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width:100%;
 height: auto;
 max-width: none;
}
.pcn {
display:inline;
}
.spn {
display:none;
}
}
@media screen and (max-width: 479px) {
header#hero p.txt01 {
font-size:1.8rem;
padding:10px;
}
header#hero h1 {
 font-size: 2.6rem;
 line-height:1.2;
padding:10px;
margin-bottom: 20px;
}
}
@media screen and (max-width:375px) {
}
@media screen and (max-width:320px) {
header#hero h1 {
 font-size: 2.4rem;
 line-height:1.2;
padding:10px 5px;
margin-bottom: 20px;
}
}
/*==========================================
 contents
===========================================*/
section h1 {
padding-top:60px;
}
section h1 span.ttl_en {
display:block;
font-weight: 400;
        font-family: bebas;
        font-size: 4.8rem;
        line-height:0.4;
        color: #193064;
}
section h1 span.ttl_sub {
text-align:center;
        font-size: 2.2rem;
		font-weight:100;
		color:#425A88;
}
section h1 span.ttl_sub {
position: relative;
display: inline-block;
padding: 0 60px;
}
section h1 span.ttl_sub:before, section h1 span.ttl_sub:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 40px;
height: 1px;
background-color: #425A88;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
section h1 span.ttl_sub:before {left:0;}
section h1 span.ttl_sub:after {right: 0;}

 @media screen and (max-width:640px) {
section h1 {
padding-top:0;
margin-bottom: 0;
}
section h1 span.ttl_en {
display:block;
font-weight: 400;
        font-family: bebas;
        font-size: 4.8rem;
        line-height:1.5;
        color: #193064;
}
section h1 span.ttl_sub {
text-align:center;
        font-size: 2.2rem;
		font-weight:100;
		color:#425A88;
        line-height:1.0;
}
}
 @media screen and (max-width:479px) {
section h1 span.ttl_en {
display:block;
font-weight: 400;
        font-family: bebas;
        font-size: 3.8rem;
        line-height:1.5;
        color: #193064;
}
section h1 span.ttl_sub {
text-align:center;
        font-size: 1.8rem;
		font-weight:100;
		color:#425A88;
        line-height:1.0;
}
}
/*==========================================
 wrap
===========================================*/
.wrap01 {
background:url(../../images/bg01.png) no-repeat center top;
background-size:cover;
}
.wrap02 {
background:#C3D5DF url(../../images/bg02.png) no-repeat center top;
background-size:cover;
}
.wrap03 {
background:url(../../images/bg03.png) no-repeat center top;
background-size:cover;
margin-top:-80px;
}
.wrap04 {
background:url(../../images/bg04.png) no-repeat center top;
background-size:cover;
margin-top:-80px;
}
@media screen and (max-width: 2599px) {
.wrap01 {
background:url(../../images/bg01.png) no-repeat center top;
background-size:auto auto;
}
.wrap02 {
background:#C3D5DF url(../../images/bg02.png) no-repeat center top;
background-size:auto auto;
}
.wrap03 {
background:url(../../images/bg03.png) no-repeat center top;
background-size:auto auto;
}
.wrap04 {
background:url(../../images/bg04.png) no-repeat center top;
background-size:auto auto;
}

}
@media screen and (max-width: 767px) {
.wrap01 {
background:url(../../images/bg01_tb.png) no-repeat center top;
background-size:auto auto;
}

.wrap02 {
background:#C3D5DF url(../../images/bg02_tb.png) no-repeat center top;
background-size:auto auto;
}
.movie {
background:#193064 url(../../images/bg02_tb_03.png) no-repeat center bottom;
background-size:auto auto;
}
.movie:before {
content:"";
display:block;
width:100%;
height:168px;
background:#193064 url(../../images/bg02_tb_02.png) no-repeat center top;
background-size:cover;
}

.wrap03 {
background:none;
}
.wrap04 {
background:none;
margin-top:0;
}

.profile_wrap {
background:#193064 url(../../images/bg03_tb.png) no-repeat center top;
background-size:auto auto;
}
.account {
background:#193064 url(../../images/bg04_tb.png) no-repeat center top;
background-size:auto auto;
}
.account:after {
content:"";
display:block;
width:100%;
height:168px;
background:url(../../images/bg04_tb_bt.png) no-repeat center bottom;
background-size:cover;
}

}
@media screen and (max-width: 479px) {
.movie:before {
content:"";
display:block;
width:100%;
height:100px;
background:#193064 url(../../images/bg02_tb_02.png) no-repeat center top;
background-size:cover;
}
}
@media screen and (max-width:375px) {
}

/*==========================================
 about
===========================================*/
.about {
padding-top:120px;
padding-bottom:120px;
}

/*==========================================
form
===========================================*/
.mailform_inner h1 {
	background:url(../../images/wrap_bg01.png) repeat;
	line-height:1.4;
	color:#fff;
	padding:30px 0;
	margin-bottom:20px;
}
.mailform_inner h1 {
	position: relative;
	color: #A07B36;
	z-index:1;
}
.form_wrap {
	width:960px;
	margin:0 auto;
	background: #E2E0E1;
}
.form_inner {
	padding:20px;
}
.form_inner form {
	padding:20px;
}
[type=text] {
  line-height: normal; 
}
[type=email] {
  line-height: normal; 
}
.fbox {
	height: 100%;
	width: 100%;
	font-size:1.8rem;
	padding:10px 10px 10px 20px;
	margin-bottom:10px;
	display: block;
	/* box-shadow */
box-shadow:0px;
	border: solid 1px #999;
}
.form_wrap .submit_btn:hover {
	opacity: 0.8;
}
.submit_btn {
	display:block;
	width: 100%;
	height:auto;
	line-height:1.6;
	padding:30px;
	color: #FFF;
	border-style:none;
	text-decoration: none;
	text-align: center;
	background-color: #395390; /*ボタン色*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:2.8rem;
	font-weight:100;
}
.submit_btn .label {
padding:0 10px;
border-radius:5px;
margin-left:-50px;
margin-right:10px;
border:2px solid #00B8EE;
color:#00B8EE;
font-size:2.2rem;
}
.sb_inner {
	position:relative;
}
.sb_inner:after {
display: block;
content: "";
position: absolute;
top: 0;
bottom:0;
margin:auto;
right: -50px;
width: 18px;
height: 18px;
border-top: solid 3px #00B8EE;
border-right: solid 3px #00B8EE;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
		}
.submit_btn:hover {
	opacity: 0.8;
}
.attention {
	width:840px;
	margin:0 auto 30px;
}
.attention ul {
	text-align:left;
}
.attention ul li {
	margin:0 0 2px 10px;
	text-indent: -15px;
	font-size:1.4rem;
}
.mailform .inner p.anchor {
padding:0 0 15px;
text-align:right;
font-size:1.6rem;
}
.anchor a {
color:#00B8EE;
text-decoration:underline;
}
.anchor a:hover {
text-decoration:none;
}

@media screen and (max-width: 979px) {
.form_wrap {
	width:90%;
	margin:0 auto;
}
.attention {
	width:90%;
	margin:0 auto 30px;
}
}
@media screen and (max-width: 767px) {

.mailform_inner h1 br {
display:none;
}
.form_wrap {
 width:auto;
 margin:0 auto;
}
.pub_form dt {
 width: 100%;
 float:none;
}
.pub_form dd {
 width: 100%;
 clear:both;
 display: block;
 margin: 0 0 20px;
}
.appli {
 width: 100%;
 margin:0 auto;
}
.submit_btn {
 display:block;
 width: 100%;
 height:auto;
 line-height:1.6;
 padding:25px;
 font-size:2.2rem;
 font-weight:bold;
}
.attention ul li {
 font-size:1.3rem;
}
}
@media screen and (max-width: 550px) {
.mailform br {
display:none;
}
.submit_btn {
border-radius:50px;
}
.submit_btn .label {
margin:0 5px 0 0;
padding:5px;
border-radius:0;
border:1px solid #00B8EE;
color:#00B8EE;
font-size:1.6rem;
}
.form_inner form {
padding:0 0 20px;
}
.pub_form dt {
width:100%;
font-size:2.0rem;
margin-bottom:10px;
}
.pub_form dd {
 margin: 0 0 20px;
}
.fbox {
	height: 50px;
	width: 100%;
	font-size:1.5rem;
	padding:5px;
	display: block;
	margin-bottom:10px;
}
.submit_btn {
 display:block;
 width: 100%;
 height:auto;
 line-height:1.0;
 padding:30px;
 font-size:2.0rem;
 font-weight:bold;
}
.sb_inner:after {
display: block;
content: "";
position: absolute;
top: 0;
bottom:0;
margin:auto;
right:-20px;
width: 18px;
height: 18px;
border-top: solid 3px #00B8EE;
border-right: solid 3px #00B8EE;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
		}
.attention {
	margin:0 auto;
}
.attention ul li {
 margin:0 0 2px 15px;
 text-indent: -15px;
 font-size:1.3rem;
 line-height:1.4;
}
}
@media screen and (max-width:479px) {
.submit_btn {
 display:block;
 width: 100%;
 height:auto;
 line-height:1.0;
 padding:20px;
 font-size:1.8rem;
 font-weight:bold;
border-radius: 70px;
}
.sb_inner:after {
display: block;
width:50%;
content: "";
position: static;
margin:0 auto;
width: 18px;
height: 18px;
border-top: solid 3px #00B8EE;
border-right: solid 3px #00B8EE;
-webkit-transform: rotate(135deg);
        transform: rotate(135deg);
		}
.submit_btn .label {
display:block;
width:50%;
margin:0 auto 10px;
padding:5px;
border-radius:0;
border:1px solid #00B8EE;
color:#00B8EE;
font-size:1.6rem;
}
}
@media screen and (max-width:375px) {
.mailform_wrap {
 padding: 0 0 20px;
}
.pub_form dt {
 font-size: 1.8rem;
 margin-bottom: 10px;
}
}
@media screen and (max-width:320px) {
.mailform_inner h1 {
 font-size:1.7rem;
padding: 20px 10px;
}
.submit_btn {
 display:block;
 width: 100%;
 height:auto;
 line-height:1.0;
 padding:20px;
 font-size:1.6rem;
 font-weight:bold;
border-radius: 50px;
}
}


/*==========================================
 movie
===========================================*/
.movie {
padding-top:260px;
padding-bottom:120px;
}
section.movie h1 span.ttl_en {
        color: #06B6F1;
}
section.movie h1 span.ttl_sub {
        color: #06B6F1;
}
section.movie h1 span.ttl_sub:before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 40px;
        height: 1px;
        background-color: #06B6F1;
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
}
section.movie h1 span.ttl_sub:after {
        background-color: #06B6F1;
}
.movie_thumb {
text-align:center;
padding-top:20px;
}
.movie p {
color:#fff;
font-size:2.4rem;
}
.label {
display:inline-block;
border:1px solid #06B6F1;
border-radius:1px;
padding:1px 40px;
text-align:center;
font-size:2.0rem;
}

@media screen and (max-width: 767px) {
.movie {
padding-top:0;
padding-bottom:60px;
}

}
@media screen and (max-width: 479px) {
}
@media screen and (max-width:375px) {
}

/*==========================================
 howtouse
===========================================*/
.howtouse_thumb {
text-align:center;
padding:30px 0;
}
section.howtouse p {
color: #193064;
}
section.howtouse ol {
width:720px;
margin:0 auto 30px;
}
section.howtouse ol li {
background:#E1EAEF;
padding:8px 8px 10px 55px;
margin-bottom:10px;
text-align:left;
font-size:2.2rem;
        color: #06B6F1;
position: relative;
counter-increment: my-counter;
}
section.howtouse ol li:before {
  content: counter(my-counter);
  background-color: #06B6F1;
  color: #fff;
  display: block;
  float: left;
  line-height: 40px;
  margin-left: -40px;
  margin-right:10px;
  text-align: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
.howtouse {
padding-bottom:180px;
}
section.howtouse ol {
width:100%;
margin:0 auto 30px;
}
section.howtouse ol li {
padding:8px 8px 10px 45px;
font-size:1.8rem;
}
section.howtouse ol li:before {
  content: counter(my-counter);
  background-color: #06B6F1;
  color: #fff;
  display: block;
  float: left;
  line-height: 30px;
  margin-left: -30px;
  margin-right:10px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

}
@media screen and (max-width: 479px) {
section.howtouse ol li br {
display:none;
}
}
@media screen and (max-width:375px) {
}

/*==========================================
 profile
===========================================*/
.profile {
padding-top:280px;
}
.profile h1 {
position:relative;
height:140px;
}

.profile_ttl {
display:block;
width:500px;
position:absolute;
right:-70px;
}
.profile_wrap {
width:1200px;
margin:0 auto;
	}
.profile_inner {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:end;
    -moz-box-pack:end;
    -webkit-flex-pack:end;
    -moz-flex-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    -moz-justify-content:flex-end;
    justify-content:flex-end;
}
.profile_box {
	width:880px;
	position:relative;
}
.profile_box:before {
content:"";
width:510px;
height:864px;
background: url(../../images/kojiro.png) no-repeat;
position:absolute;
left:-530px;
top:-50px;
}
.profile_box {
	/*background: url(../../images/wrap04.png) repeat;*/
}
.profile_box h2 {
	text-align:left;
	font-size:2.4rem;
	padding-top:40px;
	padding-bottom:20px;
	color:#fff;
}
section.profile .profile_box p {
	color:#fff;
	font-size:1.8rem;
	text-align:left;
	padding:0 0 20px;
}
.pfontP {
color:#d64dba;
}
@media screen and (max-width: 1199px) {
.profile_ttl {
display:block;
width:500px;
position:absolute;
right:10px;
}
.profile_wrap {
width:100%;
margin:0 auto;
}
.profile_box {
	width:66%;
	position:relative;
	padding-right:15px;
}
.profile_box br {
display:none;
}
}
@media screen and (max-width: 1199px) {
}
 @media screen and (max-width: 767px) {
.profile {
padding-top:0;
}
.profile h1 {
position: static;
height:140px;
}

.profile_ttl {
display:block;
width:500px;
position: static;
}
.profile_wrap {
}
.profile_inner {
width:90%;
margin:0 auto;
padding-top:60px;
}
.profile_box h2 {
        text-align: left;
        font-size: 2.4rem;
        padding-top: 0;
        padding-bottom: 20px;
        color: #fff;
}
.profile_box {
	width:90%;
	margin:0 auto;
	position:relative;
}
.profile_box:before {
content:"";
display:block;
width:373px;
height:567px;
background: url(../../images/kojiro_sp.png) no-repeat;
	margin:0 auto;
	position: inherit;
	left:inherit;
}
.profile_wrap {
	position:relative;
}
.profile_wrap:after {
content:"";
display:block;
width:100%;
height:400px;
background: url(../../images/bg03_tb_bt.png) no-repeat;
	position: absolute;
	left:0;
}

}
@media screen and (max-width: 479px) {

.profile_box h2 {
 font-size:2.2rem;
}
section.profile .profile_box p {
	font-size:1.6rem;
}
}
@media screen and (max-width:375px) {
.profile_inner {
 padding-top: 30px;
}
.profile_box {
 margin: 0 auto 30px;
}
.profile_box h2 {
 font-size:2.0rem;
 padding:30px 0 20px;
}
.profile_box p {
 font-size: 1.4rem;
}
}


.profile_box dl {
font-size: 1.6rem;
padding:20px 0;
text-align: left;
color:#fff;
}
.profile_box dl dt{
margin:0 0 15px 0;
text-align:center;
background:#263D71;
}
.profile_box dl dd{
line-height:1.6;
}

@media screen and (max-width: 1080px) {
.profile_box dl {
font-size: 1.6rem;
padding:0 0 20px 0;
text-align: left;
color:#fff;
}
.profile_box dl dt{
line-height:1.4;
}
}

@media screen and (max-width: 767px) {

.profile_box dl {
 font-size: 1.6rem;
 line-height: 1.8;
}
}
@media screen and (max-width: 479px) {
.profile_box dl {
 font-size: 1.4rem;
 line-height: 1.8;
 padding:30px 0 10px 0;
 text-align: left;
}
.profile_box dl dt{
margin:0 0 10px 0;
text-align:center;
}
}



/*==========================================
 indicator
===========================================*/
.indicato_wrap {
padding-top:180px;
}
.indicator_box {
margin:60px 0 100px;
        position: relative;
}
.indicato_wrap .indicator_box:last-child {
margin:60px 0 0;
}
.indicator_inner {
background:#EFEFEF;
padding:90px 50px 50px;
overflow:hidden;
}
section.profile .indicator_box h2 {
        line-height: 1.4;
}
.indicator_box h2 {
margin-bottom:30px;
padding-left:100px;
font-size:3.2rem;
}
.indicator_box h2 .sub {
	font-size: 1.9rem;
	display:block;
	text-align:center;
	margin-bottom:10px;
}
.indicator_box.macd h2 .sub {
	font-size: 2.0rem;
}
.indicator_box h2 span.ttl_sub {
        position: relative;
        display: inline-block;
        padding: 0 80px;
}
.indicator_box h2 span.ttl_sub:before, .indicator_box h2 span.ttl_sub:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 80px;
        height: 1px;
        background-color: #9CA4D3;
        -moz-transform: rotate(-70deg);
        -webkit-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        transform: rotate(-70deg);
}
.indicator_box h2 span.ttl_sub:before {
        left: 0;
}
.indicator_box h2 span.ttl_sub:after {
        right: 0;
}
.indicator_box p {
text-align:left;
font-size:1.8rem;
}
.indicator_icon {
display: table;
width: 180px;
height: 180px;
background:#193064;
margin: 3px 0 0 30px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
position:absolute;
top:0;
left:140px;
}
.indicator_icon_p {
display: table-cell;
vertical-align:middle;
text-align:center;
width: 180px;
height: 180px;
font-size:1.8rem;
line-height:1.4;
font-weight:100;
color:#fff;
transform: rotate(45deg);
}
.no {
display:block;
padding-top:5px;
}
.indicator_thumb {
padding:40px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-pack:distribute;
    -moz-flex-pack:distribute;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
-webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	}
.macd .indicator_thumb {
}
@media screen and (max-width: 979px) {
.indicator_box {
        margin: 60px 0 100px;
        position: static;
}
.indicator_inner {
background:#EFEFEF;
padding:40px 30px 30px;
}
.indicator_box h2 {
        margin-bottom: 30px;
        padding-left: 0;
        font-size: 3.2rem;
}
.indicator_icon {
display: block;
width: 180px;
height: 180px;
background:#193064;
margin: 0 auto;
position: relative;
left: 100px;
}
.indicator_thumb {
display:block;
text-align:center;
}
.indicator_thumb img:first-child {
margin-bottom:30px;
}
}
@media screen and (max-width: 767px) {
.indicator_box h2 {
padding-top:20px;
margin-bottom:30px;
font-size:2.8rem;
}
.indicator_box h2 .sub {
	font-size: 1.8rem;
line-height:1.2;
}
.indicator_box.macd h2 .sub {
	font-size: 1.8rem;
}
.indicator_box p {
text-align:left;
font-size:1.6rem;
}
.indicator_thumb {
padding:20px 0 0;
}
}
@media screen and (max-width: 479px) {
.indicator_box h2 {
margin-bottom:30px;
font-size:2.2rem;
}
.indicator_box h2 span.ttl_sub {
        position: relative;
        display: inline-block;
        padding: 0 60px;
}
.indicator_box h2 .sub {
	font-size: 1.6rem;
line-height:1.2;
}
.indicator_box.macd h2 .sub {
	font-size: 1.6rem;
}
}
@media screen and (max-width:375px) {
}


/*==========================================
 account
===========================================*/
.account {
padding-bottom:250px;
}
.account .wrap {
padding-top:340px;
}
section.account h1 {
color:#fff;
}

section.account h1 span.ttl_sub {
color:#fff;
font-size:2.6rem;
}
section.account h1 span.ttl_sub:before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 60px;
        height: 1px;
        background-color: #fff;
        -moz-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
}
section.account h1 span.ttl_sub:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 60px;
        height: 1px;
        background-color: #fff;
}
.account_box {
border:1px solid #839CD4;
margin:0 auto 80px;
position:relative;
}
.account_box h2 {
background:#839CD4;
padding:5px;
font-size:1.9rem;
font-weight:bold;
display:block;
width:800px;
margin:0 auto;
padding:10px;
position: relative;
top:-20px;
left:0;
right:0;
margin:auto;
}
.account_thumb {
text-align:center;
padding:0 20px 20px;
}
section.account p {
color:#fff;
}
@media screen and (max-width: 979px) {
.account_box h2 {
background:#839CD4;
padding:5px;
font-size:1.9rem;
}
.account_box h2 {
display:block;
width:95%;
margin:0 auto;
padding:10px;
position: relative;
top:-20px;
left:0;
right:0;
margin:auto;
}
}
@media screen and (max-width: 767px) {
.account {
padding-bottom:0;
}
.account .wrap {
padding-top:140px;
}
.account h1 {
padding-top: 60px;
}
section.account h1 span.ttl_sub {
color:#fff;
font-size:2.4rem;
        line-height: 1.5;
}

}
@media screen and (max-width: 640px) {
section.account h1 span.ttl_sub {
font-size:2.0rem;
}
.account_box {
        border: 1px solid #839CD4;
        margin: 0 auto 40px;
        position: relative;
}
.account_box h2 {
font-size:1.8rem;
}
}
@media screen and (max-width:479px) {
.account_box h2 {
font-size:1.6rem;
width:100%;
top:0;
margin-bottom:30px;
}
}



/*==========================================
footer
===========================================*/
footer {
	padding: 40px 0;
	text-align: center;
	background:#121619;
}
footer p {
	color: #fff;
	padding-bottom: 10px;
	font-size: 1.3rem;
	line-height: 1.6;
	padding: 0 10px 10px;
	text-align: center;
}
.footerLink {
	width:780px;
	margin: 0 auto 40px;
}
footer ul li {
	width:33%;
	display: inline;
	padding: 0;
	border-left: 1px solid #fff;
	border-right: none;
	margin-bottom: 10px;
	font-size: 1.4rem;
	text-align:center;
}
footer ul li:last-child {
	border-right: 1px solid #fff;
}
footer a {
	color: #fff;
}
footer a:link {
	color: #fff;
}
footer a:hover {
	color: #395390;
	text-decoration: none;
}
 @media screen and (max-width:767px) {
.footerLink {
width:auto;
padding:20px;
margin:0;
}
 footer p {
 padding-bottom: 10px;
 font-size: 1.2rem;
 line-height: 1.6;
 padding: 0 10px 10px;
 text-align: left;
}
 footer ul li {
 border: 1px solid #22559F;
 font-size: 1.3rem;
 text-align:center;
}
footer ul li:last-child {
	border-right: 1px solid #22559F;
}

footer a {
display:block;
padding:10px;
}
footer a:link {
 text-decoration: none;
}
.copy {
text-align:center;
}
}
/*==========================================
font
===========================================*/
.fontR, p.fontR {
	color: #FF0000;
}
.fontP, p.fontP {
color:#E5007F;
}
.fontDR, p.fontDR {
	color: #C40306;
}
.fontB, p.fontB {
	font-weight: bold;
}
.fontB110, p.fontB110 {
	font-weight: bold;
	font-size: 110%;
}
.fontB120, p.fontB120 {
	font-weight: bold;
	font-size: 120%;
}
.fontB130, p.fontB130 {
	font-weight: bold;
	font-size: 130%;
}
.fontB150, p.fontB150 {
	font-weight: bold;
	font-size: 150%;
}
.fontB180, p.fontB180 {
	font-weight: bold;
	font-size: 180%;
}
.fontU, p.fontU {
	text-decoration: underline;
}
.fontS, p.fontS {
	font-size: 85%;
	color: #333;
}
.fontSS, p.fontSS {
	font-size: 80%;
	color: #333;
}
.fontBl, p.fontBl {
	color:#33CCFF;
}
.fontY, p.fontY {
	color: #FFFF00;
}
.fontU {
	text-decoration:underline;
}
.fontBG {
	border:1px solid #CCCCCC;
	padding: 10px;
}
.txtC, p.txtC {
	text-align:center;
}
.txtR, p.txtR {
	text-align:right;
}
.imgC, p.imgC {
	text-align:center;
	line-height: 0;
	padding:0 0 30px;
}
.imgR, p.imgR {
	float:right;
	margin-left: 10px;
	margin-right:-50px;
}
@media screen and (max-width:640px) {
.imgR, p.imgR {
 float:none;
 width:80%;
 margin:0 auto;
 padding:10px 0 20px;
 display:block;
}
}