@charset "UTF-8";

/* 極小デバイス(携帯電話、768px未満) */
/* メディアクエリがない場合はこれが  のデフォルト */

/*--- font-size// --- */
html { font-size: 62.5%;}
body {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	}

	.orange li {
	    list-style: none;
	}
	.orange li:before {
	    content:"★"
	}

	.orange ul {
	    padding-left:5px;
	    /* color:#fff */
	}
	span.ib {
	    display: inline-block;
	}
	/* table */
table { margin:0 0 24px 0; }
td, th { border:1px solid #bbb; padding:10px 15px 7px; line-height:2.2; background:#fff; }
th { background:#ddd; font-weight:normal; }
header p{
	text-align: center;
}
h1, h2, h3,
.h1, .h2, .h3 {
	font-family: "M PLUS Rounded 1c", sans-serif;
		font-weight: 400;
}
h4, h5, h6,
.h4, .h5, .h6 {
	font-family: "M PLUS Rounded 1c", sans-serif;
		font-weight: 400;
}

.bl {
    font-family: "M PLUS Rounded 1c",sans-serif;
    font-weight: 500;
}


.con-voice h2 {
    padding-top: 90px;
}

h2 {
	font-size: 2.5rem;
	text-align: center;
}

p { font-size: 1.6rem; }

.vtext {
    word-wrap: break-word;
}
/*--- //font-size --- */
input.wyk {display: block;
  width: 100%;
  height: 37px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

header {
	height: 480px;
	background-image: url(../img/top-sp.jpg);
	background-color: #F6F6F6;
	background-position: center right;
	-moz-background-size: 100% auto;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

header h1 {
	width: 100%;
	padding: 10px 0 0;
	margin: 0;
	text-align: center;
}

header h1 img {
	width: 100%;
	min-width: 200px;
	max-width: 250px;
}

header h2 { }

.btn-act {margin: -25px 0 0;}

.btn-act a {
	display: block;
	color: #fff;
	border-radius: 4px;
	background: #1674CE;
	background-image: -moz-linear-gradient( 90deg, rgb(22,152,73) 0%, rgb(80,178,118) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(22, 116, 206) 0%, rgb(25, 140, 190) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(22,152,73) 0%, rgb(80,178,118) 100%);
	box-shadow: 0px 0px 4px 0px rgba(3, 0, 0, 0.4);
	font-size: 18px;
	padding: 15px 25px;
	width: 100%; /*xsのみ*/
	/* height: 55px!important; */
	/* line-height: 55px; */
	margin: 0;
	padding: ;
}

.spbt .btn-act {
    margin: -20px 0 20px;
}

.spbt .btn-act.friends {
    margin: -10px 0 10px;
}
.spbt .btn-act.news {
    margin: -0px 0;
}

.friends a {
    background:#f6006e;
    background-image: -moz-linear-gradient( 90deg, rgb(246, 0, 110) 0%, rgb(255, 123, 155) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(246, 0, 110) 0%, rgb(255, 123, 155) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(246, 0, 110) 0%, rgb(255, 123, 155) 100%);
}
.news a {
	background: #D51C20;
	background-image: -moz-linear-gradient( 90deg, rgb(213, 28, 32) 0%, rgb(239, 119, 50) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(213, 28, 32) 0%, rgb(239, 119, 50) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(213, 28, 32) 0%, rgb(239, 119, 50) 100%);
}

}

.btn-act a:hover {
	border-radius: 4px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #1674CE;
	color: #1674CE;
}
.btn-act a:hover{
	border-radius: 4px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #1674CE;
	color: #1674CE;
}

.friends a:hover {
	border-radius: 4px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #f6006c;
	color: #f6006c;
}

.news a:hover {
	border-radius: 4px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #D51C20;
	color: #D51C20;
}

header p {
	color: #f19725;
	font-size: 3.5rem;
	font-weight: normal;
	line-height: 2rem;
	padding: 4rem 0 2rem;
	/* text-shadow: 0 0 8px #000; */
}

header p span {
	color: #f6006e;
	font-size: 3rem;
}

header .xs-block img { margin-top: 1em; }

.visible-xs-block .maru {
    width: 30vw;
    height: calc(30vw);
    padding: 0;
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex-flow: column;
    vertical-align: top;
    margin: 0 5px;
    border: 1px solid #1674CE;
}

section.orange {/* background-color: #FDA41D; */}

section.orange h2, section.orange p {color: #1C295B;}
.circle {
    border-radius: 50%;
    border: 10px solid #1C295B;
}

.pad img {
    border-radius: 50%;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}

.mb20 {
    margin-bottom: 20px;
}
.mb40 {
    margin-bottom: 40px;
}
.con-voice .sect:nth-child(odd) {
    background: #f5fafa;
}

/* .con-01//------------------------------ */
.con-01 { padding-bottom: 40px; }

.con-01 h2 {
	font-size: 2.2rem;
	font-weight: normal;
	margin-top: 40px;
	margin-bottom: 3rem;
}

.con-01 h2 span { font-size: 1.4rem; }

.con-01 p {
	font-size: 13px;
	line-height: 2.2rem;
}

/* .con-02//------------------------------ */
.con-02 { padding: 40px 0 0; }

.con-02 h2 {
	font-size: 2.2rem;
	font-weight: normal;
	text-align: center;
	margin-bottom: 3rem;
	color: #1C295B;
}

.con-02 h2 span { font-size: 1.4rem; }

.con-02 dl {
	font-size: 12px;
	font-weight: normal;
	display:table;
	margin:0 auto 10px;
}

.con-02 dt {
	background-color: #1674CE;
	border: 4px solid #1674CE;
	float: left;
	padding: 5px;
	font-weight: normal;
	color: #fff;
}

.con-02 dt span { }

.con-02 dd {
	border: 4px solid #1674CE;
	display: block;
	float: left;
	padding: 5px 17px;
	text-align: center;
	background: #fff none repeat scroll 0 0;
}

.con-02 h3 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
	text-align:center;
}

.con-02 p.def {
	font-size: 1.3rem;
	margin-bottom: 5rem;
	text-align: center;
}

.con-02 div.pnt {
	background: #fff none repeat scroll 0 0;
	border: 4px solid #f6006e;
	padding: 1em;
}

.con-02 div.pnt strong {
	color: #fff;
	display: block;
	font-weight: normal;
	margin: auto;
	padding: 0.5em;
	text-align: center;
	border-radius: 4px;
	background: #f6006e;
}

.con-02 div.pnt h4 {
	color: #f6006e;
	font-weight: normal;
	text-align: center;
}

.con-02 div.pnt p { font-size: 13px; }

.con-02-01, .con-02-02, .con-02-03 {
	background-position: center center;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	background-color: rgba(255,255,255,0.7);
	background-blend-mode:lighten;
}

.con-02-01 {
	background-image: url(../img/img_con02_01.jpg);
	padding: 0 0 50px;
	/* position: relative; */
	/* z-index: 0; */
}

.con-02-02 {
	background-image: url(../img/img_con02_02.jpg);
	padding: 50px 0;
}

.con-02-03 {
	background-image: url(../img/img_con02_03.jpg);
	padding: 50px 0 100px;
}

/* .act-02//------------------------------ */
.act-02 {
	background: #3490e9 none repeat scroll 0 0;
	padding: 8px;
	font-weight: normal;
}

.act-02 .col-xs-12 {
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
}

.act-02 h2 {
	color: #1C295B;
	margin-bottom: 2rem;
	font-weight: normal;
}

.act-02 .btn-act {
	margin: 0;
	margin: 0 0 18px;
	text-align: center;
}

/* .con-03//------------------------------ */
.con-03 { padding: 40px 0; }

.con-03 h2 {
	font-size: 2.2rem;
	font-weight: normal;
	margin-bottom: 3rem;
}

.con-03 h3 {
	color: #f6006e;
	font-weight: bold;
	margin-top: 10px;
	font-size: 2rem;
	margin-bottom: 5px;
	text-align:center;
}

.con-03 h4,.calendar h4 {
	background: #1674CE  none repeat scroll 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	padding: 8px 0;
	text-align: center;
}

.con-03 p {
	font-size: 13px;
	margin-bottom: 2rem;
}

.con-03 .pnt {
	border: 4px solid #1674CE;
	padding: 8px;
}

.con-03 .pnt h3 {
	font-size: 18px;
	text-align: center;
}

.con-03 .pnt p {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	/* margin-left: 80px; */
}

.con-03 .pnt p.price {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: 1em;
	margin-left: 0px;
}

.con-03 .pnt p.price .ttl {
	font-size: 12px;
	font-weight: normal;
}

.con-03 .pnt p.price .time {
	font-size: 12px;
	font-weight: normal;
}

.con-03 p.big {
	font-size: 20px;
	/* font-weight: bold; */
	text-align: center;
}

.con-03-01, .con-03-02, .con-03-03 { margin-bottom: 60px; }

.con-03-04 { }

.con-03-04 h3 {
	font-size: 20px;
	margin-bottom: 4px;
	text-align: center;
}

.con-03-04 p { margin-bottom: 30px; }

/* .con-04//------------------------------ */
.con-04 {
	padding-bottom: 40px;
	padding-top: 40px;
}

.con-04 h2 {
	font-size: 2.2rem;
	font-weight: normal;
	margin-bottom: 3rem;
}

.con-04 .pad { padding: 0 7rem; }

.con-04 .pad img { margin: auto; }

.con-04 h3 {
	font-size: 2.2rem;
	font-weight: normal;
	text-align: center;
	margin-top: 7px;
}

.con-04 p { font-size: 1.3rem; }

.con-04 p.name {
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}
.con-voice p.name {
	/* font-weight: bold; */
	/* margin-bottom: 40px; */
	text-align: right;
}

/* .con-05//------------------------------ */
.con-05 {
	background-color: #1674CE;
	padding: 40px 0;
}

.con-05 h2 {
	color: #fff;
	margin: 20px 0 3rem;
	font-size: 2.2rem;
	margin-bottom: 30px;
	/* font-weight: normal; */
}

.con-05 .img { padding: 0 7rem; }

.con-05 .img img { margin: auto; }

.con-05 h3 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 7px;
	text-align: center;
}

.con-05 p {
	color: #fff;
	font-size: 13px;
	margin-bottom: 40px;
}

.findus {height: 300px!important;}

.faq {
	background-color: #f1f1f1;
	padding: 40px 0;
}
/* .con-06//------------------------------ */
.con-06 {
	background-image: url(../img/LP6-1.jpg);
	background-position: center center;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px 0;

}

.con-06 h2 {
	font-size: 2.2rem;
	font-weight: normal;
	margin-bottom: 3rem;
}

.con-06 .bg {
	background-color: rgba(255,255,255,0.9);
	padding: 1em;
}

.con-06 p { font-size: 13px; }

.con-06 p.name {
	font-weight: bold;
	text-align: right;
}

/* .con-voice//------------------------------ */
.con-voice h3 {
    font-size: 1.8rem;
    text-align: left;
    font-weight: 500;
}

/* .con-07//------------------------------ */
.con-07, .faq { padding: 40px 0; }

.con-07 h2, .con-voice h2, .faq h2 {
	text-align: center;
	font-size: 2.2rem;
	font-weight: normal;
	margin-bottom: 3rem;
	color: #1C295B;
}

.con-07 h3 {
	text-align: center;
	font-size: 2rem;
}

.con-07 h4 {
	text-align: center;
	font-size: 1.6rem;
}

.con-07 .map {border: 1px solid #ccc;}

.con-07 p {
	font-size: 1.3rem;
	margin: 10px 0 40px;
	text-align: center;
}

/* .act-03//------------------------------ */
.act-03 {
	background: #FDA41D;
	padding: 40px 0;
}

.act-03 h2 {
	color: #fff;
	font-size: 3rem;
	margin-bottom: 3rem;
}

.act-03 p {
	color: #fff;
	font-size: 1.3rem;
	margin-bottom: 40px;
	text-align: center;
}

.act-03 p span {
	color: #fff;
	/* text-decoration: underline; */
	font-size: 32px;
	font-weight: bold;
}

.act-03 p.ttl {
	color: #fff;
	font-size: 1.3rem;
	margin: 5px 0 0;
	text-align: center;
}

.act-03 .entryform { margin-top: 40px; }

.act-03 label {
	color: #fff;
	font-weight: normal;
}

.act-03 .visible-xs-block {
	color: #fff;
	text-align: center;
}

.form-control { border-radius: 4px; }

/* footer//------------------------------ */
footer {background: #f6006e none repeat scroll 0 0;}

footer p {
	color: #fff;
	font-size: 1rem;
	margin: 0;
	padding: 3em 0;
	text-align: center;
}

.pad {
    width: 60%;
    margin: auto;
}

/* ===================================== */
/* 小型デバイス(タブレット、768px -sm- 以上) */
/* ===================================== */
@media (min-width: 768px) {
	.ml50pxp {
	    margin-left: 50px;
	}
	header p{
		text-align: left;
	}
	.maru {
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  border-radius: 50%;
	  flex-flow: column;
	  vertical-align: top;

	}
	.size_normal{
	  width: 120px;
	  height: 120px;
	  background: #fff;
	  border: 1px solid #1674CE;
	  margin-right: 10px;
	}
	.letter3 {
	  font-size: 1.5rem;
	  line-height: 1.5em;
	  color: #1C295B;
	  /* font-weight: bold; */
	}

	.pad {
	    width: 80%;
	    margin: auto;
	}

header {
	height: 355px;
}
header {
	background: url(../img/top1.jpg);
	background-color: #F6F6F6;
	background-position: center right;
	-moz-background-size: auto 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

header h1 { text-align:left;}

header .btn-act { padding-top: 41px; }

header .btn-act a {
	float: right;
	text-align: center;
	width: 250px;
}

header p {
	font-size: 2rem;
	line-height: 2rem;
	padding: 2rem 0 0 0rem;
}

header p span {
	font-size: 2rem;
	font-weight: normal;
}

.btn-act a { padding: 10px 25px; }

/* .con-01（sm）//------------------------------ */
section.con-01 { padding: 50px 0 90px; }

.con-01 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-01 h2 span { font-size: 2.7rem; }

.con-01 p {
	margin: auto;
	max-width: 800px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.4rem;
}

/* .con-02（sm）//------------------------------ */
.con-02 { padding-top: 50px; }

.con-02 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-02 h2 span { font-size: 27px; }

.con-02 dl { font-size: 1.8rem; display:block;}

.con-02 h3 {font-size: 3rem;text-align:left;color: #1C295B;}

.con-02 p.def {font-size: 1.8rem;text-align: left;}

.con-02 div.pnt h4 {
	text-align: center;
	font-size: 2.4rem;
}

.con-02 div.pnt p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-align: center;
}

.con-02 div.pnt strong { font-size: 2rem; }

.con-02-01, .con-02-02, .con-02-03 {
	padding: 100px 0;
	border-bottom: 1px solid #fff;
}

/* .act-02（sm）//------------------------------ */
.act-02 { }

.act-02 .col-xs-12 {
	background: #fff;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
	height: 200px;
}

.act-02 h2 {
	font-size: 27px;
	margin-bottom: 30px;
	margin-top: 40px;
}

.act-02 .btn-act {
	margin: auto;
	width: 50%;
}

.act-02 .btn-act a { font-size: 27px; }

/* .con-03（sm）//------------------------------ */
.con-03 { padding: 68px 0 90px; }

.con-03 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-03 h3 { font-size: 3rem; 	text-align:left;}

.con-03 h4, .calendar h4 {
	margin-top: 0;
	font-size: 1.8rem;
}

.con-03 p { font-size: 1.4rem; }

.con-03 .pnt h3 {font-size: 3.5rem;}

.con-03 .pnt p {
	font-size: 1.8rem;
	/* text-align: center; */
}

.con-03 .pnt p.price { font-size: 3rem; }

.con-03 p.big {font-size: 2.5rem;font-family: vdl-v7gothic;}

.con-03-04 h3 { font-size: 2rem; text-align:center;}

.con-03-01, .con-03-02, .con-03-03 { margin-bottom: 90px; }

/* .con-04（sm）//------------------------------ */
.con-04 { padding: 68px 0 90px; }

.con-04 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-04 .pad { padding: 0; }

/* .con-05（sm）//------------------------------ */
.con-05 {
	background-color: #1674CE;
	/* background-image: url(../img/img_con05_01.jpg); */
	background-position: center center;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 68px 0 90px;
}

.con-05 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-05 .img { padding: 0 4rem; }


/* .con-06（sm）//------------------------------ */
.con-06 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-06 p { }

.con-06{
min-height: 800px;
}
/* .con-07（sm）//------------------------------ */
.con-07,.faq { padding: 68px 0 90px; }

.con-07 h2, .con-voice h2, .faq h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.con-07 h3 { margin-top: 0; }

/* .act-03（sm）//------------------------------ */
.act-03 { padding: 68px 0 90px; }

.act-03 h2 {
	font-size: 4.8rem;
	line-height: 4.5rem;
	margin-bottom: 60px;
}

.act-03 p {
	font-size: 1.8rem;
	text-align: center;
}

.act-03 .entryform form {
	width: 500px;
	margin: auto;
}
}

/* ===================================== */
/* 中型デバイス(デスクトップ、992px -md- 以上) */
/* ===================================== */
@media (min-width: 992px) {

header, header .container-fluid { height: 600px; }

header {
	background: url(../img/top1.jpg);
	background-color: #F6F6F6;
	background-position: center center;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}


header h2 {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding-top: 32px;
}

header p {
	font-size: 6.3rem;
	line-height: 6rem;
	padding: 3rem 0 0 0rem;
}

header p span {
	font-size: 4rem;
	font-weight: bold;
}
.size_normal {
    width: 200px;
    height: 200px;
    background: #fff;
    border: 1px solid #1674CE;
    margin-right: 10px;
}

.letter3 {
    font-size: 28px;
    line-height: 1.5em;
    color: #1C295B;
    /* font-weight: bold; */
}


/* .con-02（md）//------------------------------ */
.con-02 h3 { font-size: 3.6rem; }
.con-02 div.pnt {
	width: 85%;
	margin: auto;
}

/* .con-03（md）//------------------------------ */
.con-03 p { font-size: 1.8rem; }

.con-03 .pnt { width:80%; margin:30px auto 0;}

/* .con-04（md）//------------------------------ */
.con-04 p {
	font-size: 1.8rem;
	text-align: center;
}

.con-04 .pad { padding:20px;}

/* .con-voice//------------------------------ */
.con-voice h3 {
    font-size: 2.2rem;
    text-align: left;
    font-weight: 400;
}

/* .con-05（md）//------------------------------ */
.con-05 h3 { font-size: 2.2rem; }

.con-05 p { font-size: 1.8rem; }


/* .con-06（md）//------------------------------ */
.con-06 p { font-size: 1.8rem; }

/* .con-07（md）//------------------------------ */
.con-07 h3 {font-size:3rem;}
.con-07 h4 {font-size:2.2rem;}
.con-07 p {font-size:1.8rem;}


/* .act-02（md）//------------------------------ */
.act-02 { }

.act-02 .col-xs-12 {
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center center;
	height: 230px;
}

.act-02 h2 {
	font-size: 32px;
	margin-top: 40px;
}

.act-02 .btn-act { }

.act-02 .btn-act a { font-size: 36px; }
}

/* .act-03（md）//------------------------------ */
.act-03 p.ttl { font-size:1.6rem;}

/* ===================================== */
/* 大型デバイス(大画面デスクトップ、1200px -lg- 以上) */
/* ===================================== */
@media (min-width: 1200px) {



header, header .container-fluid {height: 680px;/* height: 100%; */}

header {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

header h2 { text-align: center; }

header p {
	font-size: 7rem;
	line-height: 7rem;
	padding: 7rem 0 0 0rem;
}

header p span { font-size: 5rem; }


/* .con-02（lg）//------------------------------ */
.con-02 div.pnt h4 {font-size: 3.5rem;}

.con-06 {background-position: center top;}

/* .con-03（lg）//------------------------------ */
.act-03 .entryform form {width:600px;}


}
.googleCalendar {
    max-width: 800px;
    width: 90%;
    margin: auto;
    padding-bottom: 60px;
}
.logo-plus-button {
    display: none;
}
.center{
	text-align: center;
	/* margin-right: 80px; */
	/* margin-left: 80px; */
	font-weight: 600px;
	width: 80%;
	margin: auto;
}

.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}