@charset "UTF-8";
@import url("grid.css");
@import url("ress.min.css");
@import url("01-header.css");
@import url("02-footer.css");
@import url("03-bg.css");
.wf-roundedmplus1c {
font-family: "M PLUS Rounded 1c"; 
}
@media only screen and (min-width :768px ){

/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }
p, a, h1, h2, h3, h4, h5, h6, th, td, li, ul, dd ,summary{
font-family:"M PLUS Rounded 1c";
transform: rotate(0.05deg);	
}
p{
text-align: justify;
color: #555;	
}
a {
display:block;
text-decoration-line: none;
}
a:hover { 
text-decoration-line: none;
}   
a.anchor{
display: block;
padding-top: 70px;
margin-top: -70px;
}
.gray{
color: #555;
}	
/*--パンくず--*/
.bread{
display: flex;	
text-align: left;	
max-width: 960px;	
margin: 0rem auto  -5rem auto;
padding: 0rem 0rem 0rem 2rem;
}

.bread__inner {
padding-top: 15px;
display: flex;
flex-wrap: wrap;
}
.bread .bread__inner {
padding-top: 25px;
padding-bottom: 15px;
}
.bread .bread__inner li {
position: relative;
padding-right: 20px;
font-size: 1.2rem;
color: #00a0ca;	
margin: 0rem 1rem  0rem 1rem;
	
}
.bread .bread__inner li {
font-size: 1.2rem;
}
.bread .bread__inner li a {
transition: all 0.3s;
}
.bread .bread__inner li a:hover {
opacity: 0.6;
text-decoration: underline;
color: #11a0ca;	
}
.bread .bread__inner li:after {
content: "";	
position: absolute;
right: 15px;
top: 5.5px;
width: 8px;
height: 8px;
transform: rotate(135deg);
border-left: 1.5px solid;
border-top: 1.5px solid;
border-color: #00a0ca;
margin: 0 -1rem 0 -1rem ;	
	
}
.bread .bread__inner li:after {
top: 6px;
}
.bread .bread__inner li:last-child::after {
border: none;
}



/*----コンテンツ--------------------*/
.contents{
width: 960px;
margin: 5rem auto 0rem auto;	
}	
.contents img{
max-width: 100%;	
margin: 0rem auto 0rem auto ;
text-align: center;	
padding: 0;
vertical-align:middle;	
}		
.contents h3{
color: #333;	
text-align: center;  
padding: 0rem 0rem 0rem 0rem;	
margin: 2rem auto 0rem auto;
font-size: 3rem;
line-height: 4rem;	
font-weight: 800;
letter-spacing: 0.1rem;
}	


.obi h3{
background:#00a0ca;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2.5rem;	
padding: 0rem;	
margin: 0rem auto 1rem auto;
color: #fff;	
}
.read p{
width: 94%;
text-align: center;	
margin: -1rem auto 3rem auto;	
font-size: 1.5rem;	
}		
/*-------------------*/	
.item-contents{
display: flex;
width: 100%;	
margin: 0rem 0rem 3rem 0rem;
padding: 1rem;	
}
.item-effect{
width: 40%;	
margin: 0rem 3rem  3rem 3rem;
text-align: center;	
}	

.item-effect-b{
width: 30%;	
margin: 0rem auto  0rem auto;
}	
.item-effect img{
width: 100%;	
margin: 0rem auto  0rem auto;	
padding: 0rem;
text-align: center;	
}	
.item-effect h4{
text-align: center;
white-space: nowrap;	
margin: 0rem auto  1rem auto;	
color: #00a0ca;
font-weight: 600;	
font-size: 1.8rem;	
line-height: 2.2rem;
}
.item-effect li{
text-align: center;
line-height: 2rem;	
margin: 1rem 0 0rem 1.5rem;
padding: 0em;
color:#777;
font-size: 1.5rem;	
}			
.item-effect p{
margin: 0rem auto  0rem auto;	
padding: 0em;
text-align: center;	
font-size: 1.6rem;		
}	
/*---------------------------*/
.pay{
max-width: 960px;	
margin: 3rem auto;
}
.pay h3{
background:#00a0ca;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2.5rem;	
padding: 0.5rem 1rem 0.5rem 1rem;	
margin: 2rem auto 3rem auto;
color: #fff;	
}
.pay p{
font-size: 1.6rem;	
padding: 0rem;	
color: #333;
text-align: center;
}	
.pay h4{
text-align: center;
font-weight: 500;
font-size: 2.5rem;	
padding: 0rem 1rem 0rem 1rem;	
margin: 3rem auto 0rem auto;	
color: #00a0ca;
}
.pay img{
width: 45%;
height: auto;
margin:3rem auto 3rem auto;
}

	
.select h3{
max-width: 960px;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2.5rem;	
padding: 1rem 1rem 1rem 1rem;	
margin: 3rem auto 3rem auto;
color: #00a0ca;
}	
	
.select p{
font-size: 1.6rem;	
text-align: center;
padding: 0rem;	
color: #333;
}
	




.glp h3{
max-width: 960px;
border: solid 1px #f57500;	
font-weight: 500;
font-size: 2.5rem;	
padding: 1rem 1rem 1rem 1rem;	
margin: 5rem auto 3rem auto;
color: #f57500;
}
.glp .flex-box p{
width: 100%;	
color: #333;	
text-align: center;
margin:0rem auto 0rem auto;	
}
li{
color: #ff6464;
text-indent: -1.6rem;
margin: 0 1.5rem 1rem 2.5rem;
line-height: 2rem;
font-size: 1.5rem;	
}	

.ex{
margin: -2rem auto 0rem auto;
}
.ex p{
text-align: justify;	
margin: 0rem auto 0rem auto;
}
.ex h4{
text-align: left;	
margin: 2rem auto 2rem auto;
}
.item-contents-box{
width: 50%;	
}			

.item-contents-box h4{
text-align: center;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2rem;	
padding: 1.5rem 1rem 1.5rem 1rem;	
margin: 0rem 1rem 1rem 1rem;
color: #00a0ca;
}	
.item-contents-box h5{
text-align: center;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2rem;	
padding: 1.5rem 1rem 1.5rem 1rem;	
margin: 0rem 1rem 1rem 1rem;
color: #00a0ca;
}	
.item-contents-box p{
text-align: left;
text-align: justify;	
font-weight: 500;
font-size: 1.5rem;	
padding: 0rem 1.5rem 0rem 1.5rem;	
margin: 0rem 0rem 0rem 0rem;
color: #333;
}	
.item-effect .re{
		width: 20%;
		white-space: nowrap;	
		
	}	
}