@charset "utf-8";



/* ----------------------------------------------

  ! base elements

 ---------------------------------------------- */



body {

	width: 100%;

	height: 100%;

	color: #333;

	font-size: 16px;

	line-height: 1;

	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	-webkit-text-size-adjust: 100%;

}



a:link,

a:visited {

	color: #333;

	text-decoration: none;

	outline: none;

}



a:hover,

a:active {

	color: #333;

	text-decoration: none;

}



input,

button,

select,

textarea {

	font-size: inherit;

	line-height: inherit;

	font-family: inherit;

}



*,

*:after,

*:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



img { 

    max-width: 100%;

    height: auto;

}



a img:hover {

    opacity: 0.6;

}



p { 

    color: #333333;

}



/* ----------------------------------------------

 ! image rollover

 ---------------------------------------------- */

/*

a.img-rollover:hover img {

	opacity: .8;

	filter: alpha(opacity=80);

	-ms-filter: "alpha( opacity=80 )";

	/*background: #fff;*//*

}



input.img-rollover:hover {

	opacity: .8;

	filter: alpha(opacity=80);

	-ms-filter: "alpha( opacity=80 )";

	/*background: #fff;*//*

}*/



/* ----------------------------------------------

  ! clearfix

 ---------------------------------------------- */



.clearfix:before,

.clearfix:after {

	content: "";

	display: table;

}



.clearfix:after {

	clear: both;

}



.clearfix {

	zoom: 1;

}



.cf:before,

.cf:after {

	content:"";

	display:table;

}

 

.cf:after {

	clear:both;

}



.cf {

	zoom:1;

}



/* ----------------------------------------------

  ! br

 ---------------------------------------------- */



br.sp {

	display: block !important;

}



br.pc {

	display: none!important;

}



@media screen and (min-width : 480px){



	br.sp {

		display: none!important;

	}





	br.pc {

		display: block !important;

	}



}



/* ! text size

----------------------------------------------- */



.small {

	font-size: 12px;

	line-height: 1.6;

}



.normal {

	font-size: 14px;

	line-height: 1.6;

}



.large {

	font-size: 16px;

	line-height: 1.6;

}



.largest {

	font-size: 18px;

	line-height: 1.6;

}



/* ! text alignment

----------------------------------------------- */



.left {

	text-align: left;

}



.right {

	text-align: right;

}



.center {

	text-align: center;

}



/* ! image alignment

----------------------------------------------- */



.alignleft {

	display: inline;

	float: left;

	margin-bottom: 20px;

	margin-right: 20px;

}



.alignright {

	display: inline;

	float: right;

	margin-bottom: 20px;

	margin-left: 20px;

}





.aligncenter,

.alignleft-clear,

.alignright-clear {

	width: 100%;

	margin-bottom: 5px;

}



.aligncenter img {

	clear: both;

	display: block;

	margin: 0 auto 20px;

	max-width: 100%;

}



.alignleft-clear img,

.alignright-clear img {

	width: 100%;

}





/*----------------------------------------------------

 header

----------------------------------------------------*/

header {

  width: 100%;

  height: 180px;

  background: #fff;

}

#headerInner {

  width: 1200px;

  height: 180px; 

  margin: 0 auto;

  background: #fff;

}

#headerInner ul {

  display: flex;

}

#headerInner ul li:first-child { margin-top: 18px;}

#headerInner ul li:last-child {

   margin-left: auto;

   margin-top: 75px;

}

.txt_green { color: #009b5b;}



@media screen and (max-width:640px) { 

    header {

        width: 100%;

        height: 100%;

        background: #fff;

    }

    #headerInner {

        width: 95%;

        height: 100%;

        margin: 0 auto;

        background: #fff;

    }

    #headerInner ul {

        display: flex;

        padding-bottom: 20px;

    }

    #headerInner ul li:first-child {

        margin-top: 10px;

    }

    #headerInner ul li:last-child {

       margin-left: auto;

       margin-top: 20px;

    }

    #headerInner ul li:first-child img {

        width: 95%;

    }

}



/*----------------------------------------------------

 footer

----------------------------------------------------*/

footer {

  width: 100%;

  height: 60px;

  background: #2e2e2e;

}

#footerInner {

  width: 1200px;

  height: 60px;

  margin: 0 auto;

  padding: 20px;

  background: #2e2e2e;

}



@media screen and (max-width:640px) { 

    footer {

      width: 100%;

      height: auto;

      position: fixed;

      bottom: 0;

      background: #2e2e2e; 

    }

    #footerInner {

      width: 100%;

      height: auto; 

      padding: 10px 0;

      background: #2e2e2e; 

    }

    #footerInner .ft_box {

        width: 100%;

    }

    #footerInner .ft_box .l_box {

        width: 50%;

        float: left;

        padding: 5px 5px 5px 10px;

        text-align: center;

    }

    #footerInner .ft_box .r_box {

        width: 50%;

        float: right;

        padding: 5px 10px 5px 5px;

        text-align: center;

    }

    #footerInner .ft_box img:hover {

        opacity: 0.6;

    }

}



/*----------------------------------------------------

 top_image

----------------------------------------------------*/

.top_image { 

    width: 100%;

    border-top: 3px solid #0059b4;

}

.top_image img {

	width: 100%;

	height: 100%; 

	max-width: 1560px;

	margin: 0 auto;

}



@media screen and (max-width:640px) { 

    .top_image {

        border-top: none;

    }

}



/*----------------------------------------------------

 content

----------------------------------------------------*/

#content {

  width: 100%;

  background: #fff;

}

.contentInner {

  width: 1200px;

  margin: 0 auto;

  zoom: 1;

}

.contentInner:after {

  content: "";

  display: block;

  clear: both;

}



.contentBox_01 {

	width: 100%;

	padding: 60px 0;

	background-image: url(../img/bg_pattern01.jpg);

    background-repeat: repeat;

}

.contentBox_01 h2 {

    margin-bottom:  40px;

	font-size: 48px;

	font-weight: bold;

	color: #fff;

	text-align: center;

    letter-spacing: -0.015em;

}

.contentBox_01 p {

    text-align: center;

    font-size: 18px;

    line-height: 1.8;

    color: #fff;

}

.contentBox_01 img.cg_ttl02 {

    display: block;

    margin: auto;

    margin-bottom: 15px;

}

   

@media screen and (max-width:640px) { 

    .contentBox_01 {

	    padding: 30px 0 10px;

        background-image: url(../img/bg_pattern01.jpg);

        background-repeat: repeat;

    }

    .contentBox_01 h2 {

        margin-bottom: 10px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.2;

      }

    .contentBox_01 p.explainsp { 

        color: #fff;

        text-align: center;

        font-size: 15px;

        line-height: 1.8;

    }

    .contentBox_01 ul { 

        width: 95%;

        margin: 0 auto;

    }

    .contentBox_01 ul li {

        width: 70%;

        margin: 0 auto 5%;

    }

    .contentBox_01 img.cg_ttl02 {

        margin-bottom: 15px;

    }

}



.contentBox_02 { 

    width: 100%;

    max-width: 1920px;

    max-height: 274px;

	padding-top: 10px;

	background-image: url(../img/belt_01.png);

	background-position: center;

}

.contentBox_02 .contentInner {

    position: relative;

}

.contentBox_02 img.abslt  {

    position: absolute;

    right: 0;

    bottom: 5px;

}

.contentBox_02 p.w782 {

    width: 782px;

    margin: 30px auto;

    padding-bottom: 20px;

    border-bottom: 5px dotted #ccc;

    color: #fff;

}

.contentBox_02 p { 

    margin: 24px 0 0 15px;

    line-height: 1.5;

}

.contentBox_02 .mv01 { margin: 30px 150px 0 0;}



@media screen and (max-width:640px) { 

    .contentBox_02 {

        width: 100%;

        height: inherit;

        background-image: url(../img/belt_01_sp.png);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

    }

    .contentBox_02 .contentInner {

        position: relative;

    }

    .contentBox_02 p {

        margin: 0;

        color: #fff;

        line-height: 2.5;

        border-bottom: 2px dotted #fff;

    }

    .contentBox_02 img {

        width: 60%;

        max-width: 60%;

        height: auto;

    }

    .contentBox_02 .point_g img { 

        position: absolute;

        right: 0;

        bottom: 0;

        max-width: 20%;

    }

}



.contentBox_03 {

	width: 100%;

	padding: 60px 0;

	background-image: url(../img/bg_pattern05.jpg);

    background-repeat: repeat;

}

.contentBox_03 h2 {

    margin-bottom:  40px;

    font-size: 48px;

	font-weight: bold;

	color: #333333;

	text-align: center;

	letter-spacing: -0.03em;

}

.contentBox_03 img { 

    display: block;

    margin: auto;

    margin-bottom: 15px;

}

.contentBox_03 p { 

	text-align: center;

	font-size: 18px;

	line-height: 1.8;

}

.contentBox_03 table { 

	width: 100%;

}

.contentBox_03 table tr th,

.contentBox_03 table tr td {

	text-align: center;

	vertical-align: middle;

}

.contentBox_03 table tr th.wh01 {

	background-color: #fff;

}	

.contentBox_03 table tr th.gr01 {

    font-size: 1.3em;

    padding: 15px 0;

	background-color: #0088b4;

    color: #fff;

}

.contentBox_03 table tr th.gr02 {

    font-size: 1.3em;

    padding: 15px 0;

	background-color: #0059b4;

    color: #fff;

}

.contentBox_03 table tr th.t_l {

	padding: 10px 0 10px 20px;

	background-color: #f1f1f1;

	text-align: left;

}

.contentBox_03 table tr th.t_l p {

    color: #0059b4;

}

.contentBox_03 table tr th.bg_img01 {

	background-image: url(../img/tbl_th_01.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr th.bg_img02 {

	background-image: url(../img/tbl_th_02.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr th.bg_img03 {

	background-image: url(../img/tbl_th_03.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr th.bg_img04 {

	background-image: url(../img/tbl_th_04.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr th.bg_img05 {

	background-image: url(../img/tbl_th_05.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr th.bg_img06 {

	background-image: url(../img/tbl_th_06.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr th.bg_img07 {

	background-image: url(../img/tbl_th_07.png);

	background-repeat: no-repeat;

	background-position: 20% 50%;

}

.contentBox_03 table tr td {

	background-color: #fff;

}



@media screen and (max-width:640px) { 

    .contentBox_03 {

	    padding: 30px 0;

    }

    .contentBox_03 h2 {

        margin-bottom: 10px;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.5;

    }  

    .contentBox_03 p.explainsp { 

        text-align: center;

        font-size: 16px;

        line-height: 1.8;

    }

    .contentBox_03 table tr th.gr01,

    .contentBox_03 table tr th.gr02 {

        font-size: 1em;

        width: 50%;

    }

    .contentBox_03 table tr td {

        padding: 10px 0;

        font-size: 0.9em;

        text-align: center;

        line-height: 1.5;

    }

    .contentBox_03 table tr td span.txt_clr01 {

        font-size: 1.1em;

    }

    .contentBox_03 table tr th.bg_img01 {

        background-position: 30% 50%;

    }

    .contentBox_03 table tr th.bg_img02{

        background-position: 27% 50%;

    }

    .contentBox_03 table tr th.bg_img03 {

        background-position: 28% 50%;

    }

    .contentBox_03 table tr th.bg_img04 {

        background-position: 28% 50%;

    }

    .contentBox_03 table tr th.bg_img05 {

        background-position: 30% 50%;

    }

    .contentBox_03 table tr th.bg_img06 {

        background-position: 30% 50%;

    }

    .contentBox_03 table tr th.bg_img07 {

        background-position: 34% 50%;

    }

    .contentBox_03 table tr th.t_l p {

        color: #0059b4;

    }

}



.contentBox_04 {

	width: 100%;

	padding: 60px 0;

	background-image: url(../img/bg_pattern01.jpg);

    background-repeat: repeat;

}

.contentBox_04 h2 {

    margin-bottom:  10px;

	font-size: 48px;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

    letter-spacing: 0.1em;

}

.contentBox_04 img.cg_ttl02 {

    margin-bottom: 30px;

}

.contentBox_04 .l_box01 {

	width: 50%;

	float: left;

	position: relative;

}

.contentBox_04 .l_box01 img.on_whBox,

.contentBox_04 .r_box01 img.on_whBox {

    max-width: 142px;

	position: absolute;

	top: 12px;

	left: 5px;

}

.contentBox_04 p.ttl_deco01 { 

	font-size: 30px;

	color: #333333;

	position: relative;

}

.contentBox_04 .r_box01 {

	width: 50%;

	float: right;

	position: relative;

}

.contentBox_04 .l_box01 .bg_whBox,

.contentBox_04 .r_box01 .bg_whBox {

	width: 96%;

	margin-left: 4%;

	padding: 20px 30px;

	background-color: #fff;

}

.contentBox_04 .l_box01 .bg_whBox .in_whBox,

.contentBox_04 .r_box01 .bg_whBox .in_whBox {

	width: 420px;

    margin-bottom: 30px;

}

.contentBox_04 .l_box01 .bg_whBox .in_whBox img,

.contentBox_04 .r_box01 .bg_whBox .in_whBox img {

    margin-left: 95px;

    border-bottom: 1px solid #009b5b;

}

.contentBox_04 .l_box01 .af_whBox {

    width: 520px;

    text-align: center;

}

.contentBox_04 .af_whBox p {

    line-height: 1.8;

}



@media screen and (max-width:640px) { 

    .contentBox_04 {

	    padding: 30px 0 0;

    }

    .contentBox_04 h2 {

        margin-bottom: 10px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.5;

      }  

}



.contentBox_05 {

	width: 100%;

	padding: 60px 0 0;

}

.contentBox_05 h2 {

    margin-bottom:  10px;

	font-size: 48px;

	font-weight: bold;

	color: #333333;

	text-align: center;

    letter-spacing: 0.1em;

}

.contentBox_05 .l_box01 {

	width: 50%;

	float: left;

}

.contentBox_05 .l_box01 .inBox {

    width: 96%;

    padding: 25px;

    background-color: #6cc660;

}

.contentBox_05 .r_box01 {

	width: 50%;

	float: left;

}

.contentBox_05 .r_box01 .inBox {

    width: 96%;

    padding: 25px;

    background-color: #009b5b;

}

.contentBox_05 p {

    font-size: 17px;

    line-height: 1.8;

}

.contentBox_05 img.cg_ttl02 {

    margin-bottom: 30px;

}

.contentBox_05 .inBox p {

    color: #fff;

}

.contentBox_05 .inBox p.in_ttl {

    margin-bottom:  25px;

    padding-bottom: 20px;

    border-bottom: 1px solid #fff;

}

.contentBox_05 .inBox p span.lk_ttl {

    font-size: 1.5em;

}



@media screen and (max-width:640px) { 

    .contentBox_05 {

	    padding: 30px 0;

    }

    .contentBox_05 h2 {

        margin-bottom: 10px;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.5;

     }

    .contentBox_05 p.explainsp { 

        text-align: center;

        font-size: 16px;

        line-height: 1.8;

        letter-spacing:  -0.09em;

    }

    .contentBox_05 .inBox01 {

        width: 96%;

        margin: 0 auto;

        padding: 25px;

        background-color: #6cc660;

    }

    .contentBox_05 .inBox02 {

        width: 96%;

        margin: 0 auto;

        padding: 25px;

        background-color: #009b5b;

    }

    .contentBox_05 .inBox01 p,

    .contentBox_05 .inBox02 p {

        color: #fff;

    }

    .contentBox_05 .inBox01 p.in_ttl,

    .contentBox_05 .inBox02 p.in_ttl {

        margin-bottom: 25px;

        padding-bottom: 20px;

        border-bottom: 1px solid #fff;

    }

    .contentBox_05 .inBox01 p span.lk_ttl, 

    .contentBox_05 .inBox02 p span.lk_ttl {

        font-size: 1.5em;

    }

    .contentBox_05 .mx80 img {

        max-width: 80%;

    }

}    



.contentBox_06 {

	width: 100%;

	padding: 60px 0;

    background-color: #fff;

}

.contentBox_06 h2 {

    margin-bottom: 40px;

    font-size: 48px;

    font-weight: bold;

    color: #333333;

    text-align: center;

    letter-spacing: 0.1em;

}

.contentBox_06 img.cg_ttl02 {

    display: block;

    margin: auto;

    margin-bottom: 15px;

}

    

@media screen and (max-width:640px) { 

    .contentBox_06 {

	    padding: 30px 0 0;

        background-color: #fff;

    }

    .contentBox_06 h2 {

        margin-bottom: 10px;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.5;

    }

    .contentBox_06 p.explainsp { 

        text-align: center;

        font-size: 16px;

        line-height: 1.8;

    }

    .contentBox_06 ul { 

        width: 95%;

        margin: 0 auto;

    }

    .contentBox_06 ul li {

        display: block;

        width: 90%;

        margin: 0 auto 20px;

        text-align: center;

    }

    .contentBox_06 .f_box01 ul:last-child {

        

    }

    .contentBox_06 img.cg_ttl02 {

        margin-bottom: 10px;

    }  

}



.f_box01 ul,

.f_box02 ul {

    display: flex;

    justify-content: space-between;

}

.f_box02 {

    width: 90%;

    margin: 0 auto;

}



.contentBox_07 {

	width: 100%;

	padding: 60px 0;

	background-image: url(../img/bg_pattern04.jpg);

    background-repeat: repeat;

}

.contentBox_07 h2 {

    margin-bottom:  40px;

	font-size: 48px;

	font-weight: bold;

	color: #333333;

	text-align: center;

    letter-spacing: -0.015em;

}

.contentBox_07 p {

    text-align: center;

    font-size: 18px;

    line-height: 1.8;

    color: #333333;

}

.contentBox_07 img.cg_ttl02 {

    display: block;

    margin: auto;

    margin-bottom: 15px;

}

   

@media screen and (max-width:640px) { 

    .contentBox_07 {

	    padding: 30px 0 10px;

        background-image: url(../img/bg_pattern04.jpg);

        background-repeat: repeat;

    }

    .contentBox_07 h2 {

        margin-bottom: 10px;

        color: #333333;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.2;

    }

    .contentBox_07 p.explainsp { 

        color: #333333;

        text-align: center;

        font-size: 16px;

        line-height: 1.8;

    }

    

     .contentBox_07 ul { 

        width: 95%;

        margin: 0 auto;

    }

    .contentBox_07 ul li {

        width: 90%;

        margin: 0 auto 5%;

    }

    .contentBox_07 img.cg_ttl02 {

        margin-bottom: 15px;

    }

}

.contentBox_08 {

	width: 100%;

	padding: 60px 0;

	background-image: url(../img/bg_pattern_bk.jpg);

    background-repeat: repeat;

}

.contentBox_08 h2 {

    margin-bottom: 40px;

	font-size: 48px;

	font-weight: bold;

	color: #fff;

	text-align: center;

}

.contentBox_08 p {

    color: #fff;

}

.contentBox_08 img.cg_ttl02 {

    display: block;

    margin: auto;

    margin-bottom: 15px;

}

/*.contentBox_08 .question_box,

.contentBox_08 .question_box02 {

    height: 674px

}*/

.contentBox_08 .l_box {

	width: 50%;

	float: left;

}

.contentBox_08 .r_box {

	width: 50%;

	float: right;

}

.contentBox_08 .l_box .inBox,

.contentBox_08 .r_box .inBox {

    width: 96%;

    height: 580px;

    padding: 0 30px;;

    background-color: #fff;

}

.contentBox_08 .inBox p {

    color: #333;

    line-height: 1.8;

}

.contentBox_08 .question_box .l_box .inBox p.lk_ttl, 

.contentBox_08 .question_box02 .l_box .inBox p.lk_ttl {

    margin-bottom:  25px;

    padding: 0 0 20px 120px;

    border-bottom: 3px dotted #cccccc;

    color: #0059b4;

    font-size: 1.4em;

    line-height: 1.4;

    background-image: url(../img/q_01.png);

    background-repeat: no-repeat;

    background-position: 10% 12%;

}

.contentBox_08 .question_box02 .l_box .inBox p.lk_ttl {

    background-image: url(../img/q_03.png);

    background-repeat: no-repeat;

    background-position: 10% 12%;

}

.contentBox_08 .question_box .r_box .inBox p.lk_ttl,

.contentBox_08 .question_box02 .r_box .inBox p.lk_ttl  {

    margin-bottom:  25px;

    padding: 0 0 20px 120px;

    border-bottom: 3px dotted #cccccc;

    color: #0059b4;

    font-size: 1.4em;

    line-height: 1.4;

    background-image: url(../img/q_02.png);

    background-repeat: no-repeat;

    background-position: 10% 12%;

}

.contentBox_08 .question_box02 .r_box .inBox p.lk_ttl {

    background-image: url(../img/q_04.png);

    background-repeat: no-repeat;

    background-position: 10% 12%;

}



@media screen and (max-width:640px) { 

    .contentBox_08 {

	   padding: 30px 0 15px;

    }

    .contentBox_08 h2 {

        margin-bottom: 10px;

        font-weight: bold;

        text-align: center;

        letter-spacing: -0.09em;

        line-height: 1.5;

      }

    .contentBox_08 p.explainsp, { 

        text-align: center;

        font-size: 16px;

        line-height: 1.8;

    }

    .contentBox_08 .l_box {

        width: 100%;

        float: none;

        margin-bottom: 30px;

    }

    .contentBox_08 .r_box {

        width: 100%;

        float: none;

        margin-bottom: 30px;

    }

    .contentBox_08 .l_box .inBox,

    .contentBox_08 .r_box .inBox {

        width: 100%;

        padding: 0 15px;

        background-color: #ffffff;

    }

    .contentBox_08 .inBox p {

        color: #333333;

        line-height: 1.8;

    }

    .contentBox_08 .l_box .inBox p.lk_ttl {

        margin-bottom:  25px;

        padding: 0 0 20px 50px;

        border-bottom: 3px dotted #fff;

        font-size: 1em;

        line-height: 1.4;

        background-image: url(../img/q_01_sp.png);

        background-repeat: no-repeat;

        background-position: 0 12%;

    }

    .contentBox_08 .r_box .inBox p.lk_ttl {

        margin-bottom:  25px;

        padding: 0 0 20px 50px;

        border-bottom: 3px dotted #fff;

        font-size: 1em;

        line-height: 1.4;

        background-image: url(../img/q_02_sp.png);

        background-repeat: no-repeat;

        background-position: 0 12%;

    }

    .contentBox_08 img.cg_ttl02 {

        margin-bottom: 10px;

    }

    .contentBox_08 .question_box .l_box .inBox p.lk_ttl, 

    .contentBox_08 .question_box02 .l_box .inBox p.lk_ttl,

    .contentBox_08 .question_box .r_box .inBox p.lk_ttl,

    .contentBox_08 .question_box02 .r_box .inBox p.lk_ttl{

        margin-bottom:  25px;

        padding: 20px 0 20px 76px;

        background-position: 0 45%;

    }

    .contentBox_08 .l_box .inBox,

    .contentBox_08 .r_box .inBox {

        height: auto;

        padding-bottom: 25px;

    }

    

    .contentBox_08 .accordion > dl > dd {

        display: none;

    }

    .contentBox_08 .stance {

	    box-sizing: border-box;

        padding-bottom: 10px;

    }

    

    .contentBox_08 .stance dl {

        margin-bottom: 10px;

    }

    .contentBox_08 .stance dl {

        margin-bottom: 20px;

    }

    .contentBox_08 .stance dl:last-child {

        margin-bottom: 0;

    }

    .contentBox_08 .stance dl dt {

        position: relative;

        background-repeat: no-repeat;

        background-position: 10px 50%;

        background-color: #fff;

        padding: 15px 0 15px 20%;

        color: #0059b4;

        font-size: 1em;

        font-weight: bold;

        line-height: 1.4;

        cursor: pointer;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .contentBox_08 .stance dl.stance__1 dt {

        background-image: url(../img/q_01.png);

    }

    .contentBox_08 .stance dl.stance__2 dt {

        background-image: url(../img/q_02.png);

    }

    .contentBox_08 .stance dl.stance__3 dt {

        background-image: url(../img/q_03.png);

    }

    .contentBox_08 .stance dl.stance__4 dt {

        background-image: url(../img/q_04.png);

        letter-spacing: -0.09em;

    }

    .contentBox_08 .stance dl dt span {

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        width: 15%;

        height: 100%;

        background-image: url(../img/plus.png);

        background-repeat: no-repeat;

        background-position: center center;

        background-size: 100%;

    }

    .contentBox_08 .stance dl dt span.active {

        background-image: url(../img/minus.png);

    }

    .contentBox_08 .stance dl dd {

        background-color: #fff;

        padding: 15px;

        border-top: 3px dotted #cccccc;

    }

    .contentBox_08 .stance dl dd p {

        color: #333333;

        line-height: 1.8;

    }

}



.contentBox_09 {

	width: 100%;

	padding: 60px 0;

    background-color: #fff;

}

.contentBox_09 h2 {

    margin-bottom:  40px;

	font-size: 48px;

	font-weight: bold;

	color: #333333;

	text-align: center;

}

.contentBox_09 img.cg_ttl02 {

    display: block;

    margin:auto;

    margin-bottom: 15px;

}

.contentBox_09 .f_box01 ul {

    display: flex;

    justify-content: space-between;

}

.contentBox_09 .f_box01 ul li {

    width: 30%;

}

.contentBox_09 .f_box01 ul li div.bg_g {

    padding: 0 5px 5px 5px;

    background-image: url(../img/bg_pattern_g.png);

    background-repeat: repeat;

}

.contentBox_09 .f_box01 ul li div.bg_b {

    padding: 0 5px 5px 5px;

    background-image: url(../img/bg_pattern_b.jpg);

    background-repeat: repeat;

}

.contentBox_09 .f_box01 ul li div.bg_w {

    height: 244px;

    background-color: #fff;

    position: relative;

}



.contentBox_09 .f_box01 ul li div.bg_w img.abslt_t {

    position: absolute;

    top: 0;

    left: 0;

}



.contentBox_09 .f_box01 ul li div.bg_w img.abslt_b {

    position: absolute;

    right: 0;

    bottom: 0;

}



.contentBox_09 .f_box01 ul li div.bg_w p.lk_ttl {

    padding-bottom: 0;

    font-size: 18px;

    font-weight: bold;

    color: #0088b4;

    line-height: 1.5;

    letter-spacing: -0.15em;

}



.contentBox_09 .f_box01 ul li div.bg_w p {

    padding: 20px;

    line-height: 1.2;

}



@media screen and (max-width:640px) { 

    .contentBox_09 {

	    padding: 30px 0 10px;

    }

    .contentBox_09 h2 {

        margin-bottom: 10px;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.5;

        letter-spacing: -0.09em;

    } 

    .contentBox_09 p.explainsp { 

        text-align: center;

        font-size: 16px;

        line-height: 1.8;

    }

    .contentBox_09 .f_box01 ul {

        display: block;

    }

    .contentBox_09 ul li {

        width: 90%;

        margin: 0 auto 5%;

    }

    .contentBox_09 ul li div.bg_g {

        padding: 0 5px 5px 5px;

        background-image: url(../img/bg_pattern_g.png);

        background-repeat: repeat;

    }

    .contentBox_09 ul li div.bg_b {

        padding: 0 5px 5px 5px;

        background-image: url(../img/bg_pattern_b.jpg);

        background-repeat: repeat;

    }

    .contentBox_09 ul li div.bg_w {

        height: auto;

        background-color: #fff;

        position: relative;

    }

    .contentBox_09 ul li div.bg_w img.abslt_t {

        position: absolute;

        top: 0;

        left: 0;

    }

    .contentBox_09 ul li div.bg_w img.abslt_b {

            position: absolute;

            right: 0;

            bottom: 0;

    }

    .contentBox_09 ul li div.bg_w p.lk_ttl {

            padding-bottom: 0;

            font-size: 18px;

            font-weight: bold;

            color: #0088b4;

            line-height: 1.5;

            letter-spacing: -0.15em;

    }

    .contentBox_09 ul li div.bg_w p {

            padding: 20px;

            line-height: 1.2;

    }

    /* .contentBox_09 .f_box01 ul li div.bg_g {

        padding: 0 5px 5px 5px;

        background-image: url(../img/bg_pattern_g.png);

        background-repeat: repeat;

    }

    .contentBox_09 img.cg_ttl02 {

        margin-bottom: 20px;

    }*/

}



.contentBox_10 {

	width: 100%;

	padding: 0 0 60px;

    position: relative

}

.contentBox_10 h2 {

    position: absolute;

    top: 60px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

	font-size: 48px;

	font-weight: bold;

	color: #333333;

	text-align: center;

    letter-spacing: 0.1em;*/

}

.contentBox_10 img.cg_ttl02 {

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

}



@media screen and (max-width:640px) { 

    .contentBox_10 {

	    padding: 30px 0;

    }

    .contentBox_10 h2 {

        position: absolute;

        top: 75px;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

      }

    .contentBox_10 img.cg_ttl02 {

        width: 90%;

        position: absolute;

        top: 50px;

        left: 0;

        right: 0;

        bottom: 0;

        margin: 0 auto;

    }

}

    

.contentBox_11 {

	width: 100%;

	padding: 60px 0;

    background-color: #fff;

}

.contentBox_11 p {

    font-size: 18px;

    line-height: 1.8;

}

    

@media screen and (max-width:640px) { 

    .contentBox_11 {

	    padding: 30px 0;

    }

    .contentBox_11 h2 {

        margin-bottom: 10px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        letter-spacing: 0;

        line-height: 1.5;

   } 



    .contentBox_11 p {

        font-size: 0.9em;

        line-height: 1.5;

    }

}



.contentBox_12 {

	width: 100%;

	padding: 60px 0;

    background-color: #fff;

}



.contentBox_12 p {

    font-size: 18px;

    line-height: 1.8;

}

    

@media screen and (max-width:640px) {    

    .contentBox_12 {

        width: 100%;

        padding: 20px 0;

        background-color: #fff;

}

    .contentBox_12 img { 

        max-width: 45%;

    }

}



.contentBox_13 { 

	width: 100%;

    max-width: 1920px;

    background-image: url(../img/bg_pattern_bk.jpg);

    background-repeat: repeat;

}

.contentBox_13 p.txt_white {

    color: #fff;

    font-size: 30px;

    margin-bottom: 30px;

}

.contentBox_13 p.txt_white span {

    font-size: 40px;

}

.contentBox_13 ul {

    padding-bottom: 40px;

}

.contentBox_13 ul.reason li {

    width: 30%;

    height: 145px;

    border: 1px solid #fff;

    padding: 10px;

    text-align: center;

}

.contentBox_13 ul.reason li p {

    padding-top: 24px;

    color: #fff;

    line-height: 1.5; 

}

.contentBox_13 ul.reason li:first-child p {

    padding-top: 15px;

}

.contentBox_13 ul.reason li:last-child p {

    padding-top: 5px;

}

.contentBox_13 ul.reason li p span {

    font-weight: bold;

    font-size: 30px;

}

/*.contentBox_13 p { 

    margin: 24px 0 0 15px;

    line-height: 1.5;

}*/

.contentBox_13 .mv01 { margin: 30px 150px 0 0;}



@media screen and (max-width:640px) { 

    .contentBox_13 {

        width: 100%;

    }

    .contentBox_13 p {

       margin: 0;

        line-height: 1.2;

    }

    .contentBox_13 p.txt_white {

        padding-top: 20px;

    }

    .contentBox_13 ul.reason li {

        width: 80%;

        height: auto;

        margin: 0 auto 20px;

        border: 1px solid #fff;

        padding: 10px;

        text-align: center;

        margin-bottom: 20px;

    }

    .contentBox_13 ul.reason li:last-child {

        margin-bottom: 0;

    }

    

    .contentBox_13 ul.reason li p.lh1p8 {

        line-height: 1.8;

    }

    .contentBox_13 ul {

        padding-bottom: 20px;

    }

}



#footerInner p {

    color: #fff;

    font-size: 16px;

}



@media screen and (max-width:640px) {        

    #footerInner p {

        font-size: 13px;

        letter-spacing: -0.07em;

    }

}



.g_large { 

	font-size: 38px;

	color: #009b5b;

}

.txt_clr01 { color: #0059b4;}



@media screen and (max-width:640px) { 

	img { max-width: 100%;}

}





@media screen and (max-width:640px) { 

    

----------------------------------------------------

 elements

----------------------------------------------------



/*----------------------------------------------------

 header

----------------------------------------------------*//*

header {

  width: 100%;

  height: 100px; /* 仮初期 *//*

  background: #679FCA; /* 仮初期 *//*

}

#headerInner {

  width: 100%;

  height: 100%; /* 仮初期 *//*

  padding: 10px;

  background: #7FC97E; /* 仮初期 *//*

}

*/



/*

----------------------------------------------------

 footer

----------------------------------------------------

footer {

  width: 100%;

  height: 30px; /* 仮初期 *//*

  background: #009a5a; /* 仮初期 *//*

}

#footerInner {

  width: 100%;

  height: 30px; /* 仮初期 *//*

  padding: 10px 0;

  background: #009a5a; /* 仮初期 *//*

}*/



----------------------------------------------------

 contents

----------------------------------------------------

#content {

  width: 100%;

  padding: 8px;

  background: #fff; /* 仮初期 */

}



.contentInner {

  width: 95%;

  margin: 0 auto;

}

/*#mainContent {

  width: 100%;

  height: 300px; 

  padding: 8px;

  background: #FB8072; 

}*/

}