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

html {
	font-size: 0.625em;
}
body {
	min-width: 320px;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	width: 100%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}
img {
	width: 100%;
}

/** 共通パーツ
******************************/
.wrap {
	max-width: 1200px;
	margin: 0 auto;
  padding: 0 20px;
}
.fonttype_m {
	font-family: "Yu Mincho", "游明朝"!important;
}
.pc_only {
	display: block!important;
}
.sm_only {
	display: none!important
}
/* .mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
} */


/** sec01
******************************/
#sec01 {
	background-color: #f4f4f4;
	padding: 80px 0;
}
#sec01 .sec01_area {
	background-color: #FFF;
	border-radius: 25px;
	padding: 80px 25px;
}
#sec01 .sec01_title {
	display: block;
	margin: 0 auto 70px;
	max-width: 931px;
	width: 78%;
}
#sec01 .sec01_content {
	margin-bottom: 80px;
}
#sec01 .sec01_content ul {
	display: flex;
	justify-content: space-between;
}
#sec01 .sec01_content ul li {
	max-width: 400px;
	width: 31.5%;
}
#sec01 .sec01_content ul li p {
	font-size: 18px;
	line-height: 32px;
	color: #363434;
}
#sec01 .sec01_detail {
	background-color: #fff2e7;
	border-radius: 20px;
}
#sec01 .sec01_detail dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
}
#sec01 .sec01_detail dl dt {
	flex: 4;
	font-size: 45px;
	font-weight: bold;
	text-align: center;
}
#sec01 .sec01_detail dl dd {
	flex: 6;
	font-size: 20px;
	color: #363434;
	line-height: 36px;
}


/** GMOあおぞらネット銀行の紹介
******************************/
#gmo_bank {
	padding: 50px 0;
	background-color: #e6efff;
}
#gmo_bank .gmo_bank_title {
	display: block;
	margin: 0 auto 30px;
	max-width: 986px;
	width: 80%;
}
#gmo_bank h2 {
	font-size: 2.8rem;
	font-weight: bold;
	background: url(../images/h2_line.gif) repeat-x;
	background-position: bottom;
	margin-bottom: 20px;
	padding-bottom: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gmo_bank h2:before {
	content: "▶";
	display: inline-block;
	font-size: 1.8rem;
	margin-right: 5px;
	color: #000;
}
#gmo_bank .gmo_bank {
	display: block;
	margin: 0 auto;
	padding: 50px 100px;
	background-color: #FFF;
}
#gmo_bank .gmo_bank_con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#gmo_bank .gmo_bank_con > a {
	margin-right: 20px;
}
#gmo_bank .gmo_bank_con img {
	max-width: 300px;
}
#gmo_bank .gmo_bank_details {
	width: 67.3%;
}
#gmo_bank .gmo_bank_details p {
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 16px;
}
#gmo_bank .gmo_bank_details a {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 16px 0;
	background-color: #ff9000;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


/** sec02
******************************/
#sec02 {
	background-color: #FFF;
	padding: 80px 0 0;
}
#sec02 .sec02_area {
	position: relative;
	background-color: #f68321;
}
#sec02 .sec02_title {
	display: block;
	max-width: 1156px;
	margin: 0 auto 30px;
}
#sec02 .sec02_content {
	padding: 50px 0;
}
#sec02 .sec02_content .plan {
	margin-bottom: 50px;
}
#sec02 .sec02_content .plan ul {
	display: flex;
	justify-content: space-evenly;
}
#sec02 .sec02_content .plan ul::before{
	content: '';
	display: inline-block;
	background-color: #ffffff;
	width: 100%;
	height: 13.6vw;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#sec02 .sec02_content .plan ul li {
	position: relative;
	max-width: 344px;
	width: 28.7%;
	z-index: 2;
}
/* #sec02 .sec02_content .plan ul li:nth-child(3)::before{
	content: '';
	background: url(../images/sec02_list03_pickup.jpg);
	display: inline-block;
	width: 242px;
	height: 43px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
} */
#sec02 .sec02_content .plan_option {
	position: relative;
	margin-bottom: 50px;
	padding: 65px 0 30px;
	background-color: #FFF;
}
#sec02 .sec02_content .plan_option .sec02_plantitle {
	width: 55%;
	margin: 0 auto;
	background-color: #FFF;
	line-height: 0;
	padding: 18px 0;
	border: solid 3px #f68321;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
}
#sec02 .sec02_content .plan_option .sec02_plantitle img {
	display: block;
	max-width: 254px;
	margin: 0 auto;
}
#sec02 .sec02_content .plan_option ul {
	display: flex;
	justify-content: space-evenly;
	width: 85%;
	margin: 0 auto;
}


/** sec03
******************************/
#sec03 {
	padding: 80px 0 0;
	background-color: #FFF;
}
#sec03 .sec03_area {
	position: relative;
	background-color: #f4f4f4;
}
#sec03 .sec03_title {
	display: block;
	max-width: 1166px;
	margin: 0 auto 30px;
}
#sec03 .sec03_content {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
#sec03 .sec03_content .sec03_listimg {
	line-height: 0;
}
#sec03 .sec03_content .sec03_listtxt {
	padding: 20px;
}
#sec03 .sec03_content > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sec03 .sec03_content > ul::before{
	content: '';
	display: inline-block;
	background-color: #ffffff;
	width: 100%;
	height: 6vw;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#sec03 .sec03_content > ul li {
	width: 31%;
	margin-bottom: 50px;
	background-color: #FFF;
	z-index: 3;
}
#sec03 .sec03_content > ul li dl dt {
	margin-bottom: 10px;
	font-size: 21px;
	text-align: center;
	color: #f68321;
}
#sec03 .sec03_content > ul li dl dd {
	font-size: 18px;
	line-height: 28px;
	color: #3d3d3d;
}



/** sec04
******************************/
#sec04 {
	position: relative;
	padding: 80px 0 120px;
	background-image: url(../images/sec04_bg.jpg);
	background-size: 48%;
	background-position: left 0 bottom 180px;
	background-repeat: no-repeat;
}
#sec04 .wrap::after {
	content: '';
	display: inline-block;
	width: 1400px;
	height: 740px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #f68321;
	z-index: -1;
}
#sec04 .sec04_area {
	background-color: #e8e8e8;
}
#sec04 .sec04_title {
	display: block;
	max-width: 1114px;
	margin: 0 auto 80px;
}
#sec04 .sec04_content {
	display: block;
	width: 62%;
	margin-left: auto;
}
#sec04 .sec04_content .step {
	display: block;
}
#sec04 .sec04_content ul {
	display: flex;
	flex-wrap: wrap;
}
#sec04 .sec04_content ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding: 20px 30px;
	background-color: #FFF;
}
#sec04 .sec04_content ul li .sec04_listimg {
	width: 92px;
}
#sec04 .sec04_content ul li .sec04_listtxt {
	flex: 1;
	padding: 30px 20px;
	font-size: 18px;
	color: #3d3d3d;
}
#sec04 .sec04_note {
	font-size: 18px;
	text-align: right;
	color: #3d3d3d;
}






/** sec05
******************************/

#sec05 {
	background-color: #f4f4f4;
}
#sec05 .sec05_area_con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#sec05 .sec05_area_shop {
	padding: 70px 0;
	border-bottom: solid 12px #fff;
}
#sec05 .sec05_area_shop:last-child{
	border: none;
}
#sec05 .sec05_area_shop:nth-child(even) .sec05_area_con {
	flex-direction: row-reverse;
}
#sec05 .sec05_area_detail {
	flex: 1;
	color: #363434;
}
#sec05 .sec05_area_shop:nth-child(even) .sec05_area_con .sec05_area_detail {
	margin-left: 35px;
}
#sec05 .sec05_area_shop:nth-child(odd) .sec05_area_con .sec05_area_detail {
	margin-right: 35px;
}
#sec05 .sec05_area_detail .shop_name {
	position: relative;
	margin-bottom: 50px;
	padding-left: 60px;
}
#sec05 .sec05_area_shop .shop_name::before{
	content: '';
	background-image: url(../images/shop_name_icon.png);
	display: inline-block;
	width: 38px;
	height: 39px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}



#sec05 .sec05_area_detail .shop_name_shibuya {
	max-width: 330px;
}
#sec05 .sec05_area_detail .shop_name_akihabara {
	max-width: 411px;
}
#sec05 .sec05_area_detail .shop_name_umeda {
	max-width: 346px;
}
#sec05 .sec05_area_detail .shop_name_nanba {
	max-width: 350px;
}
#sec05 .sec05_area_detail .shop_name_fukuoka {
	max-width: 347px;
}
#sec05 .sec05_area_detail .shop_name_kawasaki {
	max-width: 349px;
}
#sec05 .sec05_area_detail .shop_name_kichijoji {
	max-width: 410px;
}
#sec05 .sec05_area_detail .shop_name_shinbashi {
	max-width: 350px;
}



#sec05 .sec05_area_detail .shop_name span {
	font-size: 3.6rem;
	font-weight: bold;
}
#sec05 .sec05_area_detail p {
	font-size: 4rem;
}
#sec05 .sec05_area_nanba .sec05_area_detail img {
	max-width: 440px;
}
#sec05 .sec05_area_detail dl dt {
	position: relative;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}
#sec05 .sec05_area_detail dl dt span {
	text-decoration: underline;
}
#sec05 .sec05_area_detail dl dt span:nth-child(1) a {
	color: #363434;
}
#sec05 .sec05_area_detail dl dt span:nth-child(2){
	padding-left: 20px;
}
#sec05 .sec05_area_detail dl dd {
	margin-bottom: 20px;
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-align: justify;
}
#sec05 .sec05_map {
	max-width: 378px;
	width: 100%;
}
#sec05 .sec05_map iframe {
	display: block;
	width: 100%;
	overflow: hidden;
}
#sec05 .sec05_map .sec05_mapphoto ul {
	display: flex;
	justify-content: space-between;
}
#sec05 .sec05_map .sec05_mapphoto ul li {
	width: 50%;
}
#sec05 .sec05_map .sec05_mapphoto ul li img {
	width: 100%;
}
#sec05 .sec05_tel a {
	position: relative;
	padding-left: 20px;
	font-size: 1.8rem;
	font-weight: bold;
}
#sec05 .sec05_tel a::before{
	content: '';
	background: url(../images/sec05_telicon.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 14px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
}



/** sec06
******************************/
#sec06 {
	padding: 120px 0;
}
#sec06 .sec06_title {
	display: block;
	max-width: 448px;
	margin: 0 auto 40px;
	text-align: center;
	font-size: 4.2rem;
	font-weight: bold;
}
#sec06 .sec06_title span {
	text-decoration: underline;
}
#sec06 .sec06_qa dl {
	margin-bottom: 10px;
	color: #3d3d3d;
	border-bottom: solid 1px #e4e4e4;
}
#sec06 .sec06_qa dl:last-child{
	border-bottom: none;
}
#sec06 .sec06_qa dl dt {
	margin-bottom: 10px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #3d3d3d;
	text-align: left;
}
#sec06 .sec06_qa dl dd {
	margin-bottom: 20px;
	font-size: 2rem;
	color: #f68221;
}
.parent {
	position: relative;
	height: 50px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #fff;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
.parent:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	width: 20px;
	height: 3px;
	background: #3d3d3d;
	transform: translateY(-50%);
}
.parent:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 17px;
	width: 3px;
	height: 20px;
	background: #3d3d3d;
	transform: translateY(-50%);
	transition: .3s;
}
.parent.add:after {
	top: 25%;
	opacity: 0;
	transform: rotate(90deg);
}






/** sec07
******************************/
#sec07 {
	padding: 120px 0 200px;
	background-color: #f4f4f4;
}
#sec07 .sec07_title {
	display: block;
	max-width: 450px;
	margin: 0 auto 40px;
}
#sec07 .sec07_contact_title {
	margin-bottom: 20px;
	font-size: 4.2rem;
	font-weight: bold;
	text-align: center;
}
#sec07 .sec07_contact_details {
  margin: 0 auto 30px;
	font-size: 1.7rem;
	text-align: center;
}
#sec07 .sec07_contact_details span {
  color: #a81108;
}
#sec07 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto;
}
#sec07 ul li {
	position: relative;
	width: 47%;
	margin-bottom: 20px;
	padding: 25px 0;
	background: #fff;
	font-size: 2rem;
	text-align: center;
}
#sec07 ul li::before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 22px;
	margin-right: 20px;
	background: url(../images/arrow_icon.png) no-repeat;
	position: absolute;
	transform: translatey(-50%);
	top: 50%;
	right: 0;
}
#sec07 ul.list_inder {
	justify-content: center;
}
#sec07 ul.list_inder li {
	margin-right: 20px;
}
#sec07 ul li a {
	color: #000;
	text-decoration: none;
}
#sec07 dl dt {
	position: relative;
	display: inline-block;
	padding-left: 44px;
	font-size: 30px;
	font-weight: bold;
	color: #363434;
}
#sec07 dl dt:before{
	content: "";
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-right: 12px;
	background: url(../images/sec07_telicon.png) no-repeat;
	position: absolute;
  transform: translatey(-50%);
	top: 50%;
	left: 0;
}
#sec07 dl dd {
	color: #363434;
	vertical-align: text-bottom;
}




/** footer
******************************/
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #585858;
	border-top: solid 2px #d8d8d8;
	border-bottom: solid 2px #d8d8d8;
	box-sizing: border-box;
	z-index: 5;
}
footer .footer_wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
  padding: 20px 2%;
}
footer .footer_logo {
	width: 20%;
	margin-right: 40px;
}
footer .footer_logo img.pc_only {
	margin-bottom: 10px;
}
footer .footer_btn {
	width: 100%;
	max-width: 800px;
}
footer .footer_btn ul {
	display: flex;
	justify-content: space-between;
}
footer .footer_btn ul .footer_btn_contacttel {
	margin-right: 20px;
}
footer .footer_btn ul .footer_btn_contactmail {
	position: relative;
}
footer .footer_btn ul li a {
	display: block;
}
footer .footer_btn ul li a:hover{
	opacity: 0.7;
}
footer .footer_btn ul li img {
	display: block;
}
footer .footer_btn_contactmail_item {
	position: absolute;
	width: 100%;
	top: -35px;
	right: 0;
}
.hukidashi {
  animation: anime01 0.8s ease 0s infinite alternate;
  transform-origin: center;
}

@keyframes anime01 {
  from {
    transform: scale(0.9, 0.9);
  }
  to {
    transform: scale(1, 1);
  }
}
footer .footer_btn_contactmail_item img {
	max-width: 436px;
	margin: 0 auto;
}







@media screen and (max-width: 1200px) {
		/** sec02
	******************************/
}








@media screen and (max-width: 767px) {

	/** 共通パーツ
	******************************/
	.wrap {
	  padding: 0 20px;
	}
	.pc_only {
		display: none!important;
	}
	.sm_only {
		display: block!important
	}


	/** sec01
	******************************/
	#sec01 {
    padding: 50px 0;
	}
	#sec01 .sec01_title {
		max-width: 482px;
		width: 90%;
	}
	#sec01 .sec01_area {
    padding: 50px 20px;
	}
	#sec01 .sec01_content {
		margin-bottom: 50px;
	}
	#sec01 .sec01_content ul {
		flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
	}
	#sec01 .sec01_content ul li {
		max-width: unset;
		width: 100%;
		margin: 0 auto 50px;
	}
	#sec01 .sec01_content ul li:last-child{
		margin-bottom: 0;
	}
	#sec01 .sec01_detail dl {
		justify-content: center;
		flex-wrap: wrap;
	}
	#sec01 .sec01_detail dl dt {
    flex: none;
		margin-bottom: 10px;
		font-size: 28px;
	}
	#sec01 .sec01_detail dl dd {
		flex: unset;
		font-size: 16px;
    line-height: 32px;
	}


	/** GMOあおぞらネット銀行の紹介
  ******************************/
	#gmo_bank .gmo_bank_title {
		width: 100%;
	}
  #gmo_bank .gmo_bank {
    padding: 40px 20px;
  }
  #gmo_bank .gmo_bank_con {
    flex-wrap: wrap;
  }
  #gmo_bank .gmo_bank_con > a {
		display: block;
		margin: 0 auto 20px;
  }
  #gmo_bank .gmo_bank_details {
    width: 100%;
  }
  #gmo_bank .gmo_bank_details p {
		margin-top: 0;
		margin-bottom: 0;
		line-height: 28px;
		text-align: justify;
  }
  #gmo_bank .gmo_bank_details a {
    width: 100%;
  }


  /** GMOあおぞらネット銀行の紹介
  ******************************/
  #interview p.interview_name {
    width: 100%;
    margin: 4px auto 0;
    font-size: 15px;
  }
  #interview .i_main img {
    width: 80%;
  }
  #interview .interview_flow ul li {
    font-size: 1.6rem;
  }
  #interview .interview_flow ul li.i_user span {
    padding: 6px 20px;
    border-radius: 20px;
  }
  #interview .interview_flow ul li.i_interviewer span {
    padding: 6px 20px;
    border-radius: 20px;
  }


	/** sec02
	******************************/
	#sec02 .sec02_title {
		width: 90%;
		margin: 0 auto;
	}
	#sec02 .sec02_content .plan ul::before {
		height: 30vw;
	}
	#sec02 .sec02_content .plan ul {
		overflow-x: scroll;
		justify-content: flex-start;
	}
	#sec02 .sec02_content .plan > ul li {
		width: auto;
	}
	#sec02 .sec02_content .plan > ul li img {
		width: 220px;
	}
	#sec02 .sec02_content .plan_option .sec02_plantitle {
    width: 85%;
	}
	#sec02 .sec02_content .plan_option ul {
		flex-wrap: wrap;
	}
	#sec02 .sec02_content .plan_option ul li {
		width: 30%;
	}



	/** sec03
	******************************/
	#sec03 .sec03_title {
		width: 90%;
	}
	#sec03 .sec03_content > ul li {
		width: 100%;
	}



	/** sec04
	******************************/
	#sec04 {
		padding: 50px 0;
    background-image: unset;
	}
	#sec04 .wrap::after {
		width: 100%;
		height: 78vh;
	}
	#sec04 .sec04_title {
		margin: 0 auto 30px;
	}
	#sec04 .sec04_content {
    width: 100%;
	}
	#sec04 .sec04_content ul li .sec04_listtxt {
		padding: 10px 0 10px 20px;
		font-size: 16px;
		line-height: 26px;
	}
	#sec04 .sec04_note {
		font-size: 16px;
		text-align: left;
	}


	/** sec05
	******************************/
	#sec05 .sec05_area_con {
		flex-flow: column !important;
	}
	#sec05 .sec05_area_shop:nth-child(odd) .sec05_area_con .sec05_area_detail {
    margin-right: 0;
	}
	#sec05 .sec05_area_shop:nth-child(even) .sec05_area_con .sec05_area_detail {
    margin-left: 0;
	}
	#sec05 .sec05_area_detail .shop_name {
		width: 60%;
		margin: 0 auto 30px;
	}
	#sec05 .sec05_area_detail dl dt span {
		display: block;
		padding-left: 0 !important;
	}




	/** sec06
	******************************/
	#sec06 {
		padding: 50px 0;
	}
	#sec06 .sec06_title {
		width: 80%;
		margin: 0 auto 20px;
	}
	#sec06 .sec06_qa dl dt {
		height: auto;
		padding-right: 38px;
		font-size: 1.8rem;
		line-height: 32px;
	}
	#sec06 .sec06_qa dl dd {
		font-size: 1.6rem;
	}



	/** sec07
	******************************/
	#sec07 {
		padding: 50px 0 200px;
	}
	#sec07 .sec07_title {
		width: 80%;
		margin: 0 auto 20px;
	}
	#sec07 ul li {
		width: 100%;
		padding: 25px 10px 25px 0;
	}
	
	#sec07 ul li::before {
		width: 8px;
		height: 15px;
		margin-right: 12px;
		background-size: cover;
	}
	#sec07 dl dt {
		padding-left: 44px;
		font-size: 30px
	}
	#sec07 dl dd {
		font-size: 20px;
		font-weight: bold;
	}
	footer .footer_logo {
    width: 20%;
    margin-right: 20px;
	}
	footer .footer_btn {
		width: 80%;
	}



}