@charset "UTF-8";

@import url(base.css);

img {
	display: inline-block;
	max-width:100%;
	max-height: 100%;
    vertical-align:top;}

html {scroll-padding-top: 80px; /* 固定ヘッダの高さ分 */}

.sp {display: none !important;}

p {font-size: 100%;
    line-height: 1.3em;
    padding: 0;}

/*-------------------------------------------------
	++ color
-------------------------------------------------*/
/* mainBlue */
#mainBlue #title {
    background: #003e91 url(../img/form/PC_main_bg_b.jpg) center bottom no-repeat;
    background-size: cover;}
#mainBlue .titleMain {background-color: #0050c8;}
#mainBlue .campaignBtn {background-color: #ff8800;}
#mainBlue .campaignBtn a {color: #ffffff;}
#mainBlue .btnAnchor {background-color: #ff8800;}
#mainBlue .btnAnchor a {color: #ffffff;}
#mainBlue h4 {color: #005be5;}
#mainBlue h5 {color: #fff;background-color: #005be5;}

/* mainGreen */
#mainGreen #title {
    background: #469915 url(../img/form/PC_main_bg_g.jpg) center bottom no-repeat;
    background-size: cover;}
#mainGreen .titleMain {background-color: #3d930a;}
#mainGreen .campaignBtn {background-color: #ff8800;}
#mainGreen .campaignBtn a {color: #ffffff;}
#mainGreen .btnAnchor {background-color: #ff8800;}
#mainGreen .btnAnchor a {color: #ffffff;}
#mainGreen h4 {color: #3ba000;}
#mainGreen h5 {color: #fff;background-color: #3ba000;}

/* mainRed */
#mainRed #title {
    background: #ff0607 url(../img/form/PC_main_bg_r.jpg) center bottom no-repeat;
    background-size: cover;}
#mainRed .titleMain {background-color: #d60000;}
#mainRed .campaignBtn {background-color: #ff8800;}
#mainRed .campaignBtn a {color: #ffffff;}
#mainRed .btnAnchor {background-color: #ff8800;}
#mainRed .btnAnchor a {color: #ffffff;}
#mainRed h4 {color: #d60000;}
#mainRed h5 {color: #fff;background-color: #d60000;}

/* mainOrange */
#mainOrange #title {
    background: #ee7c00 url(../img/form/PC_main_bg_o.jpg) center bottom no-repeat;
    background-size: cover;}
#mainOrange .titleMain {background-color: #ff7300;}
#mainOrange .campaignBtn {background-color: #3ba000;}
#mainOrange .campaignBtn a {color: #ffffff;}
#mainOrange .btnAnchor {background-color: #3ba000;}
#mainOrange .btnAnchor a {color: #ffffff;}
#mainOrange h4 {color: #ff7300;}
#mainOrange h5 {color: #fff;background-color: #ff7300;}

/* mainNavyblue */
#mainNavyblue #title {
    background: #ee7c00 url(../img/form/PC_main_bg_nb.jpg) center bottom no-repeat;
    background-size: cover;}
#mainNavyblue .titleMain {background-color: #8c51bf;}
#mainNavyblue .campaignBtn {background-color: #8c51bf;}
#mainNavyblue .campaignBtn a {color: #ffffff;}
#mainNavyblue .btnAnchor {background-color: #8c51bf;}
#mainNavyblue .btnAnchor a {color: #ffffff;}
#mainNavyblue h4 {color: #000a3c;}
#mainNavyblue h5 {color: #fff;background-color: #000a3c;}

/* mainSilver */
#mainSilver #title {
    background: #ee7c00 url(../img/form/PC_main_bg_s.jpg) center bottom no-repeat;
    background-size: cover;}
#mainSilver .titleMain {background-color: #2448ff;}
#mainSilver .campaignBtn {background-color: #ffb400;}
#mainSilver .campaignBtn a {color: #ffffff;}
#mainSilver .btnAnchor {background-color: #ffb400;}
#mainSilver .btnAnchor a {color: #ffffff;}
#mainSilver h4 {color: #ffb400;}
#mainSilver h5 {color: #fff;background-color: #2448ff;}

/*-------------------------------------------------
	++ container
-------------------------------------------------*/
#container {
	margin:0 auto;
	text-align: center;
	position:relative;
    width: 100%;
	min-width:1200px;}

.cInner {
	display:block;
	clear:both;
	width:1000px;
    padding: 20px 0;
	margin:0 auto;
	text-align: left;
    margin-inline: auto;}
.cInner2 {
	display:block;
	clear:both;
	width:800px;
    padding: 40px 0;
	margin:0 auto;
	text-align: left;}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;
    background-color: #FFFFFF;}
#header .Inner {
    width: 1000px;
	height:80px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;}
#header .logo {margin: 0;width: 300px;}
#header .logo img {width: 100%;}
#header .menu ul {display: flex;}
#header .menu li {margin-left: 2em;display: flex;align-items: center;}
.menuImg01 {width: 200px;margin-top: 10px;}
.menuImg02 {width: 80px;}

/*-------------------------------------------------
	++ title
-------------------------------------------------*/
#title {
    width: 100%;
    position: relative;
    margin: 0;}
.titleMain {
    text-align: center;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.2em;
    padding: 15px 0 10px 0;}
.titleInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 1000px;
    margin: 3% auto;}
.mainTxt {margin: 0;text-align: left;}
.catch {
    font-size: 70px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.2em;
margin: 0;}
.catch2 {
    font-size: 70px;
    font-weight: bold;
    color: #4d4d4d;
    line-height: 1.2em;
    margin: 0;}
.catch span,
.catch2 span {font-size: 40px;display: block;}
.catchS {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
padding-top: 1em;}
.catchS2 {
    color: #4d4d4d;
    font-size: 25px;
    font-weight: bold;
    padding-top: 1em;}
.catchSS {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
padding-top: 0.5em;}
.catchSS2 {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: normal;
    padding-top: 0.5em;}

.campaignBtn {
    width: 400px;
    margin: 40px 0 0 0;
    border-radius: 50px;}
.campaignBtn a {
    display: block;
    font-weight: bold;
    font-size: 25px;
    padding: 10px 20px;
    line-height: 1.5em;
    text-align: center;}

/*-------------------------------------------------
	++ BTN
-------------------------------------------------*/
.btnAnchor {
    width: 450px;
    margin: 40px auto;
    border-radius: 50px;}
.btnAnchor a {
    display: block;
    font-weight: bold;
    font-size: 25px;
    padding: 13px 20px;
    line-height: 1.5em;
    text-align: center;}

.btnInquiry {
    width: 20em;
    margin: 50px auto;
    border-radius: 50px;
    background-color: #529043;}
.btnInquiry a {
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 130%;
    padding: 0px;
    line-height: 3em;
    text-align: center;}
.btnInquiry a:link,.btnInquiry a:visited {color: #FFF;text-decoration:none;}
.btnInquiry a:hover,.btnInquiry a:active {color: #FFF;text-decoration:none;}

/*-------------------------------------------------
	++ others
-------------------------------------------------*/
h3 {
    color: #000;
    text-align: center;
    font-size: 180%;
    font-weight: bold;
    line-height: 1.8em;
    margin: 0 auto;}
h4 {
    text-align: center;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0;
    margin: 0 auto 0.5em auto;}
h5 {
    font-size: 120%;
    text-align: left;
    line-height: 1.3em;
    padding: 10px 0 10px 20px;
    margin-bottom: 1em;}
.txtC {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;}

.attentionBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #ffffe1;
    border-radius: 15px;
    padding: 20px 30px;
    margin: 30px 0 0 0;}
.attentionIcon {width: 90px;}
.attentionTxt {
    width: 820px;
    color: #000;
    font-size: 140%;
    font-weight: bold;
    text-align: left;}
.attentionTxt span {
    display: block;
    font-size: 70%;
    font-weight: normal;}

.listDisc {
	margin:20px 0 0 0;}
.listDisc li {
	text-align: left;
    color: #000000;
    font-weight: normal;
    font-size: 100%;
	line-height: 1.4em;
	list-style-type:none;
	padding: 0 0 0.2em 1.0em;
	text-indent: -1.0em;}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer {background-color: #f2f2f2;}
.footerInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1000px;
    margin: 0 auto;
    padding: 3% 0;}
.footerItemL {
    width: 750px;
    margin: 0px;
    font-size: 90%;
    color: #000000;
    text-align: left;}
.footerLogo {
    width: 350px;
    margin-bottom: 10px;}
.footerItemR {
    width: 230px;
    margin: 0px;
    display: flex;
    justify-content: space-between;}
.footerInner a:link,.footerInner a:visited {color: #000000;text-decoration:underline;}
.footerInner a:hover,.footerInner a:active {color: #000000;text-decoration:none;}

#pageTop {
	position: fixed;
	bottom:48px;
	right:48px;
	width:48px;
	height:48px;}
#pageTop img {
	display:block;}

#iframeID {
    height: 850px;}