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

/* base */
body{
	background-color: #fff;
	font-family:"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 16px;
	color: #222222;
	font-weight: normal;
}
html{
	scroll-behavior: smooth;
}
img {
  	width: 100%;
  	height: auto;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.textcenter{
	text-align: center;
}
.inner {
  	width: 1000px;
 	margin: 0 auto;
}
/* header */
header img{
	width: 40px;
	margin: 10px;
}
/* KV */
.kv{
	background-color: #1571DA;
}
h1{
	font-size: 36px;
	color: #fff;
	padding-top: 72px;
	padding-bottom: 42px;
}
.kv p{
	color: #fff; 
}
/* KV(リスト三角形) */
.list_triangle{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
    list-style: none;
	padding: 40px 0px 68px;
}
.list_triangle li a{
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_triangle li {
	width: 20vw;
    padding: 16px 10px 16px;
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 8px;
	margin-right: 24px;
}
.list_triangle li img {
    width: 16px;
	height: 15px;
	margin-right: 10px;
}
/* 本人確認書類 2方法 */
h2{
	font-size: 30px;
	padding-top: 80px;
	padding-bottom: 30px;
}
.submission{
	background-color: #EDEDED;
	border-radius: 8px;
	display: flex;
	align-items: center;
}
.submission_list{
	list-style: none;
}
.submission_list li{
	display: flex;
	align-items: center;
}
.submission_list li img{
	width: 100px;
}
.submission_list li span{
	font-weight: bold;
	color: #1571DA;
	padding-left: 20px;
}
.submission p{
	font-weight: bold;
	color: #000000;
	padding-left: 40px;
}
/* 本人確認書類　A */
.a_list{
	background: #F4F7FD;
	border-radius: 8px;
	position: relative;
	margin: 60px auto;
	padding: 40px;
}
.title{
	position: absolute;
	top: -30px;
	left: 30px;
	width: 100px;
}
.a_list_inner{
	display: flex;
	flex-wrap: wrap;
}
h3{
	color: #1571DA;
}
.item{
	width: 33%;
}
.item p{
	font-size: 14px;
	line-height: 20px;
	padding: 0 8px 30px;
}
.last_item{
	padding-top: 30px;
	padding-bottom: 30px;
}
h4{
	font-size: 20px;
	padding-bottom: 8px;
}
.caution{
	margin-bottom: 20px;
}
/* 収入証明書　注意事項 */
.ng_list{
	background-color: #EDEDED;
	border-radius: 8px;
	padding: 20px 40px;
	display: flex;
}
.ng_item{
	width: 50%; 
}
.ng_item p{
	padding-bottom: 8px;
}
.b_list{
	margin-top: 20px;
}
/* おまとめ　必須項目　吹き出し */
.balloon1{
	position: relative;
  	margin: 0 0 2em 0;
  	padding: 20px 20px;
  	color: #555;
  	font-size: 16px;
 	background: #fff;
	border-radius: 8px;
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}
.baloon_title{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 16px
}
/* おまとめ*/
.check_list{
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0px;
}
.check_list li{
	display: flex;
	font-weight: bold;
	padding-right: 30px;
}
.check_list li img{
	width: 30px;
	height: 30px;
}
.a_list_inner .item .web{
	padding-bottom: 0px;
}
#three .c_list{
	background: #EDEDED;
}
/* お問い合わせ */
.inquiry{
	background-color: #EDEDED;
	padding-bottom: 80px;
}
.inquiry_list{
	display: flex;
	justify-content: center;
	padding: 20px 0px;
}
.inquiry_list img{
	width: 370px;
	padding-right: 20px;
}
.tel{
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px;
	margin-top: 32px;
}
.tel img{
	width: 15px;
	height: 20px;
	margin-right: 10px;
	margin-left: 30px;
}
.tel p{
	font-weight: bold;
}
.tel a{
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
}
/* フッター */
footer{
	margin: 40px;
	font-size: 12px;
	padding-bottom: 40px;
}
footer img{
	width: 200px;
	padding-bottom: 10px;
}
footer p{
	text-align: right;
}



/*************SP*****************/

@media screen and (max-width:767px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
html{
	scroll-behavior: smooth;
}
.inner {
	width: 90vw;
	margin: 0 auto;
}
body{
	font-size: 12px;
}

/* header */
header img{
	width: 32px;
	height: 32px;
	margin: 10px;
}
header{
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	width: 100%;
	padding-right: 10px;
	z-index: 100;
}	
.blue{
	background-color: #1571DA;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 14px 25px;
	border: solid #1571DA 1px;
	border-radius: 25px;
}	
.white{
	background-color: #fff;
	color: #1571DA;
	text-decoration: none;
	font-weight: bold;
	padding: 14px 15px;
	border: solid #1571DA 1px;
	border-radius: 25px;
}
/* KV */
.kv{
	background-color: #1571DA;
	padding-top: 40px
}
h1{
	font-size: 24px;
	padding-top: 61px;
	padding-bottom: 32px;
}
.kv p{
	color: #fff;
	font-size: 14px;
}
/* KV(リスト三角形) */
.list_triangle{
	width: 90vw;
	display: block;
	padding: 20px 0px 50px;
}
.list_triangle li {
	width: 80vw;
    padding: 13px 10px 13px;
	margin: 20px auto 0px;
	font-size: 15px;
}
.list_triangle li img {
    width: 16px;
	height: 15px;
	margin-left: 10px;
	margin-right: 10px;
}	
.list_triangle li a{
	justify-content: flex-start;
}	
	
/* 本人確認書類 2方法 */
h2{
	font-size: 22px;
	padding-top: 100px;
	padding-bottom: 10px;
}
#one h2{
	padding-bottom: 30px;
}
.submission_sp{
	background-color: #EDEDED;
	border-radius: 8px;
	padding: 20px 20px 0px;
	list-style: none;
}
.submission_sp > p{
	font-size: 16px;
}	
.submission_sp ul{
	list-style: none;
	padding-left: 0px;
}
.submission_list_sp{
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
.submission_list_sp img{
	width: 68px;
	height: 37px;
}
.submission_sp ul li span{
	font-size: 16px;
	font-weight: bold;
	color: #1571DA;
}
/* 本人確認書類　A */
.a_list{
	position: relative;
	margin: 30px auto;
	padding: 20px;
}
.title{
	position: absolute;
	top: -20px;
	left: 20px;
	width: 68px;
}
.a_list_inner{
	display: block;
}
h3{
	font-size: 19px;
	color: #1571DA;
}
.item{
	width: 100%;
}
.item p{
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 40px;
}
.last_item_sp{
	padding-top: 20px;
}
.last_item{
	padding-top: 20px;
}
.last_item_sp p{
	padding-bottom: 0px;
}	
h4{
	font-size: 20px;
	padding-bottom: 4px;
}
.caution{
	margin-bottom: 10px;
}
.b .item p{
	padding-bottom: 16px;
}	

/* 収入証明書　注意事項 */
.ng_list{
	padding: 10px 20px;
	display: block;
	font-size: 14px;
}
.ng_item{
	width: 100%; 
}
.ng_item p{
	padding-bottom: 8px;
}
.b_list{
	margin-top: 20px;
}
.two_p{
	font-size: 16px;
	font-weight: normal;
}

/* おまとめ　必須項目　吹き出し */	
.baloon_title{
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 16px
}
.balloon_sp{
	font-size: 12px;
}
/* おまとめ*/
.check_list{
	list-style: none;
	display: block;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.check_list li{
	display: flex;
	font-weight: bold;
	padding-right: 0px;
}
.check_list li img{
	width: 30px;
	height: 30px;
}
.a_list_inner .item .web{
	padding-bottom: 0px;
}
.last_three_sp{
	padding-bottom: 0px;
}
#three .c_list{
	background: #EDEDED;
	margin-top: 10px;
	margin-bottom: 100px;
}
/* お問い合わせ */
.inquiry{
	background-color: #EDEDED;
	padding-bottom: 60px;
}
.inquiry_list{
	display:block;
	padding-top:0px;
}
.inquiry_list img{
	width: 80vw;
	margin: 0 30px;
	padding-right: 0px;
	padding-top: 20px
}
.tel_sp{
	background: #fff;
	padding: 32px 0px;
	margin-top: 32px;
}
.tel_number{
	display:flex;
	justify-content: center;
	align-items: center;	
}
.tel_sp img{
	width: 15px;
	height: 20px;
	margin-right: 10px;
}
.tel_sp p{
	font-size: 16px;
}
.tel_sp a{
	font-size: 32px;
	font-family: 'Roboto', sans-serif;
}

/* フッター */
footer{
	margin: 40px;
	font-size: 12px;
	padding-bottom: 40px;
}
footer img{
	width: 200px;
	padding-bottom: 10px;
}
footer p{
	font-size: 11px;		
}	
}