@charset "utf-8";
/* CSS Document */

/*共通-----------------------------------------------------------------------------*/

body {
	width:100%;
	min-width:100%;
}
img {
	width:100%;
}
br.spbr {
	display:inline;
}
br.pcbr {
	display:none;
}
.sp_ttl {
	display:block;
}
.pc_ttl {
	display:none;
}
.sp_text {
	display:block;
}
br.spbr {
	display:inline;
}
br.pcbr {
	display:none;
}


/*-------------------------------------------------------------------------

TOP

-------------------------------------------------------------------------*/

header {
	min-width:100%;
	background:url(../img/mainimg_bg_sp.png) no-repeat center bottom;
	background-size:cover;
	
}
header #header {
	width:94%;
	margin:0 auto;
}
header .clearfix {
	margin-bottom:7%;
}
header #logo {
	float:left;
	padding-top:3%;
}
header h1 {
	float:left;
	color:#fff;
	font-size:10px;
	padding-top:2%;
	margin-left:0;
}
header #h_contact {
	width:40%;
	float:none;
	padding-top:0;
	position:absolute;
	top:1%;
	right:3%;
}
header #mainimg {
	min-width:100%;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:10%;
}
header #mainimg .mainimg_img {
	position:relative;
	top:12%;
	left:0%;
	
	width:60%;
	margin:0 auto;
}
header #mainimg .mainimg_img img {
	width:70%;
}
header #mainimg .mainimg_text {
	position:relative;
	left:0%;
	margin-left:0px;
	
	width:90%;
	margin-top:-19%;
}
header #mainimg .mainimg_link {
	position:relative;
	left:0%;
	bottom:0;
	margin-left:40%;
	
	width:30%;
	margin-top:-20%;
}

footer {
	background:url(../img/line_01.png) repeat-x top center;
	background-size:auto 20px;
	padding-top:20px;
}
footer #footer {
	background-color:#e6e6e6;
	padding-top:50px;
	padding-bottom:50px;
}
footer #footer #f_profile {
	width:100%;
	margin:0 auto;
}
footer #footer .f_l {
	width:100%;
}
footer #footer .f_logo {
	width:60%;
	margin:0 auto 4%;
}
footer #footer table {
	width:90%;
	margin:0 auto 10%;
}
footer #footer th {
	color:#e7336e;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	white-space:nowrap;
}
footer #footer td {
	color:#666;
	font-size:14px;
	font-weight:normal;
	padding:5px 3%;
}
footer #footer iframe {
	width:100%;
	height:330px;
}
footer #f_link {
	background-color:#000;
	padding:20px 0;
}
footer #f_link ul {
	width:90%;
	margin:0 auto;
}
footer #f_link li {
	display:inline-block;
	margin-right:40px;
}
footer #f_link li a {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
footer #f_link li:before {
	content:'>';
	color:#fff;
	margin-right:10px;
}


.section_01 {
	width:94%;
	margin:0 auto;
	position:relative;
	margin-top:-16%;
	text-align:center;
}


.section_02 {
	background:url(../img/section_02_bg.jpg);
	text-align:center;
	position:relative;
	margin-top:-2%;
	padding-bottom:50px;
}
.section_02_inner {
	background:url(../img/section_02_bg_head.png) no-repeat center top;
	background-size:100%;
}
.section_02 h2 {
	position:relative;
	top:-20px;
}
.section_02 .section_02_box {
	width:94%;
	margin:0 auto 3%;
	background-color:#fff;
	border-radius:10px;
	padding:3% 6% 6%;
	box-sizing:border-box;
}
.section_02 .section_02_box.section_02_02,
.section_02 .section_02_box.section_02_04 {
	padding:3% 6% 6%;
}
.section_02 .section_02_box.section_02_06 {
	padding:3% 6% 6%;
}
.section_02 h3 {
	color:#333;
	font-size:16px;
	text-align:left;
	padding-left:70px;
	padding-top:15px;
	padding-bottom:15px;
}
.section_02 .section_02_01 h3 {
	background:url(../img/section_02_01_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 .section_02_02 h3 {
	background:url(../img/section_02_02_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 .section_02_03 h3 {
	background:url(../img/section_02_03_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 .section_02_04 h3 {
	background:url(../img/section_02_04_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 .section_02_05 h3 {
	background:url(../img/section_02_05_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 .section_02_06 h3 {
	background:url(../img/section_02_06_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 .section_02_07 h3 {
	background:url(../img/section_02_07_icon.png) no-repeat left center;
	background-size:60px;
}
.section_02 p.f_l {
	padding-left:0px;
	font-size:0;
	float:none;
}
.section_02 p.f_r {
	font-size:0;
	float:none;
}
.section_02 p.text {
	width:94%;
	color:#333;
	font-size:14px;
	line-height:180%;
	text-align:left;
	padding-top:20px;
	margin:0 auto;
}
.section_02 .section_02_05 p.text {
	padding-top:10px;
}
.section_02 p.text span {
	color:#e7336e;
	font-size:100%;
}
.section_02 p.text span.fo_small {
	color:#333;
	font-size:70%;
	line-height:120%;
}
.section_02 p.text span.link_01 {
	display:block;
	border-radius:30px;
	margin-top:10px;
}
.section_02 p.text span.link_01 a {
	display:block;
	color:#fff;
	font-size:14px;
	line-height:100%;
	text-decoration:none;
	text-align:center;
	padding:15px 10%;
	background-color:#333;
	border-radius:30px;
}
.btn_contact {
	text-align:center;
}
.btn_contact a {
	display:inline-block;
	width:80%;
}


.section_03 {
	padding-top:10%;
	padding-bottom:7%;
}
.section_03 h3 {
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:40px;
}
.section_03 ul {
	text-align:center;
	font-size:0;
}
.section_03 li {
	display:inline-block;
	width:31%;
	font-size:0;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:6%;
}


.section_04 {
	background:#e7336e url(../img/line_01.png) repeat-x left top;
	background-size:auto 20px;
	padding-top:20px;
}
.section_04 h2 {
	text-align:center;
	margin-bottom:20px;
}
.section_04 h2 span {
	padding-top:6%;
	padding-bottom:6%;
}
.section_04 h2 img {
	width:94%;
	margin-left:0px;
}
.section_04_inner {
	width:100%;
	margin:0 auto;
	padding-bottom:70px;
}
.section_04 h3 {
	width:94%;
	margin:0 auto;
}
.section_04 p {
	width:94%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.section_04 p.m_b_40 {
	margin-bottom:6%;
}
.section_04 ul.plan_list_01 {
	width:94%;
	margin:0 auto;
	margin-bottom:15px;
	font-size:0;
}
.section_04 ul.plan_list_01 li {
	float:none;
	margin-right:0px;
	margin-bottom:3%;
}
.section_04 ul.plan_list_01 li:last-child {
	margin-right:0;
}
.section_04 ul.comments {
	width:94%;
	margin:0 auto;
	margin-bottom:6%;
}
.section_04 ul.comments li {
	color:#fff;
	font-size:10px;
}
.section_04 ul.plan_list_02 {
	width:94%;
	margin:0 auto;
	margin-bottom:15px;
}
.section_04 ul.plan_list_02 li:first-child {
	float:left;
}
.section_04 ul.plan_list_02 li:last-child {
	float:right;
}
.section_04 h4 {
	width:100%;
	margin:0 auto 20px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:100%;
	background-color:#333;
	border-radius:0px;
	padding-top:15px;
	padding-bottom:15px;
}
.section_04 ul.option_list {
	width:94%;
	margin:0 auto;
	text-align:center;
}
.section_04 ul.option_list li {
	display:inline-block;
	width:100%;
	color:#333;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	line-height:100%;
	background-color:#fff;
	border-radius:30px;
	padding-top:15px;
	padding-bottom:15px;
	margin-right:0px;
	margin-bottom:20px;
}
.section_04 ul.option_list li:nth-child(3n) {
	margin-right:0;
}
.section_04 p.etc img {
	width:20%;
}





.section_05 {
	background:url(../img/line_01.png) repeat-x left top;
	background-size:auto 20px;
	padding-top:20%;
}
.section_05 h2 {
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:10%;
}
.section_05 ul {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:0;
}
.section_05 li {
	display:inline-block;
	width:100%;
	padding:5% 0% 5% 15%;
	margin-bottom:5%;
	float:left;
	margin-left:0%;
	border-radius:0 0 15px 15px;
	box-sizing:border-box;
}
.section_05 li:nth-child(even) {
	float:right;
	margin-left:0;
	margin-right:0%;
}
.section_05 li:nth-child(1) {
	background:url(../img/section_05_01_bg_sp.png) no-repeat center top;
	background-size:100%;
}
.section_05 li:nth-child(2) {
	background:url(../img/section_05_02_bg_sp.png) no-repeat center top;
	background-size:100%;
}
.section_05 li:nth-child(3) {
	background:url(../img/section_05_03_bg_sp.png) no-repeat center top;
	background-size:100%;
}
.section_05 li:nth-child(4) {
	background:url(../img/section_05_04_bg_sp.png) no-repeat center top;
	background-size:100%;
}
.section_05 li:nth-child(5) {
	background:url(../img/section_05_05_bg_sp.png) no-repeat center top;
	background-size:100%;
}
.section_05 li:nth-child(6) {
	background:url(../img/section_05_06_bg_sp.png) no-repeat center top;
	background-size:100%;
}
.section_05 li span {
	display:inline-block;
	width:100%;
}
.section_05 li span.title {
	display:block;
	width:75%;
	float:right;
	color:#fff;
	font-size:15px;
	text-align:left;
	margin-bottom:1%;
}
.section_05 li span.icon {
	width:20%;
	margin-bottom:3%;
	float:left;
}
.section_05 li span.text {
	display:inline-block;
	width:68%;
	color:#fff;
	font-size:12px;
	text-align:left;
	margin-bottom:0;
	padding:0 3% 3% 0;
	box-sizing:border-box;
	border-radius:0 0 15px 15px;
}
.section_05 li span.link {
	display:block;
	width:100%;
	background:#e7336e;
	padding-bottom:5%;
	border-radius:0 0 15px 15px;
}
.section_05 li span.link a {
	display:block;
	width:70%;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	background-color:#000;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:20px;
}
.section_05 p.commnet {
	width:94%;
	margin:0 auto;
	font-size:10px;
}


.section_06 {
	background:url(../img/line_01.png) repeat-x top center;
	background-size:auto 20px;
	margin-top:12%;
	padding-top:15%;
	padding-bottom:10%;
}
.section_06 h2 {
	width:100%;
	margin:0 auto;
	font-size:0;
	text-align:center;
	margin-bottom:0;
}
.section_06 .faq_box {
	width:94%;
	margin:0 auto;
}
.section_06 .faq_box p.question {
	color:#333;
	font-size:18px;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:45px;
	padding-left:50px;
	position:relative;
	z-index:200;
}
.section_06 li:nth-child(1) p.question {
	background:url(../img/section_06_icon_01.png) no-repeat left center;
	background-size:40px;
}
.section_06 li:nth-child(2) p.question {
	background:url(../img/section_06_icon_02.png) no-repeat left center;
	background-size:40px;
}
.section_06 li:nth-child(3) p.question {
	background:url(../img/section_06_icon_03.png) no-repeat left center;
	background-size:40px;
}
.section_06 li:nth-child(4) p.question {
	background:url(../img/section_06_icon_04.png) no-repeat left center;
	background-size:40px;
}
.section_06 li:nth-child(5) p.question {
	background:url(../img/section_06_icon_05.png) no-repeat left center;
	background-size:40px;
}
.section_06 .faq_box .answer {
	background-color:#fcf1f6;
	border-radius:20px;
	padding:6%;
	
	position:relative;
	top:-30px;
	z-index:100;
}
.section_06 .faq_box .answer p.answer_title {
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
.section_06 .faq_box .answer p.text {
	color:#333;
	font-size:14px;
	font-weight:normal;
	line-height:180%;
}




.section_07 {
	background:url(../img/line_01.png) repeat-x top center;
	background-size:auto 20px;
	padding-top:12%;
}
.section_07 h2 {
	width:100%;
	margin:0 auto;
	font-size:0;
	text-align:center;
}
.section_07 p.text {
	width:94%;
	margin:6% auto 4%;
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.section_07 table {
	width:94%;
	margin:0 auto 30px;
}
.section_07 th {
	display:inline-block;
	width:100%;
	text-align:left;
	line-height:100%;
	vertical-align:top;
	padding:3% 3% 0;
	box-sizing:border-box;
}
.section_07 th span {
	color:#fe0002;
	font-size:11px;
}
.section_07 td {
	display:inline-block;
	width:100%;
	padding:10px 0 10px;
	padding:3% 3% 0;
	box-sizing:border-box;
}
.section_07 td input {
	border:none;
	width:100%;
	background-color:#f9e3e7;
	padding:10px 0px;
	border:none;
	padding:3% 3%;
	box-sizing:border-box;
	font-size:16px;
}
.section_07 td input[type="radio"] {
	width:14px;
	vertical-align:middle;
	margin:10px 0;
}
.section_07 td textarea {
	display:inline-block;
	width:100%;
	border:none;
	width:100% !important;
	height:15em !important;
	background-color:#f9e3e7;
	padding:3% 3%;
	box-sizing:border-box;
	resize:none;
	
	font-size:16px;
}
.section_07 p.btn_confirm {
	text-align:center;
}
.section_07 p.btn_confirm button {
	width:80%;
	margin:0 auto;
	border:none;
	background:none;
}

.section_07 .contact_tel_box {
	width:94%;
	margin:30px auto 0;
}
.section_07 .contact_tel_box .f_l {
	width:30%;
	font-size:0;
}
.section_07 .contact_tel_box .contact_tel {
	width:67%;
	float:right;
	padding-top:0px;
	margin-bottom:0%;
}
.section_07 .contact_tel_box .contact_tel p.text_01 {
	color:#e7336e;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	line-height:140%;
	margin-bottom:5px;
}
.section_07 .contact_tel_box .contact_tel p.text_02 {
	color:#333;
	font-size:14px;
	font-weight:normal;
	line-height:140%;
	text-align:left;
}
.section_07 .contact_tel_box .contact_tel p.number a {
	color:#e7336e;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	line-height:100%;
	margin-bottom:3%;
	pointer-events:auto;
}
.section_07 .contact_tel_box br.spbr {
	display:inline;
}




input[type="radio"] {
  display: none;
}
label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}
label:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #eee;
  border: 1px solid #bebebe;
  border-radius: 100%;
}
input[type="radio"]:checked + label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #3498db;
  border-radius: 100%;
}

/*------------------------------------------------------------------

送信完了

------------------------------------------------------------------*/

.thanks header {
	padding-bottom:40px;
}
.thanks .thanks {
	text-align:center;
	padding-top:100px;
	padding-bottom:100px;
}
.thanks .thanks p {
	color:#333;
	font-size:16px;
	line-height:180%;
}

#mfp_overlay h4 {
	text-align:center;
	padding-bottom:10px;
}


#nav{
	display:block;
}
.section_05 li span.tooltip-container {
	display:none;
}


/* ナビゲーターCSS --------------------------------------------------------------- */

#nav{
	list-style: none;
	position: fixed;
	top:50%;
	right: 0;
	width: 100px;
	text-align: right;
	height: auto;
	z-index:9999;
	margin-top:-160px;
	margin-right:2%;
}
#nav:before{
	border-left:0px solid #FFF;
	position: absolute;
	left: 50%;
	content: "";
	width: 4px;
	margin-left: -2px;
	height: 660px;
	z-index: -1;
	    top: 22px;
}
#nav li{
	margin: 0;	
	height: 30px;
	margin-bottom: 10px;
}
#nav li a{
	height: 30px;
	display: block;
	position:relative;
	transition:.3s;
	
}
#nav li a.current:before,
#nav li a:hover:before {
	background-image:none;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	margin-left:0px;
	margin-top: 0px;
	content: "";
	width: 100px;
	height: 19px;
	z-index:9998;
	opacity:1;
	transition:.3s;
	
}
#nav li a img,
#nav li a:hover img {
	opacity:1;
	transition:.3s;
}
#nav li a.current img {
	opacity:0;
	transition:.3s;
}
#nav li#nav01 a:hover:before {
	background-image:none;
}
#nav li#nav02 a:hover:before {
	background-image:none;
}
#nav li#nav03 a:hover:before {
	background-image:none;
}
#nav li#nav04 a:hover:before {
	background-image:none;
}
#nav li#nav05 a:hover:before {
	background-image:none;
}
#nav li#nav06 a:hover:before {
	background-image:none;
}
#nav li#nav07 a:hover:before {
	background-image:none;
}
#nav li#nav08 a:hover:before {
	background-image:none;
}
#nav li#nav01 a.current:before {
	background-image:url(../img/paraicon01.png);
}
#nav li#nav02 a.current:before {
	background-image:url(../img/paraicon02.png);
}
#nav li#nav03 a.current:before {
	background-image:url(../img/paraicon03.png);
}
#nav li#nav04 a.current:before {
	background-image:url(../img/paraicon04.png);
}
#nav li#nav05 a.current:before {
	background-image:url(../img/paraicon05.png);
}
#nav li#nav06 a.current:before {
	background-image:url(../img/paraicon06.png);
}
#nav li#nav07 a.current:before {
	background-image:url(../img/paraicon07.png);
}
#nav li#nav08 a.current:before {
	background-image:url(../img/paraicon08.png);
}
#nav li a img{
	width:13px;
	height:13px;
	margin-top: 0px;
	margin-bottom: 0px;
}











#colorbox p.img {
	width:57.5%;
	margin:0 auto;
}
#colorbox h4.title {
	text-align:center;
	margin-bottom:0px;
}
#colorbox p.text {
	width:43%;
	margin:0 auto;
	text-align:left;
	text-indent:-6em;
	padding-left:6em;
	
	font-size:12px;
}
#colorbox p.text:before {
	content:'制作物　／　';
	
}

#cboxWrapper {
	max-width:none;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100% !important;
	
	max-width:100% !important;
}
#colorbox{
	outline:0;
	width:100% !important;
	height:55% !important;
	background-color:#fff;
	border-radius:50%;
	margin-top:0px;
	
	left:0 !important;
}
    #cboxContent{
		background:#fff;
		overflow:hidden;
		
		height:370px !important;
		padding-top:0px;
		box-sizing:border-box;
		max-width:100% !important;

	}
@media screen and (max-width: 375px) {
   /* 表示領域が375px以下の場合に適用するスタイル */
    #cboxContent{
		height:340px !important;
	}
	#colorbox p.text {
	width:70%;
}
}
@media screen and (max-width: 320px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
    #cboxContent{
		height:280px !important;
	}
}        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{
			margin-bottom:28px;
			
			max-width:320px;
		}
        #cboxTitle{
			position:absolute;
			bottom:4px;
			left:0;
			text-align:center;
			width:320px;
			color:#949494;
			
			max-width:300px !important;
		}
        #cboxCurrent{
			position:absolute;
			bottom:0px;
			left:58px;
			color:#949494;
		}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{
			position:absolute;
			bottom:0;
			left:0;
			background:url(images/controls.png) no-repeat -75px 0;
			width:25px;
			height:25px;
			text-indent:-9999px;
			
			display:none !important;
			}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{
			position:absolute;
			bottom:0;
			left:27px;
			background:url(images/controls.png) no-repeat -50px 0;
			width:25px;
			height:25px;
			text-indent:-9999px;
			
			display:none !important;
		}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{
			position:absolute;
			bottom:0;
			left:50%;
			background:url(../img/colorbox_close.png) no-repeat center center;
			background-size:cover;
			width:46px;
			height:46px;
			text-indent:-9999px;
			margin-left:-23px;
			margin-bottom:0px;
			z-index:10000;
		}










	#modal_01{
		display: none;
	}
	#modal_02{
		display: none;
	}
	#modal_03{
		display: none;
	}
	#modal_04{
		display: none;
	}
	#modal_05{
		display: none;
	}
	.modal{
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 9999;
		margin: 0 auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.modal_wrap{
		width: 100%;
		height: 55%;
		margin: 40% auto;
		background-color: #fff;
		border-radius: 50%;
		box-sizing: border-box;
		padding:7% 10%;
		vertical-align: middle;
	}
	
	.modal_icon{
		width: 57.5%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 3%;
	}
	
	.modal_h2{
		font-size: 16px;
		margin-bottom: 3%;
	}
	
	.modal_p{
		font-size: 12px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 3%;
	}
	
	.modal_img{
		width: 440px;
		height: 260px;
		background-color: #FFE1E0;/*仮カラー*/
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.modal_close{
		width: 46px;
		height: 46px;
		margin: 0 auto;
	}
	.modal_close a{
		width: 46px;
		height: 46px;
		display: block;
	}
	.modal_close img{
		width: 100%;
		height: auto;
	}