@charset "utf-8";
/* --------------------------------------
    UPDATES
        20260406
---------------------------------------*/
/* --------------------------------------
     INITIALIZE
-------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1.6;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

/* --------------------------------------
     BASE 
-------------------------------------- */
html{ font-size: 62.5%; }
body{ margin: 0; padding: 0; font-size : 1.4rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333333;
	/* background-color: #ffffff; */
	line-height:1.6;
    -webkit-text-size-adjust: 100%;
	}
a:hover img{ opacity:0.8;
    filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}
a{text-decoration: none;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
header,footer.main{margin: 0 auto; padding: 0; width: 100%;}
section{margin: 0 auto; padding-top: 0; width: 100%;}
a:hover img{ opacity:0.8;
    filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}
.tx-rule span{display: inline-block;}
#wrapper {display: flex;flex-direction: column;min-height: 100vh;
width: 100%;}
/* --------------------------------------
     PARAMS
-------------------------------------- */
/* --------------------
FONT SIZE
-------------------- */
h1{font-size: 3.8rem;}
h2{font-size: 2.4rem;}
h3{font-size: 2.0rem;}
h4{font-size: 1.8rem;}
h5{font-size: 1.6rem;}
p{font-size: 1.4rem;}

h2.title {
    border-bottom: 1px dotted rgba(179,62,92,0.8);
    width: 100%;
    text-align: center;
    display: block;
    margin: 3.0rem auto 5.0rem;
    padding-bottom: 1.0rem;
    line-height: 100%;
    font-weight: bold;
}
h3.title {
    border-bottom: 1px dotted rgba(179,62,92,0.8);
    width: 100%;
    text-align: left;
    display: block;
    margin: 0 auto 2.0rem;
    padding-bottom: 1.0rem;
    line-height: 100%;
    font-weight: bold;
}
span.sub-ttl{
    display: block;
    font-size: 1.2rem;
    line-height: 100%;
    margin-top: .6rem;
}
/* ----- Button ----- */
.common-btn{
    text-align: left;
    margin-top: 2.0rem;
}
.common-btn a{
    text-align: center;
    padding: 0.5rem 4.0rem;
    color: #202f55;
    background-color: #ffffff;
    border: 1px solid #202f55;
    display:inline-block;
    margin-bottom: 3.0rem;
}
.common-btn a:hover{
    color: #ffffff;
    background-color: #202f55;
    border: 1px solid #202f55;
}
/* --------------------
CONTAINER
-------------------- */

.narrow-container{margin:0 auto;padding: 0;max-width: 1024px;}
@media screen and (max-width: 1064px){
    .narrow-container{width:  calc(100% - 20px);}
    html{font-size: 62.5%;}
}
@media screen and (max-width: 960px) {
   /* .narrow-container{width:  calc(100% - 20px);} */
    html{font-size: 60%;}
}
@media screen and (max-width: 560px) {
   /*  .narrow-container{width:  calc(100% - 20px);} */
    html{font-size: 56%;}
}
/* -----------------------------------
	Header
----------------------------------- */
.head_area {
  display: flex; 
  flex-direction: row;
    padding-top: 10px;
}
.head-logo{width: 348px;}
.head-logo img{width: 100%;}
.head-items{max-width: 300px;}
@media screen and (max-width: 960px){
    .head_area{padding-top: 5px;}
    .head-logo{width: 290px;}
}
/* -----------------------------------
	Footer
----------------------------------- */
footer{background-color: #202f55;margin-top: auto;}
footer p{padding-bottom: 5.0rem; padding-top: 5.0rem; text-align: center;color: #ffffff;}
/* -----------------------------------
	PAGE TOP
----------------------------------- */
#page-top {
    position: fixed;
    bottom: 2.0rem;
    right: 2.0rem;
    margin: 0 auto;
    z-index: 999;
}
#page-top a {
    display: inline-block;
    padding: 1.2rem 1.2rem 0.8rem;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 3.2rem;
    font-weight: 800;
    text-decoration: none;
    line-height: 1;
    border-radius: 10%;
    background: #7F96D1;
    opacity: 0.7;
    border: 0.2rem solid #fff;
}
#page-top a:hover {
    background:#202f55;
    color: #fff;
    text-decoration: none;
}
/* -----------------------------------
	TOP IMAGE
----------------------------------- */
.reg-title-height{height: 20.0rem;}
.bg-reg-title-img{background:url(../../common/images/registration/document.png);
    background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #464646;}
.bg-seminar-title-img{background:url(../../common/images/registration/seminar.png);
    background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #464646;}
.bg-contact-title-img{background:url(../../common/images/registration/contact.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #464646;}
.bg-mail-title-img{background:url(../../common/images/registration/mail.png);
    background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #464646;}
/* .reg-title-area{
  position: relative;
}
.reg-title{
    position: absolute;
    top: 50%; left: 0;
} */
.reg-title-area{
  height: 200px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.reg-title h1{color: #ffffff;font-weight: bold;line-height: 1.2;}
.reg-title p{color: #ffffff;font-weight: bold;}
p.reg-mess{padding-top: 3.0rem;padding-bottom: 3.0rem;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}
.fc-red{color: #b33e5c;}
.bg-red{background-color: rgba(179,62,92,1.0);}
.fc-navy{color: #202f55;}
.bg-navy{background-color: rgba(32,47,85,1.0);}
.fc-gray{color: #808080;}
.bg-gray{background-color: rgba(238,238,238,1.0);} /* #eee */
.fc-white{color: #ffffff;}
.bg-skyblue{background-color: #8ac0f7;}
.fc-skyblue{color: #8ac0f7;}
.bg-yellow{background-color: rgba(255,246,217,1.0);} /* #FFEDB3 */

.pb1{padding-bottom: 1.0rem;}
.pb3{padding-bottom: 3.0rem;}
.pb5{padding-bottom: 5.0rem;}
/* -----------------------------------
	STEP
----------------------------------- */
.sp3{padding-top: 3.0rem;padding-bottom: 3.0rem;}
.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding: 0;
  margin:0;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #eeeeee;
  padding: 1em 0.5em 1em 2em;
  color: #b33e5c;
    font-weight: bold;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #eeeeee;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li.is-current{
  background: #b33e5c;
  font-weight: bold;
    color: #ffffff;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #b33e5c;
}
/* -----------------------------------
	LABEL
----------------------------------- */
.remark{
    color: #b33e5c;
    font-size: 1.0rem;
    font-weight: bold;
    border: 2px solid #b33e5c;
    border-radius: 0.3rem;
    line-height: 1.3rem;
    padding: 0 0.5rem;
    /* background-color: #ffffff;*/
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* -----------------------------------
	Table
----------------------------------- */
table.reg-tbl {
  border-collapse: collapse;
  width: 100%;text-align: left;
    margin-top: 3.0rem;
    margin-bottom: 5.0rem;
}
table.reg-tbl th,
table.reg-tbl td {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #555;
    vertical-align: top;
}
table.reg-tbl tr:first-child th,
table.reg-tbl tr:first-child td {
  border-top: 1px solid #555;
}
table.reg-tbl th {
  font-weight: normal;
  color: #333333;
    font-weight: bold;
  background: #eeeeee;
  top: 0;
}
@media(max-width: 600px) {
  table.reg-tbl th,
    table.reg-tbl td {
    display: block;}
    table.reg-tbl tr:first-child td {
  border-top: 0;
}
}


/* ---------------------

    FORM

--------------------- */
input[type=text], textarea, select{
  margin: 0;
  padding: 0;
  background: none;
border: 1px dotted #808080;
  border-radius: 0;
  outline: none;
    line-height: 2.0;
    width: 100%;
    padding: 0.5rem;
}
input[type=text], textarea, select{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input[type=text]::-webkit-input-placeholder {
    color: rgba(71,132,191,0.5);
}
input[type=text]:-moz-placeholder {
    color: rgba(71,132,191,0.5);
}
input[type=text]::-moz-placeholder {
    color: rgba(71,132,191,0.5);
}
input[type=text]:-ms-input-placeholder {
    color: rgba(71,132,191,1);
}
textarea::-webkit-input-placeholder {
    color: rgba(71,132,191,0.5);
}
textarea:-moz-placeholder {
    color: rgba(71,132,191,0.5);
}
textarea::-moz-placeholder {
    color: rgba(71,132,191,0.5);
}
textarea:-ms-input-placeholder {
    color: rgba(71,132,191,1);
}

/* ---- FROM BTN FLEXBOX ---- */
.reg-btns {
  display: flex;
  justify-content: space-around;
  padding-bottom: 5.0rem;
}
.reg-btns > div {width: 50%;margin: 0 auto;text-align: center;}
.reg-btns {width: 100%;}
@media only screen and ( max-width : 560px ) {
    .reg-btns {flex-direction: column;}
    .reg-btns > div {width: 100%; padding-bottom: 3.0rem;}
}
/* --- Form Button --- */
.form_btn {
  display: inline-block;
  min-width: 18rem;
  text-align: center;
  border: 1px solid #808080;
  font-size: 1.4rem;
  color: #ffffff;
  text-decoration: none;
  padding: 1.0rem 1.5rem;
  transition: .4s;
    cursor: pointer;
    background-color: #808080;
    line-height: 2.0;
    border-radius: 0.5rem;
}

.form_btn:hover {
  background-color: #202f55;
  border-color: #808080;
    color: #ffffff;
}
/* ------------------------------------------
　   FLEXBOX SUB HORIZONTAL
------------------------------------------ */
.item{margin-bottom: 3.0rem;}
.item .flx-item-img img {width: 100%;}
.item .flx-item-img20 img {width: 100%;}
@media screen and (max-width : 560px) { 
    .item .flx-item{padding-bottom: 3.0rem;}
    .item .flx-item-img{width: 100%;}
    .item .flx-item-txt{width: 100%; padding-bottom: 1.0rem;}
    .item .flx-item-img20{display: none;}
    .item .flx-item-txt80{width: 100%; padding-bottom: 1.0rem;}
    .item .flx-item-img30{display: none;}
    .item .flx-item-txt70{width: 100%; padding-bottom: 1.0rem;}
}
@media screen and (min-width : 561px) { 
    .item .flx-item {
        display: flex;
        margin: 0;
    }
    .item .flx-item:nth-child(odd) {
        flex-direction: row-reverse;
            margin-bottom: 0;
    }
    .item .flx-item:nth-child(odd) .flx-item-img20 {
        text-align: left;
        padding: 0 2.0rem;
    }
    .item .flx-item-img {
        width: 40%;
        padding: 0 2.0rem;
    }
    .item .flx-item-txt {
        width: 60%;
        padding: 0 2.0rem;
    }
    /* MODIFY 20240408 */
    .item .flx-item-img30 {
        width: 30%;
        padding: 0 2.0rem;
        text-align: right;
    }
    .item .flx-item-txt70 {
        width: 70%;
        padding: 0 2.0rem;
    }
    .item .flx-item-img20 {
        width: 20%;
        padding: 0 2.0rem;
        text-align: right;
    }
    .item .flx-item-txt80 {
        width: 80%;
        padding: 0 2.0rem;
    }
    .item .flx-item-txt100 {
        width: 100%;
        padding: 0 2.0rem;
    }
    .item .flx-item:nth-child(odd) .common-btn{
        text-align: right;
    }
}

ul.common, ol.common {
  padding-left: 2.0rem;
}
.common li > ul, .common li > ol {
  padding-left: 2.0rem;
}

/* -- Number -- */
ul.num {list-style: decimal;}
ul.disc {list-style: disc;}
ul.square {list-style: square;}
ul.circle {list-style: circle;}
ul.lower-latin {list-style: lower-latin;}
ul.lower-roman {list-style: lower-roman;}
ul.red-dot{list-style-image: url(../images/general/mark/icon_dot.gif)}
ul.red-arr{list-style-image: url(../images/general/mark/icon_arr.gif)}

ul.mark-only li {
    padding-left: 1.0rem;
	text-indent: -1.0rem;
}
ul.mark-only li::before {
	content:" ) ";
}
ul.right-mark li {
	list-style-type: none;
	counter-increment: cnt;
}
ul.right-mark li::before {
	content: counter(cnt) " ) ";
}
ul.both-mark li {
	list-style-type: none;
	counter-increment: cnt;
}
ul.both-mark li::before {
	content:"( " counter(cnt) " ) ";
}
/* -------------------------------
    LABEL 
--------------------------------*/
/* 20260406 UPDATES */
.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.checkbox-group label {
    width: 48%;
    display: block;
    word-break: break-word; /* 長文対策 */
}

/* -------------------------------------
    Portrait Case - List-　20260507
--------------------------------------*/
  .item .flx-item-img.portrait {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .item .flx-item-img.portrait img {
    width: 70%;
    max-width: 320px;
    height: auto;
  }