@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------
greeting下層
--------------------------------------------------------------------*/

.comment {
   margin-bottom: 120px;
}

.line {
   background: #c9c9c9;
   width: 100%;
   height: 1px;
   margin: 50px auto;
}



/*--------------------------------------------------------------------
contact
--------------------------------------------------------------------*/

#contact .flex__center {
  border:solid 2px #243a5c;
  background: #fff;
}

#contact .flex__center .flex__item {
  padding: 50px 0;
}

.address_name {
  font-size: 1.2rem;
}

.phone,
.email a,
.email a span {
  font-size: 1.5rem;
  font-weight: bold;
  transition: 0.3s;
}

.email a:hover,
.email a span:hover{
  color:#3592dd;
}

.menu__item {
  background: #fff;
  color: #fff;
  cursor: pointer;
  text-align: center;
  display: block;
  margin-bottom: 1px;
  position: relative;
  margin-bottom: 50px;
}

.menu__item__link {
   display: block;
   background-color: #243a5c;
   padding: 20px;
   width: 100%;
   position: relative;
   text-align: center;
   z-index: 0;
   color: #fff;
}

.menu__item__link:before{
   content: '';
   display: block;
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: 4px;
   z-index: -1;
}

.menu__item__link .fa-envelope{
   color: #fff;
}

.submenu {
  background: #fff;
  display: none;
}
.submenu__item {
  color: #222;
  padding: 20px 50px 40px;
  border-left: solid 2px #243a5c;
  border-right: solid 2px #243a5c;
  border-bottom: solid 2px #243a5c;
}

.submenu__item ul{
  margin-bottom: 10px;
}

.submenu__item  a{
   color: #DC3917;
   display: inline-block;
}

.submenu__item  p{
}

/*フォーム*/
.form_table {
   width: 100%;
}

.Form-Item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   margin: 20px 0;
}

.Form-Item-Label {
   width: auto;
   padding-right: 20px;
   text-align: left;
   display: flex;
   align-items: center;
}

.Form-Item-Label-Required {
   font-size: 0.5rem;
   color: #b3424a;
   padding-left: 5px;
}

.Form-Item-Input, .Form-Item-Textarea{
   border: none;
   background: #eee;
   padding: 5px;
   width: 100%;
}

.form_td {
   width: 100%;
}

.Form-Item-Textarea {
   height: 300px;
}

.form_attention {
   text-align: right;
   font-size: 0.8rem;
   width: 100%;
   margin-top: 30px;
}

.Form-Btn {
   padding: 15px;
   width: 200px;
   border: none;
   background: #243a5c;
   color: #fff;
}

/*--------------------------------------------------------------------
guide
--------------------------------------------------------------------*/

/*タブ切り替え*/
.tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab li {
    width: 80%;
}

.tab li:nth-child(1) {
    margin-right: 5px;
}

.tab li:nth-child(2) {
    margin-left: 5px;
}

.tab li a {
    color: #333;
    display: block;
    text-align: center;
    background: #fff;
    border: solid 2px #243a5c;
    padding: 20px 0;
    transition: .4s;
}

.tab li.active a{
   color: #fff;
   background: #243a5c;
}

.tab li a:hover{
    background: #243a5c;
    color: #fff;
}

.tab li.active a:hover {
    background: #243a5c;
}

.tabContents {
    display: none;
    width: 100%;
    padding: 50px 0;
}

.contents_ttl{
    border-bottom: 3px solid #c5dcff;
    padding-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.tabContents.active {
    display: block;
    width: 100%;
}

.num_ttl{
   display: flex;
   align-items: flex-start;
   margin-top: 2rem;
}

.num_ttl .process_num{
   width: 30px;
   height: 30px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #6991ce;
   margin-right: 10px;
   border-radius: 30px;
   letter-spacing: 0px;
   line-height: 30px;
   color: #ffffff;
}

.process_box .img_box{
   width: 100%;
   margin: 20px 0px 60px;
   border: solid 1px #6991ce;
}

.process_box .img_box img{
   width: 100%;
   display: block;
}

.process_box a{
   text-decoration: underline;
   color: #6991ce;
   transition: .4s;
}

.process_box a:hover{
   color: #000;
}

/*--------------------------------------------------------------------
tos(Terms of Service)
--------------------------------------------------------------------*/

#tos_list p{
   margin: 12px 0;
}

#tos_list ol{
  margin: 10px 0;
}

#tos_list ol li{
   font-size: 0.9rem;
}

#tos_list .contents_ttl{
    margin: 50px 0 20px 0;
}

#tos_list .application_date {
   margin-top: 80px;
}

/*--------------------------------------------------------------------
プライバシーポリシー
--------------------------------------------------------------------*/

#privacypolicy_list .contents_inner .contents_text p{
   margin-top: 0.5rem;
}

#privacypolicy_list .contents_inner .contents_text .contents_text_inner .flex .text_inner .num_ttl{
   margin-top: 2.5rem;
   font-weight: bold;
}

#privacypolicy_list .contents_inner .contents_text .contents_text_inner .flex .text_inner ul{
   margin: 20px 0;
}



@media screen and ( min-width: 960px ) {



}