/* CSS Document */


/*-----リセットCSS-----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, input[type=checkbox], select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
	text-align:center;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type=submit],
input[type=reset],
input[type=button] {
	border-radius:0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type=text],
input[type=checkbox],
input[type=file],
input[type=password],
textarea,
select {
	margin:1px 5px 5px;
	padding:2px;
	border-radius:0;
	border:1px solid #aaaaaa;
	vertical-align:middle;
}

@media screen and (max-width:749px){ /*スマホ*/
input[type=text],
input[type=checkbox],
textarea,
select {
	font-size:1.6rem;
	line-height:2rem;
}
}

@media screen and (min-width:750px){ /*PC*/
input[type=text],
input[type=checkbox],
textarea,
select {
	font-size:1.2rem;
	line-height:1.8rem;
}
}


	
input[type=checkbox],
input[type=radio] {
	margin-right:5px;
	vertical-align:middle;
}



.button input {
	display:inline-block;
	background-color:#1165b2;
	border:none;
	color:#fff;
	cursor:pointer;
}
@media screen and (min-device-width:750px){ /*PC*/
.button input {
	margin:20px 5px;
	padding:10px 15px 15px;
	font-size:2rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.button input {
	margin:3vw 1vw;
	padding:4vw;
	font-size:2rem;
}
}









#container {
	text-align:center;
	width:100%;
}

.mainimg {height:auto;float:left;}
@media screen and (min-width:750px){ /*PC*/
.mainimg {
	margin:auto 20vw;
	width:750px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
.mainimg {
	margin:0 0 0 0;
	width:100%;
}
}










@media screen and (max-width:749px){ /*スマホ*/
footer .copyright {
	padding:40px 0 0 0;
	font-size:0.7rem;
	line-height:1.5rem;
}
}

@media screen and (min-width:750px){ /*PC*/
footer .copyright {
	padding:60px 0 0 0;
	font-size:1.1rem;
	line-height:1.8rem;
}
}






/*共通*/


@font-face {
	font-family: 'rounded-l-mplus-1c-light';
	src:url('../font/rounded-l-mplus-1c-light.woff') format('woff')
}

* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}


html {overflow-y:scroll;}

@media screen and (max-width:749px){ /*スマホ*/
html {
	font-size:62.5%;
}
}
@media screen and (min-width:750px){ /*PC*/
html {
	font-size:80%;
}
}

body {
	text-align:center;
	font-size:1.6rem;
	-webkit-text-size-adjust: 100%;
	font-family: rounded-l-mplus-1c-light;
	word-wrap:break-word;
	letter-spacing:0.12rem;
}

a {
	color:#000;
	outline:none;
}
@media screen and (min-width:750px){ /*PC*/
a:hover {
	opacity:0.8;
}
}


h2,
h3,
p,
span,
li,
dt,
dd {
	transform: rotate(0.03deg);
}


.clear {
	clear:both;
}
.float_l {float:left!important;}
.float_r {float:right!important;}

.text_c {text-align:center!important;}
.text_l {text-align:left!important;}
.text_r {text-align:right!important;}
@media screen and (max-width:749px){ /*スマホ*/
.text_l,
.text_r {padding:0 3%;}
}
@media screen and (min-width:750px){ /*PC*/
.text_l,
.text_r {padding:0 10px;}
}


sup {
	font-size:60%;
	vertical-align:super;
}

.blank {
	display:none!important;
}

@media screen and (max-width:749px){ /*スマホ*/
.block {
	display:block;
}
}

@media screen and (min-width:750px){ /*PC*/
.pc_blank {
	display:none;
}
}


/* パディング */

.pad_top0 {padding-top:0!important;}
.pad_bottom0 {padding-bottom:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.pad_top1 {padding-top:0.8vw!important;}
.pad_top2 {padding-top:2.8vw!important;}
.pad_top3 {padding-top:7vw!important;}
.pad_top4 {padding-top:10.5vw!important;}
.pad_top5 {padding-top:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.pad_top1 {padding-top:6px!important;}
.pad_top2 {padding-top:30px!important;}
.pad_top3 {padding-top:50px!important;}
.pad_top4 {padding-top:76px!important;}
.pad_top5 {padding-top:100px!important;}
}

.pad_bottom0 {padding-bottom:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.pad_bottom1 {padding-bottom:0.8vw!important;}
.pad_bottom2 {padding-bottom:2.8vw!important;}
.pad_bottom3 {padding-bottom:7vw!important;}
.pad_bottom4 {padding-bottom:10.5vw!important;}
.pad_bottom5 {padding-bottom:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.pad_bottom1 {padding-bottom:6px!important;}
.pad_bottom2 {padding-bottom:30px!important;}
.pad_bottom3 {padding-bottom:50px!important;}
.pad_bottom4 {padding-bottom:76px!important;}
.pad_bottom5 {padding-bottom:100px!important;}
}





/* マージン */

@media screen and (max-width:749px){ /*スマホ*/
.mar_top-2 {margin-top:-2.8vw!important;}
.mar_top-1 {margin-top:-0.8vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.mar_top-2 {margin-top:-30px!important;}
.mar_top-1 {margin-top:-6px!important;}
}

.mar_top0 {margin-top:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.mar_top1 {margin-top:0.8vw!important;}
.mar_top2 {margin-top:2.8vw!important;}
.mar_top3 {margin-top:7vw!important;}
.mar_top4 {margin-top:10.5vw!important;}
.mar_top5 {margin-top:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.mar_top1 {margin-top:6px!important;}
.mar_top2 {margin-top:30px!important;}
.mar_top3 {margin-top:50px!important;}
.mar_top4 {margin-top:76px!important;}
.mar_top5 {margin-top:100px!important;}
}

.mar_bottom0 {margin-bottom:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.mar_bottom1 {margin-bottom:0.8vw!important;}
.mar_bottom2 {margin-bottom:2.8vw!important;}
.mar_bottom3 {margin-bottom:7vw!important;}
.mar_bottom4 {margin-bottom:10.5vw!important;}
.mar_bottom5 {margin-bottom:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.mar_bottom1 {margin-bottom:6px!important;}
.mar_bottom2 {margin-bottom:30px!important;}
.mar_bottom3 {margin-bottom:50px!important;}
.mar_bottom4 {margin-bottom:76px!important;}
.mar_bottom5 {margin-bottom:100px!important;}
}















/*container*/


#container {
	margin:0 auto;
	color:#444;
	background-repeat:no-repeat;
}


@media screen and (min-width:750px){ /*PC*/
#container {
	width:1000px;
	background-position:top -50px center;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#container {
	width:100%;
	background-position:top center;
	background-size:100% auto;
}
}



/*headnav*/

@media screen and (min-width:750px){ /*PC*/
#headnav {
	width:1000px;
	text-align:right;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#headnav {
	width:100%;
	text-align:right;
}
}


@media screen and (max-width:749px){ /*スマホ*/
#headnav .banner img {
	height:12vw;
}
}








/*h1*/

h1 img {
	position:relative;
}



/*nav*/

nav {
	width:100%;
	float:left;
}

nav#left {
	text-align:left;
}
nav#right {
	text-align:right;
}



@media screen and (min-width:750px){ /*PC*/
nav ul {
	width:1000px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
nav ul {
	width:100%;
}
}


@media screen and (min-width:750px){ /*PC*/
nav ul li {
	padding:20px 0 25px 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
nav ul li {
	height:6vw;
	padding:2vw 0 2vw 0;
	letter-spacing:-0.2rem;
}
nav ul li img {
	width:auto;
	height:6vw;
}

}






/*h2*/


h2.title {
	font-weight:bold;
}

@media screen and (min-width:750px){ /*PC*/
h2.title {
	margin-bottom:50px;
	font-size:2rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
h2.title {
	margin-bottom:5vw;
	font-size:1.8rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
h2.title img {
	width:100%;
	height:auto;
}
}





h2.title::after {
	content:"";
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#888888;
	display:block;
	position:relative;
}


@media screen and (min-width:750px){ /*PC*/
h2.title:after {
	margin:0 auto;
	width:60%;
	height:1px;
	background-size:auto 10px;
	top:20px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
h2.title:after {
	margin:5vw auto;
	width:70%;
	height:0.2vw;
	background-size:auto 2vw;
}
}








/* com */


@media screen and (min-width:750px){ /*PC*/
#content .com p {
	padding:25px 0 25px 0;
	font-size:1.4rem;
	line-height:2.3rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#content .com p {
	padding:4vw 0;
	font-size:1.4rem;
	line-height:2rem;
}
}




















/*about*/



#about h2 img {
	height:auto;
}
@media screen and (min-width:750px){ /*PC*/
#about h2 img {
	width:300px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#about h2 img {
	width:50vw;
}
}



#about .img {
	height:auto;
}

@media screen and (min-width:750px){ /*PC*/
#about .img {
	padding:30px 0 0 0;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#about .img {
	padding:2vw 0;
	width:20vw;
}
}






#about .banner_area {
	padding:20px 0 0 0;
}

#about .banner_area .banner {
	padding:0 0 15px 0;
}



/*footer*/

footer {
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
}

@media screen and (min-width:750px){ /*PC*/
footer {
	padding:150px 0 40px 0;
	font-size:1.2rem;
}
~}

@media screen and (max-width:749px){ /*スマホ*/
footer {
	padding:20vw 0 9vw 0;
	font-size:0.8rem;
}
}