.forPC{ display: none !important;}
.forSP{ display: inline;}

body{ min-width: 100%; max-width: 100%; width: 100%; margin: auto;}

/* start header */
header .innerBox .hgroup h2{ max-width: 180px;}
header .innerBox .btnBox{ display: none;}
/* end header */

/* start kvArea */
#kvArea,
body#service section#kvArea{ width: 100%; height: auto !important; padding: 0 !important;}
/* end kvArea */

/* start newsArea */
#newsArea{ width: 100%; max-width: 100%; background-color: #EBF4FC; padding: 0 0 20px;}
#newsArea .left{ width: 100%; height: auto; float: none; background: transparent; padding: 40px 20px 20px;}
#newsArea .left .hgroup{ max-width: 100%; float: none; line-height: normal;}
#newsArea .left .hgroup h2{ font-size: 18px; color: #003A81;}
#newsArea .left .hgroup h3{ font-size: 32px; color: #003A81; font-weight: 600;}
#newsArea  ul.right{ width: 100%; height: auto; padding: 0 0 0; float: none; overflow: hidden;}
#newsArea  ul.right li{ border-bottom: 0px none; display: block;}
#newsArea  ul.right li:nth-child(n+6){ display: none;}
#newsArea  ul.right li .date{ width: 100%; font-size: 12px; background-color: transparent; color: #000; padding: 0;}
#newsArea  ul.right li p{ padding-left: 0;;}
/* end newsArea */

/* start contentsArea */
#contentsArea{ background-position: center center; padding: 40px 20px; box-sizing: border-box;}

#contentsArea .hgroup h2{ font-size: 18px; color: #003A81;}
#contentsArea .hgroup h3{ font-size: 32px; color: #003A81; font-weight: 600;}
#contentsArea ul{ margin-top: 20px;}
#contentsArea ul li{ height: auto; overflow: hidden;}

#contentsArea ul li:nth-child(odd){ display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;}
#contentsArea ul li:nth-child(odd) .left{ width: 100%; height: auto; background-color: transparent; position: relative; margin: auto auto auto auto; padding: 10px; box-sizing: border-box; -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;}
#contentsArea ul li:nth-child(odd) .right{ -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;}
#contentsArea ul li:nth-child(1) .left h4{ font-size: 24px; text-align: center;}
#contentsArea ul li:nth-child(1) .left p{ padding: 20px 0;}
#contentsArea ul li:nth-child(1) .left a{ display: block; max-width: 284px; padding: 10px 10px; margin: auto;}
#contentsArea ul li:nth-child(1) .right{ height: auto; width: 100%; float: inherit;}
#contentsArea ul li:nth-child(2){ margin: 40px 0;}
#contentsArea ul li:nth-child(2) .left{ height: auto; width: 100%; float: inherit;}
#contentsArea ul li:nth-child(2) .right{ width: 100%; height: auto; background-color: transparent; position: relative; margin: auto auto auto auto; padding: 10px; box-sizing: border-box;}
#contentsArea ul li:nth-child(2) .right h4{ font-size: 24px; text-align: center;}
#contentsArea ul li:nth-child(2) .right p{ padding: 20px 0;}
#contentsArea ul li:nth-child(2) .right a{ display: block; max-width: 284px; padding: 10px 10px; margin: auto;}
#contentsArea ul li:nth-child(3) .left h4{ font-size: 24px; text-align: center;}
#contentsArea ul li:nth-child(3) .left p{ padding: 20px 0;}
#contentsArea ul li:nth-child(3) .left a{ display: block; max-width: 284px; padding: 10px 10px; margin: auto;}
#contentsArea ul li:nth-child(3) .right{ height: auto; width: 100%; float: inherit;}
/* end contentsArea */

/* start footer */
footer > ul{ padding: 30px 20px;}
footer > ul li:nth-child(2),footer > ul li:nth-child(4){ display: inline-block; margin: 10px 0;}
footer .innerBox{ width: 100%; background-image: url(../images/sp_footer_bg.jpg); background-size: cover;}
footer .innerBox .left{ width: 100%; float: none; padding-top: 30px;}
footer .innerBox .left li{ display: block; font-size: 16px; color: #fff; width: 100%; text-align: center; padding: 10px;}
footer .innerBox .left li:nth-child(even){ display: none;}
footer .innerBox .right{ width: 100%; max-width: 254px; float: none; margin: 20px auto 40px;}
footer .innerBox .right h2{ text-align: center;}
footer .innerBox .right p{ text-align: center;}
footer .innerBox .right p a{ color: #fff;}
footer p#copy{ background-color: #0049A3; text-align: center; color: #fff; font-size: 12px; padding: 10px 0 80px;}
.pagetop{ bottom: 70px;}
/* end footer */
.fix{ position: fixed; bottom: 0; background-color: #fff; width: 100%; padding: 10px 0; z-index: 1;}
.fix > .innerBox{ width: 100%; max-width: 300px; margin: auto; padding: 0 !important; overflow: hidden;}
.fix .innerBox a{ display: block; float: left; width: 49%; vertical-align: top;}
.fix .innerBox a:nth-child(2){ float: right;}
.fix .innerBox img{ width: 100%; vertical-align: top;}




/* start service contents01Area */
body#service #contents01Area{ padding: 40px 10px;}
body#service #contents01Area p{ font-size: 18px; padding: 0 0 40px;}
body#service #contents01Area .hgroup{ padding: 0 0 20px;}
body#service #contents01Area .hgroup h2{ font-size: 24px;}
body#service #contents01Area .hgroup h2 span{ font-size: 32px;}
body#service #contents01Area ul{ max-width: 420px; }
body#service #contents01Area ul li{ font-size: 16px; font-weight: 600; background-position: left top 2px; padding:4px 0 0 40px;}
body#service #contents01Area img{ display: none; max-width: 1011px; position: absolute; bottom: -40px; left: 0; right: 0; margin: auto;}
/* end service contents01Area */

/* start service contents02Area */
body#service #contents02Area{ padding: 40px 10px;}
body#service #contents02Area .hgroup{ padding: 0 0 20px;}
body#service #contents02Area .hgroup h2{ background-image: none; font-size: 24px;}
body#service #contents02Area .hgroup h2 span{ font-size: 32px;}
body#service #contents02Area ul{ text-align: left;}
body#service #contents02Area ul li{ max-width: 100%; min-height: auto; display: block; overflow: hidden;}
body#service #contents02Area ul li:nth-child(even){ margin: 20px 0;}
body#service #contents02Area ul li > span.reason{ display: none;}
body#service #contents02Area ul li > img{ float: left; display: block; width: 100px;}
body#service #contents02Area ul li > .box{ background: transparent; position: relative; top: 0; padding: 0 0 0 10px; width: calc(100% - 110px); box-sizing: border-box; display: block; float: left;}
body#service #contents02Area ul li > .box h3{ text-align: left; color: #0070C4; line-height: 1.2; padding: 0 0 10px;}
body#service #contents02Area ul li > .box h3 br{ display: none;}
body#service #contents02Area ul li > .box p{ font-size: 14px; font-weight: 300;}
/* end service contents02Area */

/* start service contents03Area */
body#service #contents03Area{ padding: 40px 10px;}
body#service #contents03Area .hgroup{ padding: 0 0 20px;}
body#service #contents03Area .hgroup h2{ font-size: 24px;}

body#service #contents03Area table tr:nth-child(1) td{ font-size: 16px; padding: 20px 10px; width: 50%; line-height: 1.4em;}
body#service #contents03Area table tr:nth-child(2) td{ font-size: 16px; padding: 20px 10px; width: 50%;}
body#service #contents03Area ul{ width: 100%; max-width: 1024px; margin: auto; padding: 20px; box-sizing: border-box; background-color: #FFF8F5; border-radius: 10px; border: 1px solid #F93A61; list-style: none; margin-top: 40px;}
body#service #contents03Area ul li{ font-size: 14px;}
/* end service contents03Area */

/* start service contents04Area */
body#service #contents04Area{ padding: 40px 10px;}
body#service #contents04Area .hgroup{ padding: 0 0 20px;}
body#service #contents04Area .hgroup h2{ font-size: 24px;}
body#service #contents04Area img{ max-width: 1025px; display: block; margin: -40px auto auto auto;}
/* end service contents04Area */

/* start service contents05Area */
body#service #contents05Area{ padding: 40px 10px;}
body#service #contents05Area .hgroup{ padding: 0 0 20px;}
body#service #contents05Area .hgroup h2{ font-size: 24px;}
body#service #contents05Area ul li:nth-child(2){ margin: 20px 0;}
body#service #contents05Area ul li img{ max-width: 100%; float: left; border-radius: 10px; margin-right: 0; display: block;}
body#service #contents05Area ul li .txt{ width: 100%; float: none;}
body#service #contents05Area ul li .txt .prof{ font-size: 14px;text-align: center; width: 100%; border-radius: 0 10px 10px 10px;}
body#service #contents05Area ul li .txt .prof br{ display: inline;}
body#service #contents05Area ul li .txt p{ font-size: 14px; font-weight: 300; line-height: 1.4;}
/* end service contents05Area */

/* start service contents06Area */
body#service #contents06Area{ padding: 40px 10px;}
body#service #contents06Area .hgroup{ padding: 0 0 20px;}
body#service #contents06Area .hgroup h2{ font-size: 24px;}
body#service #contents06Area ul li{ width: 100%; max-width: 100%; display: inline-block; vertical-align: top;}
body#service #contents06Area ul li:nth-child(even){ width: 17px; padding: 10px 0 10px; box-sizing: border-box;}
body#service #contents06Area ul li:nth-child(even) img{ width: 100%; transform: rotateX(180deg); display: none;}
body#service #contents06Area ul li > img{ width: 100px; float: left; display: block;}
body#service #contents06Area ul li > .txt{ width: calc(100% - 110px); padding: 0 0 0 10px; float: left;}
body#service #contents06Area ul li h3{ font-size: 16px; font-weight: 600; padding: 0 0 10px; text-align: left;}
/* end service contents06Area */

/* start service contents07Area */
body#service #contents07Area{ padding: 40px 10px;}
body#service #contents07Area .hgroup{ padding: 0 0 20px;}
body#service #contents07Area .hgroup h2{ font-size: 24px;}
body#service #contents07Area .acMenu{ padding: 10px;}
body#service #contents07Area .acMenu.even{ margin: 10px auto;}
body#service #contents07Area .acMenu dt{ display: block; width: 100%; max-width: 700px; margin: 0 auto; box-sizing: border-box; cursor: pointer; background-image:url(../images/i_swich01.png); background-repeat: no-repeat; background-position: right 10px center; font-size: 16px; font-weight: 300;}
body#service #contents07Area .acMenu dd table td{ padding: 16px 6px; font-size: 14px; box-sizing: border-box;}
body#service #contents07Area .acMenu dd table td:nth-child(1){ font-size: 14px;}
body#service #contents07Area .acMenu dd table td br{ display: none;}
body#service #contents07Area .acMenu dd table{margin: 0;}
.scroll-table br{display: block!important;}
.scroll-table {overflow: auto;white-space: nowrap;border: solid 1px #ddd;max-width: 600px;margin: 0 0 8px;}
.scroll-table:before{content: "　右へスクロール";background: #fff;display: block;width: 100%;font-size: 14px;padding: 5px;}
.scroll-table th{width: 30%;min-width: 30%;}
.scroll-table td{width: 30%;min-width: 30%;}
.wrn p span{float: none;}
/* end service contents07Area */

/* start service footer */
footer.con_f .contact_btn_area{ width: 100%; max-width: 960px; padding: 20px 0 0; box-sizing: border-box; margin: auto; background-image: url(../images/sp_footer_bg.jpg); background-size: cover;}
footer.con_f .contact_btn_area .left{ width: 100%; float: none; padding: 20px 0 0;}
footer.con_f .contact_btn_area .left p{ font-size: 16px; text-align: center;}
footer.con_f .contact_btn_area .left p br{ display: none;}
footer.con_f .contact_btn_area .left p span{ font-size: 24px; color: #F29600;}
footer.con_f .contact_btn_area .center{ display: none;}
footer.con_f .contact_btn_area .right{ width: 100%; max-width: 343px; float: none; top: 0; margin: 10px auto 40px; position: relative;}
footer.con_f .contact_btn_area .right img{ width: 100%;}
footer.con_f .contact_btn_area .right a:nth-child(2){ margin-top: 10px; display: block;}
footer.con_f .companyArea{ background-color: #003A81; padding: 20px; box-sizing: border-box; position: relative;}
footer.con_f .companyArea .pagetop{ bottom: 70px; right: 20px;}
footer.con_f .companyArea p{ font-size: 14px;}
/* end service footer */





body#faq #kvArea{ width: 100%; height: 260px !important; background-position: left -100px center;}
body#faq #kvArea .innerBox{ width: 100%; max-width: 305px; height: 100px;}
body#faq #kvArea .innerBox h2{ font-size: 26px; padding-top: 26px;}
/* start faq contents01Area */
body#faq #contents01Area{ width: 100%; background-image: url(../images/service_bg06.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 40px 0; position: relative; z-index: 1;}

body#faq #contents01Area .acMenu{ padding: 10px;}
body#faq #contents01Area .acMenu.even{ margin: 10px auto;}
body#faq #contents01Area .acMenu dt{ display: block; width: 100%; max-width: 700px; margin: 0 auto; box-sizing: border-box; cursor: pointer; background-image:url(../images/i_swich01.png); background-repeat: no-repeat; background-position: right 10px center; font-size: 16px; font-weight: 300;}
body#faq #contents01Area .acMenu dd table td{ display: block; width: 100%;}
body#faq #contents01Area .acMenu dd table td:nth-child(1){ width: 100%;}
/* end faq contents01Area */








/* start company contents01Area */
body#company #contents01Area{ padding: 40px 10px;}
body#company #contents01Area .hgroup{ padding: 0 0 20px;}
body#company #contents01Area .hgroup h2{ font-size: 24px;}

body#company #contents01Area table tr th{ width: 100%; display: block; padding: 10px;}
body#company #contents01Area table tr:last-child th{ border-bottom: 0px none #D7E8F5;}
body#company #contents01Area table tr td{ width: 100%; display: block; padding: 10px;}
body#company #contents01Area table tr:last-child td{ border-bottom: 1px solid #D7E8F5;}
/* end company contents01Area */

/* start company contents02Area */
body#company #contents02Area{ padding: 40px 10px;}
body#company #contents02Area .hgroup{ padding: 0 0 20px;}
body#company #contents02Area .hgroup h2{ font-size: 24px;}
body#company #contents02Area .innerBox{ padding: 10px;}
body#company #contents02Area .innerBox img{ float: none; margin-right: 0; display: block; width: 100%;}
body#company #contents02Area .innerBox .text{ width: 100%; float: none;}
body#company #contents02Area .innerBox .text h3{ font-size: 18px; margin-bottom: 20px; padding: 10px 0; text-align: center;}
body#company #contents02Area .innerBox .text h3 span{ font-size: 14px;}
/* end company contents02Area */







body#contact #kvArea{ width: 100%; height: 260px !important; background-position: left -100px center;}
body#contact #kvArea .innerBox{ width: 100%; max-width: 305px; height: 100px;}
body#contact #kvArea .innerBox h2{ font-size: 26px; padding-top: 26px;}
/* start contact contents01Area */
body#contact #contents01Area{ padding: 40px 10px;}
body#contact #contents01Area form{ margin: 0 auto 0;}
body#contact #contents01Area form table.formTable tr th{ width: 100%; display: block; overflow: hidden; padding: 0 0 0;}
body#contact #contents01Area form table.formTable tr td{ width: 100%; display: block; overflow: hidden; padding: 0 0 20px;}
/* end contact contents01Area */
body#contact footer p#copy{ padding: 10px 0 10px;}