@charset "utf-8";

/* =================================================
	about
================================================= */
/* .nav_anchor_links.fixed ----------------------- */
@media print,screen and (min-width: 769px) {
	.nav_anchor_links.fixed {
		background: #68438c;
		opacity: .9;
	}
	.nav_anchor_links.fixed li a:link,
	.nav_anchor_links.fixed li a:visited {
		color: #fff;
		background: #68438c;
	}
	.nav_anchor_links.fixed li a:hover,
	.nav_anchor_links.fixed li a:active {
		color: #68438c;
		background: #fff;
	}
}
/* #sec_head ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_head h1 {
		background:url(../img/about/sec_head_img01.jpg) no-repeat 150% top;
		background-size:contain;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_head h1 {
		background:url(../img/about/sec_head_img01.jpg) no-repeat right top;
		background-size:contain;
	}
}

/* #sec_about ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_about {
	}
}

@media print,screen and (min-width: 769px) {
	#sec_about {
	}
}

/* #sec_safety ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_safety {
		margin-bottom:30px;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_safety {
		margin-bottom:80px;
	}
}

/* #sec_feature ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_feature {
		margin-bottom:30px;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_feature {
		margin-bottom:80px;
	}
}

/* .title_style_bar ----------------------- */
@media only screen and (max-width: 768px) {
	.title_style01 strong {
		font-size:2rem;
	}
	
	.title_style02 {
		margin:30px 0 15px;
	}
	
	.title_style03 {
		margin:10px 0;
	}
	
	#sec_flow .title_style04 {
		position:relative;
		padding:5px;
		line-height:1.6;
	}
	
	#sec_flow .title_style04 span {
		position:absolute;
		left:5px;
		display:inline-block;
		padding-right:10px;
	}
	
	#sec_flow .title_style04 strong {
		display:block;
		padding-left:6rem;
	}
}

@media print,screen and (min-width: 769px) {
	.title_style01 strong {
		font-size:42px;
	}
	
	.title_style02 {
		margin:40px 0 20px;
	}
	
	.title_style03 {
		margin:20px 0;
	}
}

/* .about_box_head ----------------------- */
@media only screen and (max-width: 768px) {
	.about_box_head {
		margin-bottom:30px;
	}
	
	.about_box_head h2 {
		margin:10px 0;
		color:#68438c;
		font-weight:700;
		font-size:1.5rem;
	}
}

@media print,screen and (min-width: 769px) {
	.about_box_head {
		margin-bottom:60px;
	}
	
	.about_box_head h2 {
		margin-bottom:30px;
		color:#68438c;
		font-weight:700;
		font-size:24px;
	}
	
	.about_box_head p {
		font-size:16px;
		line-height:2.2;
	}
}

/* .box_style01 ----------------------- */
@media only screen and (max-width: 768px) {
	.box_style01 {
		margin:15px 3.125% 0;
	}
	
	.img_box {
		margin-bottom:10px;
	}
	
	.box_style01 .width_15 {
		float:left;
		padding-right:20px;
		width:25%!important;
	}
	
	.box_style01 .pdl_15 {
		clear:both;
		margin:10px 0;
	}
}

@media print,screen and (min-width: 769px) {
	.box_style01 {
		clear:both;
		margin:30px 30px 0;
	}
	
	.box_style01 .width_15 {
		width:15%!important;
	}
	
	.box_style01 .pdl_15 {
		margin:10px 0;
		padding-left:15%;
	}
}

/* .box_style02 ----------------------- */
@media only screen and (max-width: 768px) {
	.box_style02 {
		position:relative;
		clear:both;
		padding-bottom:10px;
	}
	
	.box_style02 .inner_box {
		position:relative;
		margin-left:10px;
		padding:3.125%;
		border-left:40px solid #68438c;
	}
	
	.box_style02:last-child .inner_box {
		border-left-color:#fff;
	}
	
	.box_style02::after {
		position:absolute;
		bottom:0;
		left:10px;
		z-index:9;
		width:0;
		height:0;
		border-color:#68438c transparent transparent;
		border-style:solid;
		border-width:10px 20px 0;
		content:"";
	}
	
	.box_style02:last-child::after {
		display:none;
	}
}

@media print,screen and (min-width: 769px) {
	.box_style02 {
		position:relative;
		clear:both;
		padding-bottom:20px;
	}
	
	.box_style02 .inner_box {
		position:relative;
		margin-left:20px;
		padding:30px;
		border-left:80px solid #68438c;
	}
	
	.box_style02:last-child .inner_box {
		border-left-color:#fff;
	}
	
	.box_style02::after {
		position:absolute;
		bottom:0;
		left:20px;
		z-index:9;
		width:0;
		height:0;
		border-color:#68438c transparent transparent;
		border-style:solid;
		border-width:20px 40px 0;
		content:"";
	}
	
	.box_style02:last-child::after {
		display:none;
	}
}

/* .movie ----------------------- */
@media only screen and (max-width: 768px) {
	.movie {
		position:relative;
		margin:10px 0;
		width:100%;
		text-align:center;
	}
	
	.movie_outer {
		margin:30px 0 20px;
	}
	
	.movie_outer .movie_inner {
		position:relative;
		margin:0 0 20px;
		padding-bottom:56.25%;
		text-align:center;
	}
	
	.movie iframe,.movie_inner iframe {
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:100%;
		height:100%;
	}
}

@media print,screen and (min-width: 769px) {
	.box_style01 .title_style03.movie_parts {
		float:left;
		width:560px;
	}
	
	.box_style01 .def_style03.movie_parts {
		float:left;
		width:560px;
	}
	
	.movie,.movie_outer {
		float:right;
		clear:both;
		margin:30px 0 0;
		width:560px;
		text-align:center;
	}
	
	.movie iframe,.movie_inner iframe {
		margin-bottom:15px;
		width:560px;
		height:315px;
	}
}

/* .btn_link01 ----------------------- */
@media only screen and (max-width: 768px) {
	.btn_link01 {
		margin-top:15px;
		width:80%;
	}
}

@media print,screen and (min-width: 769px) {
	.btn_link01 {
		margin:50px 0 0;
		width:450px;
	}
}

/* .inner_img_list01 ----------------------- */
@media only screen and (max-width: 768px) {
	.inner_img_list01 {
	}
	
	.inner_img_list01 li {
		margin-top:10px;
	}
}

@media print,screen and (min-width: 769px) {
	.inner_img_list01 {
		float:left;
		margin-top:30px;
		width:65%;
		font-size:0;
	}
	
	.inner_img_list01 li {
		display:inline-block;
		padding-right:5%;
		width:33.333%;
		vertical-align:top;
		font-size:14px;
	}
	
	.inner_img_list01 li img {
		padding:5px 0;
	}
}

/* .puff_img ----------------------- */
@media print,screen and (min-width: 769px) {
	.img_pc_left.puff_img {
		position:absolute;
		width:220px;
	}
	
	.puff_img_second {
		margin-top:150px;
		width:220px;
	}
	
	.img_pc_left.puff_img_last {
		width:294px;
	}
}

/* .inner_img_list02 ----------------------- */
@media only screen and (max-width: 768px) {
	.inner_img_list02 {
	}
	
	.inner_img_list02 li {
		margin-top:10px;
	}
}

@media print,screen and (min-width: 769px) {
	.inner_img_list02 {
		margin:20px -15px 0 0;
		font-size:0;
	}
	
	.inner_img_list02 li {
		display:inline-block;
		padding-right:15px;
		width:33.333%;
		font-size:14px;
	}
}

/* .inner_img_list02 ----------------------- */
@media only screen and (max-width: 768px) {
	.balloon_info {
		position:relative;
		top:-5px;
		margin-bottom:5px;
		padding:10px 0;
		width:20rem;
		border:3px solid #68438c;
		border-radius:6px;
		background:#fff;
		color:#68438c;
		text-align:center;
	}
	
	.balloon_info:before {
		position:absolute;
		top:-8px;
		left:50%;
		z-index:2;
		display:block;
		margin-left:-9px;
		width:0;
		height:0;
		border-color:transparent transparent #fff;
		border-style:solid;
		border-width:0 10px 10px;
		content:"";
	}
	
	.balloon_info:after {
		position:absolute;
		top:-12px;
		left:50%;
		z-index:1;
		display:block;
		margin-left:-10px;
		width:0;
		height:0;
		border-color:transparent transparent #68438c;
		border-style:solid;
		border-width:0 11px 11px;
		content:"";
	}
}

@media print,screen and (min-width: 769px) {
	.balloon_info {
		position:absolute;
		top:-50px;
		left:49em;
		padding:15px 0;
		width:16em;
		border:3px solid #68438c;
		border-radius:6px;
		background:#fff;
		color:#68438c;
		text-align:center;
	}
	
	.balloon_info:before {
		position:absolute;
		top:50%;
		left:-5px;
		z-index:2;
		display:block;
		margin-top:-6px;
		width:0;
		height:0;
		border-color:transparent #fff transparent transparent;
		border-style:solid;
		border-width:7px 7px 7px 0;
		content:"";
	}
	
	.balloon_info:after {
		position:absolute;
		top:50%;
		left:-9px;
		z-index:1;
		display:block;
		margin-top:-7px;
		width:0;
		height:0;
		border-color:transparent #68438c transparent transparent;
		border-style:solid;
		border-width:8px 8px 8px 0;
		content:"";
	}
}