@charset "UTF-8";
/* CSS Document */

/* 共通項目 */

body {
	background-color: #ffffff;
	line-height:14px;
}

img {
     height: auto;
     vertical-align:bottom;
}

iframe {
     max-width: 100%;
}

.cbox_yellow{
	background:#fffacd;
}

.cbox_white{
	background:#ffffff;
}

.cbox_pink{
	background:#ffe4e1;
}

.cbox_gray{
	background:#f4f5f6;
}


#wrapper {
	width:100%;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	text-align:left;

}

#contents {
	background: #ffffff;

	width:100%;

}



#header {
	box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
	max-width:980px;
	margin:0px auto;
}

.scketto1{
    background:#e7f4fd url(../img2/header.png) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(291 / 1325 * 100%);
    position:relative;
}

.scketto2{
    background: url(../img2/scketto2.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(882 / 1325 * 100%);
    position:relative;
}

.scketto3{
    background: url(../img2/scketto3.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(592 / 1325 * 100%);
    position:relative;
}

.scketto4{
    background: url(../img2/scketto4.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(1026 / 1325 * 100%);
    position:relative;
}

.scketto5{
    background: url(../img2/scketto5.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(2640 / 1325 * 100%);
    p
    osition:relative;
}

.scketto6{
    background: url(../img2/scketto6.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(1314 / 1325 * 100%);
    position:relative;
}

.scketto7{
    background: url(../img2/scketto7.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(945 / 1325 * 100%);
    position:relative;
}

.scketto8{
    background: url(../img2/scketto8.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(513 / 1325 * 100%);
    position:relative;
}

.scketto9{
    background: url(../img2/scketto9.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(894 / 1325 * 100%);
    position:relative;
}


.scketto10{
    background: url(../img2/scketto10.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(1463 / 1325 * 100%);
    position:relative;
}

.scketto2-2{
    background: url(../img11/scketto2-2.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(907 / 1920 * 100%);
    position:relative;
}

.scketto2-3{
    background: url(../img9/scketto2-3.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(280 / 1325 * 100%);
    position:relative;
}

.scketto2-4{
    background: url(../img11/scketto2-4.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(570 / 1325 * 100%);
    position:relative;
}

.scketto2-5{
    background: url(../img11/scketto2-5.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(1571 / 1325 * 100%);
    p
    osition:relative;
}

.scketto2-6{
    background: url(../img5/scketto2-6.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(1325 / 1325 * 100%);
    position:relative;
}

.scketto2-7{
    background: url(../img5/scketto2-7.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:calc(837 / 1325 * 100%);
    position:relative;
}

#footer {
	width:100%;
	margin:0 auto;
	text-align:center;

}

.footer1 {
	width:90%;
	margin:80px auto 50px;
}

.footer2 {
	width:90%;
	margin:0 auto 50px;
}

.footer3 {
	width:100%;
	margin:0 auto 120px;
}

img {
	100%;
}
.footer1 img,
.footer2 img,
.footer3 img {
	max-width:100%;
}

.footer4 {
	font-size:1.8rem;
	margin:0 auto 20px;
}


.formblock_outer{
	background:#fcebf2;
}

.formblock{
	width:90%;
	margin:0 auto;
	padding:50px 0 120px;
	font-size:3.8rem;
  text-align:center;

}

.t_left {
	width:100%;
	text-align:left;
	margin-bottom:20px;
	line-height:4.2rem;
}

.t_right {
	width:100%;
	text-align:left;
}




.tw100 input,
.tw100 textarea{
	width:100%;
}

.tw70 input,
.tw70 textarea{
	width:100%;
}

.tw30 input,
.tw30 textarea{
	width:30%;
}

.formtitle {
	text-align:center;
	width:100%;
	margin:0 auto;
	padding: 50px 0;

}

.formtitle img {
    max-width:100%;
}

input[type="date"] ,
input[type="text"] ,
input[type="email"] ,
input[type="url"] ,
input[type="tel"] ,
input[type="number"] {
	border:1px solid #9e9f9f;
	font-size:3.2rem;
	border-radius: 5px;
	width: 100%;
	-webkit-appearance: none;
	padding: 1.3%;
	vertical-align:bottom;
	margin-bottom:10px;

}

input[type="file"] {
	font-size:2.0rem;
}

input[type="submit"],
input[type="button"]  {
	font-size:4.8rem;
}

.radio {
  display: none;
  line-height:3.2rem;
  padding:5%;
  margin-bottom:5px;
    position: relative;
   padding-left:10%;
}

.radio + .radio-icon:before {
  content: "●";
  font-family: "Ionicons";
  color: #ccc;
	font-size:5.8rem;
    position: absolute;     // 絶対位置指定
    top:0;
}

.radio:checked + .radio-icon:before {
  content: "●";
  color: #17bcdf;
}

.checkbox {
  display: none;
}
.checkbox + .checkbox-icon {
  position: relative;
  vertical-align: text-top;
  line-height:6.4rem;
}
.checkbox + .checkbox-icon:before {
  content: "■";
  font-family: "Ionicons";
  color: #ccc;
	font-size:5.8rem;
  line-height:6.4rem;

}
.checkbox:checked + .checkbox-icon:before {
  content: "■";
  color: #17bcdf;
}


.marginradio {
	margin:30px 0 50px;

}

textarea{
	border:1px solid #9e9f9f;
	font-size:4.2rem;
	border-radius: 5px;
	width: 100%;
	-webkit-appearance: none;
	padding: 1.3%;
	vertical-align:bottom;
	margin-bottom:10px;


}

.bottomline {
	margin-bottom:50px;
}

.bottomline2 {
	margin-bottom:80px;
}

.subtext {
	line-height:4.8rem;
	margin:5px 0;
}

.exred {
	color:#ffffff;
	background:#df4753;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	padding: 0 0.7%;
	margin-left:1.3%;
	font-weight:bold;
	font-size:2.8rem;
}

.sendnotice {
	font-size:2.4rem;
	line-height:3.2rem;
	text-align:left;
	margin-top:30px;
	border:5px solid #ff0000;
	padding:3%;
	width:94%;
}

@media screen and (min-width:1325px) {
.formblock{
	width:70%;
	margin:0 auto;
	padding:50px 0 120px;
	font-size:2.4rem;
	text-align:center;

}

.t_left {
	float:left;
	width:40%;
	text-align:left;
	line-height:3.2rem;
}

.t_right {
	float:left;
	width:60%;
	text-align:left;
}



.tw100 input,
.tw100 textarea{
	width:100%;
}

.tw70 input,
.tw70 textarea{
	width:100%;
}

.tw30 input,
.tw30 textarea{
	width:30%;
}

.formtitle img {
    max-width:100%;
}

.subtext {
	line-height:2.4rem;
	margin:5px 0;
}

input[type="file"] {
	font-size:2.4rem;
}

input[type="submit"],
input[type="button"]  {
	font-size:2.4rem;
}

}