@charset "UTF-8";
@font-face { font-family: "fontawesome-webfont"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@import url('https://fonts.googleapis.com/css?family=Gothic+A1');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,800&display=swap');

section * {font-weight: normal;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-box-sizing: border-box;box-sizing: border-box;}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; vertical-align: baseline; background: transparent; box-sizing: border-box; border: none;}


body section {font-size: 22px;line-height: 170%;color: #3A566F;background: #FFF;text-align: center;position: relative;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;text-rendering:auto;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings: "palt";font-feature-settings: "palt";text-rendering: auto;-webkit-font-smoothing: antialiased;}
section a,section article,section aside,section canvas,section details,section figcaption,section figure,section header,section footer,section main,section menu,section nav,section section,section summary { display: block;}
em { text-decoration: underline;}
strong { font-weight: bold;}
table { border-spacing: 0; border-collapse: collapse;}
ul,li{ list-style: none;}
a { color: #585856; text-decoration: none; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease;}
a:hover { opacity: 0.8;}


@media screen and (max-width: 780px) {
#commonKeyVisual .inner { background-color: #0f0; }
}
/* End @media  */

/* keyVisual1
---------------------------------*/
#keyVisual1 { background: #592589 url("../img/index/bg_keyvisual_triauto_2.png") no-repeat top center; }
#KeyVisualrangefocus{ background: url("../img/index/bg_keyvisual_rangefocus_back.png") no-repeat top center; }
#KeyVisual170314{ background: url("../img/index/bg_keyvisual_triauto0314_back.png") no-repeat top center; }
#KeyVisual1807{ background: url("../img/index/bg_keyvisual_triauto0707_back.jpg") no-repeat top center; }
#KeyVisual1811{ background: url("../img/index/bg_keyvisual_tafx_select_back.png") no-repeat top center; }
#KeyVisual2{ background: url("/etf/img/index/bnr_keyvisual_autoselect_builder_back.png") no-repeat top center; }
#KeyVisual3 { background: url("../img/index/bnr_keyvisual_tryjpy_1909_back.png") no-repeat top center;}
#KeyVisual4 { background: url("../img/index/bnr_keyvisual_autoselect_try_back.png") no-repeat top center;}
#KeyVisual_tafx { background: url("../img/index/bnr_keyvisual_tafx_gosmart_4_back.png") no-repeat top center;}
/* #KeyVisual_tafx { background: url("../img/index/bnr_keyvisual_tafx_gbpjpy_back.png") no-repeat top center;} */
/*----------------------------------------------*/
/* import iframe
/*----------------------------------------------*/
.demo_flame,
.nanimono_edge {
border: none;
overflow:auto;
}

/*----------------------------------------------*/
/* wrapBannerBox
/*----------------------------------------------*/
.wrapBannerBox {
overflow: hidden;
border: 3px solid #40005f;
border-radius: 8px;
}
.wrapBannerBox .wrapName { display: block; }
.wrapBannerBox .wrapName img { vertical-align: top; }
.wrapBannerBox .bnrList {
margin: 0 1em 1em;
padding-left: 0;
}
.wrapBannerBox .bnr:hover img { opacity: 0.5; }
.wrapBannerBox .bnrList li {
display: inline-block;
width: 50%;
text-align: center;
margin-top: 1em;
}

.wrapBannerBox .bnrList li img { vertical-align: top; }
.wrapBannerBox .bnrList a {
display: block;
}
.wrapBannerBox .bnrList a img {
opacity: 1;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
/*.wrapBannerBox .bnrList a:hover img { opacity: 1; } */
.wrapBannerBox .bnrList .bnr1 a,
.wrapBannerBox .bnrList .bnr3 a { margin-right: 0.5em; }
.wrapBannerBox .bnrList .bnr2 a,
.wrapBannerBox .bnrList .bnr4 a { margin-left: 0.5em; }

#new_contents{
      zoom: 70%;
}
@media all and (-ms-high-contrast: none) {
  #new_contents{
    width: 143%;
  }
}
@media screen and ( max-width:640px ){
.floatBoxRe .spFloat{
float:none;
margin-left:0;
text-align:center;
}

.demo_flame,
.nanimono_edge {
overflow:scroll;
}

#new_contents{
      zoom: 100%;
      width: 100%;
}

}

/*----------------------------------------------*/
/* icon
/*----------------------------------------------*/
.icoKey {
background: url("../img/index/ico_key.png") no-repeat 0 0;
width: 33px;
height: 33px;
display: inline-block;
vertical-align: middle;
}
/*----------------------------------------------*/
/* recommendedBox
/*----------------------------------------------*/
.recommendedBox .colDx1 {
width: 33.33%;
margin-top: 0;
}
.recommendedBox .colDx1 p {
overflow: hidden;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.recommendedBox .colDx1 { width: 50%; }
}
/* End @media  */

.recommendPoint {
border-radius: 25px;
width: 50px;
padding: 18px 0;
text-align: center;
display: inline-block;
vertical-align: middle;
color: #FFF;
font-size: 12px;
line-height: 1em;
float: left;
margin-right: 10px;
}
.case1 .recommendPoint { background-color: #F29600; }
.case2 .recommendPoint { background-color: #3AA29F; }
.case3 .recommendPoint { background-color: #E3617F; }
.case4 .recommendPoint { background-color: #2497B7; }
.case5 .recommendPoint { background-color: #D7468D; }
.case6 .recommendPoint { background-color: #F27C00; }
.case7 .recommendPoint { background-color: #E95513; }
.case8 .recommendPoint { background-color: #036EB7; }

/*----------20140523inva----------------*/

.imghoverbox .bnr:hover img { opacity: 0.5; }


/*----------20160208 inva----------------*/

#about .wrapper{
  width: 100%;
}
#about .clear{
  clear: both;
}
#about p{
  font-size: 12px;
  line-height: 18px;
  color: #222222;
}
#about h2,h3{
  color: #222222;
}

/*3�‚̃|�C���g*/
#about .point_wrap{
  width: 100%;
}
#about .point_sub_title{
  font-size: 22px;
  color: #222222;
  text-align: center;
  padding-top: 60px;
  letter-spacing: 4px;
  width: 93%;
  margin: 0 auto;
}
#about .point_title{
  font-size: 36px;
  color: #222222;
  text-align: center;
  letter-spacing: 3px;
  width: 100%;
  margin: 0 auto;
}
#about .gray_bar{
  background-color: #cccccc;
  width: 124px;
  height: 2px;
  margin: 0 auto;
  margin-top: 15px;
}
#about .point_box{
  margin: 0 auto;
  display: block;
  width: 90%;
  max-width: 900px;
  margin-top: 50px;
}
#about .point_box h2{
  font-size: 20px;
  text-align: center;
  margin-top: 27px;
  font-weight: bold;
}
#about .point_box p{
  width: 80%;
  margin: 0 auto;
  margin-top: 13px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
#about .point_box img{
  width: 90%;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
}
#about #point_1_box{
  width: 32%;
  float: left;
  margin-right: 2%;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  height: 480px;
  cursor: pointer;
}
#about #point_2_box{
  width: 32%;
  float: left;
  margin-right: 2%;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  height: 480px;
  cursor: pointer;
}
#about #point_3_box{
  width: 32%;
  float: left;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  height: 480px;
  cursor: pointer;
}
#about #point_1_box:hover{
  box-shadow: 0 0 0 13px #f6f6f6 inset;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#about #point_2_box:hover{
  box-shadow: 0 0 0 13px #f6f6f6 inset;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#about #point_3_box:hover{
  box-shadow: 0 0 0 13px #f6f6f6 inset;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*----------�lj�2016Nov----------------*/
#about .point_box2{
  margin: 0 auto;
  display: block;
  width: 90%;
  max-width: 595px;
  margin-top: 50px;
}
#about .point_box2 h2{
  font-size: 20px;
  text-align: center;
  margin-top: 27px;
  font-weight: bold;
}
#about .point_box2 p{
  width: 80%;
  margin: 0 auto;
  margin-top: 13px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
#about .point_box2 img{
  width: 90%;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
}
#about #point_4_box{
  width: 48%;
  float: left;
  margin-right: 2%;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  height: 480px;
  cursor: pointer;
}
#about #point_5_box{
  width: 48%;
  float: left;
  margin-right: 2%;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  height: 480px;
  cursor: pointer;
}

#about #point_4_box:hover{
  box-shadow: 0 0 0 13px #f6f6f6 inset;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#about #point_5_box:hover{
  box-shadow: 0 0 0 13px #f6f6f6 inset;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*----------�lj�2016Nov----------------*/
#about .point_caption{
  width: 90%;
  max-width: 900px;
  margin: 20px auto;
}
#about .point_caption p{
  font-size: 12px;
  line-height: 18px;
}
#about .point_box_sp{
  display: none;
}
#about slidein {
  animation-duration: 3s;
  animation-name: slidein;
}
#about .slidein { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }

#about .slidein { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100);-webkit-animation: slideIn 0.5s linear; -moz-animation: slideIn 0.5s linear; -ms-animation: slideIn 0.5s linear;animation: slideIn 0.5s linear;}

@-webkit-keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-left: -20px; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-left: 0; } }
@-moz-keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-left: -20px; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-left: 0; } }
@-ms-keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-left: -20px; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-left: 0; } }
@keyframes slideIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); margin-left: -20px; }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); margin-left: 0; } }


/*�ƊE�ŋ������X�v���b�h*/
#about .spread_wrap{
  width: 90%;
  margin: 0 auto;
}
#about .title_img_1{
  height: 170px;
  width: 100%;
  margin-top: 100px;
  background: url("/triauto/img/index/new/back_1.png") no-repeat fixed;
  background-size: cover;
  position: relative;
 /* z-index: -9;*/
}
#about .logo_back_img{
  width: 120px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 36px;
  left: 45%;
  z-index: -10;
}
#about .main_title{
  font-size: 32px;
  letter-spacing: 4px;
  color: #fff;
  text-align: center;
  padding-top: 60px;
  z-index: 10;
}
#about .sub_title{
  font-size: 22px;
  color: #fff;
  text-align: center;
  z-index: 10;
}
#about .currency_img{
  max-width: 1024px;
  width: 90%;
  margin: 20px auto;
  display: block;
}
#about .pair_img_box{
  width: 93%;
  margin: 0 auto;
  margin-top: 30px;
}
#about .currency_img_1{
  width: 59%;
  float: left;
  margin-right: 2%;
}

#about .currency_img_2{
  width: 39%;
  float: left;
}
#about .pair_box{
  max-width: 1024px;
  width: 100%;
  margin: 40px auto;
  border: solid 1px #0a0a0a;
  overflow: hidden;
}
#about .black_title{
  width: 100%;
  padding: 20px 0;
  background-color: #0a0a0a;
  color: #fff;
  font-size: 19px;
  text-align: center;
  margin-top:0;
}
#about .small_font{
  font-size: 15px;
}
#about .pair_text_box{
  width: 93%;
  margin: 20px auto;
}
#about .pair_text_box p{
  font-size: 12px;
  line-height: 18px;
}
#about .all_pair_open{
  width: 400px;
  height: 55px;
  background-color: #000;
  border-radius: 5px;
  margin: 40px auto;
  position: relative;
}
#about .pair_open{
  color: #fff;
  text-align: center;
  padding: 17px;
  background-color: #000;
  width: 40%;
  margin: 40px auto;
  border-radius: 6px;
  font-size: 1em;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#about .pair_open:hover{
  opacity: 0.7;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;

}
#about .open_mark_img{
  width: 15px;
  position: absolute;
  top: 20px;
  right: 10px;
}
#about .pair_text{
  font-size: 16px;
}
#about .money_swap_wrap{
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
#about .money_box{
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  border: solid 1px #0a0a0a;
  overflow: hidden;
  float: left;
}
#about .money_box img{
  width: 90%;
  margin: 20px auto;
  display: block;
}


/*�I�[�g�p�C���b�g����*/
#about .title_img_2{
  height: 170px;
  width: 100%;
  margin-top: 100px;
  background: url("/triauto/img/index/new/back_2.png") no-repeat fixed;
  background-size: cover;
  position: relative;
  /*z-index: -9;*/
}
#about .title_img_2 h1{
  padding-top: 40px;
}
#about .blue_back{
  width: 100%;
  background-color: #ece4f2;
  padding: 23px 0;
  text-align: center;
}
#about .blue_back h3, #about .blue_back p{
  color: #a757c1;
}
#about .blue_back h3{
  padding-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}
#about .blue_back p{
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
#about .auto_wrap{
  width: 90%;
  margin: 40px auto;
}
#about .auto_1_box{
  max-width: 1024px;
  width: 47%;
  margin: 0 auto;
  overflow: hidden;
  float: left;
}
#about .plus_box{
  float: left;
  width: 6%;
  margin: 0 auto;
  text-align: center;
  margin-top: 13%;
}
#about .plus_box img{
  width: 50%;
  margin-top: 13%;
}
#about .auto_2_box{
  max-width: 1024px;
  width: 47%;
  margin-left: auto;
  overflow: hidden;
  float: left;
}
#about .auto_1_box img,#about .auto_2_box img{
  width: 100%;
}

#about .auto_graph_box{
  width: 100%;
  max-width: 1024px;
  margin: 0 auto !important;
}
#about .logic_text_box{
  width: 100%;
  margin: 40px auto;
  text-align: center;
}
#about .logic_text_box h3{
  font-size: 22px;
}
#about .logic_text_box h2{
  font-size: 36px;
}
#about .logic_text_box img{
  width: 42px;
  margin-top: 10px;
}


/*�����������W�b�N����ǔ�*/
#about .logic_box{
  max-width: 1024px;
  width: 100%;
  margin: 60px auto;
  /*border: solid 1px #a757c1;*/
  overflow: hidden;
}
#about .blue_title{
  width: 100%;
  padding: 20px 0;
  background-color: #a757c1;
  color: #fff;
  font-size: 22px;
  text-align: center;
}
#about .blue_title h3{
  font-size: 15px;
  color: #fff;
}
#about .blue_title h2{
  font-size: 22px;
  color: #fff;
}
#about .graph_wrap{
  width: 95%;
  margin: 20px auto;
}
#about .graph_1_box{
  /*float: left;*/
  width: 80%;
  /*margin-right: 4%*/
  margin:0 auto;
}
#about .graph_2_box{
  width: 100%;
  /*margin-left: auto;*/
}

#about .graph_1_box h2{
  font-size: 26px;
  color: #a757c1;
  line-height: 40px;
  margin-bottom: 10px;
  text-align:center;
  /*margin-top: 5%;
  padding-top: 2%;*/
}

#about .graph_2_box p{
  font-size: 14px;
  line-height: 28px;
  text-align:center;
}
/*#about .graph_2_box h2{
  font-size: 26px;
  color: #a757c1;
  line-height: 40px;
  margin-bottom: 33px;
  margin-top: 5%;
  padding-top: 9%;
}*/
#about .graph_img_1_bg{
  width: 90%;
  padding:5%;
  background:url("../img/video_bg.png") no-repeat center center;
  color:#fff;
}

#about .graph_img_1{
  width: 100%;
}
#about .graph_img_2{
  width: 100%;
}


/*�I�[�g�p�C���b�g�����}�[�N�A�b�v�@�e�[�u��*/
#about .ap_table_title{
  text-align: center;
  font-size: 15px;

  font-weight: bold;
  color: #222222;
  margin-bottom: 30px;
}
#about .ap_table{
  width: 100%;
  font-size: 14px;
  max-width: 1024px;
  table-layout: fixed;
  margin: 0 auto;
}
#about .table_gray{
  padding: 10px 0;
  background-color: #e6e6e6;
  border: solid 1px #cccccc;
  vertical-align: middle;
}
#about .table_gray_2{
  padding: 10px 0;
  background-color: #eeeeee;
  border: solid 1px #cccccc;
  vertical-align: middle;
}
#about .table_white{
  padding: 10px 0;
  padding-left: 2%;
  border: 1px solid #cccccc;
}
#about .table_caption{
  margin: 0 auto;
  margin-top: 20px;
  max-width: 1024px;
  width: 100%;
}

#about .spread_table{
  width: 85%;
  margin: 0 auto;
}
#about .itemList{
  font-size: 12px;
}
#about .alignC th, .alignC td{
  border: solid 1px #cccccc;
}
#about thead{
  background-color: #e6e6e6;
}
#about .alignC th{
  vertical-align: middle;
  padding: 13px 0;
  font-size: 0.9em;
}
#about .alignC td{
  vertical-align: middle;
  padding: 7px 0;
  font-size: 0.9em;
  text-align: center;
  width: 25%;
}
#about .txtRed{
  color: #ff4136;
}
#about .txtBold{
  font-weight: bold;
}
/*----------�lj�2016Nov----------------*/

/*�����W�ǔ�*/
.p-range-txt01 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #a757c1;
    padding: 20px 0;
    line-height: 1.2;
}
.p-range-img02_sp {
	display: none;
}
.p-range-notice01 {
	text-align: right;
    padding-top: 5px;
}
.p-range-box {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 900px;
    padding-top: 25px;
}
.p-range-left {
  width: 41%;
  float: left;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  padding: 3%;
  height: auto;
}
.p-range-left img {
  width: 100%;
}
.p-range-right {
  width: 41%;
  float: right;
  box-shadow: 0 0 0 7px #f3f3f3 inset;
  padding: 3%;
  height: auto;
}
.p-range-right img {
  width: 100%;
}
.p-range-box-txt{
  font-size: 18px;
  text-align: center;
  color: #022222;
  font-weight: bold;
  margin-bottom: 25px;
}
#about .p-range-box-txt02 {
  font-size: 14px;
  color: #022222;
  line-height: 1.8;
  padding-top: 25px;
}
/*----------�lj�2016Nov----------------*/

/*�d�|�������L���O*/
#about .title_img_3{
  height: 170px;
  width: 100%;
  margin-top: 100px;
  background: url("/triauto/img/index/new/back_3.png") no-repeat fixed;
  background-size: cover;
  position: relative;
  /*z-index: -9;*/
}
#about .title_img_3 h1{
  padding-top: 40px;
}
#about .ranking_wrap{
  width: 90%;
  max-width: 1024px;
  margin: 40px auto;
}
#about .ranking_img_box{
  width: 54%;
  float: left;
  margin-left: -36px;
  margin-top: 38px;
}
#about .ranking_img_1{
  width: 95%;
}
#about .ranking_img_box img{
  width: 100%;
}
#about .ranking_text_box{
  margin-left: auto;
  width: 46%;
  padding-top: 2%;
  max-width: 400px;
}
#about .ranking_text_box h2{
  font-size: 26px;
  color: #a757c1;
  line-height: 40px;
  margin-bottom: 17px;
}
#about .ranking_text_box p{
  font-size: 14px;
  line-height: 25px;
}
#about .logic_img{
  width: 96%;
  border: 1px solid #a757c1;
  margin-top: 25px;
}
#about .logic_img img{
  width: 90%;
  margin: 0 auto;
  padding: 17px 16px;
}
#about .logic_img p{
  font-size: 12px;
  line-height: 18px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 13px;
}


/*FX�̃v���B*/
#about .pro_wrap{
  width: 100%;
  background-color: #999999;
  padding: 30px 0;
  background: url("/triauto/img/index/new/back_support.png") no-repeat fixed;
  background-size: cover;
}
#about .pro_box{
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
}
#about .pro_title{
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
  letter-spacing: 1px;
}
#about .pro_box p{
  font-size: 9px;
  color: #bcbcbc;
  letter-spacing: -1px;
  text-align: center;
}
#about .pro_box h2{
  font: 12px;
  color: #fff;
}
#about .name_bar{
  width: 24%;
  height: 2px;
  background-color: #fff;
  margin: 7px auto;
}
#about .pro_left,.pro_right{
  float: left;
  width: 50%;
}
#about .kawai_box, #about .mizukami_box, #about .bakaramura_box, #about .yamaguchi_box{
  float: left;
  width: 40%;
  margin: 0 5%;
  text-align: center;
}
#about .pro_wrap img{
  width: 70%;
}


/*�L�x�ŏ_��Ȏ�������*/
#about .property_wrap{
  max-width: 1024px;
  width: 100%;
  margin: 40px auto;
}
#about .property_box{
  width: 90%;
  margin: 0 auto;
}
#about .property_img_box{
  float: left;
  width: 40%;
}
#about .property_img_box img{
  width: 100%;
}
#about .property_text_box{
  width: 55%;
  margin-left: auto;
}
#about .property_text_box h2{
  font-size: 20px;
  margin-bottom: 10px;
}



/*�X�}�z��PC��g�������c�[��*/
#about .title_img_4{
  height: 170px;
  width: 100%;
  margin-top: 100px;
  background: url("/triauto/img/index/new/back_4.png") no-repeat fixed;
  background-size: cover;
  position: relative;
  /*z-index: -9;*/
}
#about .sp_pc_wrap{
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
#about .sp_pc_box{
  width: 100%;
  margin: 0 auto;
}
#about .sp_img_box{
  width: 50%;
  float: left;
  background-color: #f2f2f2;
  padding: 40px 0;
}
#about .sp_img{
  width: 90%;
  margin: 0 auto;
  display: block;
  max-width: 460px;
  margin-right: 5%;
}
#about .pc_img{
  width: 90%;
  margin: 0 auto;
  display: block;
  max-width: 460px;
  margin-left: 5%;
}
#about .sp_img_sp{
  display: none;
}
#about .pc_img_sp {
  display: none;
}
#about .pc_img_box{
  width: 50%;
  float: left;
  background-color: #292929;
  padding: 40px 0;
}



/*�T�|�[�g���������*/
#about .support_wrap{
  width: 100%;
  background-color: #ece4f2;
  padding: 40px 0 5px 0;
}
#about .title_img_5{
  height: 170px;
  width: 100%;
  margin-top: 100px;
  background: url("/triauto/img/index/new/back_6.png") no-repeat fixed;
  background-size: cover;
  position: relative;
  /*z-index: -9;*/
}
#about .support_box{
  max-width: 1024px;
  width: 90%;
  margin: 20px auto;
}
#about .support_box h2{
  text-align: center;
  font-size: 26px;
  color: #a757c1;
  margin-bottom: 50px;
}
#about .hp_box{
  width: 45%;
  float: left;
}
#about .report_box{
  width: 45%;
  margin-left: auto;
}
#about .support_box img{
  width: 100%;
}
#about .support_box h3{
  text-align: center;
  background-color: #a757c1;
  padding: 7px 30px;
  color: #fff;
  width: 130px;
  margin: 0 auto;
  font-size: 14px;
}
#about .support_box p{
  width: 90%;
  margin: 0 auto;
}



/*Web�Z�~�i�[��A���Ѓf�����[���Z�~�i�[��J��*/
#about .seminar_wrap{
  width: 100%;
  background-color: #ece4f2;
}
#about .seminar_box{
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
  padding: 5px 0;
}
#about .seminar_box h2{
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
}
#about .seminar_box p{
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}


/*���₢���킹*/
#about .contact_wrap{
  width: 100%;
  background-color: #000;
  padding: 40px 0;
}
#about .contact_box{
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
}
#about .contact_box h3{
  font-size: 20px;
  color: #fff;
}
#about .contact_box a{
  text-decoration: none;
  color: #a757c1 !important;
  font-size: 1.8em;
}
#about .form{
  font-size: 14px !important;
}
#about .tel_wrap{
  float: left;
  width: 50%;
  margin-top:-21px;
}
#about .tel_box{
  width: 90%;
  margin: 0 auto;
}
#about .mail_wrap{
  margin-left: auto;
  width: 50%;
}
#about .mail_box{
  width: 90%;
  margin: 0 auto;
}
#about .mail_img_box{
  float: left;
  width: 15%;
  padding-right: 5%;
}
#about .contact_box img{
  width: 100%;
}
#about .tel_img_box{
  float: left;
  width: 15%;
  padding-right: 5%;
}
#about .tel_text_box{
  width: 80%;
  margin-left: auto;
}
#about .mail_text_box{
  width: 80%;
  margin-left: auto;
}


/*����ƃC�����@�X�g�ň��S�Ȏ����*/
#about .title_wrap{
  width: 100%;
  background-color: #eeeeee;
}
#about .title_wrap img{
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: block;
  background-color: white;
}
#about .invast_box{
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}

#about .invast_logo{
  width: 280px;
  margin: 0 auto;
  display: block;
  margin-top: 50px;
}

#about .orange_bar{
  background-color: #ff4b1e;
  width: 90px;
  height: 4px;
  margin: 25px auto;
}
#about .invast_text_box p{
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  color: #ff4b1e;
}

#about .invast_text_box02 p{
  text-align: left;
  font-size: 12px;
  color: #ff4b1e;
}

#about .invast_text_box{
  margin-top: 30px;
}

#about .invast_text_box02{
  margin:30px auto 40px auto;
}
/*#about .invast_img_box{
  margin-bottom: 40px;
}*/
#about .invast_img_box img{
  width: 100%;
  margin: 40px auto;
}
#about .invast_img_sp_box{
  display: none;
}



/*���q�l���炨�a���肵�����Y��*/
#about .storage_wrap{
  width: 100%;
  background-color: #373737;
  padding: 50px 0;
}
#about .storage_box{
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#about .storage_pc{
  width: 100%;
  margin-bottom: 30px;
}
#about .storage_sp{
  display: none;
}
#about .storage_box p{
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
}

/*�����A�Ƃ���������24���ԑ�������”\*/
#about .night_wrap{
  width: 100%;
  padding: 40px 0;
  padding-bottom: 80px;
}
#about .night_box_pc{
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
}
#about .night_box_pc img{
  width: 100%;
}
#about .night_box_sp{
  display: none;
}


/*�ŒZ1�c�Ɠ��ł�����”\*/
#about .step_wrap{
  width: 100%;
}
#about .step_box{
  width: 95%;
  max-width: 900px;
  margin: 50px auto;
}
#about .step_pc_img{
  width: 100%;
}
#about .step_sp_img{
  display: none;
}

@media screen and (max-width: 768px) {
/* 768px�܂ł̕��̏ꍇ�ɓK������� */

    /*�R�‚̃|�C���g*/
    #about .point_box a{
      display: none;
    }
    #about .point_box_sp{
      display: block;
      width: 90%;
      margin: 0 auto;
    }
    #about .point_box_sp img{
      box-shadow: 0 0 0 5px #f3f3f3 inset;
      width: 100%;
      margin-top: 2px;
      padding: 8px 0;
    }
/*----------�lj�2016Nov----------------*/
    /*�R�‚̃|�C���g*/
    #about .point_box2 a{
      display: none;
    }
/*----------�lj�2016Nov----------------*/ 
    #about .point_title{
      font-size: 24px;
      letter-spacing: 0;
    }
    #about .point_sub_title{
      font-size: 18px;
      letter-spacing: 0;
      padding-top: 40px;
    }
    #about .point_box{
      margin-top: 20px;
    }


    #about .title_img_1, #about .title_img_2, #about .title_img_3, #about .title_img_4, #about .title_img_5{
      margin-top: 50px;
      height: 110px;
      background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
    #about .logo_back_img{
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 90px;
    }
    #about .main_title{
      padding-top: 33px;
      font-size: 23px;
      letter-spacing: 1px;
    }


    /*�ƊE�ŋ������X�v���b�h*/
    #about .black_title{
      padding: 0;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    #about .currency_img_1, #about .currency_img_2{
      float: none;
      width: 100%;
    }
    #about .pair_box{
      margin-top: 23px;
      margin-bottom: 18px;
    }
    #about .spread_wrap h2{
      font-size: 17px;
    }
    #about .pair_img_box{
      margin-top: 15px;
    }
    #about .pair_open{
      margin: 10px auto;
      width: 75%;
      margin-bottom: 30px;
      font-size: 15px;
    }
    #about .alignC{
      font-size: 13px;
    }
    #about .pair_text_box p{
      font-size: 10px;
      line-height: 15px;
    }
    #about .money_box{
      float: none;
      width: 100%;
      margin-bottom: 18px;
    }

    #about .title_img_2 h1{
      padding-top: 22px;
    }
    #about .sub_title{
      font-size: 15px;
    }
    #about .blue_back{
      padding: 15px 0;
    }
    #about .blue_back h3{
      font-size: 17px;
      padding-bottom: 13px;
    }
    #about .blue_back p{
      font-size: 12px;
      line-height: 18px;
      text-align: left;
      width: 93%;
      margin: 0 auto;
    }
    #about .auto_1_box{
      float: none;
      width: 100%;
    }
    #about .auto_2_box{
      float: none;
      width: 100%;
    }
    #about .plus_box{
      float: none;
      width: 100%;
      margin: 10px 0;
    }
    #about .plus_box img {
      width: 7%;
       margin-top: 0;
    }
    #about .auto_wrap{
      margin-top: 25px;
    }
    #about .auto_graph_box{
      width: 85%;
    }
    #about .logic_box{
      margin: 0 auto;
      margin-bottom: 40px;
    }
    #about .logic_text_box h2 {
    font-size: 21px;
    }
    #about .logic_text_box{
      margin: 20px auto;
    }
    #about .logic_text_box h3 {
    font-size: 16px;
    }
    #about .graph_wrap{
      margin: 8px auto;
    }
    #about .graph_1_box{
      float: none;
      width: 100%;
    }
    #about .graph_2_box{
      width: 100%;
      float: none;
    }
    #about .graph_2_box h2{
      font-size: 18px;
      line-height: 28px;
      text-align: center;
      margin-bottom: 14px;
      margin-top: 0;
      padding-top: 5px;
    }
    #about .graph_2_box p{
      text-align: center;
      line-height: 22px;
      padding-bottom: 6px;
      font-size: 12px;
      line-height: 18px;
    }
    #about .ap_table_title{
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
    }
    #about .ap_table{
      font-size: 12px;
    }
/*----------�lj�2016Nov----------------*/ 
 /*�����W�ǔ�*/
 .p-range-txt01 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #a757c1;
    padding: 14px 0;
    line-height: 1.2;
}

.p-range-img02_pc {
	display: none;
}
#about .title_wrap_range{
  width: 100%;
  margin-top: -30px;
}
#about .title_wrap_range img{
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: block;
}
.p-range-img02_sp {
	display: inline;
    text-align: center;
    margin: 0 3%;
}

.p-range-notice01 {
	text-align: right;
 	margin-top: -20px;
}

.p-range-box {
    width: 96%;
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 25px;
    margin-left: 3%;
    margin-right: 3%;
}
.p-range-left {
    width: 88%;
    float: none;
    box-shadow: 0 0 0 7px #f3f3f3 inset;
    padding: 5%;
    margin-bottom: 15px;
    height: auto;
}
.p-range-box-txt {
    font-size: 18px;
    text-align: center;
    color: #022222;
    font-weight: bold;
    margin-bottom: 15px;
}

#about .p-range-box-txt02 {
    font-size: 14px;
    color: #022222;
    line-height: 1.8;
    padding-top: 15px;
}
.p-range-right {
    width: 88%;
    float: none;
    box-shadow: 0 0 0 7px #f3f3f3 inset;
    padding: 5%;
    height: auto;
}
/*----------�lj�2016Nov----------------*/


    /*�d�|�������L���O*/
    #about .title_img_3 h1{
      padding-top: 22px;
    }
    #about .ranking_wrap{
      margin: 20px auto;
    }
    #about .ranking_img_box{
      float: none;
      width: 85%;
    }
    #about .ranking_text_box h2{
      font-size: 18px;
      line-height: 28px;
      text-align: center;
    }
    #about .title_img_3 h1{
      padding-top: 22px;
    }
    #about .ranking_text_wrap{
      width: 90%;
      margin: 20px auto;
    }
    #about .ranking_text_box{
      width: 100%;
      max-width: none;
    }
    #about .ranking_text_box p{
      font-size: 10px;
      line-height: 16px;
      text-align: left;
    }
   #about .ranking_img_box{
      width: 90%;
      margin: 0 auto;
    }
    #about .ranking_img_box img{
      width: 100%;
    }
    #about .logic_img{
      margin-top: 25px;
      margin-bottom: 50px;
      width: 100%;
    }


    /*FX�̃v���t�F�b�V���i�������I*/
    #about .pro_left{
      float: none;
      width: 90%;
      margin: 0 auto;
      padding-bottom: 20px;
    }
    #about .pro_right{
      float: none;
      width: 90%;
      margin: 0 auto;
    }
    #about .kawai_box h2{
      padding-bottom: 20px;
    }
    #about .mizukami_box h2{
      padding-bottom: 20px;
    }
    #about .pro_title{
      font-size: 18px;
      letter-spacing: 0;
    }
    #about .kawai_box, #about .mizukami_box, #about .bakaramura_box, #about .yamaguchi_box{
      width: 50%;
      margin: 0;
    }



    /*�X�}�z��PC��*/
    #about .sp_img_sp{
      width: 100%;
      margin: 0 auto;
      display: block;
      max-width: 460px;
      margin-right: 5%;
    }
    #about .pc_img_sp{
      width: 100%;
      margin: 0 auto;
      display: block;
      max-width: 460px;
    }
    #about .sp_img{
      display: none;
    }
    #about .pc_img{
      display: none;
    }
    #about .pc_img_box{
      padding: 20px 0;
    }
    #about .sp_img_box{
      padding: 20px 0;
    }



    /*�L�x�ŏ_��Ȏ��������̍쐬���g���C�I�[�gFX�ő�̓���*/
    #about .property_img_box{
      float: none;
      width: 85%;
      margin: 0 auto;
      padding-bottom: 10px;
    }
    #about .property_text_box{
      width: 85%;
      margin: 0 auto;
    }
    #about .property_text_box h2{
      text-align: center;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 17px;
    }
    #about .property_text_box p{
      font-size: 14px;
      line-height: 22px;
    }



    /*�T�|�[�g&�������*/
    #about .support_box h3{
      width: 100%;
      padding: 8px 0;
      margin-bottom: 4px;
    }
    #about .support_box p{
      font-size: 12px;
      line-height: 18px;
    }
    #about .support_wrap{
      padding-top: 8px;
      padding-bottom: 30px;
    }



    /*�Z�~�i�[���*/
    #about .seminar_box{
	  background-color: #ece4f2
    }
    #about .seminar_box h2{
      font-size: 18px;
      line-height: 28px;
    }
    #about .tel_wrap, #about .mail_wrap{
      width: 100%;
      float: none;
    }
    #about .mail_box,#about .tel_box{
      width: 100%;
    }
    #about .tel_box{
      margin-bottom: 15px;
    }
    #about .contact_box img{
      width: 70%;
    }
    #about .contact_box h3{
      font-size: 17px;
    }
    #about .contact_box a{
      font-size: 23px;
    }
    #about .contact_wrap{
      padding: 30px 0;
    }



    /*�C�����@�X�g�،��Ƃ�*/
    #about .invast_logo{
      width: 200px;
      margin-top: 30px;
    }
    #about .invast_text_box p{
      font-size: 13px;
      line-height: 22px;
      text-align: left;
    }
    #about .orange_bar{
      height: 3px;
      margin: 20px auto;
    }
    #about .invast_text_box{
      margin-top: 20px;
    }
    #about .invast_img_box{
      display: none;
    }
    #about .invast_img_sp_box{
      display: block;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 35px;
    }
   #about .invast_img_sp_box img{
      width: 100%;
    }
    #about .night_wrap {
      padding: 10px 0;
      padding-bottom: 30px;
    }
   #about .night_box_sp{
      width: 93%;
      display: block;
      margin: 0 auto;
    }
    #about .night_box_pc img{
      display: none;
    }
    #about .night_box_sp img{
      width: 100%;
    }
    #about .night_box_sp h4{
      color: #a757c1;
      font-size: 18px;
      line-height: 28px;
      text-align: center;
      margin: 30px 0;
    }
    #about .step_box{
      margin: 20px auto;
    }
    #about .step_sp_img{
      display: block;
      width: 90%;
      margin: 0 auto;
      margin-bottom: 60px;
    }
    #about .step_pc_img{
      display: none;
    }
    #about .trade{
      padding-top: 5px;
    }
    #about .trade table th, .trade table td{
      padding: 5px 10px;
      font-size: 13px;
    }
    #about .trade table th{
      width: 24%;
    }
    #about .trade_com table tr td{
      font-size: 10px;
    }
    #about .storage_wrap{
      padding: 25px 0;
    }
    #about .storage_sp{
      width: 100%;
      display: block;
      margin: 0 auto;
      margin-bottom: 30px;
    }
    #about .storage_pc{
      display: none;
    }
    #about .storage_box p{
      font-size: 12px;
      line-height: 18px;
      text-align: left;
    }

}

/*----------20160208 inva----------------*/

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 50px;
	  height: 0;
    overflow: hidden;
    border: solid 7px #f3f3f3;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul,li{ list-style: none;}
.midashi_1 {font-size: 45px;font-weight: 900;text-align: center;letter-spacing:normal;}
.sp {
    display: none !important;
}

.spin { opacity: 0;}
.js_isIe .mainvisual .img2.spin,
.js_isIe .mainvisual .img3.spin,
.js_isIe .c1 > .img1,
.js_isIe .c1 > .img2,
.js_isIe .c5>.img1,
.js_isIe .c5>.img2,
.js_isIe .c4>.img1,
.js_isIe .c4>.img2 { opacity: 1;}

.mainvisual .spin.is_done { -webkit-animation: spin 2s ease-in-out 0.5s forwards; animation: spinAnime 2s ease-in-out 0.5s forwards;}
@-webkit-keyframes spinAnime {
  0% {opacity: 0; -webkit-transform: rotate(120deg);}
  100% {opacity: 1; -webkit-transform: rotate(0deg);}
}
.js_isIe .spin,
.spin.animetions { -webkit-animation: spin 2s ease-in-out 0.1s forwards; animation: spinAnime 2s ease-in-out 0.1s forwards;}
@-webkit-keyframes spinAnime {
  0% {opacity: 0; -webkit-transform: rotate(120deg);}
  100% {opacity: 1; -webkit-transform: rotate(0deg);}
}

.fadeIns {
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
  opacity: 0;
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
}
.delays2 { transition-delay: 0.2s;}
.delays3[data-delay="2"]{ transition-delay: 0.4s;}
.delays4[data-delay="3"]{ transition-delay: 0.6s;}
.delays5[data-delay="4"]{ transition-delay: 0.8s;}
.delays6[data-delay="5"]{ transition-delay: 1s; }

.js_isIe .fadeIns.anime,
.fadeIns.animetions{
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


/*自動売買も〜
------------------------------------------------------------------------------------------------- */
.c1 {padding-bottom:160px;position: relative;overflow: hidden;z-index: 0;}
.c1>.img1 {position: absolute;width: 548px;height: auto;top: 5vh;left: -19%;z-index: -1;}
.c1>.img2 {position: absolute;width: 598px;height: auto;top: 105vh;right: -18%;z-index: -1;}

.c1>ul { max-width:1300px; margin:0 auto; text-align:left;}
.c1>ul>li:nth-child(1) { width:700px; height:696px; position:relative;}
.c1>ul>li:nth-child(1)>div { padding-top: 60px;}
.c1>ul>li:nth-child(1) img { position:absolute;}
.c1>ul>li:nth-child(1) img.img1 {height:auto;width:299px;right: -317px;bottom: 10px;}
.c1>ul>li:nth-child(1) img.img2 {height:auto;width:363px;right: -630px;bottom:0;}
.c1>ul>li:nth-child(1) .midashi_1,
.c1>ul>li:nth-child(3) .midashi_1 {text-align:left;line-height:1.4;background: url(../images/midashi_img.png) no-repeat top left;background-size:71px 132px;padding-left:90px;}
.c1>ul>li:nth-child(1) .midashi_1:before,
.c1>ul>li:nth-child(3) .midashi_1:before { display:none;}
.c1>ul>li:nth-child(1) div .txt {line-height: 1.6;width: 700px;margin: 0 25px 0 4em;font-size: 35px;padding-top: 1em;}
.c1>ul>li:nth-child(1) div .txt p{background-size:1em;padding-left: 50px;font-weight: 700;margin-bottom: 0.5em;}
.c1>ul>li:nth-child(1) div .txt p:nth-child(1) { background:url(../images/section1_icon1.png) no-repeat center left;
background-size:1em; }
.c1>ul>li:nth-child(1) div .txt p:nth-child(2) { background:url(../images/section1_icon2.png) no-repeat center left;
background-size:1em; }
.c1>ul>li:nth-child(1) div .txt p:nth-child(3) { background:url(../images/section1_icon3.png) no-repeat center left;
background-size:1em; }

.c1>ul>li:nth-child(1) div .txt2 {
  letter-spacing: normal;
  font-size: 6vw;
}

.c1>ul>li:nth-child(3) {width: auto;height: 892px;position:relative;}
.c1>ul>li:nth-child(3) div {width:700px;margin:0 25px 0 auto;font-size:34px;padding-top: 1em;}
.c1>ul>li:nth-child(3) .midashi_1 {margin-bottom:45px;padding-top: 30px;}
.c1>ul>li:nth-child(3) div p.txt {line-height:1.4;margin-bottom: 0;}
.c1>ul>li:nth-child(3)>img {position:absolute;height:auto;width: 470px;top: 0;}
/* .c1>ul>li:nth-child(3)>p.hosoku {position:absolute;height:1em;width: 470px;text-align: center;bottom: 45px;} */
.c1>ul>li:nth-child(3)>p.hosoku {position:absolute;height:1em;width: 100%; bottom: 0px; padding-left: 6rem;}
.c1>ul>li:nth-child(3) div .midashi_1 {margin-bottom: 1em;padding-bottom: 6px;}
.c1>ul>li:nth-child(3) div p.imgr {font-size: 20px;vertical-align: top;}
.c1>ul>li:nth-child(3) div p.imgr:after { content: ""; display: block; clear: both;}
.c1>ul>li:nth-child(3) div p.imgr img {float:right;margin-top: -3em;vertical-align: top;}

.c1>ul>li:nth-child(3) p.img2_1 {position:absolute;height:auto;width: 470px;top: 0;}
.c1>ul>li:nth-child(3) p.img2_1 span {display: block;position:absolute;top:146px;left:58px;height:546px;width: 346px;overflow:hidden;}
.c1>ul>li:nth-child(3) p.img2_1 span strong {width: 370px;overflow:hidden;overflow-y:scroll;}
.c1>ul>li:nth-child(3) p.img2_1 span img {width: 346px;height:auto;}

.c1>ul>li:nth-child(3) div>div.mts {width:auto;margin:0;padding: 17% 0 0;font-size:35px;}
.c1>ul>li:nth-child(3) div>div.mts dl {display: flex;flex-wrap: wrap;margin-bottom: 0.5em;}
.c1>ul>li:nth-child(3) div>div.mts dt { text-align: center; font-weight: 900; line-height: 1.3; font-size: 150%;}
.c1>ul>li:nth-child(3) div>div.mts dd { color: #AFA6F2; background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 420%; font-weight: 900; line-height: 1;}
.c1>ul>li:nth-child(3) div>div.mts dd span { font-weight: 900; font-size:70%;}
.c1>ul>li:nth-child(3) div>div.mts p {font-size: 26px;}
.c1>ul>li:nth-child(3) div>div.mts .hosoku_box {margin: 1.5em 0 0 0; padding: 0; width: 100%;}
.c1>ul>li:nth-child(3) div>div.mts .hosoku_box p {font-size: 20px; line-height: 22px; margin-bottom: 10px;}

.c1>ul>li:nth-child(4) {margin-top: 7rem;}
.c1>ul>li:nth-child(4) dl { letter-spacing: -0.4em; display: flex; margin-top: 2em; justify-content: space-between; flex-wrap: wrap; }
.c1>ul>li:nth-child(4) dl dt {width: 32%;padding: 4% 3% 3% 3%;letter-spacing: normal;border-radius:30px;box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);background: #FFF;vertical-align: top;}
.c1>ul>li:nth-child(4) dl dt img {max-width: 160px;width: auto;height:auto;margin: 0.5em auto 1em; display: block;}
.c1>ul>li:nth-child(4) dl dt p.midashis {font-size: 25px;font-weight:bold;text-align:center;}
.c1>ul>li:nth-child(4) dl dt p.midashis span {background: rgb(143,220,242);
    background: -moz-linear-gradient(left, rgba(143,220,242,1) 0%, rgba(202,120,242,1) 100%);
    background: -webkit-linear-gradient(left, rgba(143,220,242,1) 0%,rgba(202,120,242,1) 100%);
    background: linear-gradient(to right, rgba(143,220,242,1) 0%,rgba(202,120,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fdcf2', endColorstr='#ca78f2',GradientType=1 );
    width: 60px; text-align: center; border-radius: 50%;
    margin: -80px auto 30px; font-size: 30px; line-height:60px;
    font-weight: 900; color: #FFF;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05); display: block;}

.c1 p.atens { max-width:1300px; margin: 5em auto 0; text-align:left;}
.c1>ul>li:nth-child(4) dl dt p.txt {text-align:center;font-size: 130%;}

@media screen and (max-width: 1360px) {
.c1 {padding-bottom:160px;position: relative;overflow: hidden;}
.c1>.img1 { width: 598px; top: 5vh;left: -30%; }
.c1>.img2 {width: 598px;top: 105vh;right: -38%;}

.c1>ul { max-width:1300px; margin:0 auto; text-align:left;}
.c1>ul>li:nth-child(1) {width: 55%;height:60vw;position:relative;}
.c1>ul>li:nth-child(1) p.midashi_1 { text-align:left; margin-left:4%; }
.c1>ul>li:nth-child(1) img { position:absolute;}
.c1>ul>li:nth-child(1) img.img1 {height:auto;width:40%;right:-36%;bottom: 10px;}
.c1>ul>li:nth-child(1) img.img2 {height:auto;width:50%;right:-80%;bottom:0;}

.c1>ul>li:nth-child(3) {width: auto;height: 75vw;position:relative;}
.c1>ul>li:nth-child(3) div {width: 59%;margin: 0 4% 0 auto;font-size:35px;padding-top: 1em;}
.c1>ul>li:nth-child(3) div p.txt {line-height:1.4;margin-bottom: 0;}

.c1>ul>li:nth-child(3)>img {position:absolute;height:auto;width: 33%;top: 0;}
.c1>ul>li:nth-child(3) div .midashi_1 {margin-left: 0;margin-bottom: 1em;}
.c1>ul>li:nth-child(3) div p.imgr {font-size: 20px;vertical-align: top;}
.c1>ul>li:nth-child(3) div p.imgr:after { content: ""; display: block; clear: both;}
.c1>ul>li:nth-child(3) div p.imgr img {float:right;width: 59%;margin-top: -3em;vertical-align: top;height: auto;}

.c1>ul>li:nth-child(3) p.img2_1 { width: 36%; }
.c1>ul>li:nth-child(3) p.img2_1>img { width:100%; height:auto;}
.c1>ul>li:nth-child(3) p.img2_1 span {top: 16.3%;left: 12.3%;height: 41.9vw;width: 73.6%;}
.c1>ul>li:nth-child(3) p.img2_1 span strong {width: 50%; }
.c1>ul>li:nth-child(3) p.img2_1 span img {width: 100%; }

/* .c1>ul>li:nth-child(3)>p.hosoku {width: 35%;bottom: 10vw;} */
.c1>ul>li:nth-child(3)>p.hosoku {width: 100%;}

.c1>ul>li:nth-child(3) div>div.mts dt { font-size: 115%; }
.c1>ul>li:nth-child(3) div>div.mts dd { font-size: 390%; }


.c1>ul>li:nth-child(4) {}
.c1>ul>li:nth-child(4) dl { margin: 2em 4% 0;}
.c1>ul>li:nth-child(4) dl dt {letter-spacing: normal;border-radius:30px;box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);background: #FFF;vertical-align: top;}
.c1>ul>li:nth-child(4) dl dt img {height:auto;margin: 1em auto;}
.c1>ul>li:nth-child(4) dl dt p.midashis { font-size:35px; font-weight:bold; text-align:center; }
.c1 p.atens {margin: 5em 4% 0;}
}
 @media screen and (max-width: 1100px) {
.c1>ul>li:nth-child(1) div .txt { width:100%;margin: 0 4% 0 2em;font-size: 3.2vw; }
.c1>ul>li:nth-child(1) div .txt p{ padding-left: 1.5em; }
.c1>ul>li p.midashi_1 { font-size:4.4vw;}

.c1>ul>li:nth-child(3) div {width: 58%;margin: 0 4% 0 auto;font-size:3.2vw;}
.c1>ul>li:nth-child(3) div p.imgr br  { display:none;}
.c1>ul>li:nth-child(3) div p.imgr img {float:none;width: auto;margin-top: 1em; margin-left:-1em;}
.c1>ul>li:nth-child(3) div p.txt br { display:none;}
.c1>ul>li:nth-child(3) div>div.mts { padding: 6% 0; }

.c1>ul>li:nth-child(3) div>div.mts dt { font-size: 100%; }
.c1>ul>li:nth-child(3) div>div.mts dd { font-size: 330%; }
}
@media screen and (max-width: 930px) {
.c1 {padding-bottom: 80px;padding-top: 0;}
.c1>.img1 {top: 0;left: -66%;width: 80%;}
.c1>.img2 {top: 105vh;right: -78%;}

.c1>ul { margin:0 auto; text-align:center;}
.c1>ul>li:nth-child(1) {width: 100%;height:auto; letter-spacing:-0.4em; }
.c1>ul>li:nth-child(1) p.midashi_1,
.c1>ul>li:nth-child(3) p.midashi_1,
.c1>ul>li:nth-child(4) p.midashi_1 {background:none;text-align:center;margin-left:auto;margin-bottom: 0.5em;padding-left: 0;font-size: 6.2vw; padding: 0 0.5em;}
.c1>ul>li:nth-child(3) p.midashi_1 br { display:inline;}
.c1>ul>li:nth-child(1) p.midashi_1:before,
.c1>ul>li:nth-child(3) p.midashi_1:before { display:inline-block;}
.c1>ul>li:nth-child(1) img { position:static; display:inline-block; vertical-align:bottom;}
.c1>ul>li:nth-child(1) img.img1 {height:auto;width:34%; margin-bottom:2% }
.c1>ul>li:nth-child(1) img.img2 {height:auto;width:45%; margin-left:-6%; }
.c1>ul>li:nth-child(1)>div { padding-top: 0px; padding-bottom: 3em;}
.c1>ul>li:nth-child(1) div .txt { letter-spacing: normal; margin: 1.5em 4% 1em 10.5%; text-align: left; font-size: 6vw; padding-top: 0; }
.c1>ul>li:nth-child(1) div .txt p{text-align: left;padding-left: 1.5em;}
.c1>ul>li p.midashi_1 { font-size:4.4vw;}

.c1>ul>li:nth-child(3) { height: auto; }
/* .c1>ul>li:nth-child(3) div {width: auto;margin: 0 4% 0;font-size: 3.8vw;} */
.c1>ul>li:nth-child(3) div {width: auto;margin: 0 0 0;font-size: 3.8vw;}
.c1>ul>li:nth-child(3) div p.txt {line-height: 1.6;margin-bottom: 1em; font-size: 4.6vw; padding: 0 1em;}
.c1>ul>li:nth-child(3) div p.txt br { display:inline;}
.c1>ul>li:nth-child(3)>img {position:static;width: 45%;margin: 0 auto;top: 0;}
.c1>ul>li:nth-child(3) div .midashi_1 { margin-top: 3em; }
.c1>ul>li:nth-child(3) div p.imgr {font-size: 3.8vw;}
.c1>ul>li:nth-child(3) br { display:none;}
.c1>ul>li:nth-child(3) div p.imgr:after { }
.c1>ul>li:nth-child(3) div p.imgr img {float:none;width: 80%;margin: 1em auto 0;}

.c1>ul>li:nth-child(3) p.img2_1 {width: 65%;margin: 2em auto 0;position:static;}
.c1>ul>li:nth-child(3) p.img2_1>img { width:100%; height:auto;}
.c1>ul>li:nth-child(3) p.img2_1 span {height: 75.6vw;}
.c1>ul>li:nth-child(3) p.img2_1 span strong {width: 50%; }
.c1>ul>li:nth-child(3) p.img2_1 span img {width: 100%; }

/* .c1>ul>li:nth-child(3)>p.hosoku {width: 100%;margin-top: -2em;margin-bottom: 5em;position: static;} */
.c1>ul>li:nth-child(3)>p.hosoku {width: 100%;margin-top: -2em;margin-bottom: 5em;position: static; padding: 0 2rem;}

.c1>ul>li:nth-child(3) div>div.mts { font-size:35px; }
.c1>ul>li:nth-child(3) div>div.mts dl {display: block; }
.c1>ul>li:nth-child(3) div>div.mts dt {font-size: 6vw;}
.c1>ul>li:nth-child(3) div>div.mts dd {font-size: 20vw;}
.c1>ul>li:nth-child(3) div>div.mts dd span { font-size:70%;}
.c1>ul>li:nth-child(3) div>div.mts p {font-size: 3.8vw;}

.c1>ul>li:nth-child(3) div>div.mts .hosoku_box p {font-size: 3.5vw;}



.c1>ul>li:nth-child(4) {}
.c1>ul>li:nth-child(4) .midashi_1 {font-size: 7.5vw !important;}
.c1>ul>li:nth-child(4) dl { margin: 2em 4% 0;}
.c1>ul>li:nth-child(4) dl dt {padding: 4%;width: 100%;margin: 0 auto 45px;}
.c1>ul>li:nth-child(4) dl dt p.midashis span {margin: -8vw auto 0.5em;font-size: 20px;height: 40px;width: 40px;line-height: 40px;}
.c1>ul>li:nth-child(4) dl dt p.txt { padding:0 2% 4%;}
.c1>ul>li:nth-child(4) dl dt img { }
.c1>ul>li:nth-child(4) dl dt p.midashis {font-size: 5vw;padding:2% 0;}



.c1 p.atens {margin: 2em 4% 0;}
}
@media screen and (max-width: 800px) {
  .c1>ul>li:nth-child(1) div .txt {margin: 1.5em 4% 1em 20.5%;}
  body section{font-size: 3.4vw;line-height: normal;}
}

@media screen and (max-width: 500px) {
.c1>ul>li:nth-child(4) dl dt img { width:50%;}
}

/*トライオートFXの自動売買注文
------------------------------------------------------------------------------------------------- */
.c2 {background: url(../images/section2_back1.png) no-repeat top center #F7FAFD;background-size: contain;padding:80px 0;width: 100%;}
.c2 .box {max-width:1300px;margin: 0 auto;letter-spacing:-0.4em;}
.c2 .box p.txt1 {font-size: 36px;font-weight: 900; margin-bottom:0.5em; letter-spacing:normal; }
.c2 .box p.txt2 { color:#6E8BA5;font-weight: 900; margin-bottom:3em; letter-spacing:normal; }
.c2 .box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 840px;
    margin: 45px auto 0;
    }
.c2 .box ul li {width: 48%;display: inline-block;height: auto;padding: 2% 2% 2%;letter-spacing: normal;background: #FFF;box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);border-radius: 30px;}
.c2 .box img {width: auto;max-width: 160px;margin: 4% auto;height:auto;}
.c2 .box img:nth-child(5) { margin-left:2%;}
.c2 .box ul li div { font-size:130%;} 
@media screen and (max-width: 1360px) {

}
@media screen and (max-width: 1210px) { 
.c2 .box ul { max-width: initial; margin: 45px 4% 0;}
}

@media screen and (max-width: 930px) {
.c2 { padding:80px 0;width: auto;}
.c2 .box {max-width:1300px;margin: 0 2%;letter-spacing:-0.4em;}
.c2 .box p.txt1 {font-size: 4vw;margin-bottom: 0;}
.c2 .box p.txt2 { margin-bottom:3em; }
.c2 .box img {width: auto;margin: 0 auto 1em;display: block;}
.c2 .box img:nth-child(5) { margin:4% auto 0;}
}

@media screen and (max-width: 760px) {
.c2 .box ul { max-width: initial; margin: 0px 4% 0;}
.c2 .box ul li {width: 100%;display: block;padding: 4% 2% 4%;margin-top:30px;}


}
@media screen and (max-width: 500px) {
.c2 .box img {width: 40%;margin: 4% auto;display: block;}
}


/*業界最狭水準スプレッド
------------------------------------------------------------------------------------------------- */
.c3 {background: url(../images/section2_back2.png) no-repeat top center #F7FAFD;padding: 80px 0 100px;}
.c3 .midashi_1 {margin-bottom:2em;}
.c3 .midashi_1.mts0 {margin-top:3em;margin-bottom: 2em;}

.c3 ul { max-width:1300px; margin:0 auto; letter-spacing: -0.4em; display: flex; justify-content: space-between; flex-wrap: wrap;}
.c3 ul li {width: 19.6%;padding: 2%;letter-spacing: normal;
border-radius:30px; text-align:center; font-weight:900;
box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);
background: #FFF;vertical-align: top;}
.c3 ul li img { margin:0 auto;}
.c3 ul li .txt1 {color:#000;font-weight:900;font-size: 25px;}
.c3 ul li .number {font-weight:900;font-size: 80px;line-height: 1;margin-top: 0.2em;color: #AFA6F2;background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.c3 ul li .number em { font-weight:900; text-decoration:none; font-size:30px; }

.c3 .zet { background: rgb(143,220,242);
  background: -moz-linear-gradient(left, rgba(143,220,242,1) 0%, rgba(202,120,242,1) 100%);
  background: -webkit-linear-gradient(left, rgba(143,220,242,1) 0%,rgba(202,120,242,1) 100%);
  background: linear-gradient(to right, rgba(143,220,242,1) 0%,rgba(202,120,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fdcf2', endColorstr='#ca78f2',GradientType=1 );
  width: 15em; text-align: center; border-radius: 40px 0 40px 40px;
  margin: 2em auto;font-size: 1.8vw;padding: 25px 15px; font-weight: 900; color: #FFF; 
  box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05); display: block;}
.c3 .atntion { max-width:1300px; text-align:left; margin:0 auto;}

.acd-check{ display: none;}
.acd-content{ height: 0; opacity: 0; transition: .5s; visibility: hidden;}
.c3 .acd-check:checked + .zet + .acd-content{height: auto;opacity: 1;margin: 0 4%;padding: 0;margin-bottom: 2em;visibility: visible;}
.c3 .acd-check + .zet .close { display: none; font-weight: 900;}
.c3 .acd-check .zet .open { font-weight: 900;}
.c3 .acd-check:checked + .zet .open { display: none; font-weight: 900;}
.c3 .acd-check:checked + .zet .close { display: inline; font-weight: 900;}

.acd-content table { max-width: 1122px; margin: 0 auto 2em; background: #FFF; box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);}
.acd-content table th, .acd-content table td { vertical-align: middle; padding: 2%; text-align: center;border: none}
.acd-content table tr:nth-child(2n) { background: #F7FAFD;}
.acd-content table thead tr th { background: #7DB0D8; color: #FFF;border: none}
.acd-content table tbody th { background:#fbf4fe; }
.acd-content table tbody tr:nth-child(2n) th { background:#e7f0f9; }
.acd-content table tbody th { width: 15%;border: none}
.acd-content table tbody th img { margin:0 auto 0.2em; width:4.5em; height:auto;display: block}
.acd-content table td,
.acd-content table tbody .txtRed,
.acd-content table tbody .txtBold{ color: #6C0393; font-weight: 900;}
.acd-content table tbody .txtS { font-size: 80%; color: #3A566F; font-weight: normal;}

.c3 .midashi2 { font-size: 45px; margin-top: 4em;
  font-weight: 900; text-align: center; letter-spacing: normal;}
.c3 ul.thousandli {margin: -2em auto 2em;}
.c3 ul.thousandli li {width: 49%;padding: 4% 0;text-align:center;letter-spacing: normal;border-radius:30px;font-weight:900;box-shadow: 0px 15px 30px rgba(0, 0, 0, .05);background: #FFF;vertical-align: top;}
/* .c3 ul.thousandli li:nth-child(2) { padding-left:8%;} */
.c3 ul.thousandli li p.txt2 {
  font-weight: 900;
  /* font-size: 78px; */
  font-size: 130px;
  line-height: 1;
  margin-top: 0.1em;
  color: #AFA6F2;
  background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
.c3 ul.thousandli li:nth-child(1) p.txt2:before { content:""; display:inline-block; height:0.8em; width:1.4em;
background:url(../images/c3_img1.jpg) no-repeat center left; background-size:contain;}
.c3 ul.thousandli li:nth-child(2) p.txt2:before { content:""; display:inline-block; height:0.8em; width:1.4em;
background:url(../images/c3_img5.png) no-repeat center left; background-size:contain;}

.c3 ul.thousandli li p.txt2 span {font-weight: 900;text-decoration: none;font-size: 55px;}
.c3 ul.thousandli li p.txt2 span.txtbk {
  color: #5d5d5d !important;
  -webkit-text-fill-color: #5d5d5d;
}
.c3 ul.thousandli li p.txt1 {font-size: 40px;}


.c3 .spread_table { display:none;}


@media screen and (max-width: 1360px) {
.c3 {background: url(../images/section2_back2.png) no-repeat top center #F7FAFD;
 background-size:contain; }
.c3 .midashi_1 { }
.c3 ul {max-width: initial;margin:0 4%;display: block;}
.c3 ul li {width: 32%;display:inline-block;margin-right:2%;margin-top:2%;}
.c3 ul li:nth-child(3n), .c3 ul li:last-child { margin-right:0;}
.c3 ul li:nth-child(-n+3) { margin-top:0;}
.c3 ul li img { }
.c3 ul li .txt1 { font-size: 25px;}
.c3 ul li .number { font-size: 80px; }
.c3 ul li .number em { font-size:30px; }
.c3 .zet { width: 15em; padding: 25px 15px; font-size: 1.8vw; }
.c3 .atntion { margin:0 4%;}


.c3 .midashi2 { font-size: 45px; }
.c3 ul.thousandli {margin:2em 4%;}
.c3 ul.thousandli li {width: 49%; }
/* .c3 ul.thousandli li:nth-child(2) { padding-left:8%;} */
.c3 ul.thousandli li p.txt2 {font-size: 9vw;}
.c3 ul.thousandli li p.txt2 span {font-weight: 900;text-decoration: none;font-size: 4vw;}
.c3 ul.thousandli li p.txt1 {font-size: 3.2vw;}
}
 
@media screen and (max-width: 930px) {
.c3 {padding: 80px 0;}
.c3 .midashi_1 {font-size: 7vw;}
.c3 ul { }
.c3 ul li { }
.c3 ul li:nth-child(3n), .c3 ul li:last-child { }
.c3 ul li:nth-child(-n+3) { }
.c3 ul li img { width:86%; margin-top:4%;}
.c3 ul li .txt1 { font-size: 3vw;}
.c3 ul li .number {font-size: 9vw;margin-top: 0.2em;}
.c3 ul li .number em { font-size:4vw; }
.c3 .zet {width: 13em;padding: 25px 4%;font-size: 5vw;}
.c3 .atntion { margin:0 4%;}
.c3 .midashi_1.mts0 {margin-top:4em; }

.c3 .midashi2 {font-size: 4vw;margin-top: 3em;}
.c3 ul.thousandli {margin:2em 4%;}
.c3 ul.thousandli li {width: auto;padding: 6% 0;margin-right: 0;margin-bottom: 4%;display: block;}
/* .c3 ul.thousandli li:nth-child(2) { padding-left:8%;} */
/* .c3 ul.thousandli li p.txt2 {font-size: 12.5vw;} */
.c3 ul.thousandli li p.txt2 {font-size: 22vw;}
.c3 ul.thousandli li p.txt2 span {font-weight: 900;text-decoration: none;font-size: 8.5vw;}
.c3 ul.thousandli li p.txt1 {font-size: 6vw;}
.acd-content table {width: 100%;margin-bottom: 2em;}
.acd-content table tbody th { width: auto;font-size: 3.2vw;}
.acd-content table th, .acd-content table td { padding: 2%; font-size: 3.2vw;}
}
 
 
 

/*業界最狭水準スプレッド
------------------------------------------------------------------------------------------------- */
.c4 {padding: 40px 0 280px;position: relative;overflow: hidden;}
.c4 .txt1 {display:block;font-size: 36px;font-weight: 900;margin-bottom: 2em;}
.c4 .txt2 {display: inline-block;font-size: 40px;border-radius: 30px;font-weight: 900;border: 5px solid #b797f2;color: #b797f2;background: #FFF;margin-bottom: 1em;padding: 3% 4%;box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);}
.c4 .txt3 {display:block;color:#6E8BA5;font-size: 20px;font-weight: 900;margin-bottom: 10em;}
.c4 .txt4 {display:block; font-size: 36px;font-weight: 900;
margin-bottom: 1.5em;}
.c4 img.plogram {margin:0 auto;display:block;max-width: 1200px;height:auto;}
.c4>.img1 {position: absolute;width: 598px;height: auto;top: 5vh;left: -10%;z-index: -1;}
.c4>.img2 {position: absolute;width: 598px;height: auto;top: 80vh;right: -2.5%;z-index: -1;}

 @media screen and (max-width: 1360px) {
.c4 { }
.c4 .txt1 {font-size: 36px;margin: 0 4% 2em;}
.c4 .txt2 { font-size: 36px;font-weight: 900; margin:0 4% 1em;}
.c4 .txt3 { font-size: 20px; margin:0 4% 10em;}
.c4 .txt4 { font-size: 36px; margin:0 4% 1.5em;}
.c4 img.plogram { margin:0 4%; display:block; max-width:initial; width:92%; height:auto;}
.c4>.img1 { width: 598px; top: 5vh;left: -40%; }
.c4>.img2 { width: 598px; top: 80vh;right: -20%; }
}
 
@media screen and (max-width: 930px) {
.c4 {padding: 40px 0 152px;}
.c4 .txt1 {font-size: 4vw;margin: 1em 4% 2em;}
.c4 .txt2 {font-size: 6vw;margin:0 4% 1em;line-height: 1.6;}
.c4 .txt3 {font-size: 4vw;margin: 0 4% 5em;line-height: 1.6;}
.c4 .txt4 {font-size: 4vw;margin:0 4% 1.5em;}
.c4 img.plogram { margin:0 4%; display:block; max-width:initial; width:92%; height:auto;}
.c4 img.plogram.pc { display:none;}
.c4 img.plogram.sp { width:80%; height:auto; margin-left:16%;}
.c4>.img1 {width: 53%;top: 32vh;left: -40%;}
.c4>.img2 {width: 60%;top: auto;bottom: -50px;right: -35%;}
}
 




/*スマホもPCも使える取引ツール
------------------------------------------------------------------------------------------------- */
.c5 {padding: 40px 0 160px;background:#F7FAFD;position: relative;overflow: hidden;z-index: 0;}
.c5>.img1 {position: absolute;width: 598px;height: auto;top: 5vh;left: -10%;z-index: -1;}
.c5>.img2 {position: absolute;width: 598px;height: auto;top: 105vh;right: -18%;z-index: -1;}
.c5 ul { max-width:1300px; margin:0 auto; z-index: 2; }
.c5 ul.box {} 
.c5 ul.box dl {float:left;margin-right:4%;}
.c5 ul.box dl dt {letter-spacing:normal;width: 210px;display:inline-block;vertical-align:bottom;font-size:18px;text-align:center;}
.c5 ul.box dl dt:first-child {padding-bottom: 66px;}
.c5 ul.box dl dt img {width: 104%;height:auto;margin:0 0 0 -7%;}
.c5 ul.box li:nth-child(1) { height:498px; } 
.c5 ul.box li { margin:5em auto;}
.c5 ul.box li:after { content: ""; display: block; clear: both;}
.c5 ul.box li div {padding-top:4em;font-weight:bold;font-size:36px;line-height:1.6;}

.c5 ul.box li:nth-child(2) dl {float:right;margin-right:4%;}
.c5 ul.box li:nth-child(2) dl dt {width: 520px;}
.c5 ul.box li:nth-child(2) dl dt img {width: 110%;height:auto; margin:0 0 0 -3%;}

.c5 ul.box2 {max-width:1000px;margin:2em auto 6em;letter-spacing: -0.4em;z-index: 1;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.c5 ul.box2 li {width: 40%; line-height:1.6; color:#6E8BA5; letter-spacing: normal; text-align:left; font-weight:900; vertical-align: top;}
.c5 ul.box2 li img { margin:0 auto 1em; width:344px; height:auto;display: block;}
.c5 ul.box2 li p.title { font-size:36px; font-weight:bold; color:#3A566F; margin:0.5em auto 1em; text-align:center;}
.c5 ul.box2 li p.link a { background: rgb(143,220,242);
  background: -moz-linear-gradient(left, rgba(143,220,242,1) 0%, rgba(202,120,242,1) 100%);
  background: -webkit-linear-gradient(left, rgba(143,220,242,1) 0%,rgba(202,120,242,1) 100%);
  background: linear-gradient(to right, rgba(143,220,242,1) 0%,rgba(202,120,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fdcf2', endColorstr='#ca78f2',GradientType=1 );
  width: 80%; text-align: center; border-radius: 40px 0 40px 40px;
  padding: 25px 15px; font-weight: 900; color: #FFF; margin: 2em auto;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);}

.c5 .txt3_1 {color:#6E8BA5;font-weight:900;font-size: 36px;margin: 1.5em auto;}
.c5 ul.box3 {max-width:1000px;margin:2em auto 6em;letter-spacing: -0.4em;display: flex;justify-content: space-between;flex-wrap: wrap;}
.c5 ul.box3 li {width: 450px;height: 450px;background:#FFF;border-radius:50%;text-align:center;line-height: 1.2;color:#707070;letter-spacing: normal;font-weight:900;vertical-align: top;font-size: 45px;padding-top: 10%;box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05);}
.c5 ul.box3 li p { font-weight: 900; font-size: 100px; line-height: 1; margin-top: 0.4em;
  color: #AFA6F2; background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.c5 .atentions { max-width: 1300px; text-align: left; margin: 0 auto;}

@media screen and (max-width: 1360px) {
.c5 { }
.c5>.img1 { width: 598px;height: auto;top: 5vh;left: -40%; }
.c5>.img2 {width: 598px;height: auto;top: 80vh;right: -18%;}
.c5 ul { margin:0 4%; }
.c5 ul.box {} 
.c5 ul.box dl {float:left;width: 46%;margin-right: 0;}
.c5 ul.box dl dt {width: 40%;font-size:1.4vw;vertical-align: top;}
.c5 ul.box dl dt img {margin: 0 0 0 0%;}
.c5 ul.box dl dt:first-child {padding-bottom: 0px;padding-top: 10%;}

.c5 ul.box li:nth-child(1) {height: 32vw;} 
.c5 ul.box li { margin:5em auto;}
.c5 ul.box li:after { }
.c5 ul.box li div {padding-top: 16vw;font-size: 3.2vw;}

.c5 ul.box li:nth-child(2) dl {float:right;width: 50%;margin-right: 0;}
.c5 ul.box li:nth-child(2) dl dt {width: 80%;}
.c5 ul.box li:nth-child(2) dl dt img {width: 110%;height:auto; margin:0 0 0 -3%;}

.c5 ul.box2 {max-width: initial;margin: 2em 4% 6em;}
.c5 ul.box2 li {width: 48%;}
.c5 ul.box2 li img {width:344px;}
.c5 ul.box2 li p.title {font-size:36px;}
.c5 ul.box2 li p.link a { width: 80%; padding: 25px 15px; margin: 2em auto; }

.c5 .txt3_1 {color:#6E8BA5;font-weight:900;font-size: 36px;margin: 1.5em auto;}
.c5 ul.box3 {margin: 2em auto 6em;max-width: initial;text-align: center;display: block;}
.c5 ul.box3 li {width: 300px;display: inline-block;height: 300px;font-size: 30px;padding-top: 5%;}
.c5 ul.box3 li:nth-child(2) { margin-left:4%;}
.c5 ul.box3 li p {font-size: 80px;margin-top: 0.2em;}
.c5 .atentions {max-width: 1300px;margin: 0 4%;}
}
 
@media screen and (max-width: 930px) {
.c5 {padding: 40px 0 6em;}
.c5>.img1 { display:none;}
.c5>.img2 { display:none;}
.c5 ul { }
.c5 ul.box {} 
.c5 ul.box dl {float:none;width:auto;margin-right:0%;}
.c5 ul.box dl dt {width: 32%;font-size: 2.4vw;}
.c5 ul.box dl dt img {margin: 0 0 0 0%;max-width: initial;}
.c5 ul.box li:nth-child(1) {height: auto;} 
.c5 ul.box li {margin: 2em auto 5em;}
.c5 ul.box li:after { }
.c5 ul.box li div {padding-top: 1em;font-size: 4vw;text-align: center;}

.c5 ul.box li:nth-child(2) dl {float: none;width: auto;}
.c5 ul.box li:nth-child(2) dl dt {width: 75%;}
.c5 ul.box li:nth-child(2) dl dt img {width: 110%;height:auto; margin:0 0 0 -3%;}

.c5 ul.box2 {max-width: initial;margin: 2em 4% 5em;}
.c5 ul.box2 li {width: auto;font-size: 3.8vw;}
.c5 ul.box2 li img {width: 200px;}
.c5 ul.box2 li p.title {font-size: 5vw;}
.c5 ul.box2 li p.link a {width: 13em;font-size: 5vw;padding: 15px;margin: 1em auto 4em;}

.c5 ul.box2 li:nth-child(2) {margin-top: 3rem;}

.c5 .txt3_1 {font-size: 4vw;margin: 1.5em 4%;line-height: 1.6;}
.c5 ul.box3 {margin: 2em auto;max-width: initial;text-align: center;display: block;}
.c5 ul.box3 li {width: 300px;display: block;margin: 0 auto 4%;height: 300px;font-size: 30px;padding-top: 60px;}
.c5 ul.box3 li:nth-child(2) {margin-left: auto;}
.c5 ul.box3 li p {}
.c5 .atentions {max-width: 1300px;margin: 0 4%;}
.c5 .midashi_1 {font-size: 7vw;}
.c5 .sp_midashi_1 {font-size: 6vw !important;}
}
 
@media screen and (max-width: 430px) {
 .c5 ul.box3 { padding-top:4%;}
.c5 ul.box3 li {transform: scale(0.8,0.8);margin: 0 auto 1em;}
}



/*見出し
------------------------------------------------------------------------------------------------- */
.midashi_1 {font-size: 45px;font-weight: 900;text-align: center;letter-spacing:normal;}
.midashi_1:before {content: "";display: inline-block;width: 71px;height: 132px;vertical-align: -93%;background: url("../images/midashi_img.png") no-repeat top center;background-size: cover; margin-right: 0.3em;}
 
.midashi_1 span {display:block;font-size: 90%;font-weight: 900;margin-bottom: 2em;}
 
 
 @media screen and (max-width: 930px) {
.midashi_1 {font-size: 5vw;}
.midashi_1:before {display: inline-block;width: 1em;height: 1.8em;vertical-align: -40%;background: url("../images/midashi_img.png") no-repeat top center;background-size: cover;}
}
 
@media screen and (max-width: 600px) {
.midashi_1 {font-size: 6.25vw;}
.midashi_1:before {}
}
 
 
 
 
/*お客様からお預かりした資産は全額信託分離保管
------------------------------------------------------------------------------------------------- */
.c6 { background: #FFF; padding: 80px 0 200px; text-align: center;}
.c6 ul {letter-spacing: -0.4em;max-width: 1300px;margin: 100px auto 0;text-align:center;display: flex;justify-content: space-between;flex-wrap: wrap;}
.c6 ul li {letter-spacing: normal;vertical-align: top;display: inline-block;width: 46%;}

.c6 ul li p {font-size: 35px;margin-bottom: 1em;font-weight: 900;}
.c6 ul li:nth-child(1) p {}
.c6 ul li img {width: auto;margin: 0 auto;display: block;}
.c6 .koza_box { margin:100px 0 0; font-size: 35px; line-height: 1.6; font-weight: 900; }
.c6 .koza_box p { font-weight: 900; }
/* .c6 .koza_box img {margin: 100px auto 0;display: block;height: auto;} */
.c6 .koza_box img {margin: 100px auto 0;height: auto;}

@media screen and (max-width: 1360px) {
.c6 ul { max-width: 1300px; }
.c6 ul li p {font-size: 35px; }
.c6 ul li img { width: auto; height: auto; width:100%; }
.c6 .koza_box { margin:100px 4% 0; font-size: 35px; }
.c6 .koza_box img {margin: 100px auto 0;width: 800px;height:auto;}

}
 @media screen and (max-width: 1100px) {
.c6 ul li p {font-size: 30px; }

}
@media screen and (max-width: 930px) {
.c6 { padding: 80px 0 100px; }
.c6 .midashi_1 { margin-left:4%; margin-right:4%;}
.c6 ul {max-width: initial;margin: 3em auto 0;}
.c6 ul li { display: block; width:auto; width: 92%;margin: 0 auto 4em;}
.c6 ul li p {font-size: 4vw;margin-bottom: 0;text-align:center;}
.c6 ul li:nth-child(1) p {}
.c6 ul li img { height: auto; width:100%; }
.c6 ul li img.pc { display:none;}
.c6 ul li img.sp { display:block;}
.c6 .koza_box {margin: 0em 4% 0;font-size: 4vw;}
.c6 .koza_box img {margin: 2em 0% 0;width: 100%;}
}
 

/*最短１営業日でお取引可能
------------------------------------------------------------------------------------------------- */
.c7 { background: #F7FAFD; padding: 50px 0 70px;}
.c7 ul {margin: 90px 4% 0;letter-spacing: -0.4em;display: flex;justify-content: space-between;flex-wrap: wrap;}
.c7 ul li {width: 19%;position: relative;border-radius: 30px;background: #FFF;padding: 2% 2% 4em 2%;letter-spacing: normal;vertical-align: top;display: inline-block;}
.c7 ul li img {margin:1em auto;display: block;width: a;height: 100px;}
.c7 ul li .step {position: absolute;right: 0;bottom: 20px;font-size: 45px;line-height: 1;font-weight: 900;background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;left: 0;}
.c7 ul li .step em { font-size: 140%; text-decoration: none;}
.c7 ul li p.txt { text-align: left;}
.c7 ul li p { font-weight: 900;}


 @media screen and (max-width: 1320px) {
.c7 { }
.c7 ul { margin: 90px 4% 0; }
.c7 ul li { max-width:initial; width:48%; padding: 4%; min-height: 450px; }
.c7 ul li:nth-child(n+2) { margin-left: 0%; }
.c7 ul li:nth-child(n+3) { margin-top: 4%; }
.c7 ul li:nth-child(2n) { margin-left: 4%; }
.c7 ul li img { margin:1em auto; display: block;}
.c7 ul li .step {position: absolute;bottom: 20px;font-size: 45px;line-height: 1;font-weight: 900;background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.c7 ul li .step em { font-size: 140%; text-decoration: none;}
.c7 ul li p.txt { text-align: left;}
.c7 ul li p { font-weight: 900;}

}
 
@media screen and (max-width: 930px) {
.c7 ul {margin: 2em 4% 0;}
.c7 ul li {min-height: initial;padding-bottom:4em;border-radius: 10px;}
.c7 ul li:nth-child(n+2) { margin-left: 0%;}
.c7 ul li:nth-child(n+3) { margin-top: 4%;}
.c7 ul li:nth-child(2n) { margin-left: 4%;}
.c7 ul li img { margin:1em auto; display: block;}
.c7 ul li .step {position: absolute;bottom: 4%;font-size: 7vw;line-height: 1;font-weight: 900;background: -webkit-linear-gradient(0deg, #8FDCF2, #CA78F2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.c7 ul li .step em {font-size: 140%;font-weight: 900;text-decoration: none;}
.c7 ul li p.txt { text-align: left;}
.c7 ul li p { font-weight: 900;}
}

/*口座開設ボタン
------------------------------------------------------------------------------------------------- */
.accountOpen { padding:0 0 5rem 0;}
.accountOpen .box {max-width:900px;margin:0 auto;} 
.accountOpen .content{ margin: 0 auto; }

.accountOpen .content a {background: #7ac7ff;background: url(../images/next_w.png)no-repeat center right 15px, -moz-linear-gradient(left, #7ac7ff 0%, #c529e7 100%);
  background: url(../images/next_w.png)no-repeat center right 15px, -webkit-linear-gradient(left, #7ac7ff 0%, #c529e7 100%);
  background: url(../images/next_w.png)no-repeat center right 15px, linear-gradient(to right, #7ac7ff 0%, #c529e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac7ff', endColorstr='#c529e7',GradientType=1 );
  width: 15em;border: 2px solid #FFF;text-align:center;border-radius:30px 0 30px 30px;padding: 25px 15px;font-weight:900;color:#FFF !important;font-size: 2.2vw;margin: 0 auto 0;box-shadow: 0px 15px 30px rgba(0, 0, 0, .1), 0px 15px 30px rgba(0, 0, 0, .1);}
.accountOpen .content a:hover {box-shadow: 0px 15px 30px rgba(0, 0, 0, .05), 0px 15px 30px rgba(0, 0, 0, .05); bottom:3%;text-decoration: none;}

.accountOpen .content .txt3 {font-size: 2.3vw; line-height: 1.4; font-weight: bold; margin-top: 0.8em;}

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

@media screen and (max-width: 1100px) {
  .accountOpen .content a {
    width: 70%;
    font-size: 3vw;
  }
  .accountOpen .content .txt3 {font-size: 2.6vw; }
}
@media screen and (max-width: 800px) {
  .accountOpen .content a{
    width: 14em;
    padding: 25px;
    font-size: 5.8vw;
  }
  .accountOpen .content .txt3 {font-size: 5vw; width: auto; text-align:center; }
  #header-pc, .pc {
    display: none;
  }
  #header-sp, .sp {
    display: block !important;
  }
}
@media screen and (max-width: 690px) { 
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 99%;
    vertical-align: baseline;
    background: transparent;
}



/* mod */
@media screen and (max-width: 480px) {
  #assistHeaderNav ul li + li {
    margin-left: -15px;
    width: 130px;
    margin-top: 2px;
  }
}


.btn_grad {
  color: #fff;
  /* background-color: #c9171e; */
  background-image: linear-gradient(45deg, #02c100 0%, #0fde02 100%);
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  line-height: normal;
  text-decoration: none;
  border: 1px solid #44a703f7;
  padding: 14px 20px;
  font-size: 18px;
  margin: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.btn_grad:hover{
  color: #fff;
}
 
/* ボタンを光らせる */
.btn_grad:before {
  /*光るアニメーション用*/
  animation: shine 5s ease-in-out infinite;/*数字を変更することで光る間隔が変更*/
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

 
@keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}


.accountOpen .content a {background: #15bb00;background: url(../images/next_w.png)no-repeat center right 15px, -moz-linear-gradient(left, #15bb00 0%, #37d205 100%);
  background: url(../images/next_w.png)no-repeat center right 15px, -webkit-linear-gradient(left, #15bb00 0%, #37d205 100%);
  background: url(../images/next_w.png)no-repeat center right 15px, linear-gradient(to right, #15bb00 0%, #37d205 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac7ff', endColorstr='#c529e7',GradientType=1 );
  width: 18em;border: 2px solid #FFF;text-align:center;border-radius:30px 0 30px 30px;padding: 25px 15px;font-weight:900;color:#FFF;font-size: 2.2vw;margin: 0 auto 0;box-shadow: 0px 15px 30px rgba(0, 0, 0, .1), 0px 15px 30px rgba(0, 0, 0, .1);}

@media screen and (max-width: 1100px) {
  .accountOpen .content a {
    width: 70%;
    font-size: 3vw;
  }
  .accountOpen .content .txt3 {font-size: 2.6vw; }
}
@media screen and (max-width: 800px) {
  .accountOpen .content a{
    width: 14em;
    padding: 25px;
    font-size: 5.8vw;
  }
  .accountOpen .content .txt3 {font-size: 5vw; width: auto; text-align:center; }
}


/* # =================================================================
	 # disp
	 # ================================================================= */
   @media only screen and (min-width: 813px) {
    .pc { display: block !important; }
    .pc-tab { display: block !important; margin:auto; }
    .tab { display: none !important; }
    .sp { display: none !important; }
    
    header .pc { display: inline-block !important; }
    
    .pc-tab-table { display: table !important; }
    .sp-table { display: none !important; }
  }
  
  @media only screen and (max-width: 812px) {
    .pc { display: none !important; }
    .tab { display: block !important; }
    /* .sp { display: none !important; } */
    .sp { display: block !important; }
    
    .pc-tab-table { display: table !important; }
    .sp-table { display: none !important; }
    }
    
  @media only screen and (max-width: 480px) {
    .pc-tab { display: none !important; }
    .sp { display: block !important; }
    
    .pc-tab-table { display: none !important; }
    .sp-table { display: table !important; }
  }



 /* mod css  */
 
.c3 .atntion a {
  display: inline;
}

/* parts */
.linktxt_b {
  color:blue;
}
.linktxt_b:hover {
  cursor: pointer;
  color:rgb(47, 47, 253);
  text-decoration: underline;
}
.cam-label {
  width: 70%;
  font-size: 0.9rem;
  font-weight: 900;
  background: #e70012;
  color: #ffffff;
  border-radius: 8px;
  margin: 0 auto;
}


/* wrap */
.c3 ul li {
  width: 32.0%;
  padding: 2% 1% 1%;
  margin-top: 2%;
  height: 285px;
}

.c3 ul li .number {
  font-size: 100px;
}
.c3 ul li .number span {
  font-size: 1rem;
}

p.img2_1.fadeIns.anime.delays2.animetions {
  transform: translate(0, 0);
}

.graph.graph_cirle .midashi_1 span {
  display: inline;
  font-size:2vw !important;
}


@media screen and (max-width: 930px) {
  .c1>ul>li:nth-child(4) dl dt {
    width: 32.5%;
    margin: 0 1px 45px;
  }

  .c1>ul>li:nth-child(3) div .midashi_1 {
    margin-top: 1em;
  }

  .c1>.img2 {
    top: 160vh;
  }
  
  .c3 {
      padding: 40px 0 0px;
  }
  .c5 {
      padding: 10px 0 0em;
  }
  .c5 ul.box2 li img {width: 40vw;}
  .c5 ul.box2 li p.title {
    font-size: 4.5vw;
  }
}

@media screen and (max-width: 800px) {
  .cam-label {
    width: 90%;
    line-height: 20px;
  }
  footer ul>li a.linktxt { font-weight:bold; font-size:3vw;}

  .c5 ul.box2 {
    display: flex;
  }
  .c5 ul.box2 li {
    width: 46%
  }
  .c5 ul.box2 li:nth-child(2) {
    margin-top: 0;
  }
  .c5 ul.box2 li:nth-of-type(1) {
    margin-right: 3%;
  }
  .c5 ul.box2 li:nth-of-type(2) {
    margin-left: 3%;
  }

  .c5 ul.box3 {padding-top:4%;}
  .c5 ul.box3 li {transform: scale(0.8,0.8);margin: 0 auto 1em;display: inline-block;width: 50%;height: 190px;font-size: 24px;padding-top: 30px;}
  .c5 ul.box3 li p {font-size: 60px;margin-top: 0.2em;}
  
}

@media screen and (max-width: 440px) {
  .cam-label {
    width: 80%;
    line-height: 11px;
    font-size: 0.7rem;
    padding: 3px;
  }
  footer ul li p {
    font-size: 0.9rem;
  }
  .c3 ul li {
    height: 145px;
  }
  .c3 ul li img {
    width: 55%;
  }
  .c3 ul li .number {
    font-size: 38px;
  }
  .c3 ul li .number span {
    font-size: 0.6rem !important;
  }

  .c2 .box ul {
    margin: 0px 2% 0;
  }
  .c2 .box ul li {
    width: 48%;
  }
  .c2 .box ul li:nth-of-type(1) {
    margin-right: 1%;
  }
  .c2 .box ul li:nth-of-type(2) {
    margin-left: 1%;
  }

  .c3 .thousandli li {
    height: 155px;
  }
}
@media screen and (max-width: 400px) {
  .c3 ul li img {
    width: 65%;
  }
}

@media screen and (max-width: 320px) {
  .c3 ul li {
    height: 125px;
  }
  .c3 ul li .number {
    font-size: 40px;
  }
  .cam-label {
    font-size: 0.6rem;
  }
}






/*==========
===add graph
==========*/

.graph {
  padding: 5vw 0 8vw 0;
  background: none;
}

.graph p.midashi_1 {
  margin: auto;
  position: relative;
}

.graph p.midashi_1:before {
  top: 0;
}

.graph img {
  width: 88%;
  margin: 0 auto;
}

.graph .graph_area {
  margin: 60px auto;
}

.graph .graph_annotation,
.users_voice .users_voice_annotation {
  /* font-weight: bold; */
  font-size: 1em;
  width: 80%;
  margin: auto;
  text-align: center;
}

.graph.graph_cirle ul.graph_area {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 1200px;
}

.graph.graph_bar {
  margin-bottom: 100px;
  background: #fff;
}

.graph.graph_bar p.midashi_1:before {
  top: 0;
  margin-bottom: 1vw;
}

.graph.graph_cirle .midashi_1 span {
  display: inline;
  font-size:2vw !important;
}

.graph.graph_bar .graph_area {
  width: 80%;
  max-width: 1000px;
}

.graph.graph_bar .graph_area .graph_ttl {
  margin: 30px auto;
  position: relative;
}

.graph.graph_bar .graph_area .graph_ttl p {
  font-size: 1.3em;
  font-weight: bold;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
  position: relative;
  z-index: 1;
}

.graph.graph_bar .graph_area .graph_ttl hr {
  display: block;
  border: 0;
  height: 2px;
  width: 100%;
  background: #3A566F;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}


@media screen and (max-width: 930px) {
  .graph p.midashi_1 {
    width: 100%;
    font-size: 5vw;
    line-height: 1.2;
  }
  .graph.graph_cirle .midashi_1 {
    font-size:5vw
  }
}


@media screen and (max-width: 800px) {
  /*==========
  ===add 800graph
  ==========*/
  .graph .graph_area {
    margin: 30px auto;
  }

  .graph.graph_cirle ul.graph_area {
    display: flex;
  }
  .graph img {
    width: 100%;
  }

  .graph .graph_annotation, .users_voice .users_voice_annotation {
    width: 90%;
    font-size: 0.8em;
  }
  /*==========
  ===//end 800graph
  ==========*/
}

@media screen and (max-width: 440px) {
  .graph img {
    width: 75%;
  }
  .graph.graph_cirle ul.graph_area {
    flex-wrap: wrap;
  }
  .graph.graph_cirle ul.graph_area li:nth-of-type(1),
  .graph.graph_cirle ul.graph_area li:nth-of-type(2) {
    width: 50%;
  }
  .graph.graph_cirle ul.graph_area li:nth-of-type(3) {
    width: 100%;
  }

  .graph.graph_cirle ul.graph_area li:nth-of-type(1) img,
  .graph.graph_cirle ul.graph_area li:nth-of-type(2) img {
    width: 100%;
  }
  .graph.graph_cirle ul.graph_area li:nth-of-type(3) img {
    width: 50%;
  }

}
/*==========
===//end graph
==========*/





/*==========
===add お客様の声
==========*/

.users_voice {
  background: #fff;
  padding: 5vw 0;
}

.users_voice ul {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 80%;
  max-width: 1200px;
  margin: 0.5vw auto;
}

.users_voice ul li.users_voice_icon {
  width: 20%;
  max-width: 150px;
  position: relative;
  z-index: 2;
}
.users_voice ul li.users_voice_icon img {
  width: 80%;
  margin: 0 auto;
}
.users_voice ul li.users_voice_icon .users_voice_age {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 10px;
}


.users_voice ul li.users_voice_txt {
  width: 100%;
  text-align: left;
  position: relative;
}

.users_voice ul li.users_voice_txt p {
  padding: 1vw 3vw;
  border-radius: 15px;
  width: 90%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background: #fff;
}


.users_voice ul li.users_voice_txt hr.voice_shadow {
  display: block;
  border: 0;
  height: 100%;
  border-radius: 15px;
  width: 90%;
  background: #eee;
  position: absolute;
  top: 15px;
  z-index: 0;
  margin: auto;
  overflow: initial;
}
.users_voice ul li.users_voice_txt hr.voice_shadow:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
  border-right: 20px solid transparent;
  border-bottom: 30px solid #eee;
  border-left: 20px solid transparent;
  z-index: 1;
}


/*men*/
.users_voice ul.users_voice_men li.users_voice_txt p {
  border: 6px solid #8fdcf2;
  margin-left: auto;
}

.users_voice ul.users_voice_men li.users_voice_txt hr.voice_shadow {
  right: 15px;
}

.users_voice ul.users_voice_men li.users_voice_txt hr.voice_shadow:before {
  left: -30px;
}

.users_voice ul.users_voice_men li.users_voice_txt p:before,
.users_voice ul.users_voice_men li.users_voice_txt p:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
  border-right: 20px solid transparent;
  border-bottom: 30px solid #8fdcf2;
  border-left: 20px solid transparent;
  z-index: 1;
}

.users_voice ul.users_voice_men li.users_voice_txt p:before {
  left: -35px;
}

.users_voice ul.users_voice_men li.users_voice_txt p:after {
  left: -25px;
  border-bottom: 30px solid #fff;
}
/*//men*/

/*women*/
.users_voice ul.users_voice_women {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.users_voice ul.users_voice_women li.users_voice_txt p {
  border: 6px solid #ca78f2;
}

.users_voice ul.users_voice_women li.users_voice_txt hr.voice_shadow {
  left: 15px;
}

.users_voice ul.users_voice_women li.users_voice_txt hr.voice_shadow:before {
  right: -30px;
  transform: rotate(90deg);
}

.users_voice ul.users_voice_women li.users_voice_txt p:before,
.users_voice ul.users_voice_women li.users_voice_txt p:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(90deg);
  border-right: 20px solid transparent;
  border-bottom: 30px solid #ca78f2;
  border-left: 20px solid transparent;
  z-index: 1;
}

.users_voice ul.users_voice_women li.users_voice_txt p:before {
  right: -35px;
}

.users_voice ul.users_voice_women li.users_voice_txt p:after {
  right: -25px;
  border-bottom: 30px solid #fff;
}
/*//women*/

@media screen and (max-width: 800px) {
  /*==========
  ===add 800お客様の声
  ==========*/
  .users_voice ul {
    align-items: flex-start;
    margin: 8vw auto;
  }
  .users_voice ul li.users_voice_txt p {
    padding: 3vw;
    width: 85%;
  }
  .users_voice ul li.users_voice_txt p:before,
  .users_voice ul li.users_voice_txt p:after,
  .users_voice ul li.users_voice_txt hr.voice_shadow:before{
    margin: 0 !important;
    bottom: auto !important;
    top: 10vw !important;
  }
  .users_voice ul li.users_voice_txt hr.voice_shadow {
    width: 85%;
  }
  /*==========
  ===//end 800お客様の声
  ==========*/
}

/*==========
===//end お客様の声
==========*/