/*@import url("normalize.css");*/

@charset "utf-8";
/*==============================================================
   Common 
==============================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font: normal 300 15px/1 Arial, Helvetica; color: #333; overflow-x: hidden; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { margin: 0; padding: 0; display: block; }
ol,
ul { list-style: none; }
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
img { vertical-align: bottom; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing=0' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; height: auto; }
ul,
ol { list-style-type: none; }
dl { }
li,
dt,
dd { line-height: 1.7; }
#bodyArea p { margin-bottom: 1em; line-height: 1.8; }
sup { color: #00428d; }
/* link -----------------------------------------*/
a { text-decoration: none; overflow: hidden; /*　firefox用　枠線対処*/ color: #333; transition: all 300ms 0s ease; }
a:hover { text-decoration: underline; }
/* clearfix --------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { /* For Mac IE5 \*//*/
    width: 100%;
    /* End for Mac IE5 */ display: inline-block; /* Hide for Mac IE5 \*/ clear: both; height: 1%; min-height: 1%; overflow: visible;/* End Hide for Mac IE5 */ }
.clearfix {/* for Safari Opera */ /* Hide for Mac IE5 \*/ display: block;/* End Hide for Mac IE5 */ }
.clear { clear: both !important; }
/* 表示させないテキスト */
.forReader { position: absolute; top: -100000px; }
/* 改行なし*/
.noWrap { white-space: nowrap !important; }
/* 回り込み ----------------------------------------------------------*/
.section { display: block; }
.floatL { float: left !important; }
.floatR { float: right !important; }
.flex{display:flex;}
#all { width: 901px; margin: 0 auto 0 auto; }
/* 幅 */
.w20{width:20% !important;}
.w40{width:40% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w80{width:80% !important;}
/* テキスト寄せ*/
.alignL { text-align: left !important; }
.alignR { text-align: right !important; }
.alignC { text-align: center !important; }
/* テキストサイズ*/
.sizeS{font-size:86% !important;}
.sizeM{font-size:110% !important;}
.sizeL{font-size:135% !important;}
/* アキ */
.mT0{margin-top: 0;}
.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT50{margin-top: 50px;}
.mB0{margin-bottom: 0;}
.mB10{margin-bottom: 10px;}
.mB20{margin-bottom: 20px;}
.mB30{margin-bottom: 30px;}
.mB40{margin-bottom: 40px;}
.mB50{margin-bottom: 50px;}
.mB60{margin-bottom: 60px;}
.mB70{margin-bottom: 70px;}
.mB80{margin-bottom: 80px;}
.mL0{margin-left: 0;}
.mL10{margin-left: 10px;}
.mL20{margin-left: 20px;}
.mL30{margin-left: 30px;}
.mL40{margin-left: 40px;}
.mL50{margin-left: 50px;}
.mR0{margin-right: 0;}
.mR10{margin-right: 10px;}
.mR20{margin-right: 20px;}
.mR30{margin-right: 30px;}
.mR40{margin-right: 40px;}
.mR50{margin-right: 50px;}



/* 打ち消し線 */
.line-through{text-decoration:line-through;}
/* block Layout
--------------------------------------------------------------*/
.dsp-none,
.forReader,
.tb-dsp-block,
.sp-dsp-block,
.spP-dsp-block { display: none; }
.tb-dsp-none,
.sp-dsp-none,
.spP-dsp-none { }
.dsp-block { display: block; }
.dsp-inlineBlock { display: inline-block; }





/*==============================================================
    Global Navi
==============================================================*/
.inner {
    /*width: 980px;*/
    max-width: 1400px;
    height: 90px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 0;
    line-height: 1;
    z-index: 999;
    font-family: 'Lato', sans-serif;
	box-shadow: 0 5px 8px rgba(0,0,0,0.2);
}
#top-head a,
#top-head {
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    margin: 10px 0 10px 35px;
}
#top-head ul#btnR{
    float: right;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#top-head ul#btnR li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
#top-head ul#btnR li a{
    width: 130px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
#top-head ul#btnR li:first-of-type{background: #eb6395;}
#top-head ul#btnR li:last-of-type{background: #009D52;}

#top-head ul#btnR li:first-of-type:hover{background: #DB498B;}
#top-head ul#btnR li:last-of-type:hover{background: #007F3C;}

#global-nav ul {
    list-style: none;
    position: absolute;
    left: 215px;
    bottom: 10px;
    font-size: 16px;
}
#global-nav ul li {
    float: left;
    margin-right: 20px;
}
#global-nav ul li a {
    padding: 5px 10px;
    color: #000;
}
#global-nav ul li a:hover {
    border-bottom: 2px solid #009D52;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    /*padding-top: 10px;*/
    height: 90px;
    background: #fff;
    background: rgba(255,255,255,.85);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    /*padding: 0 20px;*/
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 26px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}




/*==============================================================
    Main
==============================================================*/
main {
    /*width: 100%;*/
    
}
main #mainImg{
    max-width: 1400px;
    margin: 0 auto;
}
main section{
    width: 100%;
    text-align: center;
}
main h1{
    font-family: 'Lato', sans-serif;
    background: #009D52;
    color: #fff;
    text-align: center;
    font-size: 35px;
    margin-top: 90px;
    padding: 20px;
}
main h2{
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    line-height: 1.43;
    color: #009D52;
    margin-bottom: 1.5em;
}
main h3{
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    line-height: 1.6;
    margin-bottom: 1em;
}
main p.catch{
    font-size: 30px;
    line-height: 1.5;
}
main p{
    font-size: 16px;
    line-height: 1.62;
    margin-bottom: 1em;
}

main .Bgwht{background: #fff;}
main .Bglgrn{background: #E6EDEA;}
main .Bggrn{background: #009D52;}
main .Bglyel{background: #F7F5E2;}

main .w1240{
    max-width: 1240px;
    margin: 0 auto;
}
main .w1040{
    max-width: 1040px;
    margin: 0 auto;
}


/* sec01 ---------------------------------------------*/
main #sec01{
    padding-top: 100px;
    padding-bottom: 50px;
}
main #sec01 #grnBox{
    width: 100%;
    background: #47918D;
    color: #fff;
    margin-bottom: 100px;
}
main #sec01 #grnBox ol{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}
main #sec01 #grnBox ol li{
    width: 18%;
    padding: 60px 1% 50px 1%;
    font-size: 20px;
    text-align: center;
}
main #sec01 #grnBox ol li span{
    display: block;
    width: 47px;
    height: 47px;
    margin: 0 auto 1em auto;
    border-radius: 50%;
    background: #fff;
    color: #009D52;
    font-size: 25px;
    font-family: 'Lato', sans-serif;
    padding-top: 2px;
}


/* sec02 ---------------------------------------------*/
main #sec02{
    padding-top: 70px;
    padding-bottom: 70px;
}
main #sec02 p{
    width: 800px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
main #sec02 p.catch{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
main #sec02 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 70px;
}
main #sec02 ul li{
    width: 32%;
    text-align: left;
}


main #sec02 #sec04Chart{
	width: 857px;
	margin: 0 auto;
}
main #sec02 #sec04Chart ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5em;
}
main #sec02 #sec04Chart ul li{
	width: 364px;
}
/*
main #sec02 #sec05Chart div.circleChart{
	background: #fff;
	border-radius: 50%;
	width: 364px;
	height: 364px;
	font-family: 'Lato', sans-serif;
}
main #sec02 #sec05Chart div.circleChart span{
	display: block;
}
main #sec02 #sec05Chart div.circleChart span.title{
	font-size: 35px;

}
main #sec02 #sec05Chart div.circleChart span.num{
	font-size: 102px;
}
main #sec02 #sec05Chart div.circleChart span.unit{
	font-size: 20px;
}
*/

/* sec03 ---------------------------------------------*/
main #sec03 .sectionWrap{
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: left;
}
main #sec03 .w1040{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    /*background: #ddd;*/
}
main #sec03 .w1040 div{
    width: 46%;
    padding: 0 2%;
    text-align: left;
}
main #sec03 .w1040 figure{
    width: 46%;
    padding: 0 2%;
    text-align: center;
    /*background: #ccc;*/
}
main #sec03 h3{
    padding-left:1.5em;
    text-indent:-1.5em;
}
main #sec03 h3 span{
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    color: #009D52;
    margin-right: 0.4em;
}

main #sec03 #sec03-06 p{
    color: #fff;
    font-size: 30px;
}
main #sec03 #sec03-06 ul{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
main #sec03 #sec03-06 ul li{
    width: 45%;
    border-radius: 40px;
}
main #sec03 #sec03-06 ul li a{
    width: 100%;
    border-radius: 40px;
    background: #fff;
    color: #009D52;
    font-size: 25px;
    position: relative;
    display: inline-block;
    padding: 10px 36px 10px 16px;
    color: #009D52;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
}
main #sec03 #sec03-06 ul li a:after{
    position: absolute;
    content: "";
    margin: auto;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #009D52;
    border-right: 2px solid #009D52;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
main #sec03 #sec03-06 ul li a:hover{
    background: #F4F2E7;
}    

/* sec04 ---------------------------------------------*/
main #sec04{
    padding-top: 100px;
    padding-bottom: 100px;
}
main #sec04 .sectionWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin: 50px 0;
}
main #sec04 .sectionWrap .w50p{
    width: 50%;
}
main #sec04 .sectionWrap figure.w50p{
    position: relative;
    z-index: 0;
}
main #sec04 .sectionWrap div.w50p dl{
    position: absolute;
    width: 53%;
    background: #fff;
    display: inline-block;
    padding: 10px 20px;
    z-index: 1;
    text-align: left;
}
main #sec04 .sectionWrap div.w50p dl dt{
    color: #009D52;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
}
main #sec04 .sectionWrap div.w50p dl dd{
    font-size: 25px;
	padding-bottom: 0.3em;
}
main #sec04 .sectionWrap div.w50p{text-align: left;}

main #sec04 #sec04-01.sectionWrap div.w50p dl{
    top: calc(50% - 100px);
    right: 0;
}
main #sec04 #sec04-02.sectionWrap div.w50p{
    width: 48%;
    padding: 280px 1% 10px 1%;
}
main #sec04 #sec04-02.sectionWrap div.w50p dl{
    top: 50px;
    left: 0;
}
main #sec04 #sec04-03.sectionWrap div.w50p{
    width: 48%;
    padding: 240px 1% 10px 1%;
}main #sec03 #sec03-03.sectionWrap div.w50p dl{
    top: 50px;
    right: 0;
}
main #sec04 #sec04-04.sectionWrap div.w50p{
    width: 48%;
    padding: 240px 1% 10px 1%;
}
main #sec04 #sec04-04.sectionWrap div.w50p dl{
    top: 50px;
    left: 0;
}

main #sec04 #grnLineBox{
    border: 5px solid #E6EDEA;
    padding: 80px 50px 50px 50px;
    position: relative;
}
main #sec04 #grnLineBox:before{
    position: absolute;
    content: "";
    background: url("../images/fm_sec03_arw.jpg") no-repeat;
    background-size: 107px 119px;
    width: 119px;
    height: 107px;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
main #sec04 #grnLineBox h3{
    color: #009D52;
    font-size: 30px;
}
main #sec04 #grnLineBox dl{
    text-align: left;
}
main #sec04 #grnLineBox dl dt{
    border-left: 6px solid #009D52;
    margin-top: 60px;
    padding: 0 0 0 10px;
    margin-bottom: 0.5em;
    font-size: 25px;
}
main #sec04 #grnLineBox dl dd{
    font-size: 16px;
}

/* sec05 ---------------------------------------------*/
main #sec05{
    padding-top: 70px;
    padding-bottom: 70px;
}
main #sec05 p{
    width: 800px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
main #sec05 p.catch{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
main #sec05 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 70px;
}
main #sec05 ul li{
    width: 32%;
    text-align: left;
}


main #sec05 #sec04Chart{
	width: 857px;
	margin: 0 auto;
}
main #sec05 #sec04Chart ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5em;
}
main #sec05 #sec04Chart ul li{
	width: 364px;
}
/*
main #sec05 #sec05Chart div.circleChart{
	background: #fff;
	border-radius: 50%;
	width: 364px;
	height: 364px;
	font-family: 'Lato', sans-serif;
}
main #sec05 #sec05Chart div.circleChart span{
	display: block;
}
main #sec05 #sec05Chart div.circleChart span.title{
	font-size: 35px;

}
main #sec05 #sec05Chart div.circleChart span.num{
	font-size: 102px;
}
main #sec05 #sec05Chart div.circleChart span.unit{
	font-size: 20px;
}
*/


/* sec06 ---------------------------------------------*/
main #sec06{
    padding-top: 70px;
    padding-bottom: 70px;
}
main #sec06 .Bgwht{
    padding: 50px;
}
main #sec06 .Bgwht #qaBox{
    max-width: 680px;
    margin: 0 auto;
}
main #sec06 .Bgwht #qaBox dl.toggle_contents {
    border: 2px solid #B7B7B7;
    margin-bottom: 20px;
	padding: 15px;
    text-align: left;
	font-size: 16px;
}
main #sec06 #qaBox dl dt{
	position: relative;
	cursor: pointer;
    padding: 0 30px;
}
main #sec06 #qaBox dl dt:before{
    position: absolute;
    content: "Q";
    font-size: 20px;
    color: #009D52;
    top: -3px;
    left: 0;
}

main #sec06 #qaBox dl dt .toggle_btn {
	position: absolute;
	top: 50%;
	right: 0px;
    background: #fff;
	transform: translateY(-50%);
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
main #sec06 #qaBox dl dt .toggle_btn:before,
main #sec06 #qaBox dl dt .toggle_btn:after {
	display: block;
	content: '';
	background-color: #009D52;
	position: absolute;
	width: 17px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main #sec06 #qaBox dl dt .toggle_btn:before {
	width: 2px;
	height: 17px;
}
main #sec06 #qaBox dl dt.selected .toggle_btn:before {
	content: normal;
}
main #sec06 #qaBox dl dd {
	display: none;
	position: relative;
    padding-left: 30px;
    margin-top: 1.25em;
}
main #sec06 #qaBox dl dd:before{
    position: absolute;
    content: "A";
    font-size: 20px;
    color: #EB6395;
    top: -3px;
    left: 2px;
}
/* アコーディオンの動きを逆にする ここから ----------------------*/
main #sec06 #qaBox dl dt.selected .toggle_btn:before,
main #sec06 #qaBox dl dt.selected .toggle_btn:after {
	display: block;
	content: '';
	background-color: #009D52;
	position: absolute;
	width: 17px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main #sec06 #qaBox dl dt.selected .toggle_btn:before {
	width: 2px;
	height: 17px;
}
main #sec06 #qaBox dl dt .toggle_btn:before {
	content: normal;
}
main #sec06 #qaBox dl dd {
	display: block;
}
/* アコーディオンの動きを逆にする ここまで ----------------------*/

/* mail */
main #sec06 #mailBox p{
    width: 70%;
    margin: 0 auto;
    text-align: left;
}
main #sec06 #mailBox p.alignC{
    margin: 1.5em auto 0 auto;
}
main #sec06 #mailBox p#mailTo a{
	font-size: 25px;
	color: #009D52;
	text-decoration: underline;
}


/*==============================================================
    Footer
==============================================================*/
footer{
    background: #7F7F7F;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 12px;
}
footer p.pagetop{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 11;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff;
	box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    cursor: pointer;
    text-indent: -10000px;
}
footer p.pagetop:hover{
    background: #F4F2E7;
}
footer p.pagetop span{
    /*position: relative;*/
    display: inline-block;
    vertical-align: middle;
}
footer p.pagetop span:before{
    position: absolute;
    content: "";
    top: 24px;
    left: 20px;
    width: 13px;
    height: 13px;
    border-top: 2px solid #009D52;
    border-left: 2px solid #009D52;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}


/*******************************************************************

	for Tablet
    
*******************************************************************/
@media screen and (max-width: 1024px){


/*==============================================================
    Main
==============================================================*/
/*==============================================================
    Footer
==============================================================*/








}

/*******************************************************************

	for Smart Phone
    
*******************************************************************/
@media screen and (max-width: 767px){
/*==============================================================
    Common
==============================================================*/
.sp-clear { clear: both; }
/* clearfix --------------------------------------------------------*/
.sp-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sp-clearfix { /* For Mac IE5 \*//*/
    width: 100%;
    /* End for Mac IE5 */ display: inline-block; /* Hide for Mac IE5 \*/ clear: both; height: 1%; min-height: 1%; overflow: visible;/* End Hide for Mac IE5 */ }
.sp-clearfix {/* for Safari Opera */ /* Hide for Mac IE5 \*/ display: block;/* End Hide for Mac IE5 */ }
/* block Layout
-------------------------------------------------------------*/
.sp-dsp-none { display: none !important; }
.sp-dsp-block { display: block; }
.sp-dsp-inline { display: inline; }


    main h2{
        font-size: 23px;
    }
    main h3{
        font-size: 20px;
        line-height: 1.4;
    }
    main p.catch{
        font-size: 23px;
        line-height: 1.52;
    }
    main p{
        font-size: 14px;
        line-height: 1.64;
    }
    main .w1240{
        max-width: none;
        width: 95%;
    }
    main .w1040{
        max-width: none;
        width: 95%;
    }
/*==============================================================
    Global Navi
==============================================================*/
    .inner {
        max-width: none !important;
        height: 80px !important;
    }
     #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
	#top-head.open .inner {
		background: #eee;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    #top-head .logo {
        margin: 0;
    }

    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
	    height: 80px;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 80px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 10px;
        color: #333;
        width: 19%;
    }
    #top-head ul#btnR{
        margin: 10px 60px 10px 0;
    }
    #top-head ul#btnR li a{
		width: 80px;
	    height: 60px;
    	font-size: 13px;
	}

	#global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -476px;
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
	.open #global-nav {
        height: 100vh;
	}
    #global-nav ul {
        list-style: none;
        position: static;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 16px;
        background: #fff;
    }
    #global-nav ul li {
        float: none;
        position: static;
        margin-right: 0;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #000;
        padding: 18px 0;
    }
    #global-nav ul li a:hover {
        border-bottom: none;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }


/*==============================================================
    Main
==============================================================*/
    main h1{
        margin-top: 80px;
    }
    main section{
        /*padding-left: 15px;
        padding-right: 15px;*/
    }


/* sec01 ---------------------------------------------*/
    main #sec01 #grnBox ol{
        display: block;
		padding: 20px;
    }
    main #sec01 #grnBox ol li{
        width: 100%;
        padding: 30px 0 25px 0;
        font-size: 20px;
    }
    main #sec01 #grnBox ol li span {
        margin: 0 auto 0.5em auto;
    }

/* sec02 ---------------------------------------------*/
    main #sec02{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    main #sec02 p{
        width: 100%;
    }
    main #sec02 ul{
        margin-bottom: 50px;
    }
    main #sec02 ul li{
        width: 100%;
        margin-bottom: 2em;
    }
    
	main #sec02 #sec04Chart{
		width: 100%;
	}
	main #sec02 #sec04Chart ul{
		margin-bottom: 0em;
	}
	main #sec02 #sec04Chart ul li{
		width: 48%;
	}

/* sec03 ---------------------------------------------*/
    main #sec03{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    main #sec03 .w1040{
        /*display: block;*/
        /*background: #ddd;*/
    }
    main #sec03 .w1040 .w50p{
        width: 100%;
        padding: 0;
        order: 1 !important;
    }
    main #sec03 .w1040 figure.w50p{
        order: 2 !important;
    }
    main #sec03 #sec03-06 p{
        font-size: 23px;
    }
    main #sec03 #sec03-06 ul{
        display: block;
    }
    main #sec03 #sec03-06 ul li{
        width: 85%;
		margin-top: 2em;
    }
    main #sec03 #sec03-06 ul li a{
        font-size: 20px;
    }


/* sec04 ---------------------------------------------*/
    main #sec04{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    main #sec04 .sectionWrap{
        margin: 50px 0;
    }
    main #sec04 .sectionWrap div.w50p{
        width: 100%;
        order: 2;
    }
    main #sec04 .sectionWrap figure.w50p{
        position: static;
        width: 100%;
        order: 1;
    }
    main #sec04 .sectionWrap div.w50p dl{
        position: static;
        width: 100%;
        padding: 0 0 1em 0;
    }
    main #sec04 .sectionWrap div.w50p dl dt{
        color: #009D52;
        font-size: 23px;
    }
    main #sec04 .sectionWrap div.w50p dl dd{
        font-size: 20px;
    }
    main #sec04 .sectionWrap div.w50p p{
        font-size: 14px;
    }
    /* 04-01 */
    /* 04-01 */
    main #sec04 #sec04-02.sectionWrap div.w50p{
        width: 100%;
        padding: 0;
    }
    main #sec04 #sec04-03.sectionWrap div.w50p{
        width: 100%;
        padding: 0;
    }
    main #sec04 #sec04-04.sectionWrap div.w50p{
        width: 100%;
        padding: 0;
    }
    
    main #sec04 #grnLineBox{
        padding: 60px 20px 20px 20px;
    }
    main #sec04 #grnLineBox:before{
        background-size: 95px 85px;
        width: 95px;
        height: 85px;
    }
    main #sec04 #grnLineBox h3{
        font-size: 23px;
    }
    main #sec04 #grnLineBox dl dt{
        margin-top: 30px;
        font-size: 20px;
    }
	main #sec04 #grnLineBox dl dd{
    	font-size: 14px;
	}


/* sec05 ---------------------------------------------*/
    main #sec05{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    main #sec05 p{
        width: 100%;
    }
    main #sec05 ul{
        margin-bottom: 50px;
    }
    main #sec05 ul li{
        width: 100%;
        margin-bottom: 2em;
    }
    
	main #sec05 #sec04Chart{
		width: 100%;
	}
	main #sec05 #sec04Chart ul{
		margin-bottom: 0em;
	}
	main #sec05 #sec04Chart ul li{
		width: 48%;
	}

/* sec06 ---------------------------------------------*/
    main #sec06{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    main #sec06 .Bgwht{
        padding: 20px;
    }
    main #sec06 #qaBox{
        max-width: none;
        width: 100%;
    }
	main #sec06 .Bgwht #qaBox dl.toggle_contents {
    	font-size: 14px;
	}
	/* mail */
	main #sec06 #mailBox p{
    	width: 100%;
	}
	main #sec06 #mailBox p#mailTo a{
		font-size: 20px;
	}


/*==============================================================
    Footer
==============================================================*/
    footer p.pagetop{
		bottom: 25px;
		right: 5px;
        width: 45px;
        height: 45px;
    }
    footer p.pagetop span:before{
        top: 20px;
        left: 17px;
        width: 10px;
        height: 10px;
    }



}

/*******************************************************************

	for Print
    
*******************************************************************/
@media print {
    /* 紙媒体向けスタイル定義 */
    body { background: none; }/*
    #headerArea #btnArea { display: none; }
    #gnaviArea { display: none; }
    #localNavi { display: none; }
    #contentsArea2 #contentsMain,
     #contentsArea3 #contentsMain { float: none; }
    #footerArea { display: none; }*/
}