.option_wrapper{max-width: 1166px;margin: 40px auto;display: block;}
.option_banner img {width: 100%;}
.option_menu{text-align:  center;margin: 16px 0px;}
.option_menu ul li{display:inline-block;width:  200px;vertical-align: top;margin: 0px 18px;}
.option_menu ul li h2 a{background: #76c4aa;color: #fff;display: flex;text-align:center;font-size:  18px;font-size:  1.8rem;height: 60px;justify-content:  center;align-items:  center;font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;line-height: 1.2;}
.modification {display:  flex;justify-content:  center;margin-bottom:  60px;}
.modification a {background: #ff891f;width:  500px;height:  65px;display: flex;align-items:  center;justify-content:  center;color: #fff;}
.option_thumb {text-align:  center;display:  inline-block;margin-bottom: 42px;}
.thumb01 {display: inline-block;vertical-align:  middle;}
.option_frame {border: 4px solid #75c4a9;box-sizing:  border-box;padding: 0px 80px;}
.option_ads01_title, 
.option_ads02_title,
.option_ads03_title {font-size:  24px;font-size:  2.4rem;font-family: 'KOZGOPR6N-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;line-height: 1.4;font-weight: 500;margin: 42px 0px 43px 0px;}
.more_option ul li p {position:  relative;top: 13px;font-size:  28px;font-size:  2.8rem;font-family: 'KOZGOPR6N-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.more_option ul li p:after {content:  '';position: relative;width:  100%;height:  5px;background: #61af90;left:  0;bottom:  0;display:  block;}
.more_option {display: flex;justify-content:  center;margin:  60px auto;}
.more_option ul li {display:  inline-block;margin: 0px 15px;}
.more_option ul li a{
	position:  relative;
	display:  block;
	background: #ff891f;
	width:  400px;
	height:  100px;
	line-height: 100px;
	text-align:  center;
	font-size:  30px;
	font-size: 3rem;
	color: #fff;
	font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.more_option ul li a:after {
	content:  '';
	position:  relative;
	background: url(../../img/option/narrow_right.png) no-repeat right;
	width: 26px;
	height: 33px;
	top: 5px;
	right: 0;
	left: 16px;
	display: inline-block;
}

.apply_frame {border: 4px solid #75c4a9;box-sizing:  border-box;padding: 0px 50px;overflow:  hidden;}
.apply_frame h3{display: table;font-size:  28px;font-size:  2.8rem;font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;line-height: 1.4;font-weight: 600;border-bottom: 3px solid;margin: 42px 0px 43px 0px;}
.apply_frame p {font-size: 20px;font-size:  2.0rem;font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight: 500;margin: 42px 0px 40px 65px;}
.apply_frame p a {color: #0065aa;font-weight: 500;border-bottom: 2px solid;padding-bottom: 2px;}
.apply_customer_info {margin: 0px 40px 0px 68px;display:  block;overflow:  hidden; font-size:20px;font-size:2.0rem;}
.apply_btn_next_wrapper {float: right;margin: 80px 0px 34px 0px;}
.apply_customer_info label{font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-size:  20px;font-size: 2.0rem;display:  block;}
.apply_customer_info input[type='text'],
.apply_customer_info input[type='password'] {height:  40px;width:  300px;box-sizing:border-box;padding-left:10px;padding-right:10px;outline:  0;background: #fbffe3;border: 1px solid #9a9898;margin: 0px 35px;font-size: 16px;font-size: 1.6rem;font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.apply_btn_next_wrapper button {
	border: 0;
	width: 140px;
	height: 40px;
	color: #fff;
	font-size:  18px;
	font-size: 1.8rem;
	background: #76c4aa;
	text-align:  center;
	line-height: 40px;
	font-family: 'KOZGOPR6N-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	cursor:  pointer;
	outline: 0;
}
.application {margin: 16px 0px;}
.application h2 {background: #ff891f;height:  65px;display: block;color: #fff;line-height: 65px;text-align:  center;font-size:  30px;font-size: 3rem;font-family: 'KOZGOPR6N-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.apply_btn_next_wrapper .btn_back {
	border: 0;
	width: 140px;
	height: 38px;
	color: #000;
	font-size:  18px;
	font-size: 1.8rem;
	text-align:  center;
	line-height: 38px;
	font-family: 'KOZGOPR6N-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	cursor:  pointer;
	outline: 0;
	border: 1px solid #75c4a9;
	background:  transparent;
	display:  inline-block;
	margin: 0px 10px;
	vertical-align:  top;
}
.apply_btn_next_wrapper .btn_next {
	border: 0;
	width: 140px;
	height: 40px;
	color: #fff;
	font-size:  18px;
	font-size: 1.8rem;
	background: #76c4aa;
	text-align:  center;
	line-height: 38px;
	font-family: 'KOZGOPR6N-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	cursor:  pointer;
	outline: 0;
	display:  inline-block;
}
div.box-eura {
	display:none;
	background-color:#ffffff;
	padding:15px;
	text-align:left;
	word-wrap:break-word;
	overflow-y:scroll;
	overflow-x:hidden;
	max-width: 1140px;
	margin:auto;
	margin-top:1.5%;
}
div #back-curtain {
	background: rgba(0, 0, 0, 0.5);
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.apply_customer_info table {border-collapse:collapse;width:90%; border:2px solid #62AF64;}
.apply_customer_info table th, .apply_customer_info table td {border: 1px solid #75c4a9; padding: 0px 80px; border-bottom:0px; border-right:0px;}
.apply_customer_info table th {font-weight:normal;}
.apply_customer_info table td input, .apply_customer_info table td select {font-size:18px; font-size:1.8rem;}
.apply_customer_info table .table_bg {background: #E9F4D9;}

.option_menu ul li h2 a:hover,.more_option ul li a:hover,.modification a:hover{opacity:.7;}
@media (max-width: 1199px) and (min-width: 992px){
	.option_wrapper{margin: 30px auto;}
	.option_banner,.option_frame {margin: 0px 13px;}
	.option_menu ul li {width: 199px;}
	.option_ads01_title, 
	.option_ads02_title, 
	.option_ads03_title{font-size:  20px;font-size: 2rem;}
	.thumb01:first-child{width: 367px;}
	.thumb01{width: 200px;} 
	.application{margin:13px 12px;}	
}
@media (max-width: 991px) and (min-width: 768px){
	.apply_customer_info{margin-top: 25px;margin-right: 0px;}  
	.option_wrapper{margin: 30px 20px auto 13px;}   
	.option_banner { margin: 0px 12px;} 
	.option_menu ul li {width: 150px;margin: 0px 12px 8px 12px;}
	.option_menu ul li h2 a {font-size: 12px;height: 40px;}
	.modification{margin-bottom: 30px;}
	.modification a {width: 350px;font-size: 14px;font-size: 1.4rem;height:  32px;}
	.option_frame{padding:0px 5px;}
	.option_ads01_title, 
	.option_ads02_title, 
	.option_ads03_title{font-size: 18px;font-size: 1.8rem;margin: 20px 0px 21px 20px;}
	.thumb01:first-child{width: 292px;}
	.thumb01{width: 200px;}   
	.more_option {display: flex;justify-content:  center;margin:  60px auto;}
	.more_option ul li {display:  inline-block;margin: 0px 15px;}
	.more_option ul li a{position:  relative;display:  block;background: #ff891f;width:  400px;height:  100px;line-height: 100px;text-align:  center;font-size:  30px;font-size: 3rem;color: #fff;
		font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	}
	.more_option ul li a:after {content:  '';position: relative;background: url(../../img/option/narrow_right.png) no-repeat right;width: 26px;height: 33px;top: 5px;right: 0px;} 
	.apply_frame{padding:0px 5px;}
	.application{margin:13px 12px;}	
	.apply_frame{padding: 0px 25px;margin: 0px 11px;border: 3px solid #75c4a9;}
	.apply_frame h3{font-size: 26px;font-size: 2.6rem;}
	.apply_frame p{padding:0px;margin:0px;}
	.apply_customer_info{margin-top: 25px;margin-right: 0px;}  

	.apply_customer_info table {width:95%;}
	.apply_customer_info table th, .apply_customer_info table td {font-size:16px;font-size:1.6rem; border: 1px solid #75c4a9; padding: 0px 40px; border-bottom:0px; border-right:0px;}

}
@media (max-width: 767px){
	.option_wrapper{margin: 24px auto;}
	.option_banner { margin: 0px 12px;}
	.option_menu {max-width: 306px;display:  block;margin: 13px auto;}
	.option_menu ul li {width:  100px;margin: 0px 6px 8px 6px;}
	.option_menu ul li h2 a {font-size: 9px;height: 32px;}
	.modification{margin-bottom: 31px;}
	.modification a {width: 212px;font-size:  9px;font-size: 0.9rem;height:  32px;}
	.option_frame{padding:0px 5px;margin: 0px 12px;}
	.option_ads01_title, 
	.option_ads02_title, 
	.option_ads03_title{font-size:10px;font-size:1rem;margin: 20px 0px 21px 20px;}
	.option_thumb{}
	.thumb01:first-child{width: 130px;}
	.thumb01{width: 73px;}	
	.more_option {display: flex;justify-content:  center;margin: 0px auto;}
	.more_option ul li p{font-size:14px;font-size:1.4rem;}
	.more_option ul li p:after {content:  '';position: relative;width: 50%;height: 3px;background: #61af90;left:  0;bottom:  0;right:  0px;display: block;margin:  0px auto;}
	.more_option ul li {display: block;margin: 0px 0px 30px;text-align: center;}
	.more_option ul li a{
		position:  relative;
		/* display:  block; */
		background: #ff891f;
		width: 200px;
		height: 50px;
		line-height: 50px;
		text-align:  center;
		font-size: 15px;
		font-size: 1.5rem;
		color: #fff;
		font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	}
	.more_option ul li a:after {
		content:  '';
		position:  relative;
		background: url(../../img/option/narrow_right.png) no-repeat right;
		width: 13px;
		height: 18px;
		top: 3px;
		right: 0;
		left: 6px;
		display: inline-block;
	}
	.application h2 {height:  30px;line-height:  30px;font-size: 15px;font-size: 1.5rem;	}
	.apply_frame{padding: 0px 12px;margin: 0px 11px;border: 3px solid #75c4a9;}
	.apply_frame h3{margin:25px 0px;font-size:14px;font-size:1.4rem;}
	.apply_frame p{padding:0px;margin:0px;font-size: 16px;font-size: 1.6rem;}
	.apply_customer_info{/* margin: 25px 0px; */display:  block;margin: 25px auto;}
	.apply_customer_info label{font-size: 10px;font-size: 1rem;}
	.apply_customer_info input[type='text'], 
	.apply_customer_info input[type='password']{width: 180px;height:30px;margin: 0px 0px 0px 15px;}
	.apply_btn_next_wrapper{margin: 15px 5px 17px 0px;}
	.apply_btn_next_wrapper button { width:  80px;height: 30px;font-size:  12px;line-height: 30px;}

	.apply_btn_next_wrapper .btn_back {
		width: 100px;
		height: 40px;
		font-size:  12px;
		font-size: 1.2rem;
		margin: 0px 5px;
	}
	.apply_btn_next_wrapper .btn_next {
		width: 100px;
		height: 40px;
		font-size:  12px;
		font-size: 1.2rem;
		margin: 0px 5px;
	}

	.apply_customer_info table {width:95%;}
	.apply_customer_info table th, .apply_customer_info table td {font-size:12px;font-size:1.2rem; border: 1px solid #75c4a9; padding: 0px 10px; border-bottom:0px; border-right:0px;}
	.apply_customer_info table td input, .apply_customer_info table td select {font-size:10px; font-size:1.0rem;}

}

/* ===========================================
	MOBILE: Main ここから下はタブホ専用
  ============================================ */

.member {
	background-color: #999999;
}

.member_info {
	margin-bottom: 20px;
}

.member_info h2 {
	color: #000000;
	font-size: 1.75em;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.id {
	text-align: center;
	background-color: #ffffff;
	border-radius: 4px;
	border: 2px solid #000000;
	height: 41px;
	font-size: 1.75em;
	color: #ff0066;
	font-weight: bold;
	margin-bottom: 20px;
	padding-top: 7px;
}

.app p {
	display:table-cell;
    vertical-align:middle;
}

.app_dl {
	color: #000000;
	font-size: 1.5em;
	text-align: center;
	/*margin-bottom: 20px;*/
	font-weight: bold;
}

.step {
	background-color: #e4eef4;
}

.step h2 {
	font-size: 1.5em;
	color: #000000;
	font-weight: bold;
}

#tab:after, #tab_qr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#tab {
	display: inline-table;
	width: 100%;
	margin: 25px 0 15px 0;
}

#tab_qr {
    display: inline-table;
    width: 100%;
    margin: 5px 0 5px 0;
}

#tab li, #tab_qr li {
  	float: left;
  	padding: 5px 0 5px 0;
  	list-style: none;
 	cursor: pointer;
  	text-align: center;
  	width: 50%;
  	background-color: #777777;
  	font-size: 1em;
  	font-weight: bold;
  	color: #ffffff;
}

#tab li.select, #tab_qr li.select {
	background: #3c50c8;
}

.qr_code {
    text-align:center;
}

.disnon {
  	display: none;
}

.image {
	float: left;
	width: 40%;
	margin-right: 20px;
}

.slide-text {
	float: right;
	width: 50%;
	list-style: decimal;
	margin-left: 10px;
}

.slide-text li {
	margin-bottom: 10px;
	font-weight: bold;
}

.mt75 {
	margin-top: 80px;
}

.footer-box {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.footer-left {
	float: left;
	width: 30%;
	margin-right: 10px;
}

.footer-right {
	float: right;
	width: 65%;
	text-align: left;
}

.member_info a {
	color :#0000FF;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

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

	.wrapper {
        margin: 0 auto;
    }

	section {
	}

	.member{
		padding: 80px 10px 60px 10px;
	}

	.member h1 {
	    font-size: 2em;
	    margin-bottom: 20px;
	    text-align: center;
	    font-weight: bold;
	}

	.app {
		display:table;
		border-collapse: separate;
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	}

	.step{
		padding: 80px 10px 40px 10px;
	}

	.image {
		float: left;
		width: 40%;
		margin-right: 5px;
	}

	.slide-text li {
		font-size: 0.7em;
	}

	.footer-left {
		float: left;
		width: 20%;
		margin-right: 10px;
	}

	.footer-right {
		float: right;
		width: 70%;
		text-align: left;
		font-size: 0.8em;
	}
}

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

	.wrapper {
        margin: 0 auto;
    }

	section {
	}

	.member{
		padding: 80px 20px 60px 20px;
	}

	.member h1 {
	    font-size: 2.25em;
	    margin-bottom: 20px;
	    text-align: center;
	    font-weight: bold;
	}

	.app {
		display:table;
		border-collapse: separate;
	    width: 300px;
	    margin: 0 auto;
	    text-align: center;
	}

	.step{
		padding: 80px 20px 40px 20px;
	}

	.step h1 {
	    font-size: 2em;
	    margin-bottom: 20px;
	    font-weight: bold;
	}

	.step h1 {
	    font-size: 2.25em;
	    margin-bottom: 20px;
	    font-weight: bold;
	}
}

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

/* ============
    WIDE: Main
   ============ */

    .wrapper {
        margin: 0 auto;
    }

    section {
	}

	.member{
		padding: 80px 20px 60px 20px;
	}

	.member h1 {
	    font-size: 2.25em;
	    margin-bottom: 20px;
	    text-align: center;
	    font-weight: bold;
	}

	.app {
		display:table;
		border-collapse: separate;
	    width: 480px;
	    margin: 0 auto;
	    text-align: center;
	}

	.step{
		padding: 80px 20px 40px 20px;
	}

	.step h1 {
	    font-size: 2.25em;
	    margin-bottom: 20px;
	    font-weight: bold;
	}
}

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

/* ===============
    Maximal Width
   =============== */

  .main-container {
		width: 1000px;
		margin: 0 auto;
	}

	.member{
		float: left;
		width: 400px;
		padding: 80px 20px 60px 20px;
	}

	.member h1 {
	    font-size: 2.25em;
	    font-weight: bold;
	    margin-bottom: 20px;
	    text-align: center;
	}

	.app {
		display:table;
		border-collapse: separate;
	    width: 300px;
	    margin: 0 auto;
	    text-align: center;
	}

	.step {
		float: right;
		width: 500px;
		padding: 80px 30px 40px 30px;
	}

	.step h1 {
	    font-size: 2.25em;
	    font-weight: bold;
	    margin-bottom: 20px;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.member_info table {
    width:100%;
    font-size:1.1em;
    background-color:#FFF;
    margin-bottom:2em;
}
.member_info table th,.member_info table td {
    border:solid 1px #666;
    padding:3px 1px;
}
.member_info table td.unreg{
    background-color:#dddddd;
}