/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
/* comment
-----------------------------------------------------------------*/
.sec-dummy {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.sec-dummy {
		width: 50%;
	}
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* comment
-----------------------------------------------------------------*/
.sec-dummy {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.sec-dummy {
		width: 50%;
	}
}

/*--------------------------------------------------------------------------
   #sec-about
---------------------------------------------------------------------------*/
/* sec-about
-----------------------------------------------------------------*/
.sec-about {
	width: 100%;
	background-color: #14b1d8;
}

.sec-about__inner--01 {
	padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
	.sec-about__inner--01 {
		box-sizing: border-box;
		width: 100%;
		padding: 0;
	}
}

.sec-about__inner--01 .sec-about__img-wrap {
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.sec-about__inner--01 .sec-about__img--04 {
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-about__inner--01 .sec-about__img--05 {
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-about__inner--01 img {
		width: 100%;
		height: auto;
	}
}

.sec-about .sec-about-llp {
	padding: 72px 0 0;
	background: -webkit-linear-gradient(top, #6ed4ec 0%, #6ed4ec 75%, #14b1d8 75%, #14b1d8 100%);
	background:         linear-gradient(180deg, #6ed4ec 0%, #6ed4ec 75%, #14b1d8 75%, #14b1d8 100%);
}

@media only screen and (max-width: 767px) {
	.sec-about .sec-about-llp {
		padding: 36px 0 0;
	}
}

.sec-about .sec-about-llp__inner {
	width: 1016px;
	margin: 0 auto;
	padding-left: 8px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-about .sec-about-llp__inner {
		width: 100%;
		padding: 0 20px;
	}
}

.sec-about .sec-about-llp__hdg {
	margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
	.sec-about .sec-about-llp__hdg {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-about .sec-about-llp__hdg img {
		width: 80%;
		height: auto;
	}
}

.sec-about .sec-about-llp__img {
	margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	.sec-about .sec-about-llp__img {
		margin-bottom: 20px;
	}
}

.sec-about .sec-about-llp__img img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------------------
   #sec-worry
---------------------------------------------------------------------------*/
/* sec-worry
-----------------------------------------------------------------*/
.sec-worry {
	width: 100%;
	background-color: #14b1d8;
}

.sec-worry__inner {
	padding: 64px 0 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-worry__inner {
		padding: 32px 20px 0;
	}
}

.sec-worry__txt {
	margin: 0 0 45px;
}

@media only screen and (max-width: 767px) {
	.sec-worry__txt {
		margin: 0 0 25px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-worry__txt img {
		width: 100%;
		height: auto;
	}
}

.sec-worry__fuki {
	margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
	.sec-worry__fuki {
		margin: 0 0 10px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-worry__fuki img {
		width: 100%;
		height: auto;
	}
}

.sec-worry .slider {
	position: relative;
	width: 820px;
	margin: 0 auto 90px;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider {
		width: 100%;
		margin: 0 auto 45px -5px;
	}
}

.sec-worry .slider__list {
	position: relative;
	width: 810px;
	margin: 0 0 25px 10px;
	padding: 0 10px 85px 0;
	background-image: url(../../img/index/sec-worry/bg_shadow.png);
	background-position: right 10px;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider__list {
		width: 100%;
		margin: 0 0 15px 10px;
		padding: 0 10px 65px 0;
		background-size: 98% auto;
	}
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider__item img {
		width: 100%;
		height: auto;
	}
}

.sec-worry .slider .slick-arrow {
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: calc(50% - 75px);
	z-index: 99;
	width: 58px;
	height: 58px;
	border: 3px solid #000;
	border-radius: 29px;
	background-color: #000;
	text-indent: -9999px;
	-webkit-transition: .2s;
	        transition: .2s;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.mode-pc .sec-worry .slider .slick-arrow:hover {
	background-color: #fcff13;
}

.sec-worry .slider .slick-arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
}

.sec-worry .slider .slick-arrow.slick-prev {
	left: -29px;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider .slick-arrow.slick-prev {
		left: -9999px;
	}
}

.sec-worry .slider .slick-arrow.slick-prev::after {
	border-top: 10px solid transparent;
	border-right: 15px solid #fff;
	border-bottom: 10px solid transparent;
	-webkit-transform: translate(-60%, -50%);
	    -ms-transform: translate(-60%, -50%);
	        transform: translate(-60%, -50%);
}

.sec-worry .slider .slick-arrow.slick-prev:hover::after {
	border-top: 10px solid transparent;
	border-right: 15px solid #000;
	border-bottom: 10px solid transparent;
}

.sec-worry .slider .slick-arrow.slick-next {
	right: -19px;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider .slick-arrow.slick-next {
		right: -9999px;
	}
}

.sec-worry .slider .slick-arrow.slick-next::after {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	-webkit-transform: translate(-40%, -50%);
	    -ms-transform: translate(-40%, -50%);
	        transform: translate(-40%, -50%);
}

.sec-worry .slider .slick-arrow.slick-next:hover::after {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #000;
}

.sec-worry .slider .slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider .slick-dots {
		left: -10px;
	}
}

@media only screen and (max-width: 374px) {
	.sec-worry .slider .slick-dots {
		left: -15px;
	}
}

.sec-worry .slider .slick-dots li {
	display: inline-block;
	position: relative;
	width: 61px;
	margin: 0 25px;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider .slick-dots li {
		width: 15px;
		margin: 0 15px;
	}
}

@media only screen and (max-width: 374px) {
	.sec-worry .slider .slick-dots li {
		width: 13px;
		margin: 0 13px;
	}
}

.sec-worry .slider .slick-dots li::after {
	position: absolute;
	top: 18px;
	right: -35px;
	width: 33px;
	height: 12px;
	background-image: url(../../img/index/sec-worry/img_arrow.png);
	background-size: cover;
	content: '';
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider .slick-dots li::after {
		top: 10px;
		right: -28px;
		z-index: 0;
		width: 18px;
		height: 7px;
	}
}

@media only screen and (max-width: 374px) {
	.sec-worry .slider .slick-dots li::after {
		top: 12px;
		right: -25px;
		width: 15px;
		height: 5px;
	}
}

.sec-worry .slider .slick-dots li:last-of-type::after {
	display: none;
}

.sec-worry .slider .slick-dots li button {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(../../img/index/sec-worry/bg_circle.png);
	background-size: cover;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 26px;
	font-weight: 600;
	-webkit-transition: .2s;
	        transition: .2s;
}

@media only screen and (max-width: 767px) {
	.sec-worry .slider .slick-dots li button {
		position: relative;
		z-index: 10;
		width: 30px;
		height: 30px;
		font-size: 16px;
	}
}

.mode-pc .sec-worry .slider .slick-dots li button:hover {
	display: block;
	background-image: url(../../img/index/sec-worry/bg_circle_on.png);
	background-size: cover;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.sec-worry .slider .slick-dots li.slick-active button {
	display: block;
	background-image: url(../../img/index/sec-worry/bg_circle_on.png);
	background-size: cover;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

/*--------------------------------------------------------------------------
   #sec-why
---------------------------------------------------------------------------*/
/* sec-why
-----------------------------------------------------------------*/
.sec-why {
	width: 100%;
	background-color: #14b1d8;
}

.sec-why__inner {
	padding: 64px 0 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-why__inner {
		padding: 32px 0 0;
	}
}

.sec-why__text {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.sec-why__text {
		margin-bottom: 25px;
		font-size: 20px;
		line-height: 1.8;
	}
}

@media only screen and (max-width: 374px) {
	.sec-why__text {
		font-size: 18px;
	}
}

.sec-why__text span {
	color: #fcff13;
}

.sec-why__book {
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.sec-why__book {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-why__book img {
		width: 90%;
		height: auto;
	}
}

/*--------------------------------------------------------------------------
   #sec-flow
---------------------------------------------------------------------------*/
/* sec-flow
-----------------------------------------------------------------*/
.sec-flow {
	width: 100%;
	background-color: #14b1d8;
}

.sec-flow__inner {
	padding: 64px 0 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-flow__inner {
		padding: 32px 0 0;
	}
}

.sec-flow__text {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.sec-flow__text {
		margin-bottom: 25px;
		font-size: 20px;
		line-height: 1.8;
	}
}

@media only screen and (max-width: 374px) {
	.sec-flow__text {
		font-size: 16px;
	}
}

.sec-flow__text span {
	color: #fcff13;
}

.sec-flow__img {
	margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
	.sec-flow__img {
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-flow__img img {
		width: 80%;
		height: auto;
	}
}

/*--------------------------------------------------------------------------
   #sec-case
---------------------------------------------------------------------------*/
/* sec-case
-----------------------------------------------------------------*/
.sec-case {
	width: 100%;
	background-color: #14b1d8;
}

.sec-case__inner {
	padding: 64px 0 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-case__inner {
		padding: 32px 0 0;
	}
}

.sec-case__text {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.sec-case__text {
		margin-bottom: 25px;
		font-size: 20px;
		line-height: 1.8;
	}
}

@media only screen and (max-width: 374px) {
	.sec-case__text {
		font-size: 16px;
	}
}

.sec-case__text span {
	color: #fcff13;
}

.sec-case__box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.sec-case__box {
		display: block;
	}
}

.sec-case .sec-case__box {
	margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
	.sec-case .sec-case__box {
		margin-bottom: 40px;
	}
}

.sec-case .sec-case__box .box {
	width: 500px;
}

@media only screen and (max-width: 767px) {
	.sec-case .sec-case__box .box {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-case .sec-case__box .box {
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
	}
}

.sec-case .sec-case__box .box__hdg {
	margin-bottom: 15px;
	font-size: 22px;
}

.sec-case .sec-case__box .box__hdg span {
	color: #fcff13;
}

.sec-case .sec-case__box .box__img {
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.sec-case .sec-case__box .box__img img {
		width: 100%;
		height: auto;
	}
}

.sec-case .sec-case__box .box__cap {
	width: 400px;
	margin: 0 auto;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.sec-case .sec-case__box .box__cap {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------
   #sec-lp
---------------------------------------------------------------------------*/
/* sec-lp
-----------------------------------------------------------------*/
.sec-lp {
	width: 100%;
	background-color: #14b1d8;
}

.sec-lp__inner {
	padding: 64px 0 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-lp__inner {
		padding: 32px 0 0;
	}
}

.sec-lp__text {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.sec-lp__text {
		margin-bottom: 25px;
		font-size: 20px;
		line-height: 1.8;
	}
}

@media only screen and (max-width: 374px) {
	.sec-lp__text {
		font-size: 18px;
	}
}

.sec-lp__text span {
	color: #fcff13;
}

.sec-lp__img {
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.sec-lp__img img {
		width: 100%;
		height: auto;
	}
}

.sec-lp .m-contact {
	margin-top: -170px;
}

@media only screen and (max-width: 767px) {
	.sec-lp .m-contact {
		margin-top: -20%;
	}
}

/*--------------------------------------------------------------------------
   #sec-campaign
---------------------------------------------------------------------------*/
/* sec-campaign
-----------------------------------------------------------------*/
.sec-campaign {
	width: 100%;
	background-color: #14b1d8;
}

.sec-campaign__inner {
	padding: 64px 0 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-campaign__inner {
		padding: 32px 0 0;
	}
}

.sec-campaign__hdg {
	margin-bottom: 66px;
}

@media only screen and (max-width: 767px) {
	.sec-campaign__hdg {
		margin-bottom: 33px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-campaign__hdg img {
		width: 90%;
		height: auto;
	}
}

.sec-campaign__c01 {
	margin: 0 0 70px -10px;
}

@media only screen and (max-width: 767px) {
	.sec-campaign__c01 {
		margin: 0 0 35px 0;
	}
}

@media only screen and (max-width: 767px) {
	.sec-campaign__c01 img {
		width: 90%;
		height: auto;
	}
}

.sec-campaign__c02 {
	margin: 0 0 40px -10px;
}

@media only screen and (max-width: 767px) {
	.sec-campaign__c02 {
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width: 767px) {
	.sec-campaign__c02 img {
		width: 90%;
		height: auto;
	}
}

.sec-campaign__price {
	margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	.sec-campaign__price {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-campaign__price img {
		width: 90%;
		height: auto;
	}
}

@media only screen and (max-width: 767px) {
	.sec-campaign__gentei img {
		width: 90%;
		height: auto;
	}
}

/*--------------------------------------------------------------------------
   #sec-contact
---------------------------------------------------------------------------*/
/* sec-contact
-----------------------------------------------------------------*/
.sec-contact {
	width: 100%;
	background-color: #14b1d8;
}

.sec-contact__inner {
	padding: 64px 0 56px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-contact__inner {
		padding: 32px 0 28px;
	}
}

.sec-contact__hdg {
	margin-bottom: 40px;
	color: #000;
	font-size: 42px;
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	.sec-contact__hdg {
		margin-bottom: 20px;
		font-size: 32px;
	}
}

@media only screen and (max-width: 374px) {
	.sec-contact__hdg {
		font-size: 26px;
	}
}

.sec-contact__txt {
	margin-bottom: 50px;
	color: #000;
	font-size: 20px;
}

@media only screen and (max-width: 767px) {
	.sec-contact__txt {
		margin-bottom: 25px;
		padding: 0 15px;
		font-size: 15px;
		line-height: 2;
	}
}

@media only screen and (max-width: 374px) {
	.sec-contact__txt {
		font-size: 13px;
	}
}

.sec-contact__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	box-sizing: border-box;
	width: 1010px;
	margin: 0 0 60px;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	.sec-contact__info {
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 20px;
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-contact__info img {
		width: 100%;
		height: auto;
	}
}

.sec-contact__tel {
	width: 498px;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.sec-contact__tel {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.sec-contact__mail {
		width: 100%;
	}
}

.sec-contact .ajax-response {
	text-align: center;
	color: #000;
}

.sec-contact .ajax-response .hdg {
	margin-bottom: 20px;
	font-size: 27px;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.sec-contact .ajax-response .hdg {
		font-size: 18px;
	}
}

.sec-contact .ajax-response .txt {
	margin-bottom: 1rem;
	font-size: 17px;
}

@media only screen and (max-width: 767px) {
	.sec-contact .ajax-response .txt {
		font-size: 14px;
	}
}

.sec-contact .ajax-response .txt:last-of-type {
	margin-bottom: 0;
}

.sec-contact .ajax-response .txt a {
	text-decoration: underline;
	cursor: pointer;
}

.sec-contact .ajax-response .txt a:hover {
	text-decoration: none;
	color: #000;
}

/* sec-contact__form
-----------------------------------------------------------------*/
.sec-contact__form {
	box-sizing: border-box;
	margin-bottom: 50px;
	padding: 80px 100px;
	border: 4px solid #000;
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form {
		margin: 0 20px 25px;
		padding: 25px 20px;
		border: 2px solid #000;
	}
}

.sec-contact__form .form-input {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	width: 100%;
	color: #1d1d1d;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input {
		display: block;
	}
}

.sec-contact__form .form-input__hdg {
	width: 250px;
	padding-top: 28px;
	text-align: left;
	font-size: 17px;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__hdg {
		width: 100%;
		padding: 0 0 10px;
		font-size: 15px;
	}
}

.sec-contact__form .form-input__hdg span {
	display: block;
	width: 100%;
	line-height: 1;
}

.sec-contact__form .form-input__hdg span.must {
	padding-top: 12px;
	color: #f00;
	font-size: 13px;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__hdg span.must {
		padding-top: 8px;
		font-size: 11px;
	}
}

.sec-contact__form .form-input__item {
	width: calc(100% - 250px);
	margin-bottom: 60px;
	text-align: left;
	font-size: 17px;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__item {
		width: 100%;
		margin-bottom: 5px;
		padding: 0 0 15px;
	}
}

.sec-contact__form .form-input__item .item {
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__item .item {
		width: 45%;
	}
}

.sec-contact__form .form-input__item .item + .item {
	margin-left: 10px;
}

.sec-contact__form .form-input__item .type-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.sec-contact__form .form-input__item .type-list li {
	margin-right: 50px;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__item .type-list li {
		margin-bottom: 9px;
	}
}

.sec-contact__form .form-input__item .hyphen {
	padding: 0 10px;
}

.sec-contact__form .form-input__inner {
	margin-bottom: 18px;
}

.sec-contact__form .form-input__inner dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
}

.sec-contact__form .form-input__inner dl dt {
	width: 125px;
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__inner dl dt {
		width: 90px;
		margin-top: -5px;
	}
}

.sec-contact__form .form-input__inner + .form-input__inner {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__inner + .form-input__inner dl {
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	.sec-contact__form .form-input__inner + .form-input__inner dl dt {
		width: auto;
		margin-bottom: 10px;
	}
}

/* contact__btn
-----------------------------------------------------------------*/
.sec-contact__btn {
	width: 300px;
	margin: 0 auto;
	padding-top: 15px;
}

@media only screen and (max-width: 767px) {
	.sec-contact__btn {
		width: 220px;
		padding: 15px 0;
	}
}

.sec-contact__btn input {
	display: block;
	position: relative;
	width: 100%;
	padding: 25px 0;
	box-shadow: 4px 4px 0 black;
	border: 3px solid #000;
	border-radius: 20px;
	background: #fcff13 url(../../img/index/common/ico_arw01.png);
	background-repeat: no-repeat;
	background-position: right 28px center;
	color: #000;
	font-size: 22px;
	letter-spacing: .4rem;
	-webkit-transition: .2s left top;
	        transition: .2s left top;
}

@media only screen and (max-width: 767px) {
	.sec-contact__btn input {
		padding: 15px 0;
		box-shadow: 2px 2px 0 black;
		border: 2px solid #000;
		border-radius: 10px;
		background-repeat: no-repeat;
		background-position: right 28px center;
		background-size: 8px auto;
		font-size: 16px;
	}
}

.mode-pc .sec-contact__btn input:hover {
	opacity: .8;
}

.mode-pc .sec-contact__btn input:active {
	top: 4px;
	left: 4px;
	box-shadow: 0 0 0 black;
	opacity: 1;
}

.sec-contact__btn input.disabled {
	box-shadow: 0 0 0 black;
	background: #eee;
	cursor: default;
	opacity: .4;
}

.sec-contact__btn input.disabled:hover {
	opacity: .4;
}

.sec-contact__btn input.disabled:active {
	top: 0;
	left: 0;
	opacity: .4;
}

/*--------------------------------------------------------------------------
   #sec-outline
---------------------------------------------------------------------------*/
/* sec-outline
-----------------------------------------------------------------*/
.sec-outline__hdg {
	margin-bottom: 60px;
	text-align: center;
	color: #000;
	font-size: 27px;
}

@media only screen and (max-width: 767px) {
	.sec-outline__hdg {
		margin-bottom: 30px;
		font-size: 18px;
		line-height: 1.8;
	}
}

.sec-outline__hdg .lines {
	background: -webkit-linear-gradient(transparent 50%, #fcff13 50%);
	background:         linear-gradient(transparent 50%, #fcff13 50%);
}

.sec-outline__inner {
	padding: 48px 0;
	background-color: #89d8eb;
}

@media only screen and (max-width: 767px) {
	.sec-outline__inner {
		padding: 30px 0 1px;
	}
}

.sec-outline__wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	box-sizing: border-box;
	width: 940px;
	margin: 0 auto;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	.sec-outline__wrap {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
	}
}

.sec-outline__item {
	width: 448px;
	color: #000;
	font-size: 15px;
}

@media only screen and (max-width: 767px) {
	.sec-outline__item {
		width: 100%;
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 374px) {
	.sec-outline__item {
		font-size: 13px;
	}
}

.sec-outline__item .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	box-sizing: border-box;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.sec-outline__item .list__ttl {
	width: 120px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #71aab7;
}

.sec-outline__item .list__ttl:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.sec-outline__item .list__content {
	width: calc(100% - 120px);
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #71aab7;
}

.sec-outline__item .list__content:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.sec-outline__item .list__content a:link {
	text-decoration: underline;
}

.sec-outline__item .list__content a:hover {
	text-decoration: none;
	color: inherit;
}