@charset "UTF-8";

html,body { height:100%; }
	body {
		font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		background: #FAFCFF;
		color: #000000;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 180%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-feature-settings: "halt" 1;
	}
	a {
		transition: 0.3s;
	}
	a:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	.contents {
		text-align: center;
		margin: 0 auto;
	}
	.contarea {
		/*background: #FFF;*/
		width: 100%;
		/* padding-top: 32px; */
	}
	.strang {
		font-weight: bold;
	}
	.MB40 {
		margin-bottom: 40px;
	}
	.last {
		margin-right: 0!important;
	}
	#colorbox iframe {
		width: 560px;
		height: 315px;
	}
	iframe{ width:100%!important;}

	@media screen and (max-width: 700px) {
		ins.play-gif{
			position: absolute;
			font-family: Arial, sans serif;
			width: 58px;
			height: 58px;
			line-height: 52px;
			text-align: center;
			background-image: url(feature1_gifbtn.png);
			font-size: 18px;
			color: #fff;
			/*border-radius: 50%;*/
			opacity: .9;
			/*border: 4px solid #fff;*/
			cursor:pointer;
			text-decoration: none;
			text-indent: -9999px;
			top: 50px!important;
			margin-top: -4px;
		}
		.gifplayer-wrapper{
			position:relative;
			display: block;
			height: auto!important;
		}
	}
	@media screen and (min-width: 701px) {
		ins.play-gif{
			position: absolute;
			font-family: Arial, sans serif;
			width: 58px;
			height: 58px;
			line-height: 52px;
			text-align: center;
			background-image: url(feature1_gifbtn.png);
			font-size: 18px;
			color: #fff;
			opacity: .9;
			cursor:pointer;
			text-decoration: none;
			text-indent: -9999px;
		}
		.gifplayer-wrapper{
			position:relative;
			display: inline-block;
		}
	}

	@media screen and (max-width: 700px) {
		.mainarea {
			background-image: url(feature3_mainbg_sp@2x.png);
			background-repeat: no-repeat;
			width: 100%;
			background-size: cover;
			min-height: 360px;
			position: relative;
			background-position-x: right;
		}

		.mainarea h1 {
		margin-left: -11px;
		}

		.mainarea img {
			width: 60%;
			margin-top: 45px;
		}
		.cont-inner {
			width: 90%;
			margin: 0 auto;
			position: relative;
		}
		.cont-inner img {
			width: 100%;
		}
		.mainttl {
			position: absolute;
			top: 0;
			right: 0;
		}

		table, tbody, tr, th, td {
			display: block;
		}
		/*--------------------------------

		              sec01

		---------------------------------*/
		#sec01 {
			width: 100%;
			margin: 0 auto;
			background-color: #E8F4FF;
			font-size: 24px;
			font-weight: bold;
			line-height: 36px;
			color: #FFF;
			padding: 0 5% 24px 5%;
			box-sizing:  border-box;
		}

		#sec01 .box {
			width: 100%;
			margin: 0 auto;
		}

		#sec01 img {
			margin: 24px 0;
			width: 40%;
		}


		#sec01 p {
			line-height: 140%;
			font-weight: normal;
			color: #000000;
			font-size: 14px;
			text-align: left;
			display: inline-block;
			width: 100%;
			/* float:  right; */
			/* margin: 33px 0; */
			line-height: 200%;
		}
		#sec01 span {
			color: #FFF849;
		}
		#sec01 span.fs_s {
			font-size: 14px;
			color: #FFF;
		}

		/*--------------------------------

		              sec02

		---------------------------------*/

		#sec02 {
			background-color: #FFFFFF;
			padding: 40px 0;
		}
		#sec02 .cont-inner {

		}
		#sec02 h2 {
			font-size: 32px;
			color: #37220F;
			margin-bottom: 42px;
			font-size: 200%;
			color: #0062B7;
			font-weight: bold;
			line-height: 1em;
		}


		#sec02 ul {

		}

		#sec02 ul li {
			width: 90%;
			margin: 0 auto 40px auto;
			/* float: left; */
			/* height: 100%; */
			border: 4px solid #EDEDED;
			box-sizing:  border-box;
			background:  #fff;
			padding: 5%;
			position: relative;
		}

		#sec02 ul li .step {
			width: 70px;
			position: absolute;
			top: -30px;
			left: -30px;
		}

		#sec02 ul li .step img {
			width: 100%;
		}

		#sec02 ul li:after {
			content: "";
			background-image: url(feature3_right.png);
			background-repeat: no-repeat;
			background-size: 26px;
			background-position: top;
			display: inline-block;
			width: 26px;
			height: 26px;
			position: absolute;
			bottom: 50%;
			right: -29px;
			top: 50%;
			margin: auto;
			display: none;
		}

		#sec02 ul li:last-child:after {
			display: none;
		}

		#sec02 ul li h4 {
			font-size: 22px;
			font-weight:  bold;
			color: #0062B7;
			margin-bottom: 14px;
		}

		#sec02 ul li img {
			width: 80%;
			margin-bottom: 24px;
		}

		#sec02 ul li p {
		font-size: 16px;
		line-height: 180%;
		width: 100%;
		box-sizing:  border-box;
		letter-spacing: 0;
		text-align:  left;
		}

		#sec02 ul li:last-child {
			/* margin-right: 0; */
			margin-bottom: 0;
		}



		/*--------------------------------

		              sec03-sp

		---------------------------------*/


		#sec03-sp {
			width: 100%;
			margin: 0 auto;
			font-size: 24px;
			font-weight: bold;
			line-height: 50px;
			color: #000000;
			min-height: 408px;
			position: relative;
			background: #E8F4FF;
			padding: 40px 0;
		}

		#sec03-sp .course1 .tr1 td {

		}

		#sec03-sp .course1 .tr1 h3 {
			font-size:  130%;
			font-weight:  bold;
			line-height: 120%;
			margin-bottom: 8px;
		}

		#sec03-sp .course1 .tr1 span {
			font-size:  16px;
			font-weight: bold;
			margin-bottom: 8px;
			display:  inline-block;
		}

		#sec03-sp .course1 .tr1 td:first-child {
			background: #90D1E5;
			color: #FFF;
			text-align: center;
			padding: 5%;
		}

		#sec03-sp .course1 .tr1 .fkds {
			width: 70%;
			margin-bottom: 12px;
		}

		#sec03-sp .course1 .tr1 .icon {
			width: 70%;
			/* margin-bottom: 8px; */
		}

		#sec03-sp .course1 .tr1 td:first-child img {
			/* width: 100%; */
		}

		#sec03-sp .course1 .tr1 td:nth-child(2) {
			background: #F6F6F6;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
		}

		#sec03-sp .course1 .tr1 td:nth-child(3) {
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 200%;
			padding: 8% 0 5% 0;
		}

		#sec03-sp .course1 .tr1 td:nth-child(3) span {
			font-size: 14px;
			line-height: 1em;
			padding-top: 8px;
		}

		#sec03-sp .course1 .tr1 td:nth-child(4) {
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 200%;
			padding: 8% 0 5% 0;
		}

		#sec03-sp .course1 .tr1 td:nth-child(4) span {
			font-size: 14px;
			line-height: 1em;
			padding-top: 8px;
		}

		#sec03-sp .price {
			font-size: 12px!important;
		}

		#sec03-sp .course1 .tr2 td:first-child {
			background: #F6F6F6;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
		}

		#sec03-sp .course1 .tr2 td:nth-child(2) {
			background: #fff;
			padding: 5%;
		}

		#sec03-sp .course1 .tr2 ul {

		}

		#sec03-sp .course1 .tr2 li {
			width: 25%;
			margin-right: 5%;
			float:  left;
		}

		#sec03-sp .course1 .tr2 li:last-child {
			margin-right: 0;
			width: 25%;
		}

		#sec03-sp .course1 .tr2 li img {

		}


		#sec03-sp .course2 .tr1 td {

		}

		#sec03-sp .course2 .tr1 h3 {
			font-size:  130%;
			font-weight:  bold;
			line-height: 120%;
			margin-bottom: 8px;
		}

		#sec03-sp .course2 .tr1 span {
			font-size:  16px;
			font-weight: bold;
			margin-bottom: 8px;
			display:  inline-block;
		}

		#sec03-sp .course2 .tr1 td:first-child {
			background: #FF858D;
			color: #FFF;
			text-align: center;
			padding: 5%;
		}

		#sec03-sp .course2 .tr1 .fkds {
			width: 70%;
			margin-bottom: 12px;
		}

		#sec03-sp .course2 .tr1 .icon {
			width: 70%;
			/* margin-bottom: 8px; */
		}

		#sec03-sp .course2 .tr1 td:first-child img {
			/* width: 100%; */
		}

		#sec03-sp .course2 .tr1 td:nth-child(2) {
			background: #F6F6F6;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
		}

		#sec03-sp .course2 .tr1 td:nth-child(3) {
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 200%;
			padding: 8% 0 5% 0;
		}

		#sec03-sp .course2 .tr1 td:nth-child(3) span {
			font-size: 14px;
			line-height: 1em;
			padding-top: 8px;
		}

		#sec03-sp .course2 .tr1 td:nth-child(4) {
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 200%;
			padding: 8% 0 5% 0;
		}

		#sec03-sp .course2 .tr1 td:nth-child(4) span {
			font-size: 14px;
			line-height: 1em;
			padding-top: 8px;
		}

		#sec03-sp .price {
			font-size: 12px!important;
		}

		#sec03-sp .course2 .tr2 td:first-child {
			background: #F6F6F6;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
		}

		#sec03-sp .course2 .tr2 td:nth-child(2) {
			background: #fff;
			padding: 5%;
		}

		#sec03-sp .course2 .tr2 ul {

		}

		#sec03-sp .course2 .tr2 li {
			width: 20%;
			margin-right: 5%;
			float:  left;
		}

		#sec03-sp .course2 .tr2 li:last-child {
			margin-right: 0;
			width: 25%;
		}

		#sec03-sp .course2 .tr2 li img {

		}


		#sec03-sp .course3 .tr1 td {

		}

		#sec03-sp .course3 .tr1 h3 {
			font-size:  130%;
			font-weight:  bold;
			line-height: 120%;
			margin-bottom: 8px;
		}

		#sec03-sp .course3 .tr1 span {
			font-size:  16px;
			font-weight: bold;
			margin-bottom: 8px;
			display: inline-block;
			line-height: 160%;
		}

		#sec03-sp .course3 .tr1 td:first-child {
			background: #E8C839;
			color: #FFF;
			text-align: center;
			padding: 5%;
		}

		#sec03-sp .course3 .tr1 .fkds {
			width: 70%;
			margin-bottom: 12px;
		}

		#sec03-sp .course3 .tr1 .icon {
			width: 70%;
			/* margin-bottom: 8px; */
		}

		#sec03-sp .course3 .tr1 td:first-child img {
			/* width: 100%; */
		}

		#sec03-sp .course3 .tr1 td:nth-child(2) {
			background: #F6F6F6;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
		}

		#sec03-sp .course3 .tr1 td:nth-child(3) {
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 200%;
			padding: 8% 0 5% 0;
		}

		#sec03-sp .course3 .tr1 td:nth-child(3) span {
			font-size: 14px;
			line-height: 1em;
			padding-top: 8px;
		}

		#sec03-sp .course3 .tr1 td:nth-child(4) {
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 200%;
			padding: 8% 0 5% 0;
		}

		#sec03-sp .course3 .tr1 td:nth-child(4) span {
			font-size: 14px;
			line-height: 1em;
			padding-top: 8px;
		}

		#sec03-sp .price {
			font-size: 12px!important;
		}

		#sec03-sp .course3 .tr2 td:first-child {
			background: #F6F6F6;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
		}

		#sec03-sp .course3 .tr2 td:nth-child(2) {
			background: #fff;
			padding: 5%;
		}

		#sec03-sp .course3 .tr2 ul {

		}

		#sec03-sp .course3 .tr2 li {
			width: 20%;
			margin-right: 5%;
			float:  left;
			height: 100px;
		}

		#sec03-sp .course3 .tr2 li:nth-child(4) {
			margin-right: 0;
		}

		#sec03-sp .course3 .tr2 li:last-child {
			margin-right: 0;
			width: 25%;
		}

		#sec03-sp .course3 .tr2 li img {

		}
		/*--------------------------------

		              sec04

		---------------------------------*/



		#sec04 p {
			font-size: 16px;
			margin-bottom: 0;
			line-height: 32px;
		}

		#sec04 {
			background: #fff;
			padding: 40px 5%;
			box-sizing:  border-box;
		}

		#sec04 .service_box {
			margin-bottom: 40px;
		}

		#sec04 .service_box:last-child {
			margin-bottom: 0;
		}

		#sec04 .cont-inner {
			width: 100%;
			margin: 0 auto 20px auto;
		}
		#sec04 h2 {
			margin-bottom: 40px;
			font-size: 200%;
			color: #0062B7;
			font-weight: bold;
			line-height: 1em;
		}

		#sec04 .box-a {
			/* float: left; */
			width: 100%;
			margin-bottom: 20px;
			background: #E8F4FF;
			padding: 20px;
			box-sizing: border-box;
			border-radius: 10px;
		}

		#sec04 .box-a h3 {
			font-size: 24px;
			font-weight: bold;
			text-align: center;
			border-bottom: 2px solid #000;
			/*width: 80%;*/
			margin: 0 auto 20px auto;
		}

		#sec04 .box-a .line {

		}

		#sec04 .box-a p {
			font-size: 16px;
			text-align: left;
			width: 100%;
			line-height: 170%;
			margin-bottom: 20px;
		}

		#sec04 .box-a .morebtn {
			text-align: center;
		}

		#sec04 .box-a .morebtn a {
			background: #E65953;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			width: 80%;
			height: 56px;
			line-height: 1em;
			box-sizing: border-box;
			padding: 19px 0 0 0;
			border-radius: 1000px;
			text-decoration: none;
		}

		#sec04 .box-b {
			/* float: right; */
			width: 100%;
			/* margin-bottom: 20px; */
		}

		#sec04 table.service1 {
			width: 100%;
			margin: 0 auto;
		}

		#sec04 th {
			background: #F5F6F8;
		}

		#sec04 tr td {
			/* padding-left: 20px; */
			/* padding: 0; */
			box-sizing:  border-box;
			text-align:  center;
		}

		#sec04 tr td:first-child {
			width: 100%;
			/* padding: 0 0 0 26px; */
			font-weight:  bold;
		}

		#sec04 h4 {
			text-align: center;
			font-size: 16px;
			font-weight: bold;
		}

		#sec04 td {
			font-size: 14px;
		}


		/*--------------------------------

		              sec05

		---------------------------------*/

		#sec05 {
			width: 100%;
			margin: 0 auto;
			background-color: #E3EDFB;
			font-weight: bold;
			line-height: 36px;
			color: #000000;
			padding: 16px 0;
		}
		#sec05 h2 {
			font-size: 32px;
			color: #37220F;
			background-image: url(feature1_ico02.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 40px;
			display: inline-block;
			margin-bottom: 20px;
		}

		#sec05 h3 {
			font-size: 26px;
			font-weight: bold;
			/* margin-bottom: 18px; */
			line-height: 110%;
		}
		#sec05 .box-a {
			float: left;
		}
		#sec05 .box-b {
			float: right;
			width: 430px;
			text-align: left;
		}

		/*--------------------------------*/



		#sec05 td {
			font-size: 14px;
			font-weight: bold;
			background: #FFF;
		}
		#sec05 td p {
			/* display: inline-block; */
			box-sizing: border-box;
			/* padding: 0 0 0 19px; */
			text-align:  center;
			line-height: 180%;
		}

		#sec05 td span {
			font-size: 14px;
		}

		#sec05 .price {
			font-size: 30px;
		}

		#sec05 table.course_b1 {
			width: 100%;
			margin: 0 auto 20px auto;
		}

		#sec05 .course_b1 .tr1 td:first-child {
			background: #90D1E5;
			color: #FFFFFF;
			text-align: center;
			width: 100%;
			padding: 5% 0;
		}

		#sec05 .course_b1 .tr1 td:first-child span {
			font-weight: bold;
		}

		#sec05 .course_b1 .tr1 .fkds {
			width: 175px;
			margin-bottom: 11px;
		}

		#sec05 table.course_b2 {
			width: 100%;
			margin: 0 auto 20px auto;
		}

		#sec05 .course_b2 .tr2 td:first-child {
			background: #FF858D;
			color: #FFFFFF;
			text-align: center;
			width: 100%;
			padding: 5% 0;
		}

		#sec05 .course_b2 .tr2 td:first-child span {
			font-weight: bold;
		}

		#sec05 .course_b2 .tr2 .fkds {
			width: 162px;
			margin-bottom: 11px;
		}

		#sec05 table.course_b3 {
			width: 100%;
			margin: 0 auto;
			/* height: 200px; */
			/* width: 200px; */
		}

		#sec05 .course_b3 .tr3 td:first-child {
			background: #E8C839;
			color: #FFFFFF;
			text-align: center;
			width: 100%;
			padding: 5% 0;
		}

		#sec05 .course_b3 .tr3 td:first-child span {
			font-weight: bold;
			line-height: 150%;
		}

		#sec05 .course_b3 .tr3 .fkds {
			width: 192px;
			margin-bottom: 11px;
		}

		#sec05 .order_btn {
			/* float: right; */
			padding: 10px 0 8px 0;
			box-sizing: border-box;
			text-align: center;
			/* width:  100%; */
			/* margin:  0 auto; */
		}

		#sec05 .order_btn img {
		width:  15px;
		vertical-align:  bottom;
		position:  absolute;
		left: 14%;
		top: 36%;
		}

		#sec05 .order_btn a {
			background: #DE4646;
			color: #fff;
			text-decoration: none;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			width: 70%;
			height: 52px;
			box-sizing: border-box;
			padding: 17px 0 0 0;
			line-height: 1em;
			border-radius: 100px;
			/* margin:  0 auto; */
			position: relative;
		}


		ul .store-name {
			font-size: 11px;
			line-height: 26px;
		}
		ul .item-name {
			font-size: 20px;
			font-weight: bold;
			line-height: 160%;
			border-top: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;
			display: inline-block;
			padding: 10px 0;
			min-width: 364px;
		}
		ul .item-name span {
			font-size: 14px;
		}
		ul .price {
			font-weight: bold;
			color: #333333;
			margin-bottom: 10px;
			line-height: 160%;
		}
		ul .price span {
			font-size: 26px;
			letter-spacing: 2px;
			margin-left: 5px;
		}
		ul .price p {
			color: #FFF;
			font-size: 76%;
			font-weight: bold;
			background-color: #B1AFAF;
			display: inline-block;
			padding: 4px 8px;
			margin-left: 10px;
		}

		#sec05 ul {
			width: 710px;
			margin: 0 auto;
		}
		#list {
		width:  100%;
		}
		#list a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #0062B7;
			text-decoration: none;
			background-image: url(arrow02.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: right 32px center;
			padding: 20px;
			border-radius: 4px;
			border: solid 1px #0062B7;
			font-size: 150%;
			margin: 32px 0 16px 0;
			border-bottom: solid 5px #004581;
		}
		#back {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		#back a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #888888;
			text-decoration: none;
			background-image: url(arrow03.png);
			background-repeat: no-repeat;
			background-size: 6px;
			background-position: 10px center;
			padding: 10px 16px 10px 32px;
			border-radius: 4px;
			border: solid 1px #888888;
			font-size: 100%;
			margin: 16px 0 64px 0;
		}
		#back a:hover {
			background-color: #AAAAAA;
			border: solid 1px #AAAAAA;
		}
		#copyright {
			font-size: 86%;
			text-align: center;
			color: #000;
		}
		#footer {
			margin: auto;
			padding: 10px;
			width: 100%;
			background-color: #FFF;
			box-sizing: border-box;
		}
		.sp-none {
			display: none;
		}
	}

/*------------------------------------------------------------------------------------------------------------------*/


	@media screen and (min-width: 701px) {
		.mainarea {
			background-image: url(feature3_mainbg@2x.png);
			background-repeat: no-repeat;
			width: 100%;
			background-size: cover;
			min-height: 480px;
			position: relative;
			box-sizing: border-box;
			padding-top: 45px;
		}
		.mainarea img {
			width: 371px;
			margin: 0 auto;
		}
		.cont-inner {
			width: 1000px;
			margin: 0 auto;
		}
		.mainttl {
			position: absolute;
			top: 0;
			right: 0;
		}

		/*--------------------------------

		              sec01

		---------------------------------*/
		#sec01 {
			width: 100%;
			margin: 0 auto;
			background-color: #E8F4FF;
			font-size: 24px;
			font-weight: bold;
			line-height: 36px;
			color: #FFF;
			padding: 0;
		}

		#sec01 .box {
			width: 1000px;
			margin: 0 auto;
		}

		#sec01 img {
			margin: 35px 0;
			width: 118px;
		}


		#sec01 p {
			line-height: 140%;
			font-weight: normal;
			color: #000000;
			font-size: 15px;
			text-align: left;
			display: inline-block;
			width: 796px;
			float:  right;
			margin: 33px 0;
			line-height: 170%;
		}
		#sec01 span {
			color: #FFF849;
		}
		#sec01 span.fs_s {
			font-size: 14px;
			color: #FFF;
		}

		/*--------------------------------

		              sec02

		---------------------------------*/

		#sec02 {
			background-color: #FFFFFF;
			padding: 40px 0;
		}
		#sec02 .cont-inner {

		}
		#sec02 h2 {
			font-size: 32px;
			color: #37220F;
			margin-bottom: 42px;
			font-size: 34px;
			color: #0062B7;
			font-weight: bold;
			line-height: 1em;
		}


		#sec02 ul {

		}

		#sec02 ul li {
			width: 220px;
			margin-right: 40px;
			float: left;
			height: 307px;
			border: 4px solid #EDEDED;
			box-sizing:  border-box;
			background:  #fff;
			padding: 19px 14px 14px;
			position: relative;
		}

		#sec02 ul li .step {
			width: 54px;
			position: absolute;
			top: -16px;
			left: -16px;
		}

		#sec02 ul li .step img {
			width: 100%;
		}

		#sec02 ul li:after {
			content: "";
			background-image: url(feature3_right.png);
			background-repeat: no-repeat;
			background-size: 26px;
			background-position: top;
			display: inline-block;
			width: 26px;
			height: 26px;
			position: absolute;
			bottom: 50%;
			right: -29px;
			top: 50%;
			margin: auto;
		}

		#sec02 ul li:last-child:after {
			display: none;
		}

		#sec02 ul li h4 {
			font-size: 17px;
			font-weight: bold;
			color: #0062B7;
			margin-bottom: 14px;
			letter-spacing: 0;
		}

		#sec02 ul li img {
			width: 188px;
			margin-bottom: 14px;
		}

		#sec02 ul li p {
		font-size: 14px;
		line-height: 150%;
		width: 188px;
		box-sizing:  border-box;
		letter-spacing: 0;
		text-align:  left;
		}

		#sec02 ul li:last-child {
			margin-right: 0;
		}


		/*--------------------------------

		              sec03

		---------------------------------*/


		#sec03 {
			width: 100%;
			margin: 0 auto;
			font-size: 24px;
			font-weight: bold;
			line-height: 50px;
			color: #000000;
			min-height: 408px;
			position: relative;
			background: #E8F4FF;
			padding: 40px 0;
		}


		/*--------------------------------*/

		#sec03 table {
			table-layout: fixed;
		}

		#sec03 .price {
			font-size: 11px!important;
		}

		#sec03 table td {
			padding: 0;
			box-sizing: border-box;
		}

		#sec03 table td img {
			width: 100%;
		}

		#sec03 table.course1 {

		}

		#sec03 tr {

		}

		#sec03 tr.tr1 {

		}

		#sec03 .course1 .tr1 img {
			width: 165px;
		}

		#sec03 .tr1 .fkds {
			width: 165px;
			margin-bottom: 11px;
		}



		#sec03 .tr1 td {
			background: #F6F6F6;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
		}

		#sec03 .tr1 td h3 {
			color: #fff;
			font-size: 26px;
			font-weight: bold;
			text-align: center;
			margin-bottom: 18px;
			line-height: 120%;
		}

		#sec03 .tr1 td:first-child {
			background: #90D1E5;
			width: 221px;
		}

		#sec03 .tr1 td:nth-child(2) {
			width: 280px;
		}

		#sec03 .tr1 td:nth-child(3) {
			width: 501px;
		}

		#sec03 .tr1 td:first-child span {
			color: #fff;
			font-size: 14px;
			text-align: center;
			font-weight: bold;
			line-height: 1em;
			margin-bottom: 25px;
			display: inline-block;
		}

		#sec03 .tr2 {
			background: #fff;
		}

		#sec03 .tr2 ul {
		}

		#sec03 .tr2 ul li {
			float: left;
			width: 83px;
		}

		#sec03 .tr2 ul li img {
			width: 100%;
		}

		#sec03 .tr2 ul li:last-child {
			width: 92px;
		}

		#sec03 .course1 .tr2 ul li:first-child {
			margin-right: 17px;
		}

		#sec03 .course1 .tr2 ul li:nth-child(2) {
			margin-right: 11px;
		}

		#sec03 .tr2 td {
			color: #0059AD;
			font-size: 15px;
			font-weight: bold;
			line-height: 180%;
			padding: 16px;
		}

		#sec03 .tr2 td:nth-child(2) {
			padding: 0 0 0 37px;
		}

		#sec03 .tr2 td span {
			font-size: 14px;
			color: #000;
			font-weight: normal;
		}
		#sec03 td span {
			letter-spacing: 0;
		}

		#sec03 .tr3 {
			background: #fff;
		}

		#sec03 .tr3 td {
			color: #0059AD;
			font-size: 15px;
			font-weight: bold;
			line-height: 180%;
			padding: 16px;
		}

		#sec03 .tr3 td span {
			font-size: 14px;
			color: #000;
			font-weight: normal;
		}


		/*--------------------------------*/

		#sec03 .course2 .tr1 td:first-child {
			background: #FF858D;
			width: 221px;
		}

		#sec03 .course2 .tr1 .fkds {
			width: 142px;
			margin-bottom: 11px;
		}

		#sec03 .course2 .tr1 img {
			width: 173px;
		}

		#sec03 .course2 .tr2 ul li {
			margin-right: 17px;
		}

		#sec03 .course2 .tr2 ul li:nth-child(3) {
			margin-right: 11px;
		}

		#sec03 .course2 .tr2 ul li:last-child {
			margin-right: 0;
		}

		/*--------------------------------*/

		#sec03 table.course3 {

		}
		#sec03 .course3 .tr1 td:first-child {
			background: #E8C839;
			width: 221px;
		}

		#sec03 .course3 .tr1 img {
			width: 194px;
		}

		#sec03 .course3 .tr1 .fkds {
			width: 165px;
			margin-bottom: 11px;
		}

		#sec03 .course3 .tr1 td:first-child span {
			color: #fff;
			font-size: 14px;
			text-align: center;
			font-weight: bold;
			line-height: 170%;
			margin-bottom: 25px;
			display: inline-block;
			letter-spacing: 0;
		}
		#sec03 .course3 .tr2 td:nth-child(2) {
			 padding: 19px 22px 13px 22px;
		}

		#sec03 .course3 .tr2 ul{

		}

		#sec03 .course3 .tr2 ul li {
			margin-right: 10px;
			height: 113px;
			margin-bottom: 15px;
		}

		#sec03 .course3 .tr2 ul li:nth-child(5) {
			margin-right: 0;

		}

		#sec03 .course3 .tr2 ul li:nth-child(6) {
			margin-right: 11px;
			margin-bottom: 0;
		}

		#sec03 .course3 .tr2 ul li:last-child {
			margin-right: 0;
			margin-bottom: 0;
		}


		/*--------------------------------*/

		#sec03 h2 {
			font-size: 32px;
			color: #37220F;
			margin-bottom: 24px;
			font-size: 34px;
			color: #0062B7;
			font-weight: bold;
			line-height: 1em;
		}


		#sec03 p.caution {
			font-size: 13px;
		}

		#sec03 p {
			font-size: 16px;
			margin-bottom: 20px;
			line-height: 32px;
		}


		/*--------------------------------

		              sec04

		---------------------------------*/



		#sec04 p {
			font-size: 16px;
			margin-bottom: 0;
			line-height: 32px;
		}

		#sec04 {
			background: #fff;
			padding: 40px 0;
		}

		#sec04 .service_box {
			margin-bottom: 64px;
		}

		#sec04 .service_box:last-child {
			margin-bottom: 0;
		}

		#sec04 .cont-inner {
			width: 770px;
			margin: 0 auto;
		}
		#sec04 h2 {
			margin-bottom: 40px;
			font-size: 34px;
			color: #0062B7;
			font-weight: bold;
			line-height: 1em;
		}

		#sec04 .box-a {
			float: left;
			width: 398px;
			margin-bottom: 32px;
			background: #E8F4FF;
			padding: 20px 32px;
			box-sizing: border-box;
			border-radius: 10px;
		}

		#sec04 .box-a h3 {
			font-size: 24px;
			font-weight: bold;
			text-align: left;
			border-bottom: 2px solid #000;
			width: 250px;
			margin-bottom: 20px;

		}

		#sec04 .box-a .line {

		}

		#sec04 .box-a p {
			font-size: 14px;
			text-align: left;
			/*width: 390px;*/
			line-height: 160%;
			margin-bottom: 20px;
		}

		#sec04 .box-a .morebtn {
			text-align: left;
		}

		#sec04 .box-a .morebtn a {
			background: #E65953;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			width: 159px;
			height: 36px;
			line-height: 1em;
			box-sizing: border-box;
			padding: 11px 0 0 0;
			border-radius: 1000px;
			text-decoration: none;
		}

		#sec04 .box-b {
			float: right;
			width: 340px;
			margin-bottom: 20px;
		}

		#sec04 .box-b img {
			width: 100%;
		}

		#sec04 table.service1 {
			width: 770px;
			margin: 0 auto;
		}

		#sec04 th {
			background: #F5F6F8;
		}

		#sec04 tr td {
			padding-left: 20px;
		}

		#sec04 tr td:first-child {
			width: 200px;
			padding: 0 0 0 26px;
		}

		#sec04 h4 {
			text-align: center;
			font-size: 16px;
			font-weight: bold;
		}

		#sec04 td {
			font-size: 14px;
		}


		/*--------------------------------

		              sec05

		---------------------------------*/

		#sec05 {
			width: 100%;
			margin: 0 auto;
			background-color: #E3EDFB;
			font-weight: bold;
			line-height: 36px;
			color: #000000;
			padding: 40px 0;
		}
		#sec05 h2 {
			font-size: 32px;
			color: #37220F;
			background-image: url(feature1_ico02.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 40px;
			display: inline-block;
			margin-bottom: 20px;
		}

		#sec05 h3 {
			font-size: 26px;
			font-weight: bold;
			/* margin-bottom: 18px; */
			line-height: 110%;
		}
		#sec05 .box-a {
			float: left;
		}
		#sec05 .box-b {
			float: right;
			width: 430px;
			text-align: left;
		}

		/*--------------------------------*/



		#sec05 td {
			font-size: 16px;
			font-weight: bold;
			background: #FFF;
		}
		#sec05 td p {
			display: inline-block;
			box-sizing: border-box;
			padding: 0 0 0 19px;
			letter-spacing: 0;
		}

		#sec05 td span {
			font-size: 14px;
		}

		#sec05 .price {
			font-size: 30px;
		}

		#sec05 table.course_b1 {
			width: 900px;
			margin: 0 auto 20px auto;

		}

		#sec05 .course_b1 .tr1 td:first-child {
			background: #90D1E5;
			color: #FFFFFF;
			text-align: center;
			width: 240px;
			padding: 0 0;
		}

		#sec05 .course_b1 .tr1 td:first-child span {
			font-weight: bold;
		}

		#sec05 .course_b1 .tr1 .fkds {
			width: 165px;
			margin-bottom: 11px;
		}

		#sec05 table.course_b2 {
			width: 900px;
			margin: 0 auto 20px auto;

		}

		#sec05 .course_b2 .tr2 td:first-child {
			background: #FF858D;
			color: #FFFFFF;
			text-align: center;
			width: 240px;
			padding: 0;
		}

		#sec05 .course_b2 .tr2 td:first-child span {
			font-weight: bold;
		}

		#sec05 .course_b2 .tr2 .fkds {
			width: 142px;
			margin-bottom: 11px;
		}

		#sec05 table.course_b3 {
			width: 900px;
			margin: 0 auto;
			/*height: 200px;*/
			/* width: 200px; */
		}

		#sec05 .course_b3 .tr3 td:first-child {
			background: #E8C839;
			color: #FFFFFF;
			text-align: center;
			width: 240px;
			padding: 0;
		}

		#sec05 .course_b3 .tr3 td:first-child span {
			font-weight: bold;
			line-height: 150%;
			letter-spacing: 0;
		}

		#sec05 .course_b3 .tr3 .fkds {
			width: 165px;
			margin-bottom: 11px;
		}

		#sec05 .order_btn {
			float: right;
			padding: 20px 0 0 0;
			box-sizing: border-box;
		}

		#sec05 .order_btn a {
			background: #DE4646;
			color: #fff;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			/* text-align: center; */
			display: inline-block;
			width: 174px;
			height: 39px;
			box-sizing: border-box;
			padding: 12px 0 0 45px;
			line-height: 1em;
			border-radius: 20px;
			position:  relative;
		}

		#sec05 .order_btn img {
			width: 13px;
			vertical-align: bottom;
			position:  absolute;
			left: 15px;
		}


		ul .store-name {
			font-size: 11px;
			line-height: 26px;
		}
		ul .item-name {
			font-size: 20px;
			font-weight: bold;
			line-height: 160%;
			border-top: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;
			display: inline-block;
			padding: 10px 0;
			min-width: 364px;
		}
		ul .item-name span {
			font-size: 14px;
		}
		ul .price {
			font-weight: bold;
			color: #333333;
			margin-bottom: 10px;
			line-height: 160%;
		}
		ul .price span {
			font-size: 26px;
			letter-spacing: 2px;
			margin-left: 5px;
		}
		ul .price p {
			color: #FFF;
			font-size: 76%;
			font-weight: bold;
			background-color: #B1AFAF;
			display: inline-block;
			padding: 4px 8px;
			margin-left: 10px;
		}

		#sec05 ul {
			width: 710px;
			margin: 0 auto;
		}


		/*-------ひつよう-------*/
		#list {
		}
		#list a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #0062B7;
			text-decoration: none;
			background-image: url(userimg/201701/arrow02.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: right 32px center;
			padding: 32px 197px;
			border-radius: 4px;
			border: solid 1px #0062B7;
			font-size: 200%;
			margin: 64px 0 16px 0;
			border-bottom: solid 5px #004581;
		}
		#back {
			width: 715px;
			margin: 0 auto;
			text-align: left;
		}
		#back a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #888888;
			text-decoration: none;
			background-image: url(../201701/arrow03.png);
			background-repeat: no-repeat;
			background-size: 6px;
			background-position: 10px center;
			padding: 6px 16px 6px 32px;
			border-radius: 4px;
			border: solid 1px #888888;
			font-size: 100%;
			margin: 16px 0 0 0;
		}
		#back a:hover {
			background-color: #AAAAAA;
			border: solid 1px #AAAAAA;
		}
		#copyright {
			font-size: 86%;
			text-align: center;
			color: #000;
		}
		#footer {
			margin: auto;
			padding: 10px 0;
			width: 100%;
			background-color: #FFF;
		}
		.pc-none {
			display: none;
		}
	}

	ins.play-gif:hover{
		opacity:.5;
	}