@charset "UTF-8";


/*=======================================================
	img
=======================================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


}


/*=======================================================
	body
=======================================================*/

body{
	-webkit-text-size-adjust: 100%;
	padding:0px;
	background: url(./img/bg.jpg);
}

.contact,
#section2,
#section3,
#section5,
#section5_bg,
#section9,
#section11,
#section12,
#section14,
#section16,
#section18,
#section19 {
	padding: 0px 10px;
}


/*=======================================================

	content
	
=======================================================*/
@media screen and (min-width: 641px){
#content {
	width: 800px;
	margin: 0px auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, .9), inset 0 1px 1px rgba(255, 255, 255, .7);
	background-color: #fff;
}
}

@media screen and (max-width:640px){
#content {
	margin: 0px auto;
	background-color: #fff;
}
}

/*=======================================================

	font-family
	
=======================================================*/

.sectionpi p {
	font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

/*=======================================================

	font
	
=======================================================*/

@media screen and (min-width: 641px){
.sectionpi p {
	font-size: 280%;
	font-weight: bold;
	color: #fff;
}

.sectionpi p.qa {
	font-size: 500%;
}

.sectionpi p.qa span {
	font-size: 70%;
}

#section18_com1,
#section3_title p,
#section5_title p,
#section7_title p,
#section9_title p {
	font-size: 220%;
	font-weight: bold;
}


#section3_com2,
#section3_com4,
#section5_com3,
#section7_com2,
#section7_com4,
#section7_com5,
#section9_com1 {
	font-size: 240%;
	font-weight: bold;

}

#section3_com1,
#section3_com3,
#section5_com1,
#section5_com2,
#section5_com4,
#section7_com1,
#section7_com3 {
	font-size: 170%;
	font-weight: bold;

}

#section12 p {
	font-size: 130%;
}

#jirei {
	font-size: 200%;
	font-weight: bold;
}

.section16_q {
	font-size: 350%;
	font-weight: bold;
	color: #fff;
}

.section16_a {
	font-size: 350%;
	font-weight: bold;
	color: #EA5098;
}

}

#section18_com1 span,
.section16_an span,
#section11_note p span,
#section3 p span,
#section5 p span,
#section7 p span,
#section9 p span {
	color: #E70014;
}

#section5_com4 {
	color: #fff;

}

#section5_com4 span {
	color: #F5B2D3;
}

#copy {
	font-size: 80%;

}

/*=======================================================

	position
	
=======================================================*/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/*=======================================================

	shadow
	
=======================================================*/

.shadow {
    display: inline-block; 
	box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .7);
}

.shadowin {
    display: inline-block; 
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4) inset;
}



/*=======================================================

	contact
	
=======================================================*/
@media screen and (min-width: 641px){
.contact_img1,
.contact_img2 {
	margin: 0px 0px 20px;
}
}

@media screen and (max-width:640px){
.contact_img1,
.contact_img2 {
	margin: 0px 0px 5px;
}
}

/*=======================================================

	sectionpi
	
=======================================================*/
@media screen and (min-width: 641px){
.sectionpi {
	padding: 30px 10px;
	margin: 0px 0px 100px;
	background-color: #ED86B5;
}

.sectionpi_yajirushi {
	margin: 0px 0px -100px;

}
}

@media screen and (max-width:640px){
.sectionpi {
	padding: 20px 10px 10px;
	margin: 0px 0px 70px;
	background-color: #ED86B5;
}

.sectionpi_yajirushi img {
	width: 20%;
	margin: 0px 0px -70px;
}

}


/*=======================================================

	content
	
=======================================================*/
@media screen and (min-width: 641px){

#section4,
#section6,
#section8,
#section10,
#section13,
#section15,
#section17 {
	margin: 0px 0px 30px;
}

#section3_title,
#section5_title,
#section7_title,
#section9_title{
	margin: 10px 0px;
	position:relative
}

#section3_title p,
#section5_title p,
#section7_title p,
#section9_title p{
	padding: 0px 40px;
}

#section3_title_right{
	font-size: 600%;
	top: -15px;
	right: -30px;
	position:absolute;
}

#section3_title_left{
	font-size: 600%;
	top: -15px;
	left: -30px;
	position:absolute;
}

#section5_title_right,
#section9_title_right{
	font-size: 900%;
	top: -20px;
	right: -75px;
	position:absolute;
}

#section5_title_left,
#section9_title_left{
	font-size: 900%;
	top: -20px;
	left: -75px;
	position:absolute;
}

#section7_title_right{
	font-size: 1200%;
	top: -28px;
	right: -70px;
	position:absolute;
}

#section7_title_left{
	font-size: 1200%;
	top: -28px;
	left: -70px;
	position:absolute;
}

#section3_com1,
#section5_com1 {
	padding: 20px 40px;
}

#section3_com2,
#section3_com4,
#section5_com3,
#section7_com1,
#section7_com2,
#section7_com3,
#section7_com4,
#section7_com5,
#section9_com1 {
	padding: 20px 0px;
	text-align: center;
}

#section3_com3,
#section5_com2 {
	padding: 20px 40px;
	text-align: right;
}

#section5_bg {
	padding: 20px;
	margin: 0px 40px;
	background-color: #231816;
}

#section7_img1 img {
	display: block;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

#section11 {
	margin: 40px;
	padding: 20px;
	background-color: #E9E5E2;
}

#section11_wrap {
	padding: 80px 50px;
	background-color: #FFFDEC;
}


#section11_note {
  font-size: 18px;
  color: #222;
  padding: 0px 20px 0px;
  background-color: #FFFDEC;
  background-image: linear-gradient( rgba(220,222,221,.3) .1em, transparent .1em );
  background-size: auto 2.5rem;

}

#section11_note p {
	margin: 0 0 2.5rem;
	line-height: 2.5rem;
}

.section11_note_name {
	font-size: 18px;
}

#section12 {
	margin: 20px 40px;
	padding: 20px;
	background-color: #FFF9B1;
}

#section12_wrap {
	padding: 40px 50px;
	background-color: #fff;
}

#section12 p {
	padding: 20px 0px;
}

#jirei {
	width: 100px;
	margin: 5px auto;
	padding: 0px 10px;
	border-radius: 10px;
	border: 3px solid #fff;
	color: #fff;
}

#section14_img1,
#section14_img2,
#section14_img3 {
	margin: 20px 0px;
}

.section16_wrap {
	margin: 20px;
	padding: 15px;
	background-color: #EA5098;
	border-radius: 15px;
	position:relative
}

.section16_q {
	top: 5px;
	left: 15px;
	position:absolute;
}

.section16_qe {
	font-size: 150%;
	color: #fff;
	padding: 15px 15px 15px 45px;

}

.section16_a_wrap {
	height: 150px;
	margin: 0px;
	padding: 15px;
	background-color: #fff;
	border-radius: 15px;
	position:relative
}

.section16_a_img {
	top: 10px;
	right: 20px;
	position:absolute;
}

.section16_a {
	top: 15px;
	left: 15px;
	position:absolute;
}

.section16_hashimoto {
	font-size: 150%;
	color: #EA5098;
	padding: 25px 15px 15px 45px;
}

.section16_an {
	padding: 0px 150px 0px 0px;
}

#section18_com2 {
	width: 600px;
	font-size: 200%;
	font-weight: bold;
	margin: 20px auto;
	padding: 0px 10px;
	border-radius: 10px;
	border: 3px solid #E80115;
	color: #E80115;
}

#section18_wrap {
	width: 600px;
	margin: 20px auto;
	padding: 20px;
	border-radius: 15px;
	background-color: #E80115;
}

#section18_com3,
#section18_com4 {
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	padding:10px;
}

#section18_wrap {
	width: 600px;
	margin: 20px auto;
	padding: 20px;
	border-radius: 15px;
	background-color: #E80115;
}

#footer {
	height: 30px;
	margin: 10px 0;
	padding: 5px 0px 0px;
	background-color: #EA5098;
}

#footer_nav {
	width: 450px;
	margin: 0px auto;
}

#footer_nav ul li {
	float: left;
	padding: 0px 5px 0px;
	color: #fff;
}

#footer_nav ul li a {
	color: #fff;
}

}

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

#section4,
#section6,
#section8,
#section10,
#section13,
#section15,
#section17 {
	margin: 0px 0px 10px;
}

#section3_title{

}

#section3_title p{

}

#section3_title_right,
#section5_title_right,
#section7_title_right,
#section9_title_right {
	display:none;
}

#section3_title_left,
#section5_title_left,
#section7_title_left,
#section9_title_left {
	display:none;
}

#section3_title p,
#section5_title p,
#section7_title p,
#section9_title p,
#section3_com1,
#section5_com1,
#section3_com2,
#section3_com4,
#section5_com3,
#section7_com1,
#section7_com2,
#section7_com3,
#section7_com4,
#section7_com5,
#section9_com1,
#section3_com3,
#section5_com2 {
	padding: 10px;
}
#section3_title p br,
#section5_title p br,
#section7_title p br,
#section9_title p br,
#section3_com1 br,
#section5_com1 br,
#section3_com2 br,
#section3_com4 br,
#section5_com3 br,
#section7_com1 br,
#section7_com2 br,
#section7_com3 br,
#section7_com4 br,
#section7_com5 br,
#section9_com1 br,
#section3_com3 br,
#section5_com2 br,
#section5_com4 br {
	display:none;
}

#section5_bg {
	padding: 20px;
	margin: 0px 10px;
	background-color: #231816;
}

#section7_img1 img {
	display: block;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

#section11 {
	margin: 10px;
	padding: 10px;
	background-color: #E9E5E2;
}

#section11_wrap {
	padding: 40px 10px;
	background-color: #FFFDEC;
}


#section11_note {
  color: #222;
  padding: 0px 10px 0px;
  background-color: #FFFDEC;
  background-image: linear-gradient( rgba(220,222,221,.3) .1em, transparent .1em );
  background-size: auto 1.5rem;

}

#section11_note p {
	margin: 0 0 1.5rem;
	line-height: 1.5rem;
}

#section12 {
	margin: 10px 10px;
	padding: 10px;
	background-color: #FFF9B1;
}

#section12_wrap {
	padding: 40px 10px;
	background-color: #fff;
}

#section12 p {
	padding: 10px 0px;
}

#section14_img1,
#section14_img2,
#section14_img3 {
	margin: 10px 0px;
}

#jirei {
	width: 60px;
	margin: 5px auto;
	padding: 0px 10px;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
}

.section16_wrap {
	margin: 20px 0px;
	padding: 10px;
	background-color: #EA5098;
	border-radius: 15px;
	position:relative
}

.section16_q {
	color: #fff;
	top: 15px;
	left: 20px;
	position:absolute;
}

.section16_qe {
	color: #fff;
	padding: 5px 15px 15px 25px;

}

.section16_a_wrap {
	margin: 0px;
	padding: 15px;
	background-color: #fff;
	border-radius: 15px;
	position:relative
}

.section16_a_img {
	display:none;
}

.section16_a {
	top: 20px;
	left: 15px;
	color: #EA5098;
	position:absolute;
}

.section16_hashimoto {
	color: #EA5098;
	padding: 5px 15px 15px 15px;
}

.section16_an {
	padding: 0px;
}

#section18_com2 {
	margin: 20px auto;
	padding: 0px 10px;
	border-radius: 10px;
	border: 3px solid #E80115;
	color: #E80115;
}

#section18_wrap {
	margin: 10px auto;
	padding: 10px;
	border-radius: 15px;
	background-color: #E80115;
}

#section18_com3,
#section18_com4 {
	color: #fff;
	padding:10px;
}

#footer {
	margin: 10px 0;
}

#footer_nav {
	margin: 0px auto;
}

#footer_nav span {
	display:none;
}

.sectionpi p {
	font-size: 120%;
	color: #fff;
}



}






/*=======================================================

	a:hover img
	
=======================================================*/
.btn01 a:hover img,
.btn02 a:hover img {
	opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */  
	filter: alpha(opacity=0); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */  
	-khtml-opacity: .0; /* Safari 1.x */  
	-moz-opacity: .0; /* FF lt 1.5, Netscape */

}