@charset "UTF-8";

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,img,
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;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #000000;
	font-size: medium;
	font-size: 18px;
	line-height: 1.7em;
	position: relative;
	min-width: 1400px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a { cursor: pointer; text-decoration: none; }

a:link ,
a:visited {
	text-decoration: none;
	color: #444;
}
a:hover ,
a:active {
	text-decoration: none;
	color: #888;
}

* {
	box-sizing: border-box;
}

.sp-only {
	display: none;
}

.pc-only {
	display: block;
}

header {
	display: table;
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 1.0em;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

header .logobox {
	display: table-cell;
	width: 400px;
}

header .logobox img {
	width: 100%;
}

header .logobox {
	display: table-cell;
}

header .pcmenu {
	display: table-cell;
	vertical-align: top;
	width: calc(100% - 400px) ;
}

header .pcmenu .telsbox {
	padding: 0;
    font-size: 26px;
    line-height: 1;
    color: #333333;
	position: absolute;
	top: 10px;
	right: 35px;
}

body .telssp {
	padding: 0;
    font-size: 26px;
    line-height: 1;
    color: #333333;
	position: fixed;
	bottom: 15px;
	left: 7%;
}

body .telssp span{
	font-size: 0.8em;
}

body .telssp a{
	background: rgba(255, 255, 255, 0.8);
    color: #FE5BAC;
    text-decoration: none;
    border: 2px solid #FE5BAC;
    padding: 0.6em 2.5em;
    border-radius: 50px;
    font-weight: bold;
    display: inline-block;
    font-size: 1.4em;
}

.telsbox span {
	font-size: 18px;
}

.menu-con {
	width: 100%;
	text-align: right;
}

.menu-con ul{
	margin: 40px 1.0em 0 0;
}

.menu-con ul li{
	display: inline-block;
}

.menu-con ul li a {
	padding: 1.0em;
	font-weight: bold;
	display: block;
}

.topimage img {
	width: 100%;
}

.topimage {
	position: relative;
	margin: 125px 0 0 0;
}

.topimage h2 {
    padding: 2em;
    font-size: 1.8em;
    line-height: 1.5em;
    color: #333333;
    position: absolute;
    background: rgba(255,255,255,0.5);
    top: 35%;
    left: 60%;
    /* right: 50%; */
    width: 585px;
	border-radius: 15px;
	text-align: center;
}

h2 {
	padding: 100px 0 0;
    font-size: 50px;
    line-height: 1;
    color: #FE5BAC;
}

.h2under {
	font-size: 1em;
	padding: 1.0em;
	line-height: 1.8em;
}

.sub_main_g {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 5.0em 0;
	background-color: #F2F5F7;
}

.sub_main_w {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 5.0em 0;
}

.list_round {
	letter-spacing: -0.4em;
	text-align: center;
	width: 1050px;
	margin: 0 auto;
}

.list_round span{
	letter-spacing: normal;
	display: block;
	font-weight: bold;
	color: #97A4AE;
}

.list_round li{
	width: 180px;
	letter-spacing: normal;
	display: inline-block;
	background-color: #FFFFFF;
	margin: 1.0em;
	vertical-align: top;
}

.list_round li img {
	width: 60%;
	margin: 0px auto 1.0em;
	display: block;
}

.list_round h3 {
	margin: 0.5em;
}

.contents_underbox {
	width: 915px;
	margin: 0 auto;
	padding: 1.5em;
}

.contents_underbox p{
	text-align: left;
}

.round_links a{
	background: none;
    color: #FE5BAC;
    text-decoration: none;
    border: 2px solid #FE5BAC;
	padding: 1em 4em;
    border-radius: 50px;
	font-weight: bold;
	display: inline-block;
}

.line_links a{
	text-decoration: underline;
	color: #FE5BAC;
}

.list_square {
	letter-spacing: -0.4em;
	text-align: center;
	width: 1050px;
	margin: 0 auto;
}

.list_square span{
	letter-spacing: normal;
	display: block;
	font-weight: bold;
	color: #97A4AE;
	padding: 0.8em 0 0 0;
}

.list_square h3{
	margin-bottom: 0.5em;
}

.list_square li{
	width: 285px;
	letter-spacing: normal;
	display: inline-block;
	background-color: #F2F5F7;
	margin: 25px;
	padding: 20px 0;
	vertical-align: top;
}

.list_square li img {
	width: 80%;
	margin: 0px auto 0;
	display: block;
}

.sub_main_l {
	position: relative;
}

.conleft_boxs {
	text-align: center;
	max-width: 600px;
	background-color: #F2F5F7;
	padding: 0 0 3.0em 0;
	margin-bottom: 1500px;
}

.list_type04 {
	position: absolute;
	top: 100px;
	left: 520px;
	width: calc(100% - 630px);
	text-align: center;
}

.list_type04 li {
	width: 47%;
	letter-spacing: normal;
	display: inline-block;
	margin: 1.0em 10px 0;
	padding: 0 0;
	vertical-align: top;
	text-align: left;
}

.list_type04 li h4{
	color: #FE5BAC;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.8em 0 0 0;
}

.list_type04 li img {
	width: 100%;
	margin: 1.0em auto 0em;
	display: block;
}

.list_type04 li p {
	padding: 1.0em 0;
}

.default_cont {
	margin: 0 auto;
}

.default_coun {
	margin: 0 auto;
}

.contact_td {
    width: 39%;
    text-align: left;
    font-weight: bold;
     font-size: 0.9em;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.contact_td01 {
    width: 32%;
    text-align: right;
    font-weight: bold;
    font-size: 0.9em;
	padding: 10px 1.0em 10px 0;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.contact_td02 {
    width: 67%;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    text-align: left;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.contact_td03 {
    width: 66%;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
	font-size: 0.9em;
    text-align: left;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.contact_td p {
    width: 100%;
    height: auto;
    font-size: 1.4em;
    padding: 0.5em 0 0.5em 0em;
    box-sizing: border-box;
    font-weight: normal;
    text-align: left;
}

.red {
    color: #FF0004;
    font-size: 14px;
    font-weight: bold;
}

.list_entry {
	text-align: center;
	width: 480px;
	margin: 0 auto;
}

.list_entry table{
	width: 100%;
}

.list_entry table td{
	padding: 1.0em;
	vertical-align: top;
}

.list_entry span{
	display: inline-block;
}

.list_entry img {
	overflow: hidden;
	border-radius: 10px;
	width: 100%;
}

.list_entry i {
	font-size: 2.0em;
	color: deepskyblue;
}

#contact {
	margin: 2.0em auto 0;
	width: 850px;
	padding: 0 0 3em 0;
}

.contact_trs {
    clear: both;
    width: 100%;
    position: relative;
    border-bottom: 2px dotted #ccc;
    margin: 0.5em 0; 
}

#contact input[type="text"], #contact input[type="date"], #contact input[type="email"], #contact input[type="tel"], .contact_td02 textarea {
    width: 100%;
    padding: 0.5em;
    font-size: 1.2em;
}

.contact_td02 textarea {
    height: 250px;
}

.contact_td02 label {
	width: 48%;
	display: inline-block;
	padding: 0.5em;
	font-size: 1.2em;
	vertical-align: top;
}

.radiobb {
	transform:scale(2.0);
}

.sub_button {
    display: inline-block;
    border-radius: 5%;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    padding: 0.5em 2.0em;;
    background: #FE5BAC;
    color: #ffffff;
    line-height: 1em;
    transition: .3s;
    box-shadow: 3px 3px 2px #666666;
    border: 2px solid #D33B86;
}

.footer-width {
	width: 100%;
	background: #333333;
	color: #FFFFFF;
	padding: 2.0em 0;
	text-align: center;
}

.footer-width a{
	color: #FFFFFF;
}

.default_cont h2, .default_coun h2 {
	margin: 0 0 0 0.4em;
}

.sptelinfo {
	position: fixed;
    top: -2px;
    right: 14px;
    font-size: 0.8em;
}

@media screen and (max-width: 768px) {
	
	body {
		font-size: 1.8em;
		min-width: 100%;
	}
	
	header {
		padding-top: 0.5em;
		padding-bottom: 0.4em;
	}
	
	.sp-only {
		display: block;
	}
	
	.pc-only ,.menu-con{
		display: none;
	}
	
	.list_round ,.contents_underbox, .list_square, .default_cont, .contact_td02, .contact_td{
		width: 100%;
	}
	
	.contact_td02, .contact_td{
		padding: 0 1.0em;
	}
	
	#contact {
		width: 96%;
	}
	
	.conleft_boxs {
		width: 100%;
		margin-bottom: 1.0em;
		max-width: 100%;
	}
	
	.contact_td p {
		font-size: 1.2em;
	}
	
	.list_type04 {
		position: relative;
		top: 0px;
		left: 0px;
		width: calc(100%);
	}
	
	.list_type04 li {
		width: 100%;
		margin: 0 0px;
		padding: 1.0em;
	}
	
	.contact_td02 label {
		width: 100%;
		display: inline-block;
		padding: 0.5em;
		font-size: 1.2em;
	}
	
	.radiobb {
		transform:scale(2.5);
	}
	
	.list_entry {
		width: 100%;
	}
	
	.topimage h2 {
		padding: 1em;
		font-size: 1.0em;
		line-height: 1.5em;
		color: #333333;
		position: absolute;
		background: rgba(255,255,255,0.5);
		top: 35%;
		left: 9%;
		/* right: 50%; */
		width: 550px;
		border-radius: 15px;
	}
	
	.contents_underbox {
		width: 100%;
		margin: 0 0;
		padding: 1.0em;
	}
	
	.footer-width {
		padding: 2.0em 0 4.0em;
	}
	
	
}