@charset "UTF-8";
body {
  color: #4D4D4D;
  margin: 0;
  /*font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";*/
  font-size: 16px;
  font-size: 1rem;
}

p {
  margin: 0;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  color: #474747;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #7a7a7a;
}
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.cf:after {
  content: " ";
  display: block;
  clear: both;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  line-height: 1em;
  background-color: transparent;
}
#container {
  padding: 0;
}
.clearfix::after {
  display: none;
}

/*スクロールヘッダーここから*/

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 0px;
  background: rgba(255, 255, 255, 0.93);
  transition: .3s;
  border: none;
}
header h1 {
  transition: .3s;
  display: none;
}
header .logo {
  transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
  display: none;
}
header .head_bt {
  transition: .3s;
  display: none;
}
.is-animation {
  height: 60px;
  box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
}
.is-animation h1 {
  display: inline;
}

.is-animation .logo {
    display: inline;
    height: 60px;
    margin: 5px 0px;
}
.is-animation .logo img {
    height: 50px;
    position: absolute;
top: 50%;
transform: translateY(-50%);
}
.is-animation .head_bt {
  display: inline;
position: absolute;
top: 50%;
transform: translateY(-75%);
right: 0;
}

h1 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 2em;
    text-align: center;
    transform: translateY(-50%);
}

/*スクロールヘッダーここまで*/


/* FAQアコーディオンここから*/
.faq {
  width: 1000px;
  margin: 0 auto 60px;
}
p.question {
    cursor: pointer;
    background-color: #048446;
    color: #ffffff;
    font-size: 20px;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 21px;
    line-height: 55px;
}
font.h {
    font-size: 30px;
    margin: 0px 7px 0px 0px;
}
p.question:hover {
        text-decoration: none;
}
p.answer {
        display: none;
        background: #ffffff;
        margin-left: 3em;
        padding: 1px;
        font-size: 15px;
        margin-bottom: 15px;
}
/* FAQアコーディオンここまで*/

#wrapper {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

.inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#guide {
  background: #9cb0a6;
  padding: 66px 0 50px;
}
#guide h2 {
  width: 396px;
  margin: 0 auto 44px;
  background-color: transparent;
}
#guide h2 img {
  width: 100%;
}
#guide .inner {
  padding: 66px 0 0;
  background: #FFF;
}
#guide ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 880px;
  margin: 0 auto 30px;
}
#guide li:first-child {
  width: 365px;
  margin-right: 49px;
}
#guide li:last-child {
  width: 467px;
}
#guide div {
  margin-bottom: 40px;
}
#guide h3 {
  background: url(../../../ex/img/item/0001/lp_fid_01/marker.png) 0 0 no-repeat;
  border-bottom: 1px dashed #b5b5b6;
  color: #604c3f;
  padding-left: 22px;
  padding-bottom: 10px;
  margin-bottom: 13px;
}
#guide p {
  font-family: none;
  font-size: 15px;
  line-height: 20px;
  color: #3e3a39;
  margin-bottom: 16px;
}
#guide .credit {
  width: 100%;
}
#guide .credit img {
  width: 311px;
}
#guide small {
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 12px;
}
#form1 .item_logo {
  width: 800px;
  margin: 40px auto 10px;
}
#form1 .item_logo img {
  width: 100%;
}
#form1 .kyakutyu {
  width: 1000px;
  margin: 10px auto 10px;
  text-align: center;
  color: #ff0000;
}


.footer_pc{
  background-color: #272124;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.footer_pc_copy{
  width: 100%;
  font-size: 13px;
  padding: 15px 0px 10px 0px ;
}
.footer_pc_menu{
  width: 100%;
  margin: 0px auto 0px auto;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  padding: 10px 0px 15px 0px ;
}
.footer_pc_menu a {
  text-decoration: none;
  color: #ffffff;
}
.footer_pc_logo{
  width: 30%;
  max-width: 260px;
  margin: 0px auto 0px auto;
}
.footer_pc_logo img{
  width: 100%;
}

		.order_bt {
			background-color: #04A767;
			color: #ffffff;
			width: 350px;
			font-size: 30px;
			margin: 50px auto 60px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			text-align: center;
			padding: 10px 0px;
		}
		.flow {
			width: 100%;
		}
		.flow_top {
			width: 100%;
			height: 349px;
			/*min-width: 1200px;*/
			background-image: url(../../../ex/img/item/0003/flow_top01.png);
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
		}
		.flow_top_txt {
			width: 400px;
			font-size: 20px;
			margin: 50px auto 0px;
			text-align: center;
			line-height: 35px;
		}
		.flow_top .flow_title {
			font-size: 36.5px;
		}
		.flow_top .under_bar {
			border-bottom: 2px solid #000000;
			width: 180px;
			margin: 20px auto 40px;
		}
		.flow_box {
			width: 924px;
			margin: 50px auto 0px;
			height:auto;
			overflow:hidden;
		}
		.flow_box_a {
			width: 230px;
			float: left;
			margin: 0px 1px 0px 0px;
			background-color: #FFFFFF;
			position: relative;
		}
		.flow_box_img {
			width: 160px;
			height: 160px;
			margin: 30px auto 20px;
			background-color: #454545;
		}
		.flow_box_img img {
			width: 100%;
		}
		.flow_box_title {
			text-align: center;
			font-size: 20px;
			margin: 10px auto 10px;
		}
		.flow_box_txt {
			text-align: left;
			font-size: 15px;
			line-height: 25px;
			margin: 10px 15px 20px;
		}
		.flow_bg {
			position: absolute;
			width: 95px;
			height: 95px;
			top: 1px;
			left: 1px;
		}
		.deli_box {
		}
		.deli_box img {
			width: 60%;
		}

		.faq_top {
			width: 100%;
			/*min-width: 1200px;*/
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
		}
		.faq_top_txt {
			width: 400px;
			font-size: 20px;
			margin: 50px auto 0px;
			text-align: center;
			line-height: 35px;
		}
		.faq_top .faq_title {
			font-size: 36.5px;
		}
		.faq_top .under_bar {
			border-bottom: 2px solid #000000;
			width: 180px;
			margin: 20px auto 40px;
		}
		.order_top {
			width: 100%;
			height: 349px;
			/*min-width: 1200px;*/
			background-image: url(../../../ex/img/item/0003/order_top01.png);
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
		}
		.order_top_txt {
			width: 400px;
			font-size: 20px;
			margin: 80px auto 0px;
			text-align: center;
			line-height: 35px;
		}
		.order_top .order_title {
			font-size: 36.5px;
		}
		.order_top .under_bar {
			border-bottom: 2px solid #000000;
			width: 180px;
			margin: 20px auto 40px;
		}

		.guide {
			background-color: #9cb0a6;
			width: 100%;
			margin: 40px auto 0px;
			height: auto;
			overflow: hidden;
		}
	
		.guide_top {
			width: 100%;
			/*min-width: 1200px;*/
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
		}
		.guide_top_txt {
			width: 400px;
			font-size: 20px;
			margin: 50px auto 0px;
			text-align: center;
			line-height: 35px;
		}
		.guide_top .guide_title {
			font-size: 36.5px;
		}
		.guide_top .under_bar {
			border-bottom: 2px solid #000000;
			width: 180px;
			margin: 20px auto 40px;
		}
		.guide_box {
			background-color: #ffffff;
			width: 80%;
			margin: 0px auto 50px;
			height: auto;
			overflow: hidden;
		}
		.guide_inner_box {
			margin: 40px;
			font-size: 18px;
			line-height: 25px;
		}
		.guide_inner_box h3 {
			font-size: 20px;
			line-height: 50px;
		}
		.guide_inner_box table {

			
		}
		.guide_inner_box th {
			font-size: 15px;
			text-align: center;
		}
		.guide_inner_box td {
			font-size: 15px;
			border: 1px solid #ccc;
			background-color: #ffffff;
		}
		.guide_inner_box .a {
			background-color: #dffaed;
		}
		.guide_inner_box .b {
			background-color: #fadfdf;
		}

		.order_bt {
		position: relative;
		}
		.order_bt a {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
		}
		.order_bt a:hover {
			background-color: #ffffff;
			border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
		}

	.head_bt {
    background-color: #9d5026;
		float: right;
		position: relative;
    color: #ffffff;
    width: 100px;
    margin: 10px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
		text-align: center;
		line-height: 40px;
		font-size: 20px;
}
		.head_bt a {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
		}
		.head_bt a:hover {
			background-color: #ffffff;
			border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
		}
.checkbox04n {
    height: 200px;
    width: 800px;
    margin: 0px auto 0px;
    background-image: url(../../../ex/img/item/0003/select02.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.course_box_03 {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-top: 155px;
}
.checkbox05n {
    height: 200px;
    width: 1000px;
    margin: 0px auto 0px;
}
.checkbox05n .box01 {
    height: 200px;
    width: 500px;
    float: left;
    background-image: url(../../../ex/img/item/0003/select03.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.checkbox05n .box02 {
    height: 200px;
    width: 500px;
    float: left;
    background-image: url(../../../ex/img/item/0003/select04.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.checkbox05n .course_box_03 {
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 143px;
}
	.flow {
		background-image: url(../../../ex/img/item/004/use_back.png);
		text-align: center;
		height: auto;
		overflow: hidden;
		color: #292929;
	}
	.flow .title {
		font-size: 50px;
		color: #aa2c01;
		font-weight: bold;
		margin: 40px auto 10px;
	}
	.flow .txt {
		font-size: 20px;
		color: #aa2c01;
		font-weight: bold;
	}
	.flow .flow_box_a {
		background-color: transparent;
	}
	.flow .flow_box_02 {
		height: auto;
		overflow: hidden;
		text-align: center;
	}
	.flow .flow_box_02 .title {
		font-size: 35px;
	}
	.flow .flow_box_02 .txt01 {
		font-size: 25px;
	}
	.flow .flow_box_02 .txt02 {
		font-size: 15px;
		width: 600px;
		border: 1px solid #8A8A8A;
		text-align: left;
		margin: 20px auto 50px;
		background-color: #ffffff;padding: 20px;
		border-radius: 10px;
	}
	.order {
		margin: 0px auto 0px;
	}
	.order_decaf {
		width: 420px;
		font-size: 60px;
		text-align: center;
		color: #7b0000;
		margin: 0px auto 0px;
		height: auto;
		overflow: hidden;
	}
	.order_decaf img {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.order_decaf .order_decaf_ill01 {
		float: left;
		width: 80px;
		height: 147px;
	}
	.order_decaf .order_decaf_txt {
		margin: 70px 30px 0px;
	}
	.order_decaf .order_decaf_ill02 {
		float: right;
		width: 80px;
		height: 147px;
	}
	.checkbox_decaf01 {
		height: 520px;
		background-image: url(../../../ex/img/item/0005/selectbox.png);
	}
	.mame {
    margin: 0px auto 80px;
    width: 300px;
    font-size: 30px;
    line-height: 0px;
	}
	.mame label {
		margin: 0px 30px 0px;
	}
	.mame input {
		margin: 0px 10px 0px 0px;
		transform: scale(1.5);
	}




@media screen and (max-width: 990px) {
		body {
			margin: 0;
		}
		.wrap {
			width: 100%;
			overflow: hidden;
		}
		.flow_top {
			    background-position: bottom;
}
		.flow_box {
    width: 100%;
    margin: 20px auto 30px;
}
		.flow_box_a {
    width: 49%;
    float: left;
    margin: 30px 1px 0px 0px;
}
		.flow_bg {
    left: 50px;
}
		.flow_box_img {
    width: 200px;
    height: 200px;
    margin: 30px auto 20px;
}
		.faq {
    width: 90%;
    margin: 0 auto 60px;
}
		.order_top {
		    background-position: bottom;
}
		table[summary="お客様情報入力"] {
    width: 85%;
    font-size: 20px;
}
		input[type="text"], input[type="password"], input[type="tel"], select {
    height: 30px;
    font-size: 20px;
}
.guide_box {
    width: 90%;
		}
		
}
	.top_wagyu {
		background-image: url(../../../ex/img/item/0005/top02.png);
		width: 100%;
		height: 577px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.top_wagyu .top_box {
		width: 1000px;
		height: 577px;
		margin: 0px auto 0px;
		background-color: rgba(255, 255, 255, 0.0);
		color: white;
		position: relative;
	}
	.top_box .title {
		font-size: 26px;
		text-align: center;
		float: right;
		font-weight: bold;
	}
	.top_box .title h2 {
		font-size: 58px;
		line-height: 100px;
	}
	.top_box .title h2 strong {
		font-size: 100px;
		margin-top: 30px;
		vertical-align: text-top;
	}
	.top_box .txt {
		position: absolute;
		writing-mode: vertical-rl;
		left: 0px;
		bottom: 30px;
		font-size: 30px;
	}
	.top_box .bt {
		width: 360px;
		height: 70px;
		background-color: rgba(158, 78, 1, 0.39);
		border: 1px solid #B09E8F;
		position: absolute;
		right: 5px;
		bottom: 45px;
		font-size: 26px;
		text-align: center;
		line-height: 37px;
		padding: 10px 0px 10px 0px;
	}
	.top_box .bt a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}
	.top_box .top_menu {
		width: 360px;
		text-align: center;
    position: absolute;
		bottom: 13px;
		right: 5px;
		font-size: 16px;
	}
	.top_box .top_menu a {
		color: white;
	}
	.hanafusa {
		text-align: center;
		height: auto;
		overflow: hidden;
	}
	.hanafusa .logo {
		width: 250px;
		margin: 50px auto 0px;
	}
	.hanafusa .logo img {
		width: 100%;
	}
	.hanafusa .txt01 {
		font-size: 30px;
		margin: 50px auto 0px;
	}
	.hanafusa .txt02 {
		font-size: 23px;
		margin: 50px auto 0px;
		line-height: 40px;
	}
		.lineup {
			height: auto;
			overflow: hidden;
		}
		.lineup .title {
			text-align: center;
			font-size: 20px;
			margin: 80px auto 0px;
			border-bottom: 1px solid #000000;
			width: 250px;
			padding-bottom: 15px;
		}
		.lineup .title h3 {
			font-size: 36.5px;
		}
		.lineup .title_txt {
			font-size: 18px;
			text-align: center;
			margin: 20px auto 20px;
			line-height: 35px;
		}
		.lineup .box_l {
			width: 980px;
			height: auto;
			overflow: hidden;
			margin: 35px auto 0px;
			font-size: 18px;
			text-align: center;
		}
		.lineup .box_m {
			width: 980px;
			height: auto;
			overflow: hidden;
			margin: 0px 0px 40px 0px;
		}
		.lineup .box_s01 {
			width: 480px;
			float: left;
			height: auto;
			overflow: hidden;
			margin: 0px 0px 0px 10px;
		}
		.lineup .box_s02 {
			width: 480px;
			float: right;
			height: auto;
			overflow: hidden;
			margin: 0px 10px 0px 0px;
		}
		.lineup .box_xs01 {
			width: 220px;
			float: left;
			margin: 0px 0px 0px 10px;
			height: auto;
			overflow: hidden;
			position: relative;
		}
		.lineup .box_xs02 {
			width: 220px;
			float: right;
			margin: 0px 10px 0px 0px;
			height: auto;
			overflow: hidden;
			position: relative;
		}
		.lineup .box_xs01 img, .lineup .box_xs02 img {
			width: 220px;
			height: 220px;
			margin-bottom: 5px;
		}
		.lineup .box_xs01 .month, .lineup .box_xs02 .month {
			position: absolute;
			writing-mode: vertical-rl;
			background-color: #000000;
			color: #ffffff;
			font-size: 26px;
			left: 0px;
			padding: 10px 0px 10px 0px;
			font-weight: bold;
		}
		.lineup .box_xs01 .month02, .lineup .box_xs02 .month02 {
			position: absolute;
			background-color: #000000;
			color: #ffffff;
			font-size: 26px;
			left: 0px;
			padding: 10px 5px 10px 5px;
			font-weight: bold;
			line-height: 28px;
		}
	.wagyu_lineup {
		height: auto;
		overflow: hidden;
		background-image: url(../../../ex/img/item/0005/wagyu_lineup_back.png);
		color: #ffffff;
		padding-bottom: 80px;
	}
	.wagyu_lineup .title {
		width: 370px;
		height: auto;
		overflow: hidden;
		margin: 60px auto 0px;
		border-bottom: 1px solid #ffea00;
		text-align: center;
		padding-bottom: 20px;
	}
	.wagyu_lineup .title h3 {
			font-size: 36.5px;
	}
	.wagyu_lineup .title_txt {
			font-size: 18px;
			text-align: center;
			margin: 20px auto 20px;
			line-height: 35px;
	}
	.wagyu_lineup .box_a, .wagyu_lineup .box_b {
		width: 980px;
		height: auto;
		overflow: hidden;
		margin: 20px auto 0px;
		position: relative;
		background-color: rgba(0,0,0,0.40);
		border: 10px solid rgba(0,0,0,0.0);
	}
	.wagyu_lineup .box_a .logo_box {
		width: 100px;
		height: auto;
		overflow: hidden;
		float: left;
		text-align: center;
		margin: 30px 0px 0px 0px;
	}
	.wagyu_lineup .box_a .logo_box img {
		width: 100%;
	}
	.wagyu_lineup .box_a .txt_box {
		width: 390px;
		height: auto;
		overflow: hidden;
		float: left;
		top:0px;
		left: 0px;
		text-align: center;
		margin: 50px 0px 0px 0px;
	}
	.wagyu_lineup .txt_box .txt_box_title {
		font-size: 35px;
		margin: 0px auto 0px;
	}
	.wagyu_lineup .txt_box .txt_box_txt {
		font-size: 20px;
		margin: 60px auto 0px;
		padding: 0px 10px 0px;
		text-align: left
	}
	.wagyu_lineup .box_a .img_box {
		width: 490px;
		height: 353px;
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		float: right;
		text-align: right;
	}
	.wagyu_lineup .box_a .img_box img {
		width: 100%; 
	}
	.wagyu_lineup .box_b .logo_box {
		width: 100px;
		height: auto;
		overflow: hidden;
		float: left;
		text-align: center;
		margin: 30px 0px 0px 0px;
	}
	.wagyu_lineup .box_b .logo_box img {
		width: 100%;
	}
	.wagyu_lineup .box_b .txt_box {
		width: 390px;
		height: auto;
		overflow: hidden;
		float: left;
		top:0px;
		left: 0px;
		text-align: center;
		margin: 50px 0px 0px 0px;
	}
	.wagyu_lineup .box_b .img_box {
		width: 490px;
		height: 353px;
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		float: left;
		text-align: right;
	}
	.wagyu_lineup .box_b .img_box img {
		width: 100%; 
	}
	.about_hana {
		width: 100%;
		margin: 0px auto 0px;
		height: auto;
		overflow: hidden;
		text-align: center;
	}
	.about_hana_logo {
		width: 260px;
		margin: 30px auto 0px;
		font-size: 45px;
		line-height: 90px;
	}
	.about_hana_logo img {
		width: 100%;
	}
	.about_hana_title {
		font-size: 40px;
		margin-top: 50px;
		font-weight: bold;
	}
	.about_hana_box {
		width: 1000px;
		margin: 50px auto 50px;
		height: auto;
		overflow: hidden;
	}
	.about_hana_box_img {
		width: 400px;
		float: left;
	}
	.about_hana_box_img img {
		width: 100%;
	}
	.about_hana_box_txt {
		width: 580px;
		float: right;
		font-size: 20px;
		text-align: left;
		padding-top: 15px;
	}
	.special {
		height: auto;
		overflow: hidden;
	}
	.special .title_box {
		width: 100%;
		background-image: url(../../../ex/img/item/0005/back_spe02.png);
		background-repeat: no-repeat;
		background-position: center;
		background-position: top;
		background-size: cover;
		height: auto;
		overflow: hidden;
	}
	.special .title_box .title {
		margin: 165px auto 70px;
		color: #FFFFFF;
		text-align: center;
	}
	.special .title_box .title01 {
		font-size: 50px;
		margin-bottom: 0px;
	}
	.special .title_box .title02 {
		font-size: 90px;
		width: 864px;
		height: 233px;
		background-image: url(../../../ex/img/item/0005/ribon.png);
		margin: 0px auto 0px;
		line-height: 135px;
	}
	.special .title_box .title03 {
		font-size: 50px;
		margin-top: -60px;
	}
	.special .title_box .title03 .f5 {
		font-size: 72px;
	}
	.special .title_box .title03 .spe {
		font-size: 80px;
	}
	.special .txt_box {
		background-image: url(../../../ex/img/item/0005/back_spe03.png);
		background-position: center;
		background-position: top;
		background-size: cover;
		color: #FFFFFF;
		margin-bottom: 0px;
		height: auto;
		overflow: hidden;
	}
	.special .txt_box .txt_box_s {
		width: 830px;
		margin: 0px auto 20px;
		height: auto;
		overflow: hidden;
	}
	.special .txt_box .txt_box_s .seal {
		float: left;
		width: 123px;
		height: 118px;
	}
	.special .txt_box .txt_box_s .seal img {
		width: 100%;
	}
	.special .txt_box .txt_box_s .txt {
		font-size: 31.5px;
		float: left;
		line-height: 118px;
		margin-left: 15px;
	}
	.plan {
		width: 100%;
		height: auto;
		overflow: hidden;
		color: #000000;
	}
	.plan .plan_title {
		font-size: 30px;
		text-align: center;
		margin: 50px auto 0px;
	}
	.plan .plan_title h3 {
		font-size: 70px;
	}
	.plan .title_txt {
			font-size: 18px;
			text-align: center;
			margin: 20px auto 20px;
			line-height: 35px;
	}
	.plan_box_l {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.plan_box_l .title {
		font-size: 30px;
		width: 460px;
		border-bottom: 1px solid #af8800;
		text-align: center;
		margin: 40px auto 0px;
	}
	.plan_box_s {
		width: 820px;
		height: auto;
		overflow: hidden;
		text-align: center;
		margin: 40px auto 50px;
		border: 1px solid #000000;
	}
	.plan_box_s .name {
		background-color: #000000;
		color: #FFFFFF;
		font-size: 35px;
		float: left;
		line-height: 40px;
		width: 230px;
		height: 105px;
		padding:25px 0px 0px 0px;
	}
	.plan_box_s .tag {
		float: left;
		width: 270px;
		height: 130px;
	}
	.plan_box_s .tag_box {
		width: 243px;
		height: 45px;
		margin: 13px auto 0px;
		color: #FFFFFF;
		font-size: 17px;
		line-height: 45px;
		text-align: center;
	}
	.plan_box_s .tag_a {
		float: left;
		width: 115px;
		height: 45px;
		background-color: #fa4179;
	}
	.plan_box_s .tag_b {
		float: right;
		width: 115px;
		height: 45px;
		background-color: #1ab537;
	}
	.plan_box_s .tag_c {
		float: left;
		width: 115px;
		height: 45px;
		background-color: #0882e0;
	}
	.plan_box_s .tag_d {
		float: right;
		width: 115px;
		height: 45px;
		background-color: #eb0606;
	}
	.plan_box_s .price {
		float: left;
		width: 320px;
		height: 130px;
		font-size: 18px;
		line-height: 55px
	}
	.plan_box_s .price .str01 {
		font-size: 25px;
	}
	.plan_box_s .price .str02 {
		font-size: 60px;
		color: #d70707;
	}
	.plan .bt_box {
		width: 680px;
		margin: 50px auto 50px;
	}
	.plan .bt_box img {
		width: 100%;
	}
	.plan .detail {
		background-color: #e3e3e3;
		width: 800px;
		height: auto;
		overflow: hidden;
		margin: 0px auto 0px;
		color: #FFFFFF;
		text-align: center;
		font-size: 25px;
		line-height: 80px;
		padding-bottom: 20px;
	}
	.plan .detail_box {
		width: 700px;
		height: auto;
		overflow: hidden;
		font-size: 16px;
		color: #a96c2a;
		text-align: left;
		margin: 0px auto 0px;
		background-color: #FFFFFF;
		padding: 10px;
		margin-top: 1px;
		line-height: 25px;
	}
	.plan .detail_box_l {
		background-color: #FFFFFF;
		color: #a96c2a;
		vertical-align: middle;
		width: 200px;
		float: left;
	}
	.plan .detail_box_r {
		color: #2B2B2B;
		background-color: #FFFFFF;
		vertical-align: middle;
		width: 550px;
		float: right;
	}




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

  .pc {
    display: none;
  }

  .sp {
    display: inherit;
  }

  #wrapper {
    width: 750px;
    margin: 0 auto;
    overflow-x: hidden;
    font-size: 24px;
  }

  .inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .sp {
    display: inline;
  }

.bgcolor01 {
    background: #fffbd2;
}

  #guide {
    background: #ffc832;
    padding: 66px 0 70px;
  }
  #guide h2 {
    width: 594px;
    margin: 0 auto 44px;
  }
  #guide h2 img {
    width: 100%;
  }
  #guide .inner {
    padding: 45px 0 50px;
    background: #FFF;
    width: 690px;
  }
  #guide ul {
    display: block;
    width: 590px;
    margin: 0 auto 30px;
  }
  #guide li {
    width: 590px;
  }
  #guide li:first-child {
    width: 590px;
    margin-right: 0;
  }
  #guide li:last-child {
    width: 590px;
  }
  #guide div {
    margin-bottom: 20px;
  }
  #guide h3 {
    background: url(../../../ex/img/item/0001/lp_fid_01/marker.png) 0 5px no-repeat;
    border-bottom: 1px dashed #b5b5b6;
    color: #604c3f;
    padding-left: 35px;
    padding-bottom: 10px;
    margin-bottom: 13px;
    font-size: 28px;
  }
  #guide p {
    font-family: none;
    font-size: 24px;
    line-height: 34px;
    color: #3e3a39;
    margin-bottom: 34px;
  }
  #guide .credit {
    width: auto;
  }
  #guide .credit img {
    width: auto;
  }
  #guide small {
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 20px;
  }
.checkbox04 {
    width: 99%;
}
.selectArea .kyakutyu {
    width:90%;
    text-align: left;
    color: #ff0000;
    margin: -15px auto 40px;
}

#form1 .kyakutyu {
    width:700px;
    margin: 0px auto 30px;
    text-align: left;
    color: #ff0000;
    font-size: 25px;
}

#form1 .item_logo {
    width: 700px;
    margin: 40px auto 10px;
}

.checkbox05 {
    width: 750px;
    height: 365px;
    background-image: url(../../../ex/img/item/0001/lp_fid_01/course_select02.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px auto 20px auto;
}
#fun .imagetxt {
    position: absolute;
    width: 90%;
    top: 1185px;
    right: 20px;
    z-index: 80;
    text-align: right;
    font-size: 15px;
}

.selectArea02 .bt_top {
    top: -50px;
    font-size: 20px;
}
table[summary="お客様情報入力"] {
    width: 85%;
    font-size: 20px;
}
input[type="text"], input[type="password"], input[type="tel"], select {
    height: 30px;
    font-size: 20px;
}
.box240 {
    width: 350px;
}
.checkbox05 .checkbox02-parts::before {
    top: 72px;
    left: 85px;
}
.checkbox02-input:checked + .checkbox02-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 62px;
    left: 90px;
}
.course_box_03 {
    margin-bottom: 161px !important;
}




}