@charset "UTF-8";
@import url("grid-sp.css");
@import url("ress.min.css");
@import url("02-footer.css");
@import url("03-bg.css");
@import url("style-privacy.css");
@import url("style-privacy_law.css");
@media only screen and (max-width :768px ){
	
.pc { display: none !important;}
.sp { display: block !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);	
}
.br-sp {
display: none;
}		

a {
display:block;
color: #333;
text-decoration-line: none;
}
a:hover { 
color: #999;
text-decoration-line: none;
}  
a.anchor{
display: block;
padding-top: 70px;
margin-top: -70px;
}
p{
font-size: 110%;				
}	
.gray{
color: #555;
}
.red{
color: #A60000;	
}
.hr{
margin: 1rem auto 1rem auto;
}
/*--パンくず--*/
.bread{
max-width: 90%;	
margin:-4rem 0rem 0rem 2rem;
padding: 0rem 0rem 0rem 0rem;
}

.bread__inner {
padding-top: 0px;
display: flex;
flex-wrap: wrap;
}
.bread .bread__inner {/*全体の位置*/
padding-top: 0px;
padding-bottom: 5px;
}
.bread .bread__inner li {/*現ページ*/
list-style: none;	
position: relative;
margin: 0rem 0rem 0rem 0rem;	
padding:3px 20px 0px 10px;
font-size: 1.2rem;
color: #00a0ca;	
}
.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: 10px;
top: 8px;
width: 8px;
height: 8px;
transform: rotate(135deg);
border-left: 1.5px solid;
border-top: 1.5px solid;
border-color: #00a0ca;
}
.bread .bread__inner li:after {
top: 9px;
}
.bread .bread__inner li:last-child::after {
border: none;
}

.bread .bread__inner li:after {
top: 9px;
}

.bread .bread__inner li:last-child::after {
border: none;
}

	
/*コンテンツ----------------------*/	
.contents {
max-width: 96%;
margin: 0rem auto 3rem auto;
}
.obi h3{
background:#00a0ca;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2.2rem;	
padding: 1.55rem;	
margin: 0rem auto 1rem auto;
color: #fff;	
}
.read p{
width: 94%;
margin: -1rem auto 1rem auto;	
font-size: 1.5rem;	
}	
.select h3{
max-width: 96%;
border: solid 1px #00a0ca;	
color: #00a0ca;
font-weight: 500;
font-size: 2rem;	
padding: 1.5rem 1rem 1.5rem 1rem;	
margin: 3rem auto 1rem auto;
}	
	
.select p{
font-size: 1.6rem;	
text-align: center;
padding: 0rem;	
color: #333;
}
.glp h3{
max-width: 960px;
border: solid 1px #f57500;	
color: #f57500;	
font-weight: 500;
font-size: 2rem;	
padding: 1.5rem 1rem 1.5rem 1rem;	
margin: 3rem auto 1rem auto;

}
.glp .flex-box p{
width: 100%;	
color: #333;	
text-align: center;
margin:0rem auto 0rem auto;	
}		

/*-------------------*/	
.item-contents{
display: block;
width: 100%;	
margin: 0rem auto 0rem auto;
padding: 1rem;	
text-align: center;	
}
.item-effect{
width: 96%;	
margin: 0rem auto 3rem auto;
text-align: center;	
}	

.item-effect-b{
width: 96%;	
margin: 0rem auto  0rem auto;
}	
.item-effect img{
width: 80%;	
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;		
}	
	
	
.item-contents-box{
width: 100%;	
margin: 0rem auto 1rem auto;
}			

.item-contents-box h4{
text-align: center;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 1.6rem;	
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 1rem 0rem 1rem;	
margin: 0rem 0rem 0rem 0rem;
color: #333;
}	
	
.ex{
margin: -4rem auto 0rem auto;
}
.ex p{
text-align: justify;	
margin: 0rem auto 0rem auto;
}
.ex h4{
text-align: left;	
margin: 2rem auto 2rem auto;
}	
	
li{
color: #ff6464;
text-align: left;	
text-indent: -1.6rem;
margin: 0 1.5rem 1rem 2.5rem;
line-height: 2rem;
font-size: 1.5rem;	
}	
/*---------------------------*/
.pay{
max-width: 96%;	
margin: 3rem auto;
}
.pay h3{
background:#00a0ca;
border: solid 1px #00a0ca;	
font-weight: 500;
font-size: 2.5rem;	
padding: 1.75rem 1rem 1.75rem 1rem;	
margin: 2rem auto 1rem auto;
color: #fff;	
}
.pay p{
font-size: 1.5rem;	
padding: 0rem 0.25rem 0rem 0.75rem;	
color: #333;
text-align: left;
	
}	
.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: 100%;
height: auto;
margin:3rem auto 3rem auto;
}
	
	
}