@charset "utf-8";

#staff-image {
	height: 261px;
	margin-bottom: 20px;
	text-align: center;
}


[role="presentation"] {
	position: relative;
	overflow: hidden;
	background-image: url(http://hara-keiji.info/img/media.png);
	-webkit-animation: wood linear 60s infinite;
	animation: wood linear 60s infinite;
	background-position: 1500px 0;
}


#voice01 {
	width: 1020px;
	height: 420px;
	padding-top: 200px;
	text-align: center;
	background: url("img/viuce_01_bg.jpg") no-repeat;
}

#voice02 {
	width: 1020px;
	height: 420px;
	padding-top: 200px;
	text-align: center;
	background: url("img/viuce_02_bg.jpg") no-repeat;
}

#voice03 {
	width: 1020px;
	height: 420px;
	padding-top: 200px;
	text-align: center;
	background: url("img/viuce_03_bg.jpg") no-repeat;
}


/*全体の設定
---------------------------------------------------------------------------*/
body {
	background: #f5f5f5;
	color: #313131;
	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 16px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	/*文字サイズ・行間・フォント設定*/
}

.btn1 {
	background: #ffbc57 linear-gradient(to bottom, #fecf6c, #f39600) repeat scroll 0 0;
	border: 1px solid #6b4200;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.8) inset;
	color: #050505;
	font-size: 150%;
	padding: 20px 30px;
	;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn1:hover {
	background: #fecf6c none repeat scroll 0 0;
	color: #050505;
	text-decoration: none;
}

#send-table {
	margin: 0 auto;
	border-left: 1px solid #dcdcc1;
	border-top: 1px solid #dcdcc1;
	font-size: 100%;
	width: 100%;
}

#send-table th {
	widht: 30%;
	background-color: #17635b;
	text-align: left;
	padding: 10px 20px;
	border-right: 1px solid #dcdcc1;
	border-bottom: 1px solid #dcdcc1;
	color: #FFF;
	font-size: 95%;
	width: 25%;
}

#send-table td {
	padding: 10px 10px;
	background-color: #fff;
	border-right: 1px solid #dcdcc1;
	border-bottom: 1px solid #dcdcc1;
}

#send-table caption {
	background: #555;
	padding: 8px 12px;
	margin: 5px 0;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
}

h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure {
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
}

img {
	border: none;
	margin: -5px 0;
}

input, textarea, select {
	font-size: 1em;
	background-color: #fdffcf;
}

form {
	margin: 0px;
}

.yellow3 {
	color: #fff000;
}

#shosai {
	border-collapse: collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*キャッチのボタン
---------------------------------------------------------------------------*/
.t-btn {
	bottom: 20px;
	left: 550px;
	position: absolute;
}

.button {
	background: #ffbc57 linear-gradient(to bottom, #fecf6c, #f39600) repeat scroll 0 0;
	border: 1px solid #6b4200;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.8) inset;
	color: #050505;
	font-size: 180%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
	bottom: 30px;
	left: 550px;
	/*    position: absolute;*/
	padding: 6px 12px;
	width: 380px;
	text-align: center;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #313131;
	/*リンクテキストの色*/
	text-decoration: none;
}

a:hover {
	color: #006ddc;
	/*マウスオン時の文字色（全体）*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 1020px;
	/*コンテナー幅*/
	background-color: #fff;
	/*border-left:1px solid #ccc;
	border-right: 1px solid #ccc;*/
	margin: 0 auto;
}

.body-bg2 {
	background-color: #fff;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	/*background: url(../img/img1.jpg) no-repeat top center;*/
	height: auto;
}

header p {
	width: 350px;
	z-index: 1;
	position: absolute;
	top: 2px;
	right: 151px;
	font-size: 87%;

}

.f120 {
	font-size: 150%;
}

.submit2 {
	background-color: #07847e;
	border-radius: 5px;
	box-shadow: 0 3px 0 #005f5a;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -2px #005f5a;
	width: 10%;
	margin-left: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
	/*display:block;*/
}

.submit2 p {
	color: #000;
}

.day {
	color: #000;
	font-size: 36px;
	text-align: center;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/

#main {
	margin: 0;
}

#notice {
	width: 100%;
}

h1 {
	margin: 80px 0 40px 40px;
	border-left: 10px solid #333;
	padding-left: 10px;
	font-size: 270%;
	text-align: left;
	line-height: 1.4;
	color: #504885;
}

.point {
	color: #eb6100;
}

.ttl-1 {
	width: auto;
	padding: 0.5em;
	background: #438a00;
	position: relative;
	color: #fff;
	font-size: 220%;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
}

.ttl-1 p {
	font-size: 40%;
	text-align: center;
}

.sankaku {
	width: 0;
	height: 0;
	border-top: 30px solid #438a00;
	border-right: 50px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 50px solid transparent;
	position: absolute;
	bottom: -50px;
	left: 45%;
}

#notice2 {
	padding: 2em 2em;
	margin-bottom: 2em;
	font-size: 120%;
	line-height: 2.5;
	font-weight: normal;
}

#notice3 {
	padding: 1em 2em 1em 3em;
	margin-bottom: 2em;
	font-size: 120%;
	line-height: 2.5;
	font-weight: normal;
}

#notice3 p {
	border-bottom: 1px dotted #ddd;
}

#notice5 {
	padding: 4em 2em 2em;
	margin-bottom: 2em;
	font-size: 99%;
	line-height: 2.5;
	font-weight: normal;
	white-space: pre;
}

#notice5 p {
	white-space: pre;
}

.notice5 {
	width: 919px;
	margin: 0 auto;
	font-size: 99%;
	line-height: 2.1;
	font-weight: normal;
}

.notice5 p {}

.box2 {
	background-color: #f5f5f5;
	padding: 20px;
	font-size: 80%;
	margin: 30px 50px;
}

.box3 {
	background-color: #f5f5f5;
	padding-top: 20px;
	font-size: 80%;
	margin: 20px 50px;
	padding-bottom: 20px;
}

.box4 {
	background-color: #f5f5f5;
	padding-top: 20px;
	font-size: 80%;
	margin: 20px 30px;
	padding: 30px 0;
}

.box2 p {
	padding-left: 5px;
}

.title {
	text-align: center;
	font-size: 200%;
	color: #666;
}

#notice2 em {
	font-size: 70%;
	font-weight: normal;
}

#notice2 p {
	border-bottom: 1px dashed #999;
}

.d-box {
	/*background-color: #ff6900;*/
	color: #113c7c;
	padding: 0px 6px;
	border-radius: 8px;
	/*margin-right: 10px;*/
	margin-top: 5px;
	margin-bottom: 5px;
}

#text-box {
	width: 90%;
	margin: 4em auto;
}

#contents {
	width: 1020px;
	height: 2040px;
	background: url("https://s3-ap-northeast-1.amazonaws.com/good-win/imano/contents.jpg") no-repeat;
}

#text-box2 {
	width: 90%;
	margin: 2em auto;
}

#text-box3 {
	margin: 10px 0 0 80px;
	width: 895px;
	line-height: 190%;
	position: relative;
}

#text-box3 .content01 {
	position: absolute;
	top: 120px;
}

#text-box3 .content02 {
	position: absolute;
	top: 340px;
}

#text-box3 .content03 {
	position: absolute;
	top: 550px;
}

#text-box3 .content04 {
	position: absolute;
	top: 780px;
}

#text-box3 .content05 {
	position: absolute;
	top: 1000px;
}

#text-box3 .content06 {
	position: absolute;
	top: 1230px;
}

#text-box3 .content07 {
	position: absolute;
	top: 1470px;
}

#text-box3 .content08 {
	position: absolute;
	top: 1670px;
}

#text-box3 .content09 {
	position: absolute;
	top: 1870px;
}

#check {}

#check dt {
	background: url("https://s3-ap-northeast-1.amazonaws.com/livepub/kawaguti/icon.jpg") no-repeat 8px 8px;
	font-size: 130%;
	font-weight: bold;
	padding-left: 35px;
	color: #113c7c;
}

#check dd {
	margin: 1em 0;
	text-align: justify;
	border-bottom: 1px dotted #999;
}

#order {
	margin: 0 auto 30px;
	width: 80%;
}

#order .order_btn {
	width: 311px;
	height: 105px;
	position: absolute;
	z-index: 0;
	left: 656px;
	top: 20px;
}

.profile {
	margin: 10px 0;
	padding: 1.5em;
	border: 1px solid #504885;
}

.profile h2 {
	line-height: 1.3;
	font-size: 180%;
	border-left: 5px solid #504885;
	padding-left: 15px;
}

.profile h3 {
	border-left: 5px solid #504885;
	color: #504885;
	padding-left: 15px;
}

.profile p {
	margin-left: 5px;
}



#teacher {
	display: table;
	width: 90%;
	margin: 0 auto;
	background: #fff;
}

.box1 {
	display: table-cell;
	width: 30%;
	text-align: center;
}

#shosai {
	width: 100%;
	border-top: 1px solid #686868;
	border-right: 1px solid #686868;
}

#shosai tr {}

#shosai th {
	background-color: #686868;
	width: 30%;
	color: #fff;
	font-size: 150%;
	padding: 1em;
	border-bottom: 1px solid #fff;
}

#shosai td {
	width: 70%;
	padding: 1em;
	border-bottom: 1px solid #686868;
}

#shosai ul {}

.voice {
	padding: 1em;
	margin: 1em auto;
	border: 1px solid #504885;
}

.voice2 {
	overflow-y: auto;
	border: 1px solid #17635b;
	padding: 1em;
	margin: 1em auto;
}

#send-table {
	width: 100%;
	margin: 0 auto;
	border-left: 1px solid #dcdcc1;
	border-top: 1px solid #dcdcc1;
	font-size: 100%;
}

#send-table th {
	widht: 30%;
	text-align: left;
	padding: 10px 20px;
	border-right: 1px solid #dcdcc1;
	border-bottom: 1px solid #dcdcc1;
	color: #FFF;
}

#send-table td {
	padding: 10px 20px;
	background-color: #fff;
	border-right: 1px solid #dcdcc1;
	border-bottom: 1px solid #dcdcc1;
}

#send-table caption {
	background: #555;
	padding: 8px 12px;
	margin: 5px 0;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
}

/*文字サイズ*/
.f10 {
	font-size: 10px;
}

.f80 {
	font-size: 80%;
}

.f90 {
	font-size: 90%;
}

.f110 {
	font-size: 110%;
}

.f130 {
	font-size: 130%;
}

.f150 {
	font-size: 150%;
}

.f170 {
	font-size: 170%;
}

.f190 {
	font-size: 190%;
}

.f210 {
	font-size: 210%;
}

.f230 {
	font-size: 230%;
}

.f250 {
	font-size: 250%;
}

#main blockquote {
	margin: 0 0 2em 0;
	padding: 20px;
	background: #f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

#main blockquote:after {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	line-height: 60px;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 10px;
	right: 5px;
	color: #999;
}

#main blockquote:before {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #999;
}

.youtube {
	width: 853px;
	margin: 0 auto;
	height: auto;
}

#step {
	width: 952px;
	margin: 1em auto 0;
	position: relative;
	height: 220px;
}

#step p {
	font-size: 120%;
	width: 700px;
	position: absolute;
	top: 30px;
	left: 210px;
}

#float {
	float: right;
}

.bg1 {
	background: url(https://s3-ap-northeast-1.amazonaws.com/good-win/imano/step1_bg.jpg) no-repeat;
}

.bg2 {
	background: url(https://s3-ap-northeast-1.amazonaws.com/good-win/imano/step2_bg.jpg) no-repeat;
}

.letter-p2 {
	background: transparent url("https://s3-ap-northeast-1.amazonaws.com/golflive/product/img/bg-noteline2.gif") repeat scroll 0 0;
	line-height: 30px;
	white-space: pre;
}

/*ボタン設定
---------------------------------------------------------------------------*/
.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-bottom: 5px solid #0e527e;
	color: #ffffff;
	font-size: 200%;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	margin: 10px 0;
}

.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
	color: #ffffff;
}

a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*ボタン*/

.submit {
	text-shadow: 0px -2px #f29600;
	position: relative;
	padding: 25px 40px;
	border-radius: 5px;
	font-size: 180%;
	font-weight: bold;
	text-decoration: none;
	color: #050505 !important;
	/*display:block;*/
}


input {
	color: #050505 !important;
}

/* ここからCTAフォーム */

.submit.form_input_submit {
	background-color: white;
	box-shadow: none;
	color: #050505 !important;
}

.cta-privacy {
	margin-top: 10px;
	background-color: #eee;
	padding: 30px;
}

.submit.form_input_submit input[type="submit"] {
	width: 80%;
	border-radius: 5px;
	border: 1px solid #050505 !important;
}


.my_column.my_right input[type="text"] {
	border-radius: 5px;
	height: 40px;
}

/* ラベルテキストのフォントサイズを22pxに設定 */
.form_input_label {
	font-size: 20px;
	font-weight: normal;
}

/* 疑似要素の必須マークのスタイル */
.form_input_label.required::after {
	content: "※";
	/* 必須マークの記号（例: * や ※ など） */
	background-color: #d52450 !important;
	/* 必須マークの色 */
	font-size: 14px;
	/* フォントサイズを16pxに */
	margin-left: 10px !important;
	padding: 2px 8px;
	/* 上下5px、左右8pxのパディング */
	height: 24px !important;
	display: inline-block;
	/* インラインブロックで配置 */
	vertical-align: middle;
	/* ラベルと揃える */
}

/* selectボックスのフォントサイズとボーダーレディウス */
.select_frame select {
	font-size: 18px;
	/* フォントサイズを18pxに */
	border-radius: 5px !important;
	/* ボーダーレディウスを5pxに */
	padding: 8px;
	/* 余白を調整 */
}


/* 固定ボタン非表示 */

.fixed-banner {
	display: none;
}



	/* ここからPCフローティングメニュー */
	.fixed-banner-pc {
		position: fixed;
		left: 60px;
		bottom: 60px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		z-index: 1000;
	  }
	  
	  .fixed-banner-pc img {
		width: 120px;
		height: auto;
		display: block;
	  }
	  
	/* ここまでPCフローティングメニュー */




@media (max-width: 800px) {
	.submit.form_input_submit input[type="submit"] {
		width: 80%;
		height: 130px;
		border-radius: 5px;
	}

	.my_column.my_right input[type="text"] {
		border-radius: 5px;
		height: 60px;
		font-size: 36px;
	}

	/* ラベルテキストのフォントサイズを22pxに設定 */
	.form_input_label {
		font-size: 36px;
		font-weight: normal;
		width: 100%;
	}

	.my_column.my_left {
		padding: 0 !important;
	}

	.my_column.my_right {
		padding: 0 !important;
	}

	.input.text.input_unit.required {
		margin-inline: auto;
		display: flex;
		flex-direction: column;
	}

	.input.radiobutton.input_unit {
		display: flex;
		flex-direction: column;
	}

	.input.select.input_unit.required {
		display: flex;
		flex-direction: column;
	}

	/* selectボックスのフォントサイズとボーダーレディウス */
	.select_frame select {
		font-size: 36px;
		/* フォントサイズを18pxに */
		border-radius: 5px !important;
		/* ボーダーレディウスを5pxに */
		padding: 8px;
		/* 余白を調整 */
	}

	.paymode_radio {
		font-size: 28px;
	}

	.form_input_label.required::after {
		content: "※";
		/* 必須マークの記号（例: * や ※ など） */
		font-size: 20px !important;
		/* フォントサイズを16pxに */
		margin-left: 20px !important;
		padding: 2px 8px;
		/* 上下5px、左右8pxのパディング */
		height: 32px !important;
		display: inline-block;
		/* インラインブロックで配置 */
		vertical-align: middle;
		/* ラベルと揃える */
	}

	.formErrorContent {
		font-size: 22px !important;
		top: -27px;
	}

	.formErrorArrow {
		top: -27px;
	}



	/* ここからSPフローティングメニュー */
	.fixed-banner {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		background-color: white;
		/* 背景色を指定（透明も可） */
		z-index: 1000;
	}

	.fixed-banner a {
		flex: 1;
		text-align: center;
	}

	.fixed-banner img {
		width: 100%;
		height: auto;
		display: block;
	}
	/* ここまでSPフローティングメニュー */

	/* ここからPCフローティングメニュー */
	.fixed-banner-pc {
		display: none;
	  }

	/* ここまでPCフローティングメニュー */


	
input {
	color: #050505 !important;
}


}




/* ここまでCTAフォーム */

/*.submit:hover {
	background-color: #79d793;
	box-shadow: 0 3px 0 #3cb65c;
}*/

.submit:active, .submit:hover {
	top: 3px;
	box-shadow: none;
	color: #fff;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 640px;
	margin-inline: auto;
	font-size: 85%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 100px !important;
	background: #07847e;
	color: #fff;
}

footer a {
	color: #fff;
}


.link-top {
	position: absolute;
	top: -25px;
	right: 5%;
}


/* 追記CSS */

.h2-mousikomi {
	background-color: #17635b;
	color: #fff;

}


.tokuten-img-small {
	margin-top: 20px;
}



/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/*リンク透明設定*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#qa {}

#qa dl {}

#qa dt {
	font-size: 120%;
	font-weight: bold;
	background: url("https://s3-ap-northeast-1.amazonaws.com/livepub/kawaguti/img_q.jpg") no-repeat 2px 7px;
	padding: 10px 10px 5px 50px;
}

#qa dd {
	margin-bottom: 10px;
	padding: 10px 4px 5px 50px;
	background: url("https://s3-ap-northeast-1.amazonaws.com/livepub/kawaguti/img_a.jpg") no-repeat 2px 7px;
	border-bottom: 1px dashed #ccc;
	font-size: 100%;
}

.border1 {
	border: 0;
	border-bottom: 1px dashed #666;
	margin: 1em 0;
}

.border2 {
	border: 0;
	border-bottom: 3px double #0075a9;
	margin-bottom: 1em;
}

/*フォント設定
---------------------------------------------------------------------------*/
.under {
	text-decoration: underline;
}

.red {
	color: #d80011;
}

.murasaki {
	color: #6d308e;
}

.ao {
	color: #1c639d;
}

.kiro {
	color: #FF0;
}

.gray {
	color: #666;
}

.siro {
	color: #fff;
}

.bold {
	font-weight: bold;
}

.through {
	text-decoration: line-through;
}

.yellow {
	background-color: #FF6;
}

.justify {
	text-align: justify;
}

.size10 {
	font-size: 10px;
}

.size12 {
	font-size: 12px;
}

.size105 {
	font-size: 105%;
}

.size110 {
	font-size: 110%;
}

.size130 {
	font-size: 130%;
}

.size150 {
	font-size: 150%;
}

.size200 {
	font-size: 200%;
}



.bg-gray {
	background: #f5f5f5;
	padding: 1em;
}

.bg-white {
	background: #fff;
	padding: 1em;
}

.bg-white p {
	border-bottom: 1px dashed #ccc;
}

.pk {
	text-align: center;
	font-size: 10px;
	padding: 3px;
	color: #fff;
	background-color: #313131;
	margin-top: 5px;
	margin-bottom: 3px;
}

input {
	padding: 20px;
	font-size: 100%;
}

.send {
	padding: 15px;
	font-size: 140%;
}

select {
	padding: 8px;
}

/* margin
---------------------------------------------------------------------------*/
.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml40 {
	margin-left: 40px;
}

.ml60 {
	margin-left: 60px;
}

.ml75 {
	margin-left: 75px;
}

.ml80 {
	margin-left: 80px;
}

.mr20 {
	margin-right: 20px;
}

.mr400 {
	margin-right: 400px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb80 {
	margin-bottom: 80px;
}

.pt20 {
	padding-top: 20px;
}

.pt40 {
	padding-top: 40px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb40 {
	padding-bottom: 40px;
}

.pl10 {
	padding-left: 10px;
}

.pl30 {
	padding-left: 30px;
}

.pr10 {
	padding-right: 10px;
}