/* Main */

* {
	border:0;margin:0;padding:0;
	border-collapse:collapse;
	box-sizing: border-box;

	font-size:15px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-weight:400;
	line-height:2.3em;
	vertical-align:middle;
}

html {
	max-width:100%;

	background-attachment:fixed;
	background-image:url('../img/back.png');
}

body, header, footer {
	min-width:320px;
}

body {
	width:100%;height:100%;
	color:#252823;
	background:rgba(255,255,255,0.9);
}

.menu{
	width:1080px;
	margin:0 auto;
}

.menu li {
	display:inline-block;
}

#top_button li {
	display:inline-block;
	width:50%;
	text-align:center;
}

#top_button li img {
}

.sns_base {
	position:relative;
}
.sns_icons {
	display:block;
	position:absolute;
	bottom:20px;right:20px;
	margin:auto;
	z-index:10000;
}

.sns_icons img {
	width:100%;height:auto;
	max-width:48px;
}

main {
/*	width:100%;max-width:1080px;*/

	margin-top:80px;
	margin-bottom:60px;
}

/* menu */
header {
	width:100%;height:80px;

	position:fixed;
	top:0;left:0;
	z-index:9999;
	background:#d47d94;
}

footer {
	width:100%;height:60px;
	position:fixed;
	bottom:0;left:0;
	z-index:9999;
}


.rss_base {
	padding:20px;
}

.rss_list {
	list-style:none;
}

.rss_list li {
	border-bottom:1px dashed #d47d94;
}


nav {
	width:100%;
	position:absolute;
	bottom:0;

	background:#d47d94;
}

#logo-box {
	width:100%;height:60px;
	text-align:center;
	margin:10px auto;
}

#logo-box img {
	width:auto;
	height:auto;
	max-height:100%;
	padding:5px;
	display:inline-block;
}

#menu-box {
	width:100%;

	background:#d47d94;
	background: -moz-linear-gradient(center top, #d47d94,
		#ad2e2d 50%,
		#701e1d 90%,
		#842322);
	background: -webkit-gradient(linear, left top, left bottom, from(#d47d94),
		color-stop(0.5, #ad2e2d),
		color-stop(0.9, #701e1d),
		to(#842322));

	position:absolute;
	bottom:0;left:0;
}

#toggle, #menu {
	display:none;
}

nav div {
	margin:0 auto;
}

.facebook_column {
	border-bottom:1px solid #d47d94;
}

/*plan*/
#topics_box {
	border:1px solid #d47d94;
}

.big_icon {font-size:1.1em;}


#plans li {
	width:16.666%;
	display:inline-block;
}

/*table*/

#form i {
line-height:2.5em;
}

th, td {
	padding:10px;
}

.drop_area {display:none;}
.acn {
	cursor:pointer;
	border-bottom:1px solid #006E54;
	padding:10px
}

.acn > i, .drop_area i {
	margin-right:10px;
}

#tab_001,#tab_002 {
	width:100%;
	table-layout:fixed;

	margin:0 auto;
}

#tab_001 tr {
border:1px solid #aaa;
}

#tab_002 tr {
border:1px solid #aaa;
}

#tab_001 td:first-child {
	border:0;
}

#tab_001 th {
	width:45%;
	vertical-align:middle;
	font-size:1.2em;
	color:#fff;
	border:1px solid #aaa;
	border-right:0;

	background:#d47d94;
/*	border-radius:10px;*/
	padding:5px 10px;
}

#tab_001 td {
	width:55%;
	vertical-align:middle;
	text-align:center;
	border:1px solid #aaa;
	border-left:0;
	font-size:1.6em;
	padding:5px 10px;
}

#tab_002 th {
	width:30%;
	vertical-align:middle;
	
}

#tab_002 td {
	width:70%;
	border-left:1px solid #aaa;
}

/* dropbox */
.faq {
	border-bottom:1px solid #006E54;
}

.faq > a {
	display:block;
}

.faq div {
	display:none;
}

/* photo */
.photo {
	width:100%;height:auto;
	border-radius:50%;

	margin-bottom:10px;
}

#voice {
	width:100%;
	margin:0 auto;
}

#voice li {
	width:33%;
	min-width:180px;

	font-size:0.7em;
	text-align:center;

	display:inline-block;
	padding:20px;margin:-5px;
}

#voice_mini {
	width:100%;
	margin:0 auto;
}

#voice_mini li {
	width:10%;
	min-width:80px;

	font-size:0.6em;
	text-align:center;

	display:inline-block;
	padding:10px;margin-left:-5px;
}

#sp_tel {
	display:none;
}

#kon_point {
	width:100%;
}

#kon_point li {
	width:50%;
	padding:10px;
	display:inline-block
}

.kon_flow {
	width:20%;margin-right:-1%;
	display:inline-block;
}

.kon_flow dt {
	padding:10px;
}

.kon_flow dd {
	padding:10px;
	text-align:left;
}

.disabled {transform:scale(0.9);transition:.5s ease-in;filter: grayscale(99%);}
.disabled:hover {transform:scale(1);filter: none;}


/* box */
section {
	width:100%;
	position:relative;
}

.content, .content_sp {
	width:100%;
	max-width:1080px;
	
	padding:40px 10px;
	margin:0px auto;

	position:relative;
}

.content2 {
	width:100%;
	max-width:1080px;
	
	padding:10px 20px;
	margin:0 auto;

	position:relative;
}

#head_sub_img {
	width:100%;
	height:250px;
	background:url('') center center / cover no-repeat;

	vertical-align:middle;
	position: relative;
}

#head_sub_catch {
	width:100%;height:3em;
	top:0;bottom:0;margin:auto;padding:0;
	position: absolute;
}


/**/
.segmented input {
	display:none
}

.segmented .label {
    /* 右端以外の枠線 */
    border: 1px #ccc;
    border-style: solid none solid solid;
 
    /* 隙間を詰める */
    float: left;
 
    /* 背景グラデーション */
    background-color: #eee;
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
 
    /* ラベルテキスト */
    color: #777;
    text-align: center;
    text-shadow: 1px 1px #fff;
 
    cursor: pointer;
    padding: 8px;
	width:33.3%;
}
/* 先頭のもの */
.segmented :first-child .label {
    /* 左上、左下の角を丸める */
    border-radius: 10px 0 0 10px;
}
/* 末尾のもの */
.segmented :last-child .label {
    /* 右端の枠線 */
    border-right-style: solid;
 
    /* 右上、右下の角を丸める */
    border-radius: 0 10px 10px 0;
}

.segmented .label {
    background-image: -moz-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -ms-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
    background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
}

.segmented input:checked + .label {
    /* 文字色を変える */
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,.3);
 
    /* 背景色を変える */
    background-color: #00f;
    background-image: linear-gradient(to bottom, hsl(214,90%,40%) 0%, hsl(214,90%,70%) 100%);    
    border-color: hsl(214, 90%, 60%);
    box-shadow: 3px 2px 10px rgba(0,0,0,.2) inset, -3px 2px 10px rgba(0,0,0,.2) inset;
}

/*td.form_a0 {padding:10px !important;}*/

/**/

/* h and font */
.mincho {
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.maru {
	font-family: "Rounded Mplus 1c";
}

h1, h2, h3, h4, h5 {
}

h1 {
	font-size:1.6em;
	font-weight: 600;
	letter-spacing:0.1em;
	background-color:rgba(255,255,255,0.7);

	text-align:center;
	border-top: 1px solid #887451;
	border-bottom: 1px solid #887451;
	margin-bottom:-320px;
}

h2, h3 {
color: #d47d94;
border-top: solid 2px #d47d94;
border-bottom: solid 2px #d47d94;
text-align:center;
padding:5px auto;
}

h2 span, h3 {
	font-size:1.6em;
	font-weight:500;
	font-family: "Rounded Mplus 1c";
}

h3 {margin-bottom:10px;}

/*h2 span {
	font-size:1.3em;
	font-weight:600;
	position: relative;
	display: inline-block;
	padding-bottom:0.5em;
	border-bottom: 1px solid black;
}
      
h2 span::before,
h2 span::after {
	position: absolute;
	top: 100%;left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}
 
h2 span::before {
	border-top: 10px solid black;
}
 
h2 span::after {
	margin-top: -1px;
	border-top: 10px solid white;*/
}

/* box */
.border_box {
	border:2px solid #ED8398;
	position: relative;
	border-radius:7px;
}

.border_box2 {
	border:1px solid #fff;
}

.border_box h3 {
	color:#fff;
	background:#ED8398;
	border-radius: 5px 5px 0 0;
}

.next_button {
	color:#fff;
	padding:5px 10px;
	background:#262823;
	text-align:center;
}

h4 {
	width:100%;
	max-width:640px;

	font-size:0.9em;
	font-weight:400;
	text-align:center;

	border-bottom:1px solid #887551;
	display:block;

	margin:0 auto;
}
h4 span {line-height:42px;}

h5{font-size:0.6em;text-align:left;}
.u_bar {border-bottom:3px double #eee;margin:10px 0;}
.r_bar {border-right:1px solid #eee;}

/* a */
a {color:#887451;text-decoration:none;}
a:link {color:#887451;}
a:visited {color:#887451;}
a:hover {color:#887451;cursor:pointer;}
a:active {color:#252823;}

a:hover img {
	filter: Alpha(opacity=90);
	opacity: 0.9;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5 ease-out;
}


/* slider */
#Main_Slide, #Plan_Slide, .Plan_Sides {z-index:0;}

/* footer */
/* page */

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.bg_001 {background:rgba(255,255,255,0.7);}
.bg_002 {background:rgba(255,255,255,0.8);}
.bg_003 {background:rgba(255,240,245,0.5);}
.bg_004 {background:#d47d94;}
.bg_005 {background:#B28856;}
.bg_006 {background:#0F7684;}
.bg_007 {background:#fff;}

.font_white, .font_white * {color:#ffffff;}
.font_green {color:#006E54;}

.sp_not {
	display:inline;
}
.pc_not {
	display:none;
}

/* contents */
.tab, .tab2 {
	width:100%;
	display:table;
	table-layout:fixed;
}
.tab_split80 {width:80%;display:table-cell;}
.tab_split75 {width:75%;display:table-cell;}
.tab_split70 {width:70%;display:table-cell;}
.tab_split66 {width:66.6%;display:table-cell;}
.tab_split60 {width:60%;display:table-cell;}
.tab_hulf {width:50%;display:table-cell;}
.tab_split40 {width:40%;display:table-cell;}
.tab_split33 {width:33.3%;display:table-cell;}
.tab_split30 {width:30%;display:table-cell;}
.tab_split25 {width:25%;display:table-cell;}
.tab_split20 {width:20%;display:table-cell;}
.tab_split16 {width:16.6%;display:table-cell;}

.w_full {
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

/*margin*/
.m_none {margin:0;}
.m_20 {margin:20px auto 0;}

/*padding*/
.p_none {padding:0;}
.p_10 {padding:10px;}
.p_10v {padding:0 0 10px;}
.p_10i {padding:10px 0 10px;}
.p_20 {padding:0 20px 20px;}
.p_20v {padding:0 0 20px;}
.p_20w {padding:20px 0;}
.p_20x {padding:20px;}
.p_40 {padding:40px;}
.p_40v {padding:0 40px;}
.p_40w {padding:40px 0;}
.p_60v {padding:10px 60px;}

.pc_p10v {padding:10px 0;}
.pc_p20 {padding:20px;}
.pc_p40 {padding:40px;}

/*effect*/
.round {
	border-radius:5px;
}

.round2 {
	border-radius: 7px;
	margin-bottom:10px;
}
.round2:hover {
	
}

.shadow {
            box-shadow: 0 0 15px -6px rgba(0,0,0,0.7);
}

.hall_box {
	min-height:200px;
	background:#fff;
	margin:0 0 20px;
	padding:10px 0;
}

.swiper-pagination {margin-bottom:-20px;}

/* Line */
hr {
	width:100%;
	border:0;margin:10px auto;height:1px;background:transparent;
	background:#eee;
}

hr.line_001 {
	width:75%;
	border:0;margin:20px auto;height:1px;background:transparent;
	background-image: -webkit-linear-gradient(left, transparent, #252823, transparent);
	background-image: -moz-linear-gradient(left, transparent, #252823, transparent);
	background-image: -ms-linear-gradient(left, transparent, #252823, transparent);
	background-image: -o-linear-gradient(left, transparent, #252823, transparent);
}

hr.line_002 {
	width:100%;
	border-top:1px solid #252823;
}

.hint {font-size:0.75em;}
.hint2 {font-size:0.85em;}

/* img */

img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

.frame {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	border: 2px solid #fff;
	box-shadow: 0 0 10px -5px #333;
	transform: rotate(45deg); /* 全体を回転 */
	overflow: hidden; /* 不要部分は消す */

	margin:50px auto;
}
.frame img {
	margin-top: 70px;

	margin-left:-170px;
	transform-origin: 0 0;
	transform: scale(1.5) rotate(-45deg); /* 写真は元に戻す */
}

/* pageTop Button */

#pageTop {
	position: fixed;
	bottom: 80px;
	right: 20px;
}

#pageTop a {
	display: inline-block;
	z-index: 9999;
	padding: 10px;
	border-radius: 48px;
	width: 48px;
	height: 48px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}

#pageTop i {color:#fff;}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* form */

#form {
	width:100%;
	border:0;margin:0;padding:0;
}

#form tr {
	border:1px solid #887451;
}

#form th {
	font-size:1em;
	font-weight:600;
	text-align:left;
	padding:10px 20px;
	border-bottom:1px solid #887451;
	background:#FAE1E6;
	color:#d47d94;
}

#form td {
	padding:20px;
}

#form th, #form td {
	width:50%;
}

.caution {
	color:red;
	border:1px solid red;
	padding:5px;
	margin-left:10px;
}

.tbox {
	font-size:1.2em;
	width:100%;height:3em;
	background:#fff;
	padding:10px 10px;
}

.tbox > option {
	font-size:1.2em;
	width:100%;height:3em;
	background:#fff;
	padding:10px 10px;
}

.tbox2 {
	font-size:2em;
	width:33%;
	background:#fff;
	text-align:center;
	border: 1px #eee solid;
	margin: 0 3%;
}

.tbox3 {
	font-size:2em;
	width:80%;
	background:#fff;
	text-align:center;
	border: 1px #eee solid;
	margin: 0 3%;
}

.tarea {
	font-size:1.3em;
	width:100%;height:10em;
	padding:10px;
	background:#fff;
}

.f_btn {
	width:100%;
	background:#d47d94;color:#fff;
	padding:10px;

}

.clearfix:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

#top_button img {
	width:100%;height:auto;
	max-width:320px;
}

#top_button2 {
	display:none;
}

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

* {
	font-size:15px;
	line-height:1.8em;
}

.content_sp {
	padding:0;
}

#voice li {
	width:33%;
	min-width:100px;

	font-size:0.7em;
	text-align:center;

	display:inline-block;
	padding:20px;margin-left:-5px;
}


.tab > div  {
	width:100%;display:inline-block;
}

#login .tab_hulf {
	width:50%;display:table-cell;
}

.tab .tab_split25 {
	width:50%;display:inlne-block;
}

#tab_002 tr, #tab_002 th, #tab_002 td {
	width:100%;display:inline-block;
	border:0;
}

#tab_002 th {background:#333;color:#fff;}


main {
	margin-top:80px;
	padding-bottom:80px;
}

header {
	min-width:320px;
	height:80px;
}

#logo-box {
	width:100%;
	position:relative;
	padding:0;
}

#logo-box img {
}

#menu-box {
	background:transparent;
}

#Topics #topics_box {
	display:none;
}

#kon_point li {
	width:50%;
}

.kon_flow {
	width:100%;
	display:table;
	margin-bottom:10px;
}

.kon_flow::after {
	clear:both;
}

.kon_flow dt {
	width:50%;
	display:table-cell;
	text-align: center;
}

.kon_flow dd {
	width:50%;
	display:table-cell;
}

h1, h3, h4, .next_button {
	font-size:1.1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

h2, h2 span {
	font-size:1.1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom:20px;
}

.pc_p20 {padding:0;}
.pc_p40 {padding:0;}

.sp_not {
	display:none;
}
.pc_not {
	display:block;
}

/*Table*/

/*Menu*/
#toggle {
	width:80px;height:80px;
	display:inline-block;
	position:absolute;
	z-index:9999;
	right:0;top:0;
	float:right;
	color: #fff;
	font-size:0.8em;
	font-weight:600;
	letter-spacing:-0.1em;
	
	padding:15px;

	text-align: center;
	text-decoration: none;
	cursor:pointer;
}

#toggle i {
	font-size:3em;
	color: #fff;
	line-height:100%;
}

#menu {
	max-width:640px;
	list-style:none;

	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:space-between;

	-webkit-flex-direction: row;
	flex-direction: row;
}

#menu li {
	width:100%;
	max-width:640px;
	border:1px solid #fff;
	text-align:center;
	background:#666;
}
#menu li a {
	width:100%;
	max-width:640px;
	font-size:1.3em;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
}

#menu li.menu_33 {
	width:33.3%;
	max-width:213.3px;
}

#menu li a:hover {
	color:#666;
	background:#eee;
}

nav {
	display:none;
}

#plans li {
	width:33.3%;
	display:inline-block;
}

#plans li img, #Main_Slide img {
	width:100%;
}

footer {
	display:none;
}

#top_button {
	margin-bottom:20px;
}

#top_button li {
	display:inline-block;
	width:50%;
}

#top_button li:first-child {
/*	display:none;*/
}

#top_button2 {
	width:100%;height:60px;
	display:table;
	position:fixed;
	bottom:0;left:0;
	z-index:9999;
}

#top_button2 > div {
	position:relative;
}

#top_button2 img {
	max-height:60px;
}

#top_button2 a {
	width:100%;height:100%;
	display:block;
	position:absolute;
	z-index:10002;
	top:0;left:0;
}

#sp_tel {
	position:fixed;
	display:block;
	bottom:0;left:0;
	
}

#form th, #form td {
	width:100%;
	display:block;
}

td.form_a0 {padding-bottom:70px !important;}
.segmented .label {font-size:0.8em;padding: 8px 0;}


}