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

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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
img{
	vertical-align: bottom;
}
a img {
  border: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
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;
}
a{
	color:#8FB5E0;
	text-decoration:none;
}
* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
hr{
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:solid 1px #CCC;
}
	body{
	color: #232323;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
    font-size: 1.5rem;
    line-height: 1;
}
	a:hover{
		opacity:0.8;
	}
	.tac{
		text-align: center;
	}
	.tal{
		text-align: left;
	}
	.tar{
		text-align: right;
	}
	.margintop00{
		margin-top: 80px;
	}
	.margintop01{
		margin-top: 60px;
	}
	.margintop02{
		margin-top:40px;
	}
	.margintop03{
		margin-top:30px;
	}
	.margintop04{
		margin-top:20px;
	}
	.margintop05{
		margin-top:10px;
	}
	.marginbottom00{
		margin-bottom: 80px;
	}
	.marginbottom01{
		margin-bottom: 60px;
	}
	.marginbottom02{
		margin-bottom:40px;
	}
	.marginbottom03{
		margin-bottom:30px;
	}
	.marginbottom04{
		margin-bottom:20px;
	}
	.marginbottom05{
		margin-bottom:10px;
	}
	.indent-1{
		padding-left:1em;
		text-indent:-1em;
	}
	.mv{
		width: 100%;
	}
	.mv img{
		width: 100%;
	}
	.maincontent-f{
		padding: 60px;
	}
	.maincontent{
		width: 956px;
		margin: 60px auto;
	}
	.maincontentinner{
		width: 956px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-15{line-height: 1.5 !important;}
	.line-17{line-height: 1.7 !important;}
	.line-20{line-height: 2 !important;}
	.line-25{line-height: 2.5 !important;}
	
	.pc-none{
		display: none;
	}
	
	.block{
		display: block;
	}
	.inline-block{
		display: inline-block;
	}
	.font00{
		font-size: 0;
	}
	
	.maintext01{
		font-size: 30px;
		line-height: 1.7;
	}
	.maintext02{
		font-size: 23px;
		line-height: 1.7;
	}
	.maintext03{
		font-size: 20px;
		line-height: 1.7;
	}
	.maintext04{
		font-size: 16px;
		line-height: 1.7;
	}
	.maintext05{
		font-size: 23px;
		line-height: 1.7;
	}
	.color-white{
		color: #fff;
	}
	.bg{
		padding: 40px;
	}
	.bg-white{
		background-color: #fff;
	}
	.bg-radius{
		border-radius:40px;
	}
	
	.bg-pink{
		background-color: #fbe4e0;
	}
	.text-bold{
		font-weight: bold;
	}
	.linkbtn{
		border-radius: 50vh;
		padding: 8px 20px;
	}
	.linkbtn-w500{
		width: 500px;
	}
	.linkbtn-orange{
		background-color:#e45826;
	}
	.linkbtn-green{
		background-color: #99c73e;
	}
	.linkbtn-blue{
		background-color: #009fe8;
	}
	.flex{
		display: flex;
	}
	.flex_item:nth-child(2){
		margin-left: 20px;
	}
	@media screen and (max-width: 769px) {
		.pc-none{
			display: block;
		}
		.widthmax{
			max-width: 100%;
		}
		.sp-width70{
			width: 70%;
		}
		.sp-noflex{
			display: block;
		}
		
		.margintop00{
			margin-top: 60px;
		}
		.margintop01{
			margin-top: 40px;
		}
		.margintop02{
			margin-top:30px;
		}
		.margintop03{
			margin-top:20px;
		}
		.margintop04{
			margin-top:16px;
		}
		.margintop05{
			margin-top:10px;
		}
		.marginbottom00{
			margin-bottom: 60px;
		}
		.marginbottom01{
			margin-bottom: 40px;
		}
		.marginbottom02{
			margin-bottom:30px;
		}
		.marginbottom03{
			margin-bottom:20px;
		}
		.marginbottom04{
			margin-bottom:16px;
		}
		.marginbottom05{
			margin-bottom:10px;
		}		
		
		.maincontent{
			max-width: 100%;
			margin: 40px auto;
			padding: 0 17px;
		}
		.maincontent-f{
			padding: 40px 17px;
		}
		.maincontentinner{
			max-width: 100%;
		}
		
		.maintext01{
			font-size: 24px;
		}
		.maintext02{
			font-size: 18px;
		}
		.maintext03{
			font-size: 16px;
		}
		.maintext04{
			font-size: 14px;
		}
		.maintext05{
			font-size: 16px;
		}
		.bg{
			padding: 20px 10px;
		}
		.bg-radius{
			border-radius:20px;
		}
		
		.linkbtn-w500{
			max-width: 100%;
		}
		.flex_item:nth-child(2){
			margin-left: 0px;
			margin-top: 20px;
		}
		
		
	}