@charset "utf-8";


/* トップページ設定
------------------------------------*/

/* --- .title --- */

/* h1 */
h1.title{
text-align:center;
letter-spacing:-.40em;
margin-bottom:65px;	
}
h1.title span{
display:inline-block;
letter-spacing:normal;
color:#2e79b6;
font-size:24px;
font-weight:bold;
background:#fff;
box-shadow: 0 0 8px #c4e1ed;
padding:15px 40px;
line-height:1.3;	
}
@media screen and (max-width: 768px) {	
h1.title{
margin-bottom:25px;	
}
h1.title span{
font-size:1.7rem;
padding:10px 15px;	
}
}
/* pagetop */
.pagetop {
 background: #e9f4f6;
}

/* --- .news --- */
.news {
    background-color: #f9f9f9;
    padding: 25px 0;
    font-size: 16px;
}

.news_title {
	color:#027bb7;
	font-weight: bold;
	width:10em;
}
.date {
	color:#8e8e8e;
	width:6em;
}
.news ul li {
	display: flex;
	
}
.news ul {
	width:770px;
	margin:0 auto;
}

.news_cont {
width:500px
}

/* --- .news スマートフォン --- */
@media screen and (max-width: 768px) {	
.news {
    padding: 2rem 0;
    font-size: 1.5rem;
}	
.news ul {
    width: 100%;
}
.news ul li {
    display: block;
}
	
.news {
    background-color: #f9f9f9;
    padding: 2rem;
    font-size: 1.5rem;
}
.news_title {
    width: 100%;
}
.date {
    width: 100%;
}
.news_cont {
    width: 100%;
}
	
}

	

/* --- .top-sec01 --- */
.top-sec01{
	padding:70px 0;
}

.top-sec01-conts {
	display: flex;
	margin: 0 auto 36px auto;
}

.top-sec01-conts .pic {
    /* float: left; */
    padding-left: 64px;
}

.top-sec01-conts .pic img {
    width: 184px;
}

.top-sec01-conts .balloon {
    position: relative;
    display: block;
    width: 620px;
    padding: 40px 60px;
    background: #e9f4f6;
    line-height: 2.3em;
    /* float: right; */
}
.top-sec01-conts .balloon:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -44px;
    margin-top: -24px;
    border: 24px solid transparent;
    border-right: 24px solid #e9f4f6;
    transform: rotate(180deg);
}

.top-sec01-conts .balloon p{
	font-weight:bold;
	font-size:15px;	
}
.top-sec01-conts .balloon p span{
/*	text-decoration:underline;*/
	font-weight:bold;	
}
.top-sec01-conts .balloon p strong{
	background: linear-gradient(transparent 30%, #ffbe55 30%);
	font-weight:bold;	
}

.under_line {
	background: linear-gradient(transparent 40%, #ffbe55 40%);
	font-weight:bold;
}

@media screen and (max-width: 768px) {
.top-sec01{
padding:30px 0;
}
.top-sec01-conts .pic{
float:none;
padding-left:0;	
text-align:center;
}
.top-sec01-conts .pic img{
margin-top:0;
width:80%;
max-width:200px;
}
.top-sec01-conts .balloon {
    width: 90%;
    padding: 5%;
    float: none;
    margin-bottom: -30px;
    z-index: -1;
}
.top-sec01-conts .balloon:before{
	content: "";
	display: none;
	position: absolute;
	top: 103%;
	left: 50%;
	margin-left: 0;
	border: 24px solid transparent;
	border-top: 24px solid #e9f4f6;
	transform: rotate(0deg);
}
	
.top-sec01-conts .balloon p{
font-size:1.4rem;	
}
	
/*追加 0704	*/
.top-sec01-conts {
	display: block;
	margin: 0 0 24px 0;
}
	
}


/* --- .top-sec04 クルーズ追加 --- */

.top-sec04{
padding:70px 0;
background:#e9f4f6;
}
.top-sec04 h3{
 margin-top: 1em;
 margin-bottom: 0.5em;
}
.top-sec04-bnr {
 display: flex;
 justify-content: center;
	flex-wrap: wrap;
}
.top-sec04-bnr li img {
width:210px;
height:210px;
}

.top-sec04-bnr li{
position: relative;
width:280px;
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
.top-sec04-bnr li.ok-icon::after{
content: "";
display: block;
width:75px;
height:70px;
position: absolute;
left:30px;
top: -20px;
background: url("images/ok-icon.png");
background-size: contain;
background-repeat: no-repeat;	
}
.top-sec04-bnr li.ng-icon::after{
content: "";
display: block;
width:75px;
height:70px;
position: absolute;
left:30px;
top: -20px;
background: url("images/ng-icon.png");
background-size: contain;
background-repeat: no-repeat;		
}
.top-sec04-conts .balloon{
position: relative;
display: block;
width:660px;
padding:40px;
background: #fff;
float:left;
}
.top-sec04-conts .balloon:before{
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -24px;
border: 24px solid transparent;
border-left: 24px solid #fff;
}
.top-sec04-conts .balloon h3{
 font-size: 15px;
}
.top-sec04-conts .balloon p{
font-size:12px;	
}

/*******スマートフォン*******/

@media screen and (max-width: 768px) {
.top-sec04{
padding:30px 0;
}
.top-sec04-bnr{
letter-spacing:-.40em;
text-align:center;
margin-bottom:10px;
flex-wrap: wrap;
justify-content: space-between;
}
.top-sec04-bnr li{
width:48%;
/*max-width:180px;*/
/*display:inline-block;*/
letter-spacing:normal;
/*margin:5%;*/
margin-top: 40px;
text-align: left;
/*float:none;*/
}
.top-sec04-bnr li.ok-icon::after {
width: 34%;
left: 0;
top: -10px;
}
.top-sec04-bnr li.ng-icon::after {
width: 34%;
left: 0;
top: -10px;
}
.top-sec04-bnr li img {
    width: 100%;
    height: auto;
}
/*
.top-sec04-bnr li.ok-icon:before{
  left: -50px;
  top: -40px;
}
.top-sec04-bnr li.ng-icon:before{
  left: -50px;
  top: -40px;
}
*/

.top-sec042-bnr li:nth-child(4n){
margin-right:3%;	
}
.top-sec04-conts .pic{
float:none;
padding-left:0;	
text-align:center;
}
.top-sec04-conts .pic img{
margin-top:0;
width:55%;
max-width:280px;
}
.top-sec04-conts .balloon{
width:90%;
padding:5%;
float:none;
margin-bottom:40px;
}
.top-sec04-conts .balloon:before{
content: "";
position: absolute;
top: 109%;
left: 50%;
margin-left: -24px;
border: 24px solid transparent;
border-top: 24px solid #fff;
}
.top-sec04-conts .balloon p{
font-size:1.4rem;	
}

	
	
}


/* --- .top-sec02 --- */
.top-sec02{
background:#fff;
}
.top-sec02-bnr{
margin-bottom:50px;	
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.top-sec02-bnr li{
width:232px;
/*float:left;*/
margin-right:24px;
margin-bottom: 30px;
}
.top-sec02-bnr li:nth-last-of-type(-n+3) {
    margin-bottom: 0;
}
.top-sec02-bnr li:nth-child(4n){
margin-right:0;	
}
.top-sec02-conts .pic{
float:right;
padding-right:30px;	
}
.top-sec02-conts .balloon{
position: relative;
display: block;
width:660px;
padding:40px;
background: #fff;
float:left;
}
.top-sec02-conts .balloon:before{
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -24px;
border: 24px solid transparent;
border-left: 24px solid #fff;
}
.top-sec02-conts .balloon p{
font-weight:bold;
font-size:15px;	
}
@media screen and (max-width: 768px) {
.top-sec02{
padding:30px 0;
}
.top-sec02-bnr{

letter-spacing:-.40em;
text-align:center;
margin-bottom:10px;	
}
.top-sec02-bnr li{
width:44%;
max-width:180px;
display:inline-block;
letter-spacing:normal;
margin:3%;
float:none;
}
.top-sec02-bnr li:nth-child(4n){
margin-right:3%;	
}
.top-sec02-bnr li:nth-last-of-type(-n+3) {
    margin-bottom: 10px;
}
.top-sec02-bnr li:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}
.top-sec02-conts .pic{
float:none;
padding-left:0;	
text-align:center;
}
.top-sec02-conts .pic img{
margin-top:0;
width:55%;
max-width:280px;
}
.top-sec02-conts .balloon{
width:90%;
padding:5%;
float:none;
margin-bottom:40px;
}
.top-sec02-conts .balloon:before{
content: "";
position: absolute;
top: 109%;
left: 50%;
margin-left: -24px;
border: 24px solid transparent;
border-top: 24px solid #fff;
}
.top-sec02-conts .balloon p{
font-size:1.4rem;	
}
}



/* --- .top-sec03 --- */
.top-sec03{
padding:70px 0;
/*background:#e9f4f6;*/
}
.top-sec03-bnr li{
width:480px;
}
.top-sec03-bnr li:nth-child(odd){
float:left;	
}
.top-sec03-bnr li:nth-child(even){
float:right;	
}
@media screen and (max-width: 768px) {
.top-sec03{
padding:30px 0;
}
.top-sec03-bnr{
letter-spacing:-.40em;
text-align:center;	
}
.top-sec03-bnr li{
width:94%;
max-width:240px;
display:inline-block;
letter-spacing:normal;
margin:3%;
}
.top-sec03-bnr li:nth-child(odd),
.top-sec03-bnr li:nth-child(even){
float:none;	
}
}


/* 補助金 */
.campaign_container_wrap{
	padding-top: 70px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.campaign_container_wrap iframe{
	border: none;
}

@media screen and (max-width: 768px) {

.campaign_container_wrap{
	padding-top: 30px;
}
.campaign_container_wrap iframe{
	width: 95%;
	height: 30vw;
}
}


/* --- .top-sec02 --- */
.top-sec02{
	padding-bottom:70px;
	background:#FFF;
}
.top-sec02 .list-link {
	text-align: center;
    	padding-top: 30px;
}
.top-sec02 .list-link a {
 	display: inline-block;
	letter-spacing: normal;
    	text-align: center;
    	border-width: 2px;
    		border-style: solid;
    	border-radius: 30px;
    	-webkit-border-radius: 30px;
    	-moz-border-radius: 30px;
    	padding: 12px 20px;
    	line-height: 1;
    	cursor: pointer;
    	border-color: #006fbb;
    	background-color: #009aca;
    	color: #fff;
}

.mail_send_conts{
/*	max-width:880px;*/
/*	width:80%;*/
	margin:0 auto;
}
.mail_send_conts .inner{
max-width:880px;
} 
.mail_send_conts textarea{
	height:148px;
	width:100%;
}
.mail_send_conts form{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	
}
.mail_send_conts form textarea{
	font-weight: bold;
	font-size: 15px;
	border:#ddd solid 3px;
	padding:4px;
}
.mail_send_conts form textarea::placeholder {
  color: #888;
}

.mail_send_conts input[type=submit]{
	color:white;
	border-color: #006fbb;
	background-color: #009aca;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	width: 400px;
	padding: 12px 0;
	line-height: 1;
	margin-top:16px;
	font-size:24px;
	font-weight: bold;
	margin-bottom:14px;
}

.recaptcha_desc{
	font-size:0.8rem;
	color:#888;
	margin-bottom:88px;
}

select[name=category]{
    color: #888;
    border: #ddd solid 3px;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    border-style: solid;
    width: 320px;
    padding: 12px 0;
    line-height: 1;
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
    text-align: center;
}
select[name=category] option{
    font-size: 16px;
    font-weight: bold;
    color:black;
}
@media screen and (max-width: 768px) {
select[name=category]{
    width:100%;
}
	
.mail_send_conts input[type=submit] {
    width: 100%;
    font-size: 4.4vw;
}
	
}