.body_i200{
margin: 0; padding: 0; font-family:'noto-sans-jp', 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', sans-serif;
}

.i200{
width: 100%;
}

.header{
background-color: #4F3A93; height: 60px; text-align: center; padding-top: 5px;
}

.header01{
width: 1000px; margin: 0 auto;
}

.header02{
width: 100%; margin: 0 auto; height: 70vh; background-image: url(img/top-img_back.jpg); background-repeat: no-repeat; background-position: 0px bottom; background-size: cover;
}

.header03{
width: 100%; margin: 0 auto; height: 25vh; background-color: #d9d0f5;
}

.top_title{
width: 1000px; margin: 0 auto;
}

.title_text{
margin: 20 auto; text-align: center;
}

.title_text02{
margin: 0 auto; text-align: center;
}

.top_title02{
width: 100%; height: 150px; position: absolute; bottom: 30%; background-color: rgba(255,255,255,0.7); z-index: 50; text-align: center;
}

.h1_small{
font-size: 0.5em; font-weight: normal;
}

.title_color{
font-size: 1.2em; color: #4F3A93; margin-top: 10px;
}

.top_logo{
position: absolute;
z-index: 100;
}

.main{
width: 1000px; margin: 0 auto;
}

.product_img{
margin: 20px 0 20px 0; width: 100%;
}

.ic{
color: #ffffff; font-weight: bold; background-color: #4F3A93; border-radius: 5px; padding: 4px 10px 4px 10px;
}

.margin-basic{
margin: 50px 0 20px 0;
}

.margin-20{
margin: 20px 0 20px 0;
}

.contents_whole{
display: flex;
}

.contents_botton{
width: 32%;padding: 20px 0 20px 0;
}

.contents_space{
width: 2%;
}

.a_no_dec{
text-decoration: none;
}

.footer{
width: 1000px; margin: 0 auto;
}

.footer_title{
font-weight: bold; font-size: 1em; color: #ffffff; text-decoration: none;
}

.spec_table{
border: none; margin: 0; border-collapse:collapse;
}

.spec_td1{
border: 1px solid black; padding: 4px; margin: 0; width: 30%;
}

.spec_td2{
border: 1px solid black; padding: 4px; margin: 0; width: 30%;
}

.spec_td3{
border: 1px solid black; padding: 4px; margin: 0; width: 40%;
}

.klee-one-regular {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
}


// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}






/*--------------------------------------------
	SP�ݒ�
--------------------------------------------*/

@media (max-width: 800px) {


.header{
background-color: #4F3A93; height: 60px; text-align: center; padding-top: 5px;
}

.header01{
width: 96vw; margin: 0 auto;
}

.header02{
width: 96vw; margin: 0 auto; height: 35vh; background-image: url(img/top-img_back_sp.jpg); background-repeat: no-repeat; background-position: 0px bottom; background-size: cover;
}

.main{
width: 96vw; margin: 0 auto;
}

.top_title{
width: 96vw; margin: 0 auto;
}

.title_text{
margin: 20 auto; text-align: center;
}

.header03{
width: 100%; margin: 0 auto; height: 20vh; background-color: #d9d0f5;
}

.title_text02{
margin: 0 auto; text-align: center; font-size: 0.7em;
}

.sp_size{
width: 60%; height: auto; margin 0 auto;
}

.top_title02{
width: 96vw; height: 100px; position: absolute; top: 32%; background-color: rgba(255,255,255,0.7); z-index: 50; text-align: center;
}

.top_title02 h1{
font-size: 1.0em;
}

h1{
font-size: 1.4em;
}

.h1_small{
font-size: 0.8em; font-weight: normal;
}

.title_color{
font-size: 0.7em; color: #4F3A93; margin-top: 10px;
}

.contents_whole{
display: block; margin: 0 auto; text-align: center;
}

.contents_botton{
width: 100%; padding: 14px 0 0 0;
}

.contents_space{
display: none;
}

.footer{
width: 100vw; margin: 0 auto;
}










}