@charset "utf-8";


.txts_50 {
  font-size: 50px;
}
.txts_40 {
  font-size: 40px;
}
.txts_30 {
  font-size: 30px;
}
.txts_24 {
  font-size: 24px;
}
.txts_20 {
  font-size: 20px;
}
.txts_18 {
  font-size: 18px;
}
.txts_14 {
  font-size: 14px;
}
.txts_13 {
  font-size: 13px;
}
.txtc_key {
  color: #009fc1;
}
.txtc_subkey {
  color: #fff498;
}
.txtc_ff {
  color: #fff;
}
.txtc_ed {
  color: #ededed;
}
.txtc_66 {
  color: #666;
}
.txtc_33 {
  color: #333;
}
.txtc_00 {
  color: #000;
}
.txtd_underline {
  text-decoration: underline;
}
.txtd_bdr_btm_key {
  border-bottom: 3px solid #009fc1;
  margin: 0 0 8px;
}
.txtd_bdr_btm_33 {
  border-bottom: 3px solid #333;
  margin: 0 0 8px;
}
.txtd_bdr_btm_key_dot {
  border-bottom: 3px dotted #009fc1;
  margin: 3px 0 10px;
}
.fntw_bold {
  font-weight: bold;
}
.bgc_key {
  background-color: #009fc1;
}
.bgc_subkey {
  background-color: #fff498;
}
.bgc_ff {
  background-color: #fff;
}
.bgc_ed {
  background-color: #ededed;
}
.bgc_66 {
  background-color: #666;
}
.bgc_00 {
  background-color: #000;
}
.bgc_e1 {
  background-color: #e1e3e5;
}
.bgc_d9 {
  background-color: #d9d9d9;
}
.aln_center {
  text-align: center;
}
.aln_left {
  text-align: left;
}
.aln_right {
  text-align: right;
}
.rds_3 {
  border-radius: 3px;
}
.rds_5 {
  border-radius: 5px;
}
.rds_10 {
  border-radius: 10px;
}
.rds_15 {
  border-radius: 15px;
}
.rds_20 {
  border-radius: 20px;
}
.rds_30 {
  border-radius: 30px;
}
.flt_left {
  float: left;
}
.flt_center {
  float: center;
}
.flt_right {
  float: right;
}

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
  float: left;
  margin-left: 2.8%;
}
.first {
  margin-left: 0;
}
.col_1 {
  width: 5.7%;
}
.col_2 {
  width: 14.3%;
}
.col_3 {
  width: 22.9%;
}
.col_4 {
  width: 31.4%;
}
.col_5 {
  width: 40.0%;
}
.col_6 {
  width: 48.6%;
}
.col_7 {
  width: 57.1%;
}
.col_8 {
  width: 65.7%;
}
.col_9 {
  width: 74.3%;
}
.col_10 {
  width: 82.9%;
}
.col_11 {
  width: 91.4%;
}
.col_12 {
  width: 100.0%;
}
.push_1 {
  left: 8.6%;
}
.push_2 {
  left: 17.1%;
}
.push_3 {
  left: 25.7%;
}
.push_4 {
  left: 34.3%;
}
.push_5 {
  left: 42.9%;
}
.push_6 {
  left: 51.4%;
}
.push_7 {
  left: 60%;
}
.push_8 {
  left: 68.6%;
}
.push_9 {
  left: 77.1%;
}
.push_10 {
  left: 85.7%;
}
.push_11 {
  left: 94.3%;
}
.pull_1 {
  right: 8.6%;
}
.pull_2 {
  right: 17.1%;
}
.pull_3 {
  right: 25.7%;
}
.pull_4 {
  right: 34.3%;
}
.pull_5 {
  right: 42.9%;
}
.pull_6 {
  right: 51.4%;
}
.pull_7 {
  right: 60%;
}
.pull_8 {
  right: 68.6%;
}
.pull_9 {
  right: 77.1%;
}
.pull_10 {
  right: 85.7%;
}
.pull_11 {
  right: 94.3%;
}

.wdh_10, .wdh_20, .wdh_30, .wdh_40, .wdh_50, .wdh_60, .wdh_70, .wdh_80, .wdh_90, .wdh_100,
.wdh_95 {
  margin: 0 auto;
}
.wdh_10 {
  width: 10%;
}
.wdh_20 {
  width: 20%;
}
.wdh_30 {
  width: 30%;
}
.wdh_40 {
  width: 40%;
}
.wdh_50 {
  width: 50%;
}
.wdh_60 {
  width: 60%;
}
.wdh_70 {
  width: 70%;
}
.wdh_80 {
  width: 80%;
}
.wdh_90 {
  width: 90%;
}
.wdh_95 {
  width: 95%;
}
.wdh_100 {
  width: 100%;
}
.pdg_10 {
  padding: 10px;
}
.pdg_15 {
  padding: 15px;
}
.pdg_20 {
  padding: 20px;
}
.pdg_30 {
  padding: 30px;
}
.pdg_40 {
  padding: 40px;
}

.pdgb_0 {
  padding-bottom: 0;
}

.pdgt_10 {
  padding-top: 10px;
}

.pdgt_15 {
  padding-top: 15px;
}

.pdgr_20 {
  padding-right: 20px;
}

.pdgb_10 {
  padding-bottom: 10px;
}

.pdgl_20 {
  padding-left: 20px;
}

.mgnl_0 {
  margin-left: 0;
}
.mgn_10 {
  margin: 10px;
}
.mgnb_20 {
  margin-bottom: 20px;
}
.mgnb_25 {
  margin-bottom: 25px;
}
.mgnb_30 {
  margin-bottom: 30px;
}

.mgnt_15 {
  margin-top: 15px;
}

.mgnt_20 {
  margin-top: 20px;
}

.pdgt_20 {
  padding-top: 20px;
}
.pdgtb_5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pdgtb_10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pdgtb_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pdgtb_30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pdglr_10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pdglr_15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pdglr_20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pdglr_30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pdgtb_2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pdgtb_3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pdglr_8 {
  padding-left: 8px;
  padding-right: 8px;
}

.mgn_n30 {
  margin-top: -30px;
}

.bdr_key {
  border: 3px solid #009fc1;
  margin: 0 0 8px;
}
.bdr_33 {
  border: 3px solid #333;
  margin: 0 0 8px;
}

.dpy_block {
  display: block;
}
.dpy_inblock {
  display: inline-block;
}
.clear {
  clear:both
}


body {
  color: #333;
  background: #ededed;
  font: 16px/1.75 'Noto Sans Japanese' , "ヒラギノ角ゴ Pro W3", Verdana, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ＭＳ ゴシック", "MS Gothic", sans-serif;
  *font-size: small;
  /* for IE */
  *font: x-small;
  /*

  for IE in quirks mode */
  vertical-align: baseline;
}

main {
  margin: 80px auto 0;
  padding: 680px 0 0;
  background: url("../images/bg_main.png") top center no-repeat;
  display: block;
}

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  z-index: 100;
  line-height: 80px;
  vertical-align: middle;
}
header a img {
  vertical-align: middle;
}
.container {
  margin: 0 auto;
  width: 1120px;
}
main .container {
  width: 970px;
  margin: 0 auto;
  padding: 60px 0 20px;
}

a {
  text-decoration: none;
  color: #fff;
  vertical-align: middle;
}
a:hover {
  color: #fff;
  text-decoration: inherit;
}

/*
footer
*/
footer {
  padding: 0 0 30px;
  background: #fff;
  font-size: 14px;
}

footer section {
  width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
}

footer h6 {
  width: 210px;
  height: auto;
  margin: 0;
}

.copyright {
  margin-top: 10px;
  font-size: 0.7em;
  color: #999;
  line-height: 1.1em;
  display: block;
  font-weight: normal;
}

small {
  font-size: 0.8em;
}

.fRight {
  float: right;
}
footer ul {
  width: 610px;
  margin-bottom: 10px;
  line-height: 1.3em;
}
footer li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #999;
  font-size: 12px;
}
footer li.last-child {
  border-right: none;
}

footer a {
  color: #009fc1;
  text-decoration: none;
}
footer a:visited {
  color: #009fc1;
  text-decoration: none;
}

footer a:link {
  color: #009fc1;
  text-decoration: none;
}


#achievement .txt_area {
  margin: 10px 15px;
}





/***************************************************
2020.11.12 add styles for seminar LP(202008_builder)
****************************************************/

header ul{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}

main{
  padding: 50px 0;
}

main .container {
  width: 970px;
  margin: 0 auto;
  padding: 60px 0 20px;
  border-radius: 5px;
}

figure{
  margin: 0;
}
main img {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}

.conts_in02 {
  font-size: 10px;
  padding: 0px 55px 0;
}
.conts_in02 h1 {
  font-size: 30px;
  text-align: center;
  white-space: nowrap;
  color: #3c3c3c;
  padding-bottom: 1em;
  line-height: 1.4;
}

.conts_in02 h1 span {
  font-size: 24px;
  text-align: center;
  padding-bottom: 1em;
}



.conts_in02 p {
  font-size: 17px;
  line-height: 1.75em;
  margin-bottom: 1.5em;
}

p.base {
  background: #009fc1;
  padding: 10px 30px 10px 20px;
  margin-bottom: 20px;
  display: inline-block;
  border-radius: 0px 20px 0px 0px;
  font-size: 17px;
  color: #FFF;
}
p.base strong {
  font-weight: normal;
}


.wp_content_style a {
  color: #009fc1;
  vertical-align: middle;
}

.button03 a {
  display: block;
  width: 80%;
  padding: 35px 10px;
  background: #ea5549;
  color: #FFF;
  font-size: 25px;
  text-align: center;
  border-radius: 60px;
  transition: .3s;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
}

.button03 a:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  position: absolute;
  top: 50%;
  right: 40px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -3.5px;
}

.button03 a:hover {
  opacity: 0.8;
  letter-spacing: 0.5px;
}

P.back-button{
  margin: 0px !important;;
}

.back-button a{
  display: block;
  width: 18%;
  padding: 6px 6px;
  background: #fff;
  color: #888;
  font-size: 17px;
  text-align: center;
  border:solid 2px #aaa;
  border-radius: 6px;
  margin: 0 0 0 auto;
}


.wp_content_style .conts_in02 h3 {
  margin-top: 90px;
  margin-bottom: 40px;
  background: #f2f6fa;
  padding: 20px 30px;
  font-size: 25px;
  border-left: 3px solid #009fc1;
  border-bottom: none;
}
.under h3 {
  font-size: 22px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.brand_box {
  border: 1px solid #E5E5E5;
  padding: 0 40px 45px;
  margin: 20px 0 50px;
  border-radius: 5px;
}

p.brand_box_strong {
  color: #009fc1;
  font-weight: bold;
  margin: 40px 0;
  text-align: center;
  font-size: 20px;
  line-height: 1.7em;		
  border-bottom: dotted 2px;
  padding: 5px 0;		
}

.red {
  color: #ea5549;
}

.wp_content_style p.bg_tel, p.bg_tel {
  background: #e5edf6;
  padding: 20px;
  line-height: 1.8em;
  text-align: center;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: 40px;
}

.bg_tel a {
  font-size: 30px;
  font-weight: bold;
  line-height: 2em;
}

.wp_content_style ul {
    padding-left: 30px;
}

.wp_content_style .conts_in02 ul li {
    padding: 6px 0;
    font-size: 17px;
}
.wp_content_style ul li {
    list-style: square;
}







/*==========================================================================*/

/*                            Component                                     */

/*==========================================================================*/

/* style
--------------------------------------------------------------------------- */

/* widths */
.width_half {
  width: 50%;
}
/* float */
.fl {
  float: left;
}
.fr {
  float: right;
}
.image_l,.wp_content_style img.image_l {
  float: left;
  margin: 0 30px 10px 0;
}
.image_r.wp_content_style img.image_r {
  float: right;
  margin: 0 0 10px 30px;
}
/* font */
.f_en {
  font-family: 'Roboto', sans-serif;
}
.font-weight-bold {
  font-weight: bold !important;
}
.bold {
  font-weight: bold;
}
/* alignment */
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
/* color */
.c-primary {
  color: #009fc1;
}
.red {
  color: red;
  text-decoration: underline dotted;
}
/* display */
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
/* list */
.list-style-none li {
}
/* border */
.border-none {
  border: none !important;
}
/* margin */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.my-2 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}
.my-3 {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}
.my-4 {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 1em !important;
  margin-left: 1em !important;
}
.mx-2 {
  margin-right: 2em !important;
  margin-left: 2em !important;
}
.mx-3 {
  margin-right: 3em !important;
  margin-left: 3em !important;
}
.mx-4 {
  margin-right: 4em !important;
  margin-left: 4em !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 1em !important;
}
.mt-2 {
  margin-top: 2em !important;
}
.mt-3 {
  margin-top: 3em !important;
}
.mt-4 {
  margin-top: 4em !important;
}
.mt-5 {
  margin-top: 5em !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 1em !important;
}
.mb-2 {
  margin-bottom: 2em !important;
}
.mb-3 {
  margin-bottom: 3em !important;
}
.mb-4 {
  margin-bottom: 4em !important;
}
.mb-5 {
  margin-bottom: 5em !important;
}
.mb-6 {
  margin-bottom: 6em !important;
}
.mb-7 {
  margin-bottom: 7em !important;
}
.mb-10 {
  margin-bottom: 10em !important;
}
/* padding */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.py-2 {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}
.py-3 {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}
.py-4 {
  padding-top: 4em !important;
  padding-bottom: 4em !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 1em !important;
  padding-left: 1em !important;
}
.px-2 {
  padding-right: 2em !important;
  padding-left: 2em !important;
}
.px-3 {
  padding-right: 3em !important;
  padding-left: 3em !important;
}
.px-4 {
  padding-right: 4em !important;
  padding-left: 4em !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 1em !important;
}
.pt-2 {
  padding-top: 2em !important;
}
.pt-3 {
  padding-top: 3em !important;
}
.pt-4 {
  padding-top: 4em !important;
}