@charset "UTF-8";
body {
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    line-height: 1em;
	background-color: rgba(0,0,0,1.00);
	overflow-x: hidden;
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
body:before{
    content: "";
    display: block;
    position: fixed;
    inset: 0;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
    z-index: -1;
    max-width: 1600px;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    background-image: url(../img/top.jpg);
    background-size: 100%;
}
_:lang(x)+_:-webkit-full-screen-document, body:before {
	left: 50%;
  top: 50%;
  transform: translateX(-50%)
             translateY(-50%);
}
#thanksmesses p {
	color: white;
	text-align: center;
}
#thanksmesses .message{
	font-size: 250%;
	line-height: 1.5em;
}
#thanksmesses .font{
	font-size: 130%;
	line-height: 2em;
	margin-top: 3%;
}
#thanksmesses .kakunin{
	margin-top: 5%;
	line-height: 1.5em

}
#wrap #thanksmessagebg {
	width: 100%;
    background-color: rgba( 0, 0, 88, 0.7 );
	margin-top: 8%;
}

#wrap #thanksmessagebg #thanksmesses {
	max-width: 1000px;
    width: 100%;
	padding-top: 4%;
	padding-bottom: 4%;
	margin-top: 4%;
    margin-right: auto;
    margin-left: auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
.font-l {
    font-size: 218.75%;
}
.yellow{
    color: #E1B400;	
}
.blue{
    color: #000058;
    font-weight: Demibold;
}

#headerbg {	
    background-color: #000058;
    border-bottom: 2px solid #FFFFFF;
		width: 100%;
    position: fixed;
}
#headerbg #header {
    color: #FFFFFF;
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#headerbg #header .fb,
#headerbg #header .ig{
    margin-top: 2%;
    margin-bottom: 1%;
    margin-right: 2%;
    width: 4%;
}
#headerbg #header h1{
    width: 22%;
}
#headerbg #header .logo {
    margin-top: 8.5%;
    margin-left: 1%;
	margin-bottom: 2%;
}
#headerbg #header img {
    width: 100%;
	height: auto;	
}
#headerbg #header #info{
    width: 55%;	
	margin-top: 8.5%;
    margin-right: -10%;
    text-align: right;
	line-height: 1.5em;
}
/*#wrap #backimage {
    width: 100%;
    background-image: url(../img/top.jpg);
    background-position: center 36%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}*/
#wrap #backimage #mainvisual {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#wrap #backimage #mainvisual p{
		width: 34%;
    margin-left: 5%;
}
#wrap #backimage #mainvisual img {
    margin-top: 15%;
    margin-bottom: 15%;
	width: 100%;
	height: auto;	
}
#wrap #backimage #conceptbg {
	width: 100%;
    background-color: rgba( 0, 0, 88, 0.7 );
    }
#wrap #backimage #concept {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 156.25%;
    color: #FFFFFF;
    text-align: center;
    padding-top: 2%;
    line-height: 2em;
    font-weight: Demibold;
}
.font-m{
    font-size: 140%;
}
#wrap #backimage #concept .photo1 {
	width: 58%;
	margin-left: 21%;
    margin-top: 1%;
    padding-bottom: 4%;
}
#concept .photo1 img {
	width: 100%;
	height: auto;
}
#wrap #backimage #concept .photo{
		width: 94%;
}
#concept .photo img {
    margin-top: 3%;
    padding-bottom: 6%;
	width: 100%;
	height: auto;
}
#wrap #backimage #commentbg {    
	margin-top: 8%;
	margin-bottom: 8%;
	width: 100%;
    background-color: rgba( 255, 255, 255, 0.9 );
}
#backimage #commentbg #comment {
	    max-width: 1000px;
    width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
    margin-right: auto;
    margin-left: auto;
}
#commentbg #comment .blue {
    font-size: 112.5%;
    margin-bottom: 3%;
}
#comment p {
    text-align: center;
    line-height: 1.5em;
	padding-top: 3%;
}
#comment .center {
	width: 36%;
	margin-left: 32%;
}
#comment p img {
	width: 100%;
	height: auto;
}
#commentbg #comment dl {
    margin-bottom: 2%;
	margin-left: 4%;
    margin-right: 4%;
}
#comment dl dt {
    border-radius: 10px;
    background-color: #000058;
    color: #FFFFFF;
	margin-bottom: 1%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    padding-left: 2%;
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
#comment dl dd {

}
#comment dl dd img {
	width: 100%;
	height: auto;
}
#wrap #backimage #salebg {
	width: 100%;
    background-color: rgba( 0, 0, 88, 0.7 );
}

#wrap #backimage #sale {
	max-width: 1000px;
    width: 100%;
	padding-top: 3%;
	padding-bottom: 4%;
    margin-right: auto;
    margin-left: auto;
}
#salebg #sale p {
    text-align: center;
}
#salebg #sale dl {
    margin-top: 3%;
     margin-left: 4%;
   font-weight: Demibold;
    border-top: 1px dotted #FFFFFF;
}
#sale dl dt {
    font-size: 137.5%;
    padding-top: 3.5%;
   float: left;
    clear: both;
}
#sale dl dd {
    padding-top: 3%;
    padding-left: 40%;
    color: #FFFFFF;
    line-height: 1.5em;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: medium;
}
#salebg #sale .last {
    border-bottom: 1px dotted #FFFFFF;
    padding-bottom: 3%;
}
#sale dl dd ul li a {
    color: #FFFFFF;
}
/*コンタクトフォーム*/
#wrap #backimage #contactbg {
	width: 100%;
    background-color: rgba( 255, 255, 255, 0.9 );
	margin-top: 8%;
	margin-bottom: 4%;

}
#wrap #backimage #contact {
	max-width: 1000px;
    width: 100%;
	padding-top: 3%;
    margin-right: auto;
    margin-left: auto;
}
#contact form {
    width: 66%;
    margin-right: auto;
    margin-left: auto;
}
#contact p {
	text-align: center;
	line-height: 1.7em;
	color: #000058;
	padding-top: 2%;
	padding-bottom: 1%;
}
#contact .center {
	padding-top: 0%;
}
#contact .hissu{
	padding-bottom: 0%;}
#contact p .tel {
	font-weight: bold;
}
#contact p .hissu,
#contact .hissu,
#contact_form table tr .hissu {
	color: #C80064;
}
#contact p a {
	text-decoration: underline;
}

#contact form #submit {
    background-image: url(../img/soushin_button.png);
    background-repeat: no-repeat;
	width: 21%;
	line-height: 3em;
	background-position: center;
    cursor: pointer;
    border: none;
    color:transparent;
}
#contact_form #submit:hover {
	opacity: 0.7;
	}


#contact table tr td input {
	width: 50%;
	margin-left: 1%;
	margin-top: 1%;
	font-size: 125%;

}
#contact_form table tr {
	line-height: 3em;
	font-size: 87.5%;		
}
#contact_form table tr th {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000058;
	border-bottom-color: #000058;
	border-left-color: #000058;
	width: 10%;
	text-align: left;
	font-weight: normal;
	padding-left: 1.51%;
	color: #000058;
    background-color: rgba( 0, 0, 88, 0.1 );
}
#contact_form table tr td {
	border: 1px solid #000058;
		width: 35%;
    background-color: rgba( 0, 0, 88, 0.1 );
}
#contact_form table tr .question {
	vertical-align: top;
			width: 5%;

}
#contact_form table tr .hissu {
	border-left-style: none;
	padding-right: 1.51%;
	text-align: right;
	width: 1%;
	
}
#contact_form table tr td .furigana {
	width: 50%;
}
table tr td #yuubinn {
	width: 25%;
}
table tr td .radio {
	width: 5%;
}
table tr td textarea {
		width: 97.5%;
	margin-left: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
}

#contact_form table tr td .address {
			width: 97%;
}
#contact_form .font-s{
	font-size: 87.5%;
}
/*コンタクトフォーム終わり*/
#wrap #backimage #footerbg {
    margin-top: 8%;
    width: 100%;
    background-color: rgba( 255, 255, 255, 0.9 );
    background-image: url(../img/footer_line.png);
    background-repeat: repeat-x;
}
#backimage #footerbg #footer {
    max-width: 1000px;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 1%;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.8em;
    text-align: center;
    color: #000058;
    font-weight: Demibold;
    }
#footerbg #footer ul {
    margin-top: 5%;
}
#footer ul li {
    width: 30%;
    margin-left: 2.5%;
    margin-bottom: 4%;
    float: left;
}
.logo2{
	width: 18%;
    margin-right: auto;
    margin-left: auto;}
#footer img{
	width: 100%;
	height: auto
}
ul li .line {
    margin-bottom: 2%;
}
ul li .fb {
		width: 12%;
    margin-top: 7%;
    margin-right: auto;
    margin-left: auto;
}
#wrap address {
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    background-color: #000058;
    padding-top: 1%;
    padding-bottom: 1%;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
ul li iframe {
		width: 100%;
}
/*pcの時*/

@media only screen and (min-width: 960px) {
.sp { 
display: none;
 }

}
@media screen and (min-width:960px) and (max-width:1200px){
	body:before{
	margin-top: 14%;
    background-repeat: no-repeat;
    background-position: center;
	background-position: top;
    background-size: 120%;
}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	body:before{
	margin-top: 9%;
    background-repeat: no-repeat;
    background-position: center;
	background-position: top;
    background-size: 120%;
}	
}
/*スマホの時*/
@media screen and (min-width:0px) and (max-width:960px){
.pc { 
display: none; 
}
.left {
    float: none;
}
.right {
    float: none;
}
body:before{
	margin-top: 15%;
    background-repeat: no-repeat;
    background-position: center;
	background-position: top;
    background-size: 130%;
}
#headerbg #header .logo {
    margin-top: 4%;
    margin-left: 0%;
	margin-bottom: 0%;
}
#headerbg #header h1{
    width: 43%;
    padding-left: 2%;
    float: left;
	}
#headerbg #header .ig{
    margin-right: 2%;
}
#headerbg #header .fb{
    margin-right: 0%;
	}
#headerbg #header .fb,
#headerbg #header .ig,
#headerbg #header .tel{
    float: right;
    width: 11%;
	margin-top: 3%;
    margin-bottom: 3%;
    padding-left: 2%;
	}

#headerbg #header #info{
    margin-right: 0%;
}
#wrap #backimage {
    background-position: center 14%;
	background-size:150% auto;	

}
#wrap #backimage #mainvisual p{
		width: 35%;
    margin-top: 1%;
    margin-bottom: 1%;
	margin-left: 2%;}
#wrap #backimage #mainvisual img {

}
/*サンクスページ用css*/
#wrap #thanksmessagebg {
	margin-top: 8%;
	}
#thanksmesses {
	width: 90%;
    margin-right: auto;
    margin-left: auto;
	}
#thanksmesses .message{
	font-size: 180%;
	margin-top: 15%;
	line-height: 1.5em;
}
#thanksmesses .font{
	font-size: 100%;
	line-height: 2em;
	margin-top: 3%;
}
#thanksmesses .kakunin{
	width: 90%;
	font-size: 87.5%;
	margin-bottom: 20%;
    margin-right: auto;
    margin-left: auto;	
	}
#wrap #backimage #concept {
    font-size: 110%;
}
#wrap #backimage #concept .photo1 {
	width: 80%;
	margin-left: 10%;
    margin-top: 5%;
    padding-bottom: 5%;
}
#concept .photo{
		width: 94%;
	margin-left: 3%;
	}
#concept .photo img{
	width: 100%;
	height: auto;
	}
#comment p {
    text-align: left;
    margin-right: 4%;
    margin-left: 4%;
	}

#comment .center{
    text-align: center;		
	width: 60%;
    margin-left: 20%;
	margin-top: 4%;
    margin-bottom: 4%;
	}
#comment .center img{
	width: 100%;
	height: auto;	
	}
#comment dl dd {

}
#sale p{
	width: 36%;
    margin-left: 32%;
	margin-top: 4%;
    margin-bottom: 8%;
	}
#sale p img{
	width: 100%;
	height: auto
	}
#salebg #sale dl {
	width: 96%;
     margin-left: 2%;
     margin-right: 2%;
}
#sale dl dt {
    font-size: 137.5%;
    padding-top: 3.5%;
    padding-left: 2%;
   float: none;
}
#sale dl dd {
    padding-left: 2%;
}
#contact form {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
}
#contact p{
     margin-left: 2%;
     margin-right: 2%;	
	}
#contact p img{
	margin-top: 4%;
	margin-bottom: 4%;
	width: 50%;	
	height: auto;
	}
#contact_form table tr {
	font-size: 81.25%;		
}
#contact_form table tr td textarea {
	width: 95%;
	margin-left: 1%;
	margin-top: 2%;
	margin-bottom: 2%;
}
#contact_form table tr td .address {
	width: 95%;
}
#contact form #submit {
	background-image: url(../img/soushin_button2.png);
	width: 50%;
    background-size:75%;
	background-color:transparent;
	margin-top: 1%;
	}
#contact form p #powered{
	margin-right: auto;
    margin-left: auto;	
	}
#wrap #backimage #footerbg{
background-size:200% auto;	
}

#backimage #footerbg #footer {
    padding-top: 10%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0%;
    }
.logo2{
	width: 35%;
}
#footer ul li {
    width: 98%;
    float: none;
	margin-left: 1%;
	}
ul li iframe {
		margin-top: 4%;
		height: 240px;
}
#wrap address {
    font-weight: normal;
    padding-top: 2%;
    padding-bottom: 2%;

}

}

/*タブレットの時*/

@media screen and (min-width: 430px)  and (max-width:767px){
	
	#contact form #submit {
	background-image: url(../img/soushin_button2.png);
    background-size:75%;
	width: 40%;
    background-color:transparent;
	margin-top: 1%;
	line-height: 4em;
	}
	
}
/*.sp { 
display: none;
 }
#headerbg #header h1{
    width: 40%;
    padding-left: 4%;
    float: left;
	}

#headerbg #header .fb,
#headerbg #header .tel{
    float: right;
    width: 8%;
	margin-top: 3%;
    margin-bottom: 3%;
    padding-left: 4%;
	}
#wrap #backimage {
    background-position: center 9%;
	background-size:130% auto;	
	}
#wrap #backimage #mainvisual p{
		width: 30%;
}
#wrap #backimage #mainvisual img {
    margin-top: 8%;
    margin-bottom: 8%;
}
}
*/