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

/*-----------
デバイス共通
------------*/
html{
    overflow-x: hidden;
}
body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "YuGothic M", sans-serif, "メイリオ", Meiryo,;
  /*font-family: "Yu Mincho", YuMincho, HG明朝B, "MS Mincho", serif;*/
  font-size: 18px;
  line-height: 1.65;
  color: #001d2a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  word-break: break-all;
}
.bold{font-weight: bold}

h2{
	font-weight: bold;
	font-size: 200%;
}
body > img {display:none;}

.br_sp{
  display: none; 
 }
 

/*セクション間余白----------------------------------------------------------- */
section {
  padding: 100px 0;
}

/*色関連----------------------------------------------------------- */
.bg_cl1 {background-color: #271f8b;}
.cl_1 {color: #271f8b;}
.cl_2 {color: #ffea00;}
.cl_white {color: #fff;}
.gray_box{background-color: #EFEFEF;padding: 50px;}
/*テキスト関連----------------------------------------------------------- */
.highlight {
  background: -webkit-linear-gradient(transparent 50%, #f5d46e 50%, #f5d46e 80%, transparent 80%);
  background: -o-linear-gradient(transparent 50%, #f5d46e 50%, #f5d46e 80%, transparent 80%);
  background: linear-gradient(transparent 50%, #f5d46e 50%, #f5d46e 80%, transparent 80%);
  font-weight: bold;
}
.bold{font-weight: bold;}
.text-center{
  text-align: center;
}
.gray_box li{
	font-size: 85%;
}

/*リンク色----------------------------------------------------------- */
a:link,
a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*Header----------------------------------------------------------- */
header .logo {
  height: 30px;
  display: flex;
  align-items: center;
  padding-right: 15px;
}

header .container {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}

/*--------------------------------------------------------
mv
--------------------------------------------------------*/
.mv{
    padding: 60px 0;
	text-align: center;
}

.line{
	width: 60%;
	margin: 0 auto;
	border:  2px solid #271f8b;
  padding: 30px;
  text-align: center;
}

/*--------------------------------------------------------
thanks
--------------------------------------------------------*/
.thanks_box{
    background:  #F1F1F1;
	padding: 50px 0;
}
.white-box{
	background: #fff;
	padding: 50px;
}
.container{
    margin: 0 auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.gray-box{
	background: #eee;
}
.bg-bl{
	background: #e7f3fe;
}
.thanks_h2{
    color: #271f8b;
}
.thanks_h3{
    color: #271f8b;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 3px solid #271f8b;
    border-bottom: 3px solid #271f8b;
    margin-bottom: 30px;
}
.thanks_btn{
/*  min-width: 49%;*/
	min-width: 100%;
    background: #41c024;
    color: #fff!important;
    font-size: 30px;
    font-weight: bold;
    padding: 40px;
    border-radius: 10px;
    border-bottom: 5px solid #21740e;
    display: inline-block;
    text-align: center;
    }

.thanks_btn a{
  color: #fff;  
}
.thanks_btn:hover{
    text-decoration: none;
    color: #fff;
    opacity: .7;
}
.thanks_btn:visited{
    text-decoration: none;
    color: #fff;
}
a:visited{
    text-decoration: none;
}
.bank{
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 500px;
    margin: 0 auto;
    overflow: auto;
}
.bank.law{
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 0;
}
.bank.law dt{
  width: 20%;
    float: left;
    margin-right: 30px;
    font-weight: bold;
}
.bank.law dd{
  width: 75%; 
    float: left;
}

/*PC用スタイルend*/
.pagetop a{
	background-color: #c61d1d;
	padding: 16px 21px;
}
.pagetop {
    bottom: 15px;
}
.pagetop a:hover {
    background-color: #eb5555; 
}
a {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}
body,.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 92vh;
}
dl,p{
	font-size: 85%;
}
/*Footer----------------------------------------------------------- */
footer{
	border-top: 1px solid #000;
	padding: 45px 15px;
    font-size: 14px;
	text-align: center;
}
footer a{
	color: #000;
}
footer .copy {
  font-size: 10px;
}

footer a:link, footer a:visited {
  color: #000;
  transition: all .3s;
}

footer a:hover, footer a:focus {
  color: #271f8b;
  opacity: .7;
}

footer ul li {
  display: inline-block;
  margin: 0 5px;
  white-space: nowrap;
}