@charset "UTF-8";
.pc {display: block;}@media only screen and (max-width: 768px) {.pc {display: none !important;}}
.sp {display: none !important;}@media only screen and (max-width: 768px) {.sp {display: block !important;}}
/*  Add Custom CSS here.  */

#top .pink {
    color: #EC788B;
    font-weight: 600;
}
#top .blue {
    color: #3fb1c5;
    font-weight: 600;
}
#top .green {
    color: #8bbe32;
    font-weight: 600;
}
#top .sec03__block__item .row .right p .green,
#top .sec03__block__item .row .right p .blue,
#top .sec03__block__item .row .right p .pink {
	font-size: 20px;
}
img {
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	#top .sec03__block__item .row .green,
	#top .sec03__block__item .row .blue,
	#top .sec03__block__item .row . {
		font-size: 18px;
	}
}
/*sec01*/
#top .sec01 {
	height: auto;
}
#top .sec01 h2 {
    margin: 0 0 39px;
}
#top .sec01 h2 img {
	margin: 0 auto;
    padding-top: 10px;
}
#top .sec01 p {
    padding: 0 26px;
}
#top .sec01__box {
    max-width: 1034px;
    width: 100%;
    margin: 0 auto;
    padding: 70px 100px 100px;
    background-size: cover;
}
@media only screen and (max-width: 768px) {
	#top .sec01 {
	    background: url(../img/top/bg01_sp.jpg);
	    margin-top: -10px;
	}
	#top .sec01__box {
	    background: url(../img/top/bg02_sp.png) top center no-repeat;
	    padding: 40px 15px 70px;
	    background-size: 100% 100%;
	}
}
/*sec02*/
	#top .sec02 {
	    padding: 0;
	    margin: 0 0 70px;
	}
	#top .sec02__box {
		padding: 0 15px;
	}
	#top .sec02__title {
	    background: url(../img/top/sec02_bg.png);
	    background-size: 100%;
	    height: 224px;
	    position: relative;
		margin-top: 0;
	    margin-bottom: 107px;
	}
	#top .sec02__title img {
		width: auto;
	}
	.sec02__title:after {
	    display: inline-block;
	    content: "";
	    background: url(../img/top/sec02_arr.png) center no-repeat;
	    width: 232px;
	    height: 80px;
	    left: 50%;
	    position: absolute;
	    bottom: -73px;
	    margin-left: -145px;
	    z-index: -1;
	} 
	#top .sec02__title .bg_txt {
	    position: absolute;
	    left: 50%;
	    margin-left: -433px;
	    top: 50%;
	    margin-top: -234px;
	}
	#top .sec02 .wrapper {
		padding: 0;
	    max-width: 1100px;
	}
	#top h3.sec02__box__title img {
	    margin: 0 auto 32px;
	}
	#top h3.sec02__box__title {
	    font-size: 28px;
	}
	#top h4.sec02__box__title {
	    font-size: 20px;
	}
	#top .sec02__box__content.content--bg {
	    background: url(../img/top/bg08.png) top center no-repeat;
	    height: auto;
	    margin: 66px 0 0;
	    padding: 78px 0 89px;
	}
	#top .sec02 .sec02__box__content ul li {    
	    width: 33.33333%;
	    float: left;
	    padding: 0 18px;
	}
	#top .sec02__box__content {
	    height: auto;
	    margin-bottom: 74px;
	    padding-top: 65px;

	}
	#top .sec02__box__content p {
	    font-size: 17px;
	    margin-top: 45px;
	    margin-bottom: 31px;
	    text-align: center;
	    padding: 0 70px;
	    margin: 45px 70px 31px;
	}
	
	@media only screen and (max-width: 768px) {
		#top .sec02__box__content p {
			padding: 0;
			margin: 25px 0 0;
			text-align: left;
		}
		#top .sec02__box__content{
			padding-top: 35px;
		}
		#top .sec02__title {
		    height: 390px;
		}
		#top h3.sec02__box__title img {
			    margin: 62px auto 0;
		}
    	#top .sec02__title .bg_txt {
			 position: relative;
			 width: 100%;
			 margin-left:0;
			 margin-top: 0;
			 left: 0;
			 top: -22px;
		}
		#top .sec02__title:after {
		    width: 160px;
		    height: 60px;
		    background-size: 100% 60px;
		    bottom: -32px;
		    margin-left: -80px;
		}
	    #top h3.sec02__box__title {
	        font-size: 18px;
	    }
	    #top h4.sec02__box__title {
	        font-size: 15px;
	    }
	    #top .sec02__box__content.content--bg {
	        padding: 30px 20px;
	        margin-top: 20px;
	        border-radius: 8px;
	    }
	    #top .sec02 .sec02__box__content ul li  {
	        width: 100%;
	        float: none;
	        margin: 0 0 30px;
	        padding: 0;
	    }
	    #top .sec02__title {
	    	background: none;
	    	height: auto;
	    	margin-top: 0;
	    	margin-bottom: 0;
	    }
	    #top .sec02__box__content {
    	    margin-bottom: 0;
	    }
	}
/*sec03*/
	#top .sec03 {
		padding: 0;
	}
	#top .sec03__block {
	    padding: 0;
	    margin-top: 68px;
	}
	#top .sec03__block__item .row .left {
		text-align: center;
	}
	#top .sec03__block__item .row .left img {
	    border-radius: 10px;
	}
	@media only screen and (max-width: 768px) {
		#top .sec03__block {
			margin: 0;
		}

		#top .sec03 {
			margin-top: 40px;
			background: url(../img/top/bg03.png) top center no-repeat;
			padding: 0;
			background-size: 100% 270px;
		}
		#top .sec03__head {
			margin-bottom: 40px;
		}
	}
/*sec04*/
	/*#top .sec04_img_top {
		position: absolute;
	    top: -178px;
		left: -31px;
	}
	#top .sec04_img_bot {
		position: absolute;
		top: 15px;
		right: 0;
		z-index: 3;
	}
	#top .sec04__box .sec04__btn {
	    display: inline-block;
	    position: absolute;
	    left: 220px;
	    top: 40px;
	}
	#top .sec04__box .sec04__btn > a {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    margin: 0;
	    top: 0;
   		left: 0;
	    padding: 0;
	    z-index: 4;
	}
	@media only screen and (max-width: 768px) {
		#top .sec04__box .sec04__btn {
	       	left: 0;
		    text-align: center;
		    width: 100%;
		    top: 17px;
		}
		#top .sec04__box .sec04__btn > a {
		}
		#top .sec04_img_top {
    		top: -87px;
		}
		#top .sec04_img_bot {
		    position: absolute;
		    top: 79px;
		    right: 0;
		    z-index: 3;
		}
	}*/
#top .sec04 {
	height: auto;
	margin: 0;
	background-size: 100% 216px;
}
#top .sec04 .head {
	    width: 100%;
    max-width: 869px;
    margin: auto;
    position: relative;
}
#top .sec04 .head > a {
    position: absolute;
    bottom: 50%;
    transition: background 0.2s;
    width: 50%;
    height: 23%;
    left: 0;
    right: 1.2%;
    margin: auto;
    margin-bottom: -81px;
}
#top .sec04 .head > a:hover {
    background: rgba(255, 255, 255, 0.5);
}
img.sec04_img.pc {
    padding-top: 20px;
}
@media only screen and (max-width: 768px) {
	img.sec04_img.sp {
		padding-top: 61px;
	}
	#top .sec04 {
		background-size: 100% 120px;
	}
	#top .sec04 .head > a {
	    width: 82%;
	    height: 17%;
	    right: 0.2%;
	    margin-bottom: -37px;
	}
}


/*sec05*/
#top .sec05 {
	padding: 114px 0 10px;
}
#top .sec05 h3 {
    margin: 0 0 46px;
}
#top .sec05__box01 .left {
    width: 53%;
}
.im img {
	width: 100%;
}
#top .sec05__box01 .right table tr td {
	padding: 10px 15px;
}

#top .sec05__box02 .col.col01 .box {
	background: url('../img/top/col01_bg.jpg');
}
#top .sec05__box02 .col.col02 .box {
	background: url('../img/top/col02_bg.jpg');
}
#top .sec05__box02 .col.col03 .box {
	background: url('../img/top/col03_bg.jpg');
}
#top .sec05__box01 .right {
	background: url('../img/top/secbox_bg.jpg');
}
#top .sec05__box02 {
		margin-top: 50px;
}
#top .sec05__btn { padding: 50px 0 ;}
@media only screen and (max-width: 767px) {
	#top .sec05 {
	    padding: 80px 0 20px;
	}
	#top .sec05__box02 {
		margin-top: 30px;
	}
	#top .sec05 h3 {
  	  padding: 0;
	}
	#top .sec05__box01 .left {
		width: 100%;
	}
#top .sec05__btn { padding: 30px 0 ;}


}

/*sec06*/
#top .sec06 {
	padding: 0;
	margin-bottom: 80px;
}
#top .sec06 .wrapper {
    max-width: 840px;
    padding: 70px 13px 0;
}
#top .sec06__title {
    margin: 0 0 58px;
}
#top .sec06__OpeInfo__content .left {
    padding: 11px 26px 10px 16px;
    width: 55%;
	float: left;
}
#top .sec06__OpeInfo__content .right {
    /*padding-left: 60px;*/
    padding-top: 0;
    width: 45%;
	float: right;
}
/*#top .sec06__OpeInfo__content .left,
#top .sec06__OpeInfo__content .right {
	width: 50%;
	float: left;
}*/
#top .sec06 .sec06__banner > img {
	width: 100%;
}
#top .sec06__OpeInfo {
    background: #e5e5e5;
    /*margin: 120px 0 20px;*/
    margin: 120px 0 0;
    padding: 60px 0;
}
#top .sec06__OpeInfo .sec06__OpeInfo__content {
    max-width: 820px;
    margin: 0 auto;
    background: #fff;
    padding: 12px 10px;
    border-radius: 7px;
}
#top .sec06__OpeInfo__content .left table td{
    font-size: 16px;
    line-height: 2;
    padding: 9px 0;
    border-bottom: 1px solid #CCCCCC;
}
#top .sec06__OpeInfo__content .left table td:first-child {
	font-weight: 600;
    width: 100px;
    vertical-align: middle;
}
@media only screen and (max-width: 768px) {
	#top .sec06 {
	margin-bottom: 30px;

	}
	#top .sec06__OpeInfo__content .right {
		text-align: center;
		padding-left: 0;
	}
	#top .sec06__OpeInfo__content .left, {
	    padding: 11px 10px 10px;
	}
	#top .sec06__OpeInfo__content .left,
	#top .sec06__OpeInfo__content .right {
		width: 100%;
		float: none;
	}
	#top .sec06__OpeInfo {
    /*margin: 50px 0 20px;*/
    margin: 50px 0 0;
    padding: 30px 0;

	}
	#top .sec06__title {
		margin: 0 0 30px;
	}
	#top .sec06__OpeInfo .sec06__OpeInfo__content {
    max-width: 330px;

	}
}
/*sec07*/
#top .sec07__head {
    background: url(../img/top/bg13.png);
    background-size: 100%;
    height: 270px;
    position: relative;
    margin-bottom: 108px;
}
#top .sec07__head:after {
    display: inline-block;
    content: "";
    background: url(../img/top/img_arrow_blue.png);
    width: 128px;
    height: 44px;
    left: 50%;
    position: absolute;
    bottom: -35px;
    margin-left: -64px;
} 
#top .sec07__head img {
    position: absolute;
}
#top .sec07__head__box {
    position: relative;
	max-width: 920px;
	width: 100%;
	height: 270px;
	margin: 0 auto;
}
#top .sec07__head .bg_txt {
    top: -98px;
	z-index: 1;
	right: 0;
}
#top .sec07__bottom {
    background: url(../img/top/bg10.jpg) center no-repeat;
    background-size: 100% 408px;
    height: 408px;
    position: relative;
    margin-top: 87px;
    margin-bottom: 50px;
}
#top .sec07__bottom:after {
    background: url(../img/top/arrow_white.png) center no-repeat;
    display: inline-block;
    content: "";
    width: 180px;
    height: 55px;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -90px;
}
#top .sec07 .sche {
    font-size: 0;
    letter-spacing: 0;
    max-width: 840px;
    padding: 0 15px;
    margin: 0 auto;
}
#top .sec07 .sche figure {
    width: 100%;
    padding: 9px 0;
    position: relative;
    float: right;
}
#top .sec07 .sche figure:first-child {
    padding-top: 0;
}
#top .sec07 .sche figure::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    bottom: 0;
    background-color: #3FB1C5;
    z-index: -1;
}
#top .sec07 .sche figure:last-child:before {
    height: 15px;
}
#top .sec07 .sche figure img {
    float: right;
}
#top .sec07 .sche figcaption { 
    float: left;
    padding-left: 40px;
    width: 50%;
}
#top .sec07 .sche figcaption::after {
    content: "";
    position: absolute;
    left: -6px;
    width: 15px;
    top: 13px;
    height: 15px;
    background-color: #3FB1C5;
    transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
}
#top .sec07 .sche figure:first-child figcaption:after {
    top: -4px;
}
#top .sec07 .sche p {
    font-size: 15px;
    font-weight: normal;
    vertical-align: top;
    padding-top: 10px;
    line-height: 34px;
}
#top .sec07 .sche figcaption h4 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
}
#top .sec07 .sche figcaption h4 span {
    font-size: 14px;
}
#top .sec07 .sche figcaption > span {
    font-weight: bold;
    padding: 4px 60px 0 0;
    text-align: right;
    color: #000;
    font-size: 14px;
}
#top .sec07 .sche figcaption span.blue {
    color: #3FB1C5;
    font-weight: 600;
    font-size: 16px;
}
@media only screen and (max-width: 768px) {
    #top .sec07 .sche figure {
        display: table;
        float: none;
        padding: 0 0 40px;
    }

    #top .sec07 .sche figure img {
        padding-left: 20px;
        float: none;
    	width: 100%;
    }
    #top .sec07 .sche figcaption { 
        display: table-caption;
        caption-side: top;
        padding-left: 20px;
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    #top .sec07 .sche figcaption h4 {
    	font-size: 21px;
    }
    /*#top .sec07__bottom {
	    background: url(../img/top/bg10_sp.jpg) center no-repeat;
	    background-size: 100% auto;
		height: auto;
	    position: relative;
	    margin-top: 20px;
		margin-bottom: 40px;
    }
	#top .sec07__bottom:after {
	    background: url(../img/top/arrow_white.png) center no-repeat;
	    width: 53px;
	    height: 17px;
	    background-size: 100% 100%;
	    margin-left: -27px;
	}*/
	#top .sec07 img.bg_txt {
		max-width: 375px;
		width: 100%;
	}
    #top .sec07__head {
    	height: 105px;
    }
    #top .sec07__head:after {
	    z-index: -1;
	    background: url(../img/top/img_arrow_blue_sp.png);
    }
    #top .sec07__head__box {
    	max-width: 355px;
    	height:105px;
    }
    #top .sec07__head .bg_txt {
    	top: auto;
    	bottom: 0;
    }
}
@media only screen and (max-width: 768px) {
	#top .sec_form .form_title:after {
	    display: block;
	    content: "";
	    width: 56px;
	    height: 56px;
	    background: #EC788B;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    position: absolute;
	    left: 50%;
	    bottom: -7px;
	    margin-left: -28px;
	    z-index: -1;
	}
	#top .sec_form .form_title {
		background: #EC788B;
		height: auto;
        margin-bottom: 50px;
		
	}
	#top .sec_form .form_title .txt.sp {
		max-width: 375px;
		width: 100%;
	}

}
#top h2.form_title > img.txt {
    position: absolute;
    top: 50%;
    margin-top: -55px;
    left: 50%;
    margin-left: -302px;
}
#top .sec_form {
	/*padding-top: 107px;*/
}
#top .sec_form #button {
	    cursor: pointer;
}
#top .sec_form #button:disabled {
	    cursor: unset;
}
#top .sec08__box .col.col01{
    background: url(../img/top/bor_col1.png) no-repeat;
    background-size: 100% 100%;
}
#top .sec08__box .col.col02{
    background: url(../img/top/bor_col2.png) no-repeat;
    background-size: 100% 100%;
}
#top .sec08__box .col.col03{
    background: url(../img/top/bor_col3.png) no-repeat;
    background-size: 100% 100%;
}
#top .sec08__box .col {
	margin-right: 5%;
    float: left;
    padding: 0;
    padding: 49px 1.3% 12px;
    width: 30%;
    text-align: center;
}
#top .sec08__box .col03{
	margin-right: 0;
}
#top .sec08__box:before {
    content: " ";
    display: table;
}
#top .sec08__box:after {
    clear: both;
}
/*.col__content {
    padding: 49px 4.2% 14px;
    text-align: center;
}*/
/*#top .sec02__box__content p {
    margin-top: 0; 
    margin-bottom: 0; 
    text-align: center;
    padding: 32px 14px 0;
    margin: 0 0 32px; 
    text-align: left;
    height: 129px;
    font-size: 18px;
}*/
#top .sec02__box__content .sec08__box p {
    text-align: center;
    padding: 32px 14px 0;
    margin: 0 0 32px; 
    text-align: left;
    height: auto;
    font-size: 18px;
}
#top .sec02__box__content.content--bg p {
	/*text-align: center;*/
}
#top .step02 .sec_form {
	padding-top: 0;
}
#top .sec08__box .col__content {
    margin-bottom: 14px;
}

.col.col03 > img,
.col.col02 > img,
.col.col01 > img {
    width: 100%;
}
@media only screen and (max-width: 768px) {
#top .sec08__box .col.col03,
#top .sec08__box .col.col02,
#top .sec08__box .col.col01 {
width: 100%;
margin-top: 20px;
}
#top .sec08__box .col {
    padding: 49px 2% 7px;
}
#top .sec08__box .col.col01{
    background: url(../img/top/bg_col1_sp.png) no-repeat;
    background-size: 100% 100%;
}
#top .sec08__box .col.col02{
    background: url(../img/top/bg_col2_sp.png) no-repeat;
    background-size: 100% 100%;
}
#top .sec08__box .col.col03{
    background: url(../img/top/bg_col3_sp.png) no-repeat;
    background-size: 100% 100%;
}
}
@media only screen and (max-width : 767px) {
    .mh {
        height: auto !important;
    } 
}
/*181210*/
#top .sec05__box03 h4.sp {
	text-align: center;
}
#top .sec05__box03__content .col h5 {
	font-size: 15px;
}
#top .sec_form #sec_form table.tableContact td {
	background: none;
}
@media only screen and (max-width : 767px) {
	#top .sec05__box03__content .col h5 {
		font-size: 16px;
	}
	#top .sec_form #sec_form table.tableContact td {
		background: #fff;
	}
}