@charset "utf-8";
.mainArea {background-color: #fff4f4;}
.wrap.header_fixed {padding: 0 !important;}
/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
#syoukaibut .button03 {
display: block;
width: 100%;
text-align: center;
padding: 1.5em;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
border-radius: 100vh;
background: #ff6c65;
}
wrap_mypage_present_index .wrap_mypage_present_index_contents .buttons {
padding: 0 37.5px;
margin-top: 20px;
}
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
#syoukaibut .button03 {
display: block;
width: 400px;
text-align: center;
padding: 1.5em;
position: relative;
transition: all .3s;
border-radius: 100vh;
background: #ff6c65;
}
#syoukaibut .wrap_mypage_present_index .wrap_mypage_present_index_contents .buttons {
padding: 0;
width: 400px;
margin: 0 auto;
margin-top: 40px;
}
}

/*syoukai*/
/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
#syoukai { width: 100%; }
#syoukai img { width: 100%; }
/* contents 
--------------------------------------------------- */
#syoukai h1 { padding: 0;}
#syoukai h3 { font-size: 16px; line-height: 1.5; padding-bottom: 25px; text-align: center;color: #60524b;}
#syoukai .box1 { overflow: hidden; margin: auto; width: 95%; }
#syoukai .box2 { padding-bottom: 25px; }
#syoukai .box4 { margin: auto; width: 95%; }
#syoukai .box5 { position: relative; bottom: 26px; }
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
.pc { display: block !important; }
.sp { display: none !important; }
#syoukai { width: 768px; margin: 0 auto; }
#syoukai a:hover { opacity: 0.7; }
/* contents 
--------------------------------------------------- */
#syoukai h3 { font-size: 28px; line-height: 1.5; padding-bottom: 50px;text-align: center;color: #60524b; }
#syoukai .box1 { overflow: hidden; margin: auto; width: 95%; }
#syoukai .box4 { width: 95%; margin: auto; height: 332px; }
#syoukai .box5 { position: relative; bottom: 26px; }
}


/*method*/
#method .txtcollar { color: #ff6c65; }
/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
#method { width: 100%; margin: 50px auto -30px; }
#method img { width: 100%; }
/* contents 
--------------------------------------------------- */
#method .box4 {margin: 0 2%; padding-bottom: 7%; }
#method h2 { text-align: center; padding: 4%; font-weight: bold; overflow: hidden; background-color: #752a07;  color: #ffffff; margin-bottom: 10%; font-size: 18px; line-height: 1.3; }
#method .title_txt { font-size: 14px; line-height: 1.3; }
#method .over { overflow: hidden; padding-bottom: 25px; }
#method .step { float: left; padding-right: 3%; width: 27%; }
#method .pink { background-color: #f8cecc; color: #3b251a; border-radius: 100vh; padding: 5px; font-size: 16px; margin-bottom: 2%; width: 25%; text-align: center; }
#method .green { background-color: #e4eaae; color: #3b251a; border-radius: 100vh; padding: 5px; font-size: 16px; margin-bottom: 2%; width: 25%; text-align: center; }
#method .float { float: left; width: 72%; }
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
.pc { display: block !important; }
.sp { display: none !important; }
#method { width: 768px; margin: 100px auto -40px; }
#method a:hover { opacity: 0.7; }
/* contents 
--------------------------------------------------- */
#method .box4 { width: 728px; margin: auto; }
#method h2 { text-align: center; padding: 3%; background-color: #69422f;  color: #ffffff; margin-bottom: 50px; font-size: 30px; }
#method .title_txt { font-size: 26px; line-height: 1.5; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
#method .over { overflow: hidden; padding-bottom: 50px; }
#method .step { float: left; padding-right: 50px;}
#method .pink { background-color: #f8cecc; color: #3b251a; border-radius: 100vh; padding: 4px; font-size: 30px; margin-bottom: 8px; width: 30%; text-align: center; }
#method .green { background-color: #e4eaae; color: #3b251a; border-radius: 100vh; padding: 4px; font-size: 30px; margin-bottom: 8px; width: 30%; text-align: center; }
#method .float { float: left; width: 500px; }
}


/*gaiyo*/
#gaiyo .circle { list-style-type: circle; }
/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
#gaiyo { width: 100%; margin: 50px auto 0; }
#gaiyo img { width: 100%; }
#gaiyo section { margin-bottom: 50px; }
#gaiyo .disc { list-style-type: disc; margin-left: 24px; }
/* contents 
--------------------------------------------------- */
#gaiyo .box4 { margin: 0 10px; }
#gaiyo h2 { text-align: center; padding: 4%; background-color: #752a07;  color: #ffffff; margin-bottom: 8%; font-size: 18px; }
#gaiyo .title_txt { font-size: 13px; line-height: 1.5; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
#gaiyo .over { overflow: hidden; padding-bottom: 10%; }
#gaiyo ul { margin: 0 5% 0 7%; padding-bottom: 10%;}
#gaiyo ul li { font-size: 14px; line-height: 1.5; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
.pc { display: block !important; }
.sp { display: none !important; }
#gaiyo { width: 768px; margin: 100px auto 0; }
#gaiyo a:hover { opacity: 0.7; }
#gaiyo section { margin-bottom: 100px; }
#gaiyo .disc { list-style-type: disc; margin-left: 24px; }
/* contents 
--------------------------------------------------- */
#gaiyo .box4 { width: 728px; margin: auto; }
#gaiyo h2 { text-align: center; padding: 3%; background-color: #752a07;  color: #ffffff; margin-bottom: 50px; font-size: 30px; }
#gaiyo .title_txt { font-size: 26px; line-height: 1.8; }
#gaiyo .over { overflow: hidden; padding-bottom: 50px; }
#gaiyo ul { margin: 0 auto 50px; width: 728px; padding-bottom: 100px; }
#gaiyo ul li { font-size: 18px; line-height: 1.5; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; }
}

#a01 {
margin-top: -60px;
padding-top: 60px;
}