@charset "utf-8";
#kuchikomi section {margin-bottom: 5%;}
#kuchikomi section .text_color_red { color: #ff5454; }
#kuchikomi .kome  { font-size: 10px; line-height: 1.5; margin-top: 2%; }
#kuchikomi section .box { margin: 6% 3%; }
#kuchikomi section .box { overflow: hidden; }
/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
img { max-width: 100%; }
#kuchikomi { width: 100%; margin: 0px; padding: 0px; background: #FFF; }
#kuchikomi section.title_txt { text-align: center; padding: 10% 0; margin: 0;}
#kuchikomi section h2 { font-size: 16px; padding: 4%; text-align: center; color: #fff; background-color: #365746;}
#kuchikomi section .box01 { padding: 3%;margin: 3% 0;}
#kuchikomi section .box01 p { margin: 3% 0;}
#kuchikomi section h3 { font-size: 16px; line-height: 1.3; margin: 3% 0; padding: 2%; background-color: #b65852; color: #fff; width: 70px; text-align: center; border-radius: 18px;}
#kuchikomi section h4 { font-size: 15px; line-height: 1.6; color: #b65852;}
#kuchikomi section h5 { font-size: 18px; }
#kuchikomi section h5 a { padding: 10% 0 10% 30%; display: block; }
#kuchikomi section .icon1 { background: #fff url(../../img/260518/icon1.jpg) no-repeat center left; background-size: 22%; line-height: 1; border-top: #ccc solid 1px; position: relative; background-position: 10px; }
#kuchikomi section .icon1::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 39px; right: 20px; }
#kuchikomi section .icon2 { background: #fff url(../../img/260518/icon2.jpg) no-repeat center left; background-size: 22%; line-height: 1; border-top: #ccc solid 1px; position: relative; background-position: 10px; }
#kuchikomi section .icon2::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 39px; right: 20px; }
#kuchikomi section .icon3 { background: #fff url(../../img/260518/icon3.jpg) no-repeat center left; background-size: 22%; line-height: 1; border-top: #ccc solid 1px; position: relative; background-position: 10px; }
#kuchikomi section .icon3::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 39px; right: 20px; }
#kuchikomi section .icon4 { background: #fff url(../../img/260518/icon4.jpg) no-repeat center left; background-size: 22%; line-height: 1; border-top: #ccc solid 1px; position: relative; background-position: 10px; }
#kuchikomi section .icon4::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 39px; right: 20px; }
#kuchikomi section .icon5 { background: #fff url(../../img/260518/icon5.jpg) no-repeat center left; background-size: 22%; line-height: 1; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; position: relative; background-position: 10px; }
#kuchikomi section .icon5::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 39px; right: 20px; }
#kuchikomi section ul { line-height: 1.6em; margin: 3% 0;}
#kuchikomi section ul li { font-size: 13px; list-style: disc; margin-left: 4%;}
#kuchikomi section ul li a { font-size: 13px;}
}
/*===============================================
●PC 画面の横幅が640px
===============================================*/
 @media only screen and (min-width: 768px) {
.pc { display: block !important; } 
.sp { display: none !important; }
.mainArea {background-color: #f3f2e7;}
img { max-width: 100%; }
#kuchikomi { width: 768px; margin: 0px auto; background-color: #fff;}
#kuchikomi section.title_txt { text-align: center; color: #000; padding: 8% 0; margin: 0;}
#kuchikomi section.title_txt p { font-size: 20px; line-height: 1.6;}
#kuchikomi section.title_txt p.kome { font-size: 12px;}
#kuchikomi section h2 { font-size: 24px; padding: 3%; text-align: center; color: #fff; background-color: #365746;}
#kuchikomi section .box01 { padding: 3%;}
#kuchikomi section .box01 p { margin: 3% 0;font-size: 16px;}
#kuchikomi section h3 { font-size: 20px; line-height: 1.3; margin: 3% 0; padding: 1.5%; background-color: #b65852; color: #fff; width: 100px; text-align: center; border-radius: 30px;}
#kuchikomi section h4 { font-size: 18px; line-height: 1.3; color: #b65852;}
#kuchikomi section h5 { font-size: 16px; }
#kuchikomi section h5 a { padding: 12% 0 12% 30%; display: block; }
#kuchikomi .kome  { font-size: 10px; line-height: 1.5; margin: 0; }
#kuchikomi section .box { margin: 10% 3%;}
#kuchikomi section .box03 { padding: 0 10px; width: 50%; float: left; box-sizing: border-box;}
#kuchikomi section .icon1 { background: #fff url(https://ozio.jp/excludes/ozio/content/kuchikomi/img/260518/icon1.jpg) no-repeat center left; background-size: 25%; line-height: 1; border-top: #ccc solid 1px; position: relative; }
#kuchikomi section .icon1::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 42px; right: 20px; }
#kuchikomi section .icon2 { background: #fff url(https://ozio.jp/excludes/ozio/content/kuchikomi/img/260518/icon2.jpg) no-repeat center left; background-size: 25%; line-height: 1; border-top: #ccc solid 1px; position: relative; }
#kuchikomi section .icon2::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 42px; right: 20px; }
#kuchikomi section .icon3 { background: #fff url(https://ozio.jp/excludes/ozio/content/kuchikomi/img/260518/icon3.jpg) no-repeat center left; background-size: 25%; line-height: 1; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; position: relative; }
#kuchikomi section .icon3::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 42px; right: 20px; }
#kuchikomi section .icon4 { background: #fff url(https://ozio.jp/excludes/ozio/content/kuchikomi/img/260518/icon4.jpg) no-repeat center left; background-size: 25%; line-height: 1; border-top: #ccc solid 1px; position: relative; }
#kuchikomi section .icon4::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 42px; right: 20px; }
#kuchikomi section .icon5 { background: #fff url(https://ozio.jp/excludes/ozio/content/kuchikomi/img/260518/icon5.jpg) no-repeat center left; background-size: 25%; line-height: 1; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; position: relative; }
#kuchikomi section .icon5::before { content: ""; width: 10px; height: 10px; border-top: 3px solid #ccc; border-right: 3px solid #ccc; -webkit-transform: rotate(45deg); position: absolute; top: 42px; right: 20px; }
#kuchikomi section ul li { font-size: 16px; line-height: 1.5;list-style: disc; margin-left: 16px;}
}