@charset "utf-8";

* {	margin: 0;
	padding: 0; }
body { 
	margin: 0;
	padding: 0;
	font-size: 18px;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	background: #F6F6F6;
}
p{
	margin: 0 70px;
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
}
.imgr{
	width: 20%;
	margin: 0;
	float: right;
}
p.pp {
	margin: 0 60px;
	font-size: 13px;
	color: #555;
	text-align: right;
}
element.style{
    margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

a{
	color: #0645ad;
	text-decoration:underline; }
a:hover{
	color: #ff8000;
	text-decoration:underline; }
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リスト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.design1-3 {
	position: relative;
	margin: 50px 6% 0px;
	padding: 37px 15px 20px;
	border-radius: 8px;
}
.design1-3 .box-title {
	position: absolute;
	top: -18px;
	left: 10px;
	padding: 10px 15px;
	line-height: 1em;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 5px;
}
.d1-3blue {
	border-style: solid;
	border-color: #95ccff;
	background: #F8F8FF;
}
.d1-3orange {
	border-style: solid;
	border-color: #FBBD52;
	background: #FFFFEB;
}
.d1-3red {
	border-style: solid;
	border-color: #CE4E2F;
	background: #FFFAFA;
}
.d1-3black {
	border-style: solid;
	border-color: #555;
	background: #fffcfc;
}
.d1-3green {
	border-style: solid;
	border-color: #008000;
	background: #f9fffa;
}
.d1-3pink {
	border-style: solid;
	border-color: #FF69B4;
	background: #FFFAFA;
}
.d1-3navy {
	border-style: solid;
	border-color: #334977;
	background: #fcfdff;
}
.d1-3blue-t {
	background: #95ccff;
}
.d1-3orange-t {
	background: #FBBD52;
}
.d1-3red-t {
	background: #CE4E2F;
}
.d1-3black-t {
	background: #555;
}
.d1-3green-t {
	background: #008000;
}
.d1-3pink-t {
	background: #FF69B4;
}
.d1-3navy-t {
	background: #334977;
}
.d1-3 {
	padding-right: 5px;
}
ul.dot10_list_black, ul.dot10_list_blue, ul.dot10_list_green, ul.dot10_list_pink, ul.dot10_list_orange, ul.dot10_list_red, ul.dot11_list_black, ul.dot11_list_blue, ul.dot11_list_green, ul.dot11_list_pink, ul.dot11_list_orange, ul.dot11_list_red,ul.dot12_list_black, ul.dot12_list_blue, ul.dot12_list_green, ul.dot12_list_pink, ul.dot12_list_orange, ul.dot12_list_red, ul.dot13_list_black, ul.dot13_list_blue, ul.dot13_list_green, ul.dot13_list_pink, ul.dot13_list_orange, ul.dot13_list_red, ul.dot14_list_black, ul.dot14_list_blue, ul.dot14_list_green, ul.dot14_list_pink, ul.dot14_list_orange, ul.dot14_list_red, ul.dot15_list_black, ul.dot15_list_blue, ul.dot15_list_green, ul.dot15_list_pink, ul.dot15_list_orange, ul.dot15_list_red, ul.dot16_list_black, ul.dot16_list_blue, ul.dot16_list_green, ul.dot16_list_pink, ul.dot16_list_orange, ul.dot16_list_red, ul.dot17_list_black, ul.dot17_list_blue, ul.dot17_list_green, ul.dot17_list_pink, ul.dot17_list_orange, ul.dot17_list_red, ul.dot18_list_black, ul.dot18_list_blue, ul.dot18_list_green, ul.dot18_list_pink, ul.dot18_list_orange, ul.dot18_list_red, ul.dot19_list_black, ul.dot19_list_blue, ul.dot19_list_green, ul.dot19_list_pink, ul.dot19_list_orange, ul.dot19_list_red, ul.dot20_list_black, ul.dot20_list_blue, ul.dot20_list_green, ul.dot20_list_pink, ul.dot20_list_orange, ul.dot20_list_red, ul.dot21_list_black, ul.dot21_list_blue, ul.dot21_list_green, ul.dot21_list_pink, ul.dot21_list_orange, ul.dot21_list_red, ul.dot22_list_black, ul.dot22_list_blue, ul.dot22_list_green, ul.dot22_list_pink, ul.dot22_list_orange, ul.dot22_list_red, ul.dot23_list_black, ul.dot23_list_blue, ul.dot23_list_green, ul.dot23_list_pink, ul.dot23_list_orange, ul.dot23_list_red, ul.dot24_list_black, ul.dot24_list_blue, ul.dot24_list_green, ul.dot24_list_pink, ul.dot24_list_orange, ul.dot24_list_red, ul.dot25_list_black, ul.dot25_list_blue, ul.dot25_list_green, ul.dot25_list_pink, ul.dot25_list_orange, ul.dot25_list_red, ul.dot26_list_black, ul.dot26_list_blue, ul.dot26_list_green, ul.dot26_list_pink, ul.dot26_list_orange, ul.dot26_list_red {
	position: relative;
	margin:0;
	line-height: 180%;
	clear: both;
}
ul.dot10_list_black li, ul.dot10_list_blue li, ul.dot10_list_pink li, ul.dot10_list_red li, ul.dot10_list_orange li, ul.dot10_list_green li, ul.dot11_list_black li, ul.dot11_list_blue li, ul.dot11_list_pink li, ul.dot11_list_red li, ul.dot11_list_orange li, ul.dot11_list_green li, ul.dot12_list_black li, ul.dot12_list_blue li, ul.dot12_list_pink li, ul.dot12_list_red li, ul.dot12_list_orange li, ul.dot12_list_green li, ul.dot13_list_black li, ul.dot13_list_blue li, ul.dot13_list_pink li, ul.dot13_list_red li, ul.dot13_list_orange li, ul.dot13_list_green li, ul.dot14_list_black li, ul.dot14_list_blue li, ul.dot14_list_pink li, ul.dot14_list_red li, ul.dot14_list_orange li, ul.dot14_list_green li, ul.dot15_list_black li, ul.dot15_list_blue li, ul.dot15_list_pink li, ul.dot15_list_red li, ul.dot15_list_orange li, ul.dot15_list_green li, ul.dot16_list_black li, ul.dot16_list_blue li, ul.dot16_list_pink li, ul.dot16_list_red li, ul.dot16_list_orange li, ul.dot16_list_green li, ul.dot17_list_black li, ul.dot17_list_blue li, ul.dot17_list_pink li, ul.dot17_list_red li, ul.dot17_list_orange li, ul.dot17_list_green li, ul.dot18_list_black li, ul.dot18_list_blue li, ul.dot18_list_pink li, ul.dot18_list_red li, ul.dot18_list_orange li, ul.dot18_list_green li, ul.dot19_list_black li, ul.dot19_list_blue li, ul.dot19_list_pink li, ul.dot19_list_red li, ul.dot19_list_orange li, ul.dot19_list_green li, ul.dot20_list_black li, ul.dot20_list_blue li, ul.dot20_list_pink li, ul.dot20_list_red li, ul.dot20_list_orange li, ul.dot20_list_green li, ul.dot21_list_black li, ul.dot21_list_blue li, ul.dot21_list_pink li, ul.dot21_list_red li, ul.dot21_list_orange li, ul.dot21_list_green li, ul.dot22_list_black li, ul.dot22_list_blue li, ul.dot22_list_pink li, ul.dot22_list_red li, ul.dot22_list_orange li, ul.dot22_list_green li, ul.dot23_list_black li, ul.dot23_list_blue li, ul.dot23_list_pink li, ul.dot23_list_red li, ul.dot23_list_orange li, ul.dot23_list_green li, ul.dot24_list_black li, ul.dot24_list_blue li, ul.dot24_list_pink li, ul.dot24_list_red li, ul.dot24_list_orange li, ul.dot24_list_green li, ul.dot25_list_black li, ul.dot25_list_blue li, ul.dot25_list_pink li, ul.dot25_list_red li, ul.dot25_list_orange li, ul.dot25_list_green li, ul.dot26_list_black li, ul.dot26_list_blue li, ul.dot26_list_pink li, ul.dot26_list_red li, ul.dot26_list_orange li, ul.dot26_list_green li {
	list-style:dotted;
	line-height: 1.5;
	padding:3px 2px 2px 10px;
	font-size: 16px;
	text-align: left;
	list-style-position: inside;
}
.border1 { border-width: 1px;}
.border2 { border-width: 2px;}
.border3 { border-width: 3px;}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.aka { color: #ff0000; }
.ao { color: #0000cc; }
.mizu { color: #0066FF; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.green { color: #009900}
.black { color: #333}

.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 {font-size: 14px;}
.size15 {font-size: 15px;}
.size16 {font-size: 16px;}
.size17 {font-size: 17px;}
.size18 {font-size: 18px;}
.size19 {font-size: 19px;}
.size20 {font-size: 20px;}
.size21 {font-size: 21px;}
.size22 {font-size: 22px;}
.size23 {font-size: 23px;}
.size24 {font-size: 24px;}
.size25 {font-size: 25px;}
.size26 {font-size: 26px;}
.size28 {font-size: 28px;}
.size30 {font-size: 30px;}
.size32 {font-size: 32px;}
.size34 {font-size: 34px;}
.size36 {font-size: 36px;}
.size38 {font-size: 38px;}
.size40 {font-size: 40px;}
.size48 { font-size: 48px; }
.size60 { font-size: 60px; }
.size72 { font-size: 72px; }

.b { font-weight: bold; }
.strong{ font-weight: bold; }
.em{ font-weight: bold; }
.yline { background: #FFFF00; }
.center {
	text-align: center;
	padding: 5px 0px 0px 0px; }
.left {
	text-align: left;
	padding: 5px 5px 0px 0px; }
.right {
	text-align: right;
	padding: 5px 0px 0px 5px; }
.to_link {
	margin: 20px 0px 0px 0px;
	text-align: right; }
.to_link_r {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: right; }
blockquote {
	width: 800px;
	font-size: 16px;
	line-height: 180%;
	margin: 15px auto;
	padding: 30px 0;
	text-align: right;
	border: 1px solid #CCC;
	color: #212121;
	box-shadow: 1px 1px 2px rgba(204, 204, 204, 0.9), 0px 1px 0px rgba(255, 255, 255, 0.4) inset;
	background: #F7F7F7 url("image/blockquote.png") no-repeat scroll 0px 0px;
	clear: both;
}
blockquote p {
	margin-left: 50px;
	margin-right: 50px;
}
.text-right {
	font-size: 8px;
	color: #3d3737;
	text-align: right;
	padding-bottom: 10px;
	line-height: 130%;
}
.sample_page {
	line-height:180%;
	text-align:right;
	text-justify:inter-ideograph; 
	margin: -20px 90px 30px;
	padding:0;
}

.line-red {background: #ffadad;}
.line-blue {background: #a8eaff;}
.line-brown {background: #cc9966;}
.line-green {background: #b2ffb2;}
.line-yellow {background: #fff799;}
.line-orange {background: #ffe0c1;}
.line-h-red {background: linear-gradient(transparent 60%, #ffadad 50%);}
.line-h-blue {background: linear-gradient(transparent 60%, #a8eaff 50%);}
.line-h-brown {background: linear-gradient(transparent 60%, #cc9966 50%);}
.line-h-green {background: linear-gradient(transparent 60%, #b2ffb2 50%);}
.line-h-yellow {background: linear-gradient(transparent 60%, #fff799 50%);}
.line-h-orange {background: linear-gradient(transparent 60%, #ffe0c1 50%);}
.line-hh-red {background: linear-gradient(transparent 75%, #ffadad 50%);}
.line-hh-blue {background: linear-gradient(transparent 75%, #a8eaff 50%);}
.line-hh-brown {background: linear-gradient(transparent 75%, #cc9966 50%);}
.line-hh-green {background: linear-gradient(transparent 70%, #b2ffb2 50%);}
.line-hh-yellow {background: linear-gradient(transparent 70%, #fff799 50%);}
.line-hh-orange {background: linear-gradient(transparent 70%, #ffe0c1 50%);}
.border-red {border-bottom: 2px solid #ff7f7f;}
.border-blue {border-bottom: 2px solid #a8eaff;}
.border-brown {border-bottom: 2px solid #cc9966;}
.border-green {border-bottom: 2px solid #7fff7f;}
.border-yellow {border-bottom: 2px solid #ffdc00;}
.border-orange {border-bottom: 2px solid #ffbf7f;}
.border-d-red {border-bottom: 4px double #ff7f7f;}
.border-d-blue {border-bottom: 4px double #a8eaff;}
.border-d-brown {border-bottom: 4px double #cc9966;}
.border-d-green {border-bottom: 4px double #7fff7f;}
.border-d-yellow {border-bottom: 4px double #ffdc00;}
.border-d-orange {border-bottom: 4px double #ffbf7f;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 間隔調整 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.midashi {
	text-align: center;
	margin: 80px auto;
	padding: 0;
}
.mds1{ margin: 0 0 40px;}
.mds2{ margin: 40px 0;}
.mds3{ margin: 70px 0;}

.margin-bottom5 { margin-bottom: 5px;}
.margin-bottom10 { margin-bottom: 10px;}
.margin-bottom15 { margin-bottom: 15px;}
.margin-bottom20 { margin-bottom: 20px;}
.margin-bottom25 { margin-bottom: 25px;}
.margin-bottom30 { margin-bottom: 30px;}
.margin-bottom35 { margin-bottom: 35px;}
.margin-bottom40 { margin-bottom: 40px;}
.margin-bottom45 { margin-bottom: 45px;}
.margin-bottom50 { margin-bottom: 50px;}
.margin-bottom60 { margin-bottom: 60px;}
.margin-bottom70 { margin-bottom: 70px;}
.margin-bottom80 { margin-bottom: 80px;}
.margin-bottom90 { margin-bottom: 90px;}
.margin-bottom100 { margin-bottom: 100px;}

.margin-top5 { margin-top: 5px;}
.margin-top10 { margin-top: 10px;}
.margin-top15 { margin-top: 15px;}
.margin-top20 { margin-top: 20px;}
.margin-top25 { margin-top: 25px;}
.margin-top30 { margin-top: 30px;}
.margin-top35 { margin-top: 35px;}
.margin-top40 { margin-top: 40px;}
.margin-top45 { margin-top: 45px;}
.margin-top50 { margin-top: 50px;}

.padding-bottom5 { padding-bottom: 5px;}
.padding-bottom10 { padding-bottom: 10px;}
.padding-bottom15 { padding-bottom: 15px;}
.padding-bottom20 { padding-bottom: 20px;}
.padding-bottom25 { padding-bottom: 25px;}
.padding-bottom30 { padding-bottom: 30px;}
.padding-bottom35 { padding-bottom: 35px;}
.padding-bottom40 { padding-bottom: 40px;}
.padding-bottom45 { padding-bottom: 45px;}
.padding-bottom50 { padding-bottom: 50px;}

.padding-top5 { padding-top: 5px;}
.padding-top10 { padding-top: 10px;}
.padding-top15 { padding-top: 15px;}
.padding-top20 { padding-top: 20px;}
.padding-top25 { padding-top: 25px;}
.padding-top30 { padding-top: 30px;}
.padding-top35 { padding-top: 35px;}
.padding-top40 { padding-top: 40px;}
.padding-top45 { padding-top: 45px;}
.padding-top50 { padding-top: 50px;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 画像 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

img{
	max-width: 100%;
	*width: auto;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	display:inline-block;
}
a img {
	border: none; }
.imgl {
	padding: 0px 20px 20px 40px;
	float: left; }
.imgr {
	padding: 0px 100px 0 30px;
	float: right; }
table.func-box p.imgl {
	margin: 0;
	padding: 0 20px 20px 110px;
	float: left; }
table.func-box p.imgr {
	margin: 0;
	padding: 0 110px 20px 10px;
	float: right; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイマー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.timer {
	min-width: 950px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #333;
}
.timer_in {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0;
	font-size: 32px;
	font-weight: bold;
	color: yellow;
}
.timer_in, x:-moz-any-link {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
}
#CDT {
	font-size: 36px;
	color: #FFF;
	margin: 10px 0 30px;
	padding: 10px 0;
	font-weight: bold;
	background: url(img/blue.png) repeat;
}
#CDT2, #CDT3, #CDT4 {
	font-size: 36px;
	color: #FFF;
	margin: 30px 0;
	padding: 10px 0;
	font-weight: bold;
	background: url(img/blue.png) repeat;
}
#CDT .number-wrapper, #CDT2 .number-wrapper, #CDT3 .number-wrapper, #CDT4 .number-wrapper, #CDT5 .number-wrapper {
	color: #FFF;
	margin: 3px;
	clear: both;
}
#CDT .line, #CDT2 .line, #CDT3 .line, #CDT4 .line {
	color: #FFF;
	float: left;
}
#CDT5 {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	background-color: #333;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 20px;
	color: yellow;
}
#CDT5 .line {
	color: yellow;
	float: left;
}
#CDT5 .number-wrapper {
	color: yellow;
	margin: 3px;
	clear: both;
}
#CDT .mess {
	font-size: 34px;
}
#CDT .ymd {
	font-size: 34px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインエリア設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
}
#in_box{
	width: 940px;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 0 10px #CCCCCC;
	background: #FFFFFF;
}
#wrapper #in_box p img.mdss{
	width: 800px;
	margin: 20px 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 自己紹介 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.photo{
	width: 32%;
	margin-right: 6%;
	margin-left: 3%;
	float: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 動画設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.video {
    position: relative;
    height: 0;
    margin: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 9%;
    width: 82%;
    height: 83%;
    border: 10px #000 solid;
    border-bottom: 8px #000 solid;
    box-sizing: border-box;
    background: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 感想エリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.movie_outline, .voice_outline_last {
	width: 100%;
	margin: 0 auto 0;
	padding: 0 0 50px;
	clear: both;
	background-image:
		url(img/voice_bottom.png),
		url(img/voice_center.png);
	background-repeat:
		no-repeat,
		repeat-y;
	background-position:
		bottom,
		center;
	background-color: #F8F8F8;
}
.voice_outline_last {
	width: 1000px;
    padding: 0 0 120px;
	margin: 0 auto 60px;
    background-image:
		url(img/voice_bottom_last.png),
		url(img/voice_center.png);
}
.movie_area{
	width: auto;
	height: 420px;
	padding: 10px 10% 9px;
	margin: 20px auto 10px;
}
.movie_text{
	margin-top: -10px;
}
.movie_text p{
	font-size: 16px;
	margin: 0 5%;
	padding-left: 80px;
	padding-right: 80px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 感想ボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.voice_box {
	width: 940px;
	margin: 0 auto 50px;
	padding: 0 0 10px;
	clear: both;
	background-color: #F6F9FD;
}
.voice_box .inbox {
    padding: 0 0 50px;
	margin: 0 5% 40px;
    background: #FFF;
    box-shadow: 0 0 10px #E4EBF5;
}
.voice_box .voice_img{
    float: right;
    padding: 22px 5.5% 20px 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 7つのSTEP設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.step7_box{
    background: #EFEFEF;
    margin: 70px 5%;
    padding-top: 30px;
    box-sizing: border-box;
    border-bottom: 35px solid #EFEFEF; 
    border-radius: 10px;
}
.step7_box p{
    margin: 0 3.9%;
    padding: 20px 4% 0;
    background: #FFF;
}
.step7_box p.step_first{
    margin: 0 3.9%;
    padding: 30px 4% 0;
    background: #FFF;
}
.step7_box p.last7{
    padding: 20px 4% 25px;
    margin-bottom: 30px;
}
.step7_box p.step_btm{
    padding: 20px 0 0;
    margin-bottom: 30px;
}
.step7_box p.step_btm_btm{
    padding: 10px 0 0;
}
.step7_box p.step_title1,
.step7_box p.step_title2,
.step7_box p.step_title7{
    margin: 0 3.9%;
    padding: 0;
    background: #FFF;
    font-size: 30px;
    font-weight: bold;
    border-top: 15px solid #f0f0f0; 
    border-bottom: 2px solid #EFEFEF; 
}
.step7_box p.step_title7{
    border-top: 0 solid #f0f0f0; 
}
.step7_box p.step_title2{
    border-top: none; 
    border-top: none; 
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* このような方にお勧め設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.ossm_box{
    margin: 70px 5%;
	padding-bottom: 70px;
    background: #354BAA;
    border-radius: 10px;
    overflow: hidden;
}
.ossm_box p, .ossm_box p.ossm_last{
    margin: 0 70px 8px;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 30px 16px 8%;
    background: #FFF url(img/ossm_check.png) 15px 50% no-repeat;
}
.ossm_box p.ossm_last{
    padding: 20px 30px 18px 8%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインカリキュラム設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.main_ccum{
    margin: 70px 0;
    background: #338CB8;
    border-bottom: 80px #338CB8 solid;
}
.main_ccum p{
    margin: 0 8% 0;
    padding: 15px 30px 15px 7%;
    font-size: 18px;
    line-height: 160%;
    font-weight: bold;
    background: #FFF url(img/ccum_check.png) 15px 50% no-repeat;
    border-bottom: 1px #CDCDCD solid;
}
.main_ccum p.ex{
    margin: 0 8% 30px;
    padding: 15px 5% 15px 5%;
    font-size: 16px;
    line-height: 180%;
    font-weight: normal;
    background: #FFF;
    border-bottom: 1px #CDCDCD solid;
}
.main_ccum p.line2{
    margin: 0 8% 0;
    padding: 25px 30px 25px 7%;
    font-size: 18px;
    line-height: 160%;
    font-weight: bold;
    background: #FFF url(img/ccum_check.png) 15px 50% no-repeat;
    border-bottom: 1px #CDCDCD solid;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインカリキュラム2設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.main_ccum2{
    margin: 80px 0;
    background: #EDF1F5;
    border-bottom: 1px #F5F3F0 solid;
}
.main_ccum2 p{
    margin: 0 5% 0;
    padding: 10px 5%;
    line-height: 180%;
    background: #FFF;
}
.main_ccum2 p.top{
    padding: 30px 30px 10px 5%;
}
.main_ccum2 p.bottom{
    padding: 10px 30px 30px 5%;
	border-radius: 0 0 10px 10px;
	margin-bottom: 50px;
}
.main_ccum2 p.title{
    margin: 0 5% 0;
    padding: 25px 30px 23px 5%;
    font-size: 20px;
    font-weight: bold;
    line-height: 160%;
    background: #FFF;
    border-top: 1px #DEDEDE solid;
    border-bottom: 1px #DEDEDE solid;
}
.step_box001{
    margin: 0 5%;
    padding-bottom: 10px;
    background: #FFF;
}
.step_box001 p{
    background: #F4F7FA;
    box-shadow: 0 0 50px inset #E9EEF2;
}
h2.step001{
    background-color: #30B4FA;
    background-image: url(img/step001.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 20px 0 19px 140px;
    font-size: 22px;
	text-align: left;
    margin: 0 5% 0;
    text-shadow: 2px 2px 0 #1a98db;
    border: 3px #30B4FA solid;
    color: #FFF;
}
h2.step002{
    background-color: #006DD2;
    background-image: url(img/step002.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 20px 0 20px 140px;
    font-size: 22px;
	text-align: left;
    margin: 0 5% 0;
    text-shadow: 2px 2px 0 #005DB2;
    border: 3px #006DD2 solid;
    color: #FFF;
}
h2.step003{
    background-color: #004283;
    background-image: url(img/step003.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 20px 0 19px 140px;
    font-size: 22px;
	text-align: left;
    margin: 0 5% 0;
    text-shadow: 2px 2px 0 #022965;
    border: 3px #004283 solid;
    color: #FFF;
}
.mysbox{
    width:100%; 
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 0px;
    background: #FFF;
    color: #bf0202;
    padding: 20px 25px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #d7dfea;
    text-align: left;
    display: block;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.tktn_box{
    margin: 70px 0;
    background: #EDF1F5;
    border-bottom: 1px #EDF1F5 solid;
}
.tktn_box .inbox{
    background: #FFF;
    margin: 0 5% 5%;
    padding: 0;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
.tktn_box p{
    margin: 0 6% 0;
    padding: 0 0;
    line-height: 180%;
}
.tktn_box img{
    width: 100%;
    margin: 0 0 0;
    line-height: 180%;
}
.tktn_box img.com_title{
    width: 100%;
    margin: 0;
    line-height: 180%;
    background: #FFF;
}
.tktn_box p.title{
    margin: 0 3% 0;
    padding: 25px 30px 23px 5%;
    font-size: 20px;
    font-weight: bold;
    line-height: 160%;
    background: #FFF;
    border-top: 1px #DEDEDE solid;
    border-bottom: 1px #DEDEDE solid;
}
a.tktn_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 230px;
	margin: auto auto 30px;
	padding: 10px 40px;
	font-weight: bold;
    border-radius: 10px;
	background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
}
a.tktn_btn:hover {
	color: #fff;
	opacity: 0.5;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* このような未来の設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mri_bg{
    background: #A9E6F7;
    padding: 40px 0 20px;
    margin-top: 40px;
    margin-bottom: 70px;
}
.mri_box{
    margin: 20px 70px 50px;
    padding: 30px 0;
    background: #E7F8FD;
    border: 3px #2DC2EB solid;
    border-radius: 15px;
}
.mri_box p.title{
    font-size: 24px;
    font-weight: bold;
    margin: 0 40px 10px;
    padding: 10px 0 10px 7%;
    border-bottom: 3px dotted #2DC2EB;
    background: url(img/mri_point.png) 5px 50% no-repeat;
}
.mri_box p{
    border-bottom: none;
    padding: 10px 0;
    margin: 0 45px;
}
.mri_box p.last{
    border-bottom: none;
    padding: 10px 0 20px;
    margin: 0 45px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* STEP設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.step_center{
	width: 950px;
	background: url(img/step_center.png) top repeat-y;
}
.step_bottom{
	width: 950px;
	height: 40px;
	background: url(img/step_bottom.png) bottom no-repeat;
}
.step_contents {
	width: 92%;
    margin: 0 4%;
	margin-bottom: 10px;
}
.step_contents p {
	margin-left: 5%;
	margin-right: 5%;
}
p.bullet_title {
	min-height: 40px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 45px;
	margin-bottom: 10px;
	background: url(img/checkbox1.png) no-repeat left 0px;
	border-bottom: 1px dotted #CCC;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.toku_contents {
	margin-bottom: 10px;
}
.toku_contents p {
	padding-left: 30px;
	padding-right: 30px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* スクールのポイント設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.school_point{
    margin: 50px 70px;
    padding: 30px 0;
    background: #FFFAE2;
    border: 3px #F7CD26 solid;
    border-radius: 15px;
}
.school_point p{
    font-weight: bold;
    margin: 0 40px;
    padding: 10px 0 10px 7%;
    border-bottom: 3px dotted #ffeda5;
    background: url(img/school_check.png) 5px 50% no-repeat;
}
.school_point p.last{
    border-bottom: none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* スクールのポイント設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.navi_box{
    margin: 0 70px 50px;
    padding: 0;
    background: #E9ECF2;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.whats {
	margin:0 95px 15px;
	padding:20px 20px 5px;
	background: #F2F2F7;
	border:1px solid #CCCCCC;
}
.whats p {
	font-size:14px;
	line-height:180%;
	text-align:justify;
	text-justify:inter-ideograph; 
	margin:0;
	padding:0 0 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pi_ex{
    background:#FFFAFA; 
    border:1px #CCC solid; 
    margin:40px 6% 10px;
    box-shadow:1px 1px #FFFFFF inset;
}
.bl_ex{
    background:#e8f6fc; 
    border:1px #b2d5e4 solid; 
    margin:40px 6% 10px; 
    box-shadow:1px 1px #FFFFFF inset;
}
.bl_ex p{
    font-size: 0.9em;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特徴部分 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

table.func-box {
	width: 100%;
	margin: 10px 0 20px;
	padding: 0;
	text-align: center;
	border-collapse: collapse;
	clear: both;
}
td.func-body {
	padding: 0 0 20px;
	background:  url(image/toku_body.png)  repeat-y center top;
  }
td.func-foot {
	height: 31px;
	margin: 0 0 20px;
	background:  url(image/toku_foot.png)  no-repeat center top;
}
td.func-body p {
	text-align: left;
	margin: 0;
	padding: 0 120px;
}
td.func-body .blockquote {
	width: 720px;
	font-size: 16px;
	line-height: 180%;
	margin: 15px auto;
	padding: 30px 0;
	text-align: right;
	border: 1px solid #CCC;
	color: #212121;
	box-shadow: 1px 1px 2px rgba(204, 204, 204, 0.9), 0px 1px 0px rgba(255, 255, 255, 0.4) inset;
	background: #F7F7F7 url("image/blockquote.png") no-repeat scroll 0px 0px;
	clear: both;
}
td.func-body p.bq {
	font-size: 15px;
	line-height: 180%;
	margin: 0;
	padding: 20px 40px 10px;
	text-align: left;
}
td.func1-1-head {
	height: 136px;
	margin: 0;
	background:  url(img/func_head1-1.png)  no-repeat center top;
	clear: both;
}
td.func1-2-head {
	height: 136px;
	margin: 0;
	background:  url(img/func_head1-2.png)  no-repeat center top;
	clear: both;
}
td.func1-3-head {
	height: 136px;
	margin: 0;
	background:  url(img/func_head1-3.png)  no-repeat center top;
	clear: both;
}
td.func1-4-head {
	height: 136px;
	margin: 0;
	background:  url(img/func_head1-4.png)  no-repeat center top;
	clear: both;
}
td.func1-5-head {
	height: 136px;
	margin: 0;
	background:  url(img/func_head1-5.png)  no-repeat center top;
	clear: both;
}
td.func2-1-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-1.png)  no-repeat center top;
}
td.func2-2-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-2.png)  no-repeat center top;
}
td.func2-3-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-3.png)  no-repeat center top;
}
td.func2-4-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-4.png)  no-repeat center top;
}
td.func2-5-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-5.png)  no-repeat center top;
}
td.func2-6-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-6.png)  no-repeat center top;
}
td.func2-7-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-7.png)  no-repeat center top;
}
td.func2-8-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-8.png)  no-repeat center top;
}
td.func2-9-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head2-9.png)  no-repeat center top;
}
td.func3-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head3.png)  no-repeat center top;
}
td.func4-1-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head4-1.png)  no-repeat center top;
}
td.func4-2-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head4-2.png)  no-repeat center top;
}
td.func4-3-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head4-3.png)  no-repeat center top;
}
td.func4-4-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head4-4.png)  no-repeat center top;
}
td.func4-5-head {
	height: 136px;
	margin: 0 auto;
	background:  url(img/func_head4-5.png)  no-repeat center top;
}
td.func5-head {
	height: 136px;
	margin: 0 auto;
	background:  url(image/func_head5.png)  no-repeat center top;
}
td.func6-head {
	height: 136px;
	margin: 0 auto;
	background:  url(image/func_head6.png)  no-repeat center top;
}
td.func7-head {
	height: 136px;
	margin: 0 auto;
	background:  url(image/func_head7.png)  no-repeat center top;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ８大特典 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.lim_toku_box{
	margin: 50px auto;
	background: url(img/limtoku_back.png) repeat;
	box-sizing: border-box;
	padding-bottom: 20px;
}
.lim_toku_box img{
	width: 90%;
	margin: 30px 5% 0;
}
.lim_toku_box .lim_ex{
	background: #FFF;
	width: 90%;
	margin: -1px 5% 0;
	padding: 30px 2% 40px;
	box-sizing: border-box;
}
.lim_toku_box .lim_ex_last{
	background: #FFF;
	width: 90%;
	margin: 0 5% 30px;
	padding: 30px 2% 40px;
	box-sizing: border-box;
}
.lim_toku_box .lim_ex p,
.lim_toku_box .lim_ex_last p{
	margin: 0 3%;
}
.lim_toku_box .lim_mini{
	padding: 20px 5px 10px;
	margin: 0 2%;
	background: #faf3e1;
	border: 2px #F6E3C2 solid;
}
.lim_toku_box .lim_mini_b{
	padding: 20px 5px 10px;
	margin: 0 2%;
	background: #feebe4;
	border: 2px #fed3c7 solid;
}
.lim_toku_box .lim_mini p,
.lim_toku_box .lim_mini_b p,
.lim_toku_box .lim_mini_w p{
	font-size: 0.9em;
}
.lim_toku_box .lim_mini_w{
	padding: 15px 5px 15px;
	margin: 0 2%;
	background: #f9f9f9;
	border: 2px #ededed solid;
}
.lim_toku_box .lim_mini ul{
	padding: 0.5em 0.5em 0.5em 2em;
}
.lim_toku_box .lim_mini li{
	font-size: 0.85em;
	text-align: left;
	padding-bottom: 15px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 講師*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#box_s7_in, #box_s77_in {
	width: 100%;
	margin: 0;
    background: url(img/about_lit.png) left top no-repeat;
    background-size: contain;
}
#box_s77_in {
    background: url(img/about_lit1.png) left top no-repeat;
    background-size: contain;
}
#box_s7_in h3 img, #box_s77_in h3 img{
    margin: 0 100px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 講座ボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#program_box, #program_box2 {
    padding: 0 0 40px;
    background: url(img/box_bg.png) center top repeat-y;
}
.program{
    margin: -10px 60px 20px;
    padding: 40px 0;
    background: #FFFFFF;
    box-shadow: 0 5px 10px #CCCCCC;
}
#program_box .program p, #program_box2 .program p {
    margin: 0 70px;
}
p.bullet_title {
	min-height: 40px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 45px;
	margin-bottom: 10px;
	background: url(img/checkbox1.png) no-repeat left 0px;
	border-bottom: 1px dotted #CCC;
}
p.bullet_dis {
	padding-top: 15px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* プレゼントボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#present_box{
    padding: 0 0 1px;
    background: url(img/box_bg.png) center bottom repeat-y;
}
.present{
    margin: -10px 60px 70px;
    padding: 55px 0 70px;
    background: #FFFFFF;
    box-shadow: 0 5px 10px #CCCCCC;
}
#present_box .present p{
    margin: 0 70px;
}
#present_box .toku_2dis{
	overflow: auto;
	margin: 10px 50px 0;
	padding: 15px 15px 20px;
	background: #EFEFEF;
	border:1px solid #CCCCCC;
	clear: both;
}
#present_box .toku_2dis p{
    font-size: 14px;
    font-weight: normal;
    line-height: 130%;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 10% 0;
    padding: 5px 0 5px 0;
}
#present_box .toku_2dis ul li {
    list-style: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 130%;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 10% 0;
    padding: 5px 0 5px 0;
}
#present_box p.gba {
	position: relative;
	color: white;
	padding:0.5em 0.5em 0.5em 2em;
	background-color: #446689;
	border-radius: 5px;
	margin: 10px 10px 15px;
	font-size: 16px;
	font-weight: bold;
}
#present_box p.gba::after {
     position: absolute;
     top: 50%;
     left:1em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color:white;
}
#present_box .toku_2dis p.title {
	font-weight: bold;
	border-bottom: 1px #555555 solid;
	font-size: 16px;
	margin-bottom: 10px;
}
#present_box .toku_2dis_l, #present_box .toku_2dis_l{
	width: 45%;
	margin:0;
	padding:0;
	float:left;
}
#present_box .toku_2dis_r, #present_box .toku_2dis_r{
	width:55%;
	margin:0;
	padding:0;
	float:right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.toku_contents {
	margin-bottom: 10px;
}
.toku_contents p {
	padding-left: 30px;
	padding-right: 30px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* チェックボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul.checkbox, ul.checkbox1, ul.checkbox4 {
	margin:0;
	padding:5px 100px;
}
ul.checkbox3 {
	margin: 20px 0 30px;
	padding:5px 70px;
}
ul.checkbox2 {
	margin:0;
	padding:5px 70px;
}
ul.checkbox li {
	list-style:none;
	font-size:20px;
	line-height:180%;
	text-align:left;
	font-weight:bold;
	margin: 0px;
	padding:0 30px 3px 30px;
	background: url(img/checkbox1.gif) no-repeat left 7px;
}
ul.checkbox1 li {
	list-style:none;
	font-size:16px;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	margin: 0 0px 10px 0;
	padding:0 30px 3px 30px;
	background: url(img/checkbox1.gif) no-repeat left 6px;
	border-bottom: 1px dotted #d3d3d3;
}
ul.checkbox2 li, ul.checkbox3 li {
	list-style:none;
	font-size:18px;
	line-height:150%;
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:7px 30px 3px;
	background: url(img/checkbox1.gif) no-repeat left 10px;
}
ul.checkbox4 li {
	list-style: none;
	font-size: 18px;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
	margin: 0 50px 5px 0;
	padding: 7px 0 3px 30px;
	background: url(img/checkbox1.gif) no-repeat left center;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* その他 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.balloon {
	width: 100%;
	margin: 15px 0 0 100px;
	overflow: hidden;
}
.balloon .faceimg-l {
	float: left;
	margin-right: -110px;
	width: 100px;
}
.balloon .faceimg-l img{
	width: 100%;
	height: auto;
}
.balloon .chat {
	width: 100%;
}
.comments-l {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 125px;
	padding: 17px 13px;
	border-radius: 8px;
	background: #d7ebfe;
	text-align: left;
}
.comments-l:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* QandA */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.qa_q{
	min-height: 44px;
	background: #1e84c6 url(img/qa_q.png) 20px center no-repeat;
	line-height: 150%;
	padding: 15px 20px 12px 80px;
	font-weight: bold;
    color: #FFF;
}
.qa_a{
	min-height: 10px;
	background: #f5f5f5 url(img/qa_a.png) 20px 15px no-repeat;
	line-height: 160%;
    font-size: 16px;
	padding: 15px 20px 20px 80px;
    margin-bottom: 30px;
	border-radius: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 追伸ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#ps_box2{
	width: 100%;
	height: auto;
	padding: 0 0 30px;
	overflow: hidden;
}
#ps_box2 .c_in_box{
	width: 88%;
	height: auto;
	margin: 0 5%;
	padding: 30px 0;
	overflow: hidden;
	background: #FFFFFF;
    border: 2px #EDEDED solid;
    box-shadow: 3px 3px 3px #DDDDDD,
                0 0 40px #EDEDED inset;
}
#ps_box2 p{
	margin: 2px 70px 2px;
	padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*　決済周り　*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 光るボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.button_wrap {
	padding: .5em 0 0;
	overflow: hidden;
	position: relative;
}
.btn-cv{
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1.2;
	margin: 10px auto 20px;
	padding: .4em 0 .3em;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 80%;
}
.btn-cv img {
	vertical-align: middle;
}
.btn-cv:after {
	content: ' ' !important;
}

/* 緑ボタン */
.btn-cv.sb_green {
	background: -webkit-linear-gradient(#6FE918, #2A9204);
	background: linear-gradient(#6FE918, #2A9204);
	text-shadow: 2px 2px 0 #2A9204;
	border: 3px solid #2A9204;
}
/* オレンジボタン */
.btn-cv.sb_green:hover {
	background: -webkit-linear-gradient(#FFAF38, #FF6000);
	background: linear-gradient(#FFAF38, #FF6000);
	text-shadow: 2px 2px 0 #FF6000;
	border: 3px solid #FF6000;
}
/* ボタンの光沢 */
.is-reflection {
	overflow: hidden;
}
.is-reflection ::after, .button_wrap::after {
	-moz-animation: is-reflection 4s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-ms-animation: is-reflection 4s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-o-animation: is-reflection 4s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-webkit-animation: is-reflection 4s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	animation: is-reflection 3s ease-in-out infinite;
	background-color: #fff;
	content: " ";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -180px;
	transform: rotate(45deg);
	width: 30px;
}
@keyframes is-reflection {
	0% {transform: scale(0) rotate(45deg);opacity: 0;}
    80% {transform: scale(0) rotate(45deg);opacity: 0.5;}
    81% {transform: scale(4) rotate(45deg);opacity: 1;}
    100% {transform: scale(50) rotate(45deg);opacity: 0;}
}
@-webkit-keyframes is-reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.4; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.btnex img{
    width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
/* MediaQuery : スマホ対応 */
@media only screen and (max-width: 767px) {
/* コンバージョンボタン */
	.btn-cv {
	font-size: 1.3em;
	width: 80%;
}
}

/* 分割払い
───────────────────────── */

.credit_flow {
	margin: 20px 80px 20px;
	padding: 20px 0;
	height: 500px;
	overflow:scroll;
	border: 1px solid #CCC;
}
.credit_flow p {
	padding: 20px 20px 0;
	margin: 0;
}

h4 {
	font-size: 20px;
	text-align: left;
	background: url(image/circle_brown.png) no-repeat 0px 7px;
	margin: 0 20px 0;
	padding: 0 0 0 25px;
	border-bottom: 1px solid #CCC;
}

/* 注意点
───────────────────────── */

.attention {
	margin: 30px 100px 20px;
	padding: 30px 20px 10px 40px;
	border: 1px solid #CCC;
	border-radius: 4px;
	position: relative;
}
.attention::before {
	font-size: 14px;
	background-color: #F4F4F4;
	color: #333;
	content: "　分割決済に関しての注意事項　";
	font-weight: bold;
	padding: 5px 0;
	left: 20px;
	top: -15px;
	position: absolute;
}
.attention ul {
	margin: 0;
	padding: 0;
}
.attention li {
	font-size: 14px;
	margin: 0;
	padding: 0 0 7px;
	text-align: left;
}

/* 支払いに関する注意点
───────────────────────── */

.pay_dis {
	margin: 20px 100px 20px;
	padding: 20px 20px 13px 40px;
	background: #F8F4E6;
	border: 1px dotted #CCC;
}
.pay_dis ul {
	margin: 0;
	padding: 0;
}
.pay_dis li {
	font-size: 14px;
	margin: 0;
	padding: 0 0 7px;
	text-align: left;
}

/* サイト更新日
───────────────────────── */

.newday {
	font-size:14px;
	color:#000;
	line-height:100%;
	text-align:center;
	margin:50px auto 0;
	padding:0 0 20px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#fotter{
	min-width: 950px;
	width: 100%;
	background-color: #333333;
	border-top: 2px solid #5A5A56;
}
#fotter_content{
	max-width: 780px;
	font-size: 12px;
	color: #ffffff;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #333333;
	position: relative;
}
#fotter_content ul{
	font-size:12px;
	float: left;
	margin:0 auto;
	padding: 0 0 10px;
	position: relative;
	left: 50%;
}
#fotter_content li {
	list-style-type: none;
	float: left;
	margin:0;
	padding: 3px 20px 0;
	position: relative;
	left: -50%;
	background: none;
}
#fotter_content a { 
	color: #ffffff;
	text-decoration: none;
}
#fotter_content a:hover {
	color: #FFA500;
	text-decoration: underline;
}
#fotter_content p {
	width: 780px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
	background: url(image/foot-line.png)  repeat-x top;
	clear: both;
}


/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
https://www.mithril-web.com/
--------------------------------------------------------*/