@charset "UTF-8";

/* ===================================================================
CSS information

file name  :page.css

input[type="text"]

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

.none{
	display: none!important;
}

#wrapper{
	max-width:1260px;
	margin:0 auto;
	padding-bottom:10rem;
  padding: 0 4rem;
}

table{
	width:auto;
	border-collapse:collapse;
	border-spacing: 0
}
.t-center{
	text-align: center!important;
}
table.t-center th{
	text-align: center!important;
}
table th,
table td{
	padding:2rem;
	border:1px solid #aaa;
}
table td{
  width: 70%;
  font-size: max(14px,1.6rem);
}
table th{
	background:#f6f6f6;
}
table thead th{
	text-align:center;
}

ul.disc{
	list-style:none;
}
ul.disc li {
	position: relative;
	padding-left: 1em;
}
ul.disc li::after{
	position: absolute;
	content: "・";
	left: 0;
	top: 0;
}
ol  {
	margin: 0;
	padding: 0
}
ol.decimal {
	list-style-type: decimal;
}
ol.decimal li::marker {
	font-size: max(14px,1.6rem);
}
ol:not(ol.decimal) li  {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}

.flex{
	display:flex;
}


section{
  margin: 14rem 0 0;
  padding: 0 0 7rem;
}

.policy h4{
	margin-bottom:4rem!important;
  padding: 4rem 4%!important;
  color: #fff;
  background: #346fd3!important;
  font-size: max(16px,2.4rem);
  text-align: center;
  font-weight: bold;
  line-height: 1.5em;
  margin-left: calc(((100vw - 100%) / 2) * -1)!important;
  margin-right: calc(((100vw - 100%) / 2) * -1)!important;
}


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

section{
  margin: 10rem 0 0;
}

}


/*-----------------------------------------------

	繧ｦ繧｣繝ｳ繝峨え繧ｵ繧､繧ｺ ��750px
	繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ莉墓ｧ�

-----------------------------------------------*/
@media (orientation: portrait){
@media only screen and (max-width:750px){

  section{
	padding: 0;
  }


.pc,.tablet,
.hidden-phone{
	display:none !important;
}

figcaption{
	font-size: max(14px,2.4rem)!important;
}

/*-----------------------------------------------

	contact

-----------------------------------------------*/


@media (orientation: landscape) and (max-width: 600px){
@media only screen and (max-width:750px){

.totop{
	display:none !important;
}
.sude_plink{
	text-align:center;
	top:auto;
	bottom:0;
	right:50%;
	transform: translateX(50%);
	width:80%;
	max-width:235px;
}
.sude_plink img{
	width:100%;
}

}
}
}}


/*-----------------------------------------------

	policy

-----------------------------------------------*/

.policy h6,
.policy li,
.policy td,
.policy th,
.policy a {
	line-height: 1.8em;
}
.policy h5 {
	text-align: center;
	font-size: max(18px,2.4rem);
	margin: 8rem auto 4rem;
	font-weight: bold;
}
.policy__decimal {
	margin: 4rem auto;
}
.policy h6 {
	font-size: max(16px,2rem);
	margin: 4rem auto 2rem;
	font-weight: bold;
	text-align: center;
}
.policy ul.disc li {
	font-size: max(14px,1.6rem);
}
.policy .part1 {
	padding-bottom: 6rem;
	position: relative;
}
.policy .part1::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1px;
	background-color: #333;
}
.policy-img {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 5rem auto;
}
.policy-img img {
	width: 50px;
}

.policy table {
	margin: 3rem auto;
}
.policy table thead th {
	background-color: #63a9f9;
}
.policy table thead th p {
	color: #fff;
}
.policy table td {
	width: 30%;
}
.policy table th {
	border: 1px solid #EEEEEE;
}
.policy table th,
.policy table td {
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width:750px) {
	.policy h6,
	.policy li,
	.policy td,
	.policy th,
	.policy a {
		line-height: 1.5em;
	}
}

/*-----------------------------------------------

	side

-----------------------------------------------*/

#side a{
	line-height: 1em!important;
}
@media screen and (min-width: 751px) {
	#side {
	  top: 50%;
	  transform: translateY(-50%);
	}
  }

  /*-----------------------------------------------
  
	  footer
  
  -----------------------------------------------*/
  #footer .footer__blue ul {
	flex-wrap: nowrap;
  }