@charset "utf-8";

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:0;}
article,aside,details,figcaption,figure,main,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
img{border:0;vertical-align:top;}
em{font-style:italic;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select,textarea{font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle;}
input:focus,textarea:focus,select:focus{outline:none;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/
html{
  overflow-y: scroll;
  font-size: 62.5%;
}

/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/
body{
  color: #fff;

font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

  min-width: 980px;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.9;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;

  background-color: #fff;
  overflow-x: hidden;
}

p{
  font-size: 16px;
  color: #000;
}


/*
::-moz-selection{
  color:;
  background:;
}
::selection{
  color:;
  background:;
}
*/

/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/
h1 {
  margin-top: 100px;
}
a{
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  color: #000000;
  transition: 0.5s;
}
a:link,
a:visited{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
  outline: none;
  opacity: 0.7;
}
a:active{
  outline: none;
}

/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
  content: "";
  display: table;
}

.cf:after{
  clear: both;
}
.cf{
  zoom: 1;
}

.sp{
  display: none!important;
}

/* web font
-----------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   Page
---------------------------------------------------------------------------*/
#Page{
  width: 100%;
  background-color:#fff;
  background-image:url(../images/bg_01.png), url(../images/bg_02.png);
  background-position:top left, top right;
  background-repeat:no-repeat, no-repeat;
  background-attachment:scroll, scroll;
  text-align:center;
  padding-top:20px;
}
/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header{
  width: 980px;
  margin:auto;
  margin-top:30px;
}

#Header .content{
  display: -webkit-flex;
  display: flex;
-webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}
/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* Main
-----------------------------------------------------------------*/
#Main{
  width: 100%;
  height:auto;
  background: #fff;
  background-size:contain;
}

/*ul{
  letter-spacing: -.4em;
  word-spacing: 0em;
}
li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
}*/

/* #Sec01
-----------------------------------------------------------------*/
#Sec01{
  width:100%;
  height: 675px;
  background: #f4f4f4 url(../images/bg_05.png) repeat scroll center top;
  margin:  0 auto;
  text-align: center;
}

#Sec01 .content{
  width:980px;
  height:auto;
  margin:0 auto;
}

#Sec01 .ttl{
	margin:0 auto;
	margin-bottom:40px;
}

/* #Sec02
-----------------------------------------------------------------*/
#Sec02{
  width:100%;
  height:auto;
  background: #fff url(../images/bg_04.png) repeat-x scroll top;
  margin:  0 auto;
  margin-bottom: 40px;
}

#Sec02 .content{
background-color:#fff;
  width:980px;
  height:auto;
  margin:0 auto;
}

#Sec02 .ttl{
	margin:auto;
	margin-bottom:20px;
}

#Sec02 .box{
	margin:auto;
	margin-top:60px;
	padding-bottom:20px;
	border:1px solid #dcdcdc;
}
#Sec02 .ex{
	margin-top:-30px;
}

#Sec02 .txt{
	width:920px;
  height:auto;
  display: -webkit-flex;
  display: flex;
	margin:auto;
  padding-top: -30px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #dcdcdc;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  -webkit-align-items:flex-end; /* Safari */
  align-items:flex-end;
}

#Sec02 .txt img:first-child {
  margin-right: auto;
}

#Sec02 .txt img:nth-child(2){
  margin-right:50px;
}

/* #Sec03
-----------------------------------------------------------------*/
#Sec03{
 width:100%;
 height:auto;
  padding-bottom:60px;
  background:#fff;
}

#Sec03 .content{
  width:980px;
  height:auto;
  margin:0 auto;
}

#Sec03 .box{
	margin-top:30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

/* #Sec04
-----------------------------------------------------------------*/
#Sec04{
  width:100%;
  height: auto;
  background: #f4f4f4 url(../images/bg_05.png) repeat scroll center top;
  margin:  0 auto;
  padding-bottom: 20px;
  text-align: center;
}

#Sec04 .content{
  width:980px;
  height:auto;
  margin:0 auto;
}

#Sec04 .ttl{
	margin:0 auto;
	margin-bottom:40px;
}

#Sec04 span{
  color: #e60081;
}

table.formTable{
	margin:0 auto;
	margin-top:30px;
  margin-bottom: 30px;
	border-collapse: collapse;
	color:#282828;
	text-align:left;
}

table.formTable th td{
  width: 100%;
  height:auto;
  display: block;
}
table.formTable th{
	padding:15px 10px;
	letter-spacing:0.3em;
	vertical-align: middle;
  font-weight: lighter;
}
table.formTable th{
	width:300px;
  height:auto;
	padding: 10px;
	vertical-align:middle;
}
table.formTable td{
  padding:15px 10px;
  vertical-align: middle;
  letter-spacing: 0;
}
input#submit_button {
  width: 260px;
	height: 45px;
	border-radius: 30px;
	margin-top:30px;
	font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	color:#e60081;
	background-color:#fff;
	border-style: none;
	border:1px #e60081 solid;
	font-size:18px;
  cursor: pointer;
  transition-duration:0.2s;
}
input#submit_button:hover {
  background-color:#e60081;
  color:#fff;
}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
  width: auto;
	height:37px;
  margin:auto;
  padding-top: 5px;
  background-color: #e60081;
  text-align: center;
}
#Footer p {
  color: #e6c5d7;
  font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
  font-size: 14px;
  font-weight: lighter;

}



@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

  /*--------------------------------------------------------------------------
     Header
  ---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
     Content
  ---------------------------------------------------------------------------*/

/* Main
  -----------------------------------------------------------------*/

/* #Sec01
  -----------------------------------------------------------------*/


/* 768pxまでの幅の場合に適応される */
}


@media screen and (max-width: 420px) {
/* 480pxまでの幅の場合に適応される */

body{
  min-width: 320px;
  font-size: 1.2rem;
}

img{
  width: 100%;
  height: auto;
}

.sp{
  display: inline-block!important;
}
.pc{
  display: none!important;
}
h1 {
  margin-top: 20px;
  margin-bottom: 30px;
}


/*--------------------------------------------------------------------------
     Header
  ---------------------------------------------------------------------------*/
#Page {
  width: auto;
  height: auto;
  background-size: 50%;
}

#Page .logo{
  width: 75%;
  height:auto;
}

#Header{
  width:90%;
  height: auto;
  margin: 0 auto;
}

#Header .content{
  width: auto;
  height:auto;
-webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}

/*--------------------------------------------------------------------------
     Content
  ---------------------------------------------------------------------------*/

/* Main
  -----------------------------------------------------------------*/

/* #Sec01
  -----------------------------------------------------------------*/
#Sec01 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 20px;
  background: #f4f4f4 url(../images/bg_05sp.png) repeat-x scroll center top;
}

#Sec01 .ttl img{
  width:100%;
  height:auto;
}

#Sec01 img{
  width: 90%;
  height:auto;
}

/* #Sec02
  -----------------------------------------------------------------*/

#Sec02 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #fff url(../images/bg_05sp.png) repeat-x scroll center top;
}

#Sec02 .ttl{
  margin-bottom: 15px;
}

#Sec02 .ttl img{
  width:100%;
  height:auto;
}

#Sec02 img{
  width: 90%;
  height:auto;
}

#Sec02 .ex{
  width: 50%;
  height:auto;
  margin-top: -25px;
}

#Sec02 .content{
  width: auto;
  margin-bottom: 80px;
}

#Sec02 .box{
  width: 90%;
  height:auto;
  margin-top: 40px;
}

#Sec02 .txt{
  width: 90%;
  height:auto;
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}

#Sec02 .txt img:first-child {
  margin-top: 50px;
  margin-right: 0;
}

#Sec02 .txt img:nth-child(3){
  margin-right:-50px;
}

/* #Sec03
  -----------------------------------------------------------------*/
#Sec03 {
  width: 100%;
  height:auto;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #fff;
}

#Sec03 .content{
  width:auto;
  height:auto;
}

#Sec03 img{
  width: 90%;
  height:auto;
}

#Sec03 .box{
  width: 95%;
  height:auto;
  margin:auto;
  margin-top: 30px;
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}

#Sec03 .box img{
  margin-bottom: 20px;
}

/* #Sec04
  -----------------------------------------------------------------*/

#Sec04 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 20px;
  background: #f4f4f4 url(../images/bg_03.png) repeat-x scroll center top;
}

#Sec04 .ttl{
  margin-bottom: 15px;
}

#Sec04 .ttl img{
  width:100%;
  height:auto;
}

#Sec04 img{
  width: 90%;
  height:auto;
}
#Sec04 p{
  width: 90%;
  height:auto;
  font-size: 12px;
  color: #282828;
  letter-spacing: 0.05em;
  line-height: 20px;
}

table.formTable td{
  padding: 5px;
  line-height: 0px;
}

th,td{
  width: 90%;
  height:auto;
  display: block;
  font-size: 14px;
  padding: 10px;
}

table.formTable{

}
input#submit_button {
    width: 180px;
  height: 35px;
  border-radius: 30px;
  margin-top:30px;
  font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color:#e60081;
  background-color:#fff;
  border-style: none;
  border:1px #e60081 solid;
  font-size:14px;
}