@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
/* 画面サイズによって改行 */
.in480{
	display:none;
}
@media screen and (max-width: 480px) {
	.in480{
		display:inline;
	}
}
.out480{
	display:inline;
}
@media screen and (max-width: 480px) {
	.out480{
		display:none;
	}
}


.top_info{
	width:100%;
	box-shadow:2px 2px 3px 0px #666666;
	position: relative ;
 z-index: 0; 
}
.top_info_wrap{
	width:100%;
	max-width:980px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
}
@media screen and (max-width: 640px) {
	.top_info_wrap{
		height:40px;
	}
}
.top_info_l{
	float:left;
	margin-top:25px;
	max-width:270px;
	width:45%;
}
@media screen and (max-width: 640px) {
	.top_info_l{
		margin-top:12px;
	}
}
.top_info_l img {
	width:100%;
}
.top_info_r{
	float:right;
	margin-top:20px;
	max-width:241px;
	width:45%;
}
@media screen and (max-width: 640px) {
	.top_info_r{
		display:none;
	}
	.top_info_mail img{
		display:none;
	}
}
.main_pic_contents{
	width:100%;
	max-width:980px;
	margin:0 auto;
}
.main_pic_contents img{
	width:100%;
	max-width:980px;
}
/*
@media screen and (max-width: 980px) {
	.main_pic_contents{
		background-color: rgba(255,255,255,0.5);
	}
}

@media screen and (max-width: 640px) {
	.main_pic_contents img{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
}
*/
.atcl_info{
	padding-top:30px;
	padding-bottom:0px;
}
@media screen and (max-width: 640px) {
	.atcl_info{
		padding-top:10px;
		padding-bottom:0px;
	}
	.atcl_info h1{
		padding-bottom:5px;
	}
}
.atcl_info_tbn{
	display:inline;
	width:100%;
	max-width:413px;
}
.atcl_info_tbn:hover{
	padding-top:3px;
}
.atcl_info_sub1{
	text-align:center;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub1 img {
		margin-top:5px;
		display:block;
		margin:auto;
	}
}
.atcl_info_sub2_bg1_pc{
	background:url(../images/tel1_im.png) no-repeat center center,
	url(../images/bg_1.png) repeat center center;
	text-align:center;
	height:280px;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub2_bg1_pc{
		display:none;
	}
}
.atcl_info_sub2_bg2_pc{
	background:url(../images/tel2_im.png) no-repeat center center,
	url(../images/bg_2.png) repeat center center;
	text-align:center;
	height:280px;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub2_bg2_pc{
		display:none;
	}
}
.atcl_info_sub2_bg3_pc{
	background:url(../images/tel3_im.png) no-repeat center center,
	url(../images/bg_3.png) repeat center center;
	text-align:center;
	height:280px;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub2_bg3_pc{
		display:none;
	}
}
.atcl_info_sub2_sp{
	display:none;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub2_sp{
		display:block;
		text-align:center;
		height:auto;
	}
	.atcl_info-sub2_sp_tel{
		max-width:640px;
		width:100%;
	}
	.atcl_info-sub2_sp_mail{
		max-width:413px;
		width:100%;
	}
}
.atcl_info_sub2-2{
	width:100%;
	max-width:600px;
	margin:auto;
	padding-top:165px;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub2-2{
		padding-top:120px;
		margin-bottom:120px;
	}
}
.atcl_info_sub2-2-2{
	display:inline;float:right;width:180px;
}
.atcl_info_sub2-2-2 p{
	height:90px;display:table-cell;vertical-align:middle;
}
@media screen and (max-width: 640px) {
	.atcl_info_sub2-2-2 p{
		display:none;
	}
}
.atcl_cmn_top_img{
	max-width:455px;
	width:100%;
	display:block;
	margin:0px auto 30px auto;
}
@media screen and (max-width: 640px) {
	.atcl_cmn_top_img{
		max-width:455px;
		width:95%;
		display:block;
		margin:0px auto 10px auto;
	}
}
.atcl1{
	background:#FEF9F8;
	background-size:cover;
}
.atcl1_wrap{
	max-width:980px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
@media screen and (max-width: 980px) {
	.atcl1_wrap{
		width:100%;
		margin:auto;
	}
}
@media screen and (max-width: 980px) {
	.atcl1_wrap img{
		display:none;
	}
}
.atcl1 section{
	float:left;
	width:306px;
}
@media screen and (max-width: 980px) {
	.atcl1 section{
		float:none;
	  display: block;
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
}
.atcl1 section h1{
	text-align:center;
	font-weight:bold;
	color:#333;
	font-size:1.5em;
	text-shadow:1px 1px 0px #fff;
	padding-top:45px;
	padding-bottom:45px;
	border-bottom:1px solid #ccc;
}
@media screen and (max-width: 980px) {
	.atcl1 section h1{
		padding-top:10px;
		padding-bottom:10px;
	}
}
.atcl1 section p {
	font-size:1.1em;
	margin:20px 0px 20px 0px;
	line-height:1.8;
}
.atcl1_sec1{
	margin-right:15px;
}
.atcl1_sec2{
	margin:0px 16px 0px 16px;
}
.atcl1_sec3{
	margin-left:15px;
}
.atcl2 {
	background:#f9eedc url(../images/bg_photo.png) no-repeat center center;
	background-size:cover;
}
.atcl3{
	background-color: #FFF;
	-webkit-box-shadow: 0 0 13px rgba(4,0,0,.67);
	background-image:
	 -webkit-linear-gradient(
			 transparent 95%,
			 rgba(0, 144, 255, .2) 50%,
			 rgba(0, 144, 255, .2)),
	 -webkit-linear-gradient(
			 0deg, transparent 95%,
			 rgba(0, 144, 255, .2) 50%,
			 rgba(0, 144, 255, .2)
			 );
	background-size: 20px 20px;
	background-repeat: repeat;
	padding:50px;
}
@media screen and (max-width: 640px) {
	.atcl3{
		padding:20px;
	}
}
.atcl3_wrap{
	max-width:980px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.atcl3 p{
	font-size:2.5em;
	font-weight:bold;
	padding-top:0.7em;
}
@media screen and (max-width: 640px) {
	.atcl3 p{
		padding-top:0.7em;
		font-size:2.0em;
	}
}
.atcl4 {
	background:#f9eedc;
	text-align:center;
}
.atcl4_tl {
	margin-top:0px;
}
@media screen and (max-width: 640px) {
	.atcl4_tl {
		width:90%;
		margin:0 auto;
	}
	.atcl4_tl img{
		width:100%;
		margin-bottom:20px;
	}
}
.atcl4_img_pc{
	display:inline;
	width:100%;
	max-width:978px;
}
.atcl4_img_sp{
	display:none;
}
@media screen and (max-width: 640px) {
	.atcl4_img_pc{
		display:none;
	}
	.atcl4_img_sp{
		display:inline;
		width:100%;
		max-width:480px;
	}
}

.atcl5 {
	background:#f9eedc url(../images/photo_sub1_2.png) no-repeat top left;
	background-size:cover;
	background-color:#f2f2f2;
}
.atcl5_wrap{
	max-width:980px;
	width:100%;
	margin:auto;
}
@media screen and (max-width: 980px) {
	.atcl5_wrap{
		width:100%;
		margin:auto;
	}
}
.atcl5 section{
	max-width:633px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background-color: rgba(255,255,255,0.8);
	padding:10px;
	padding-top:30px;
	padding-bottom:30px;
	border-radius:5px;
}
@media screen and (max-width: 980px) {
	.atcl5 section{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		padding-bottom:1px;
	}
}
@media screen and (max-width: 640px) {
	.atcl5 section{
		width:90%;
	}
}
.atcl5 section img{
	width:100%;
}
.atcl5_tl {
	max-width:230px;
	width:40%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1.1em;
	text-weight:bold;
	color:#0d3387;
	padding-right:10px;
	line-height:1.2;
}
@media screen and (max-width: 640px) {
	.atcl5_tl {
		display:block;
		max-width:100%;
		width:100%;
		margin:5px 0px;
	}
}
.atcl5_con {
	width:auto;
	max-width:300px;
	width:60%;
	display:table-cell;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
}
@media screen and (max-width: 640px) {
	.atcl5_con {
		display:block;
		max-width:100%;
		width:100%;
		margin:0px;
		padding:5px;
	}
}
.atcl5 ul{
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	max-width:528px;
	width:100%;
}
.atcl5 li{
	position:relative;
	margin-bottom:10px;
	width:100%;
	display:table;
	table-layout:fixed;
	border:1px solid #333;
	border-radius:5px;
	padding:20px 10px;
	margin-bottom:40px;
	background-color:#fff;
}
@media screen and (max-width: 640px) {
	.atcl5 li{
		padding:5px 10px;
		margin-bottom:40px;
		width:95%;
	}
	.atcl5 li:last-child{
		margin-bottom:10px;
	}
}
.atcl5 li img{
	position:absolute;
	display:inline-block;
	top:-30px;
	left:-35px;
	width:68px;
	height:67px;
}
@media screen and (max-width: 640px) {
	.atcl5 li img{
		top:-35px;
		left:-10px;
	}
}
.atcl6 {
	background-color:#E1F5FF;
}
.atcl6_wrap {
	max-width:980px;
	width:100%;
	margin:auto;
}
.atcl6_top {
	width:auto;
	margin:20px auto 30px auto;
	max-width:980px;
	width:80%;
	text-align:center;
}
@media screen and (max-width: 980px) {
	.atcl6_top {
		text-align:left;
		line-height:1.2;
	}
}
/* 吹き出し本体 */
.balloon {
	margin-bottom:20px;
	position:relative;
}
@media screen and (max-width: 640px) {
	.balloon {
		margin-bottom:5px;
	}
}
.balloon p {
	margin:0;
	padding:0;
}
.balloon.right-box {
	padding-right:145px;
	margin-bottom:80px;
margin-bottom:50px;
}
.balloon.right-box:last-child {
	margin-bottom:20px;
}
@media screen and (max-width: 640px) {
	.balloon.right-box {
		margin-bottom:30px;
	}
}
.balloon.left-box {
	padding-left:110px;
}
.balloon .balloonbox {
	width:100%;
}
.balloon .balloonbox .txt {
	font-size:14px;
	line-height:1.8em;
	padding:10px 0;
}
.balloon .balloonbox .balloon-left {
/* 質問用バルーン */
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 100%;
	color:#fff;
	text-align:left;
	z-index: 0;
	min-height:100px;
	background: #3897CC;
	border:1px solid #D8D8D8;
	border-radius:10px;
}
@media screen and (max-width: 980px) {
	.balloon .balloonbox .balloon-left {
		width: 90%;
		height:auto;
	}
}
@media screen and (max-width: 640px) {
	.balloon .balloonbox .balloon-left {
		width: 85%;
	}
}
.balloon .balloonbox .balloon-right {
/* 回答用バルーン */
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 100%;
	color: #000;
	text-align:left;
	z-index: 0;
	min-height:100px;
	background: #fff;
	box-shadow: 3px 1px 3px rgba(255, 255, 255, 0.2) inset, 3px 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #D8D8D8;
	border-radius:10px;
}
@media screen and (max-width: 980px) {
	.balloon .balloonbox .balloon-right {
		width: 100%;
		margin-left:10px;
		height:auto;
	}
}
.balloon .balloonbox .balloon-right:before {
/* 回答用バルーンの吹き出しの▼部分 */
	content: "";
	position: absolute;
	top: 50px;
	right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}
.balloon .balloonbox .balloon-left:before {
/* 質問用バルーンの吹き出しの▼部分 */
	content: "";
	position: absolute;
	top: 40px; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	border-color: transparent #3897CC transparent transparent;
	z-index: 0;
}
/*アイコン*/
.balloon.right-box .img {
	width:94px;
	top:10px;
	right:0;
	position:absolute;
}
@media screen and (max-width: 640px) {
	.balloon.right-box .img {
		width:80px;
		right:10;
	}
}
.balloon.left-box .img {
	width:94px;
	top:10px;
	left:0;
	position:absolute;
}
@media screen and (max-width: 640px) {
	.balloon.left-box .img {
		width:80px;
		left:10;
	}
}
.balloon .img img {
	border-radius:50%;
	box-shadow: 3px 1px 3px rgba(255, 255, 255, 0.2) inset, 3px 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #D8D8D8;
	width:100%;
}
.balloon_txt_box_no{
	height:100px;
	white-space:nowrap;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1.2em;
}
@media screen and (max-width: 640px) {
	.balloon_txt_box_no{
		padding-top:5px;
		white-space:nowrap;
		width:100%;
		float:left;
		height:auto;
		margin:5px 0px 0px 0px;
	}
}
.balloon_txt_box_mid {
	display:table;
	height:100px;
}
.balloon_txt_box_con{
	height:100px;
	max-width:950px;
	width:90%;
width:100%;
	padding-left:10px;
	padding-right:40px;
	display:table-cell;
	vertical-align:middle;
	font-size:1em;
	line-height:1.2;
}
@media screen and (max-width: 980px) {
	.balloon_txt_box_con{
		height:auto;
		width:100%;
		padding-left:10px;
	}
}
@media screen and (max-width: 640px) {
	.balloon_txt_box_con{
		padding:10px 0px 10px 0px;
		margin:0px;
	}
}
.atcl_form{
	background-color: #FFF;
	min-height: 418px;
	-webkit-box-shadow: 0 0 13px rgba(4,0,0,.67);
	background-image:
	 -webkit-linear-gradient(
			 transparent 95%,
			 rgba(0, 144, 255, .2) 50%,
			 rgba(0, 144, 255, .2)),
	 -webkit-linear-gradient(
			 0deg, transparent 95%,
			 rgba(0, 144, 255, .2) 50%,
			 rgba(0, 144, 255, .2)
			 );
	background-size: 20px 20px;
	background-repeat: repeat;
	padding-top:50px;
	padding-bottom:50px;
}
@media screen and (max-width: 640px) {
	.atcl_form{
		padding-top:20px;
		padding-bottom:10px;
	}
}
.atcl_form section{
	max-width:980px;
	width:95%;
	margin:auto;
	background-color:#fff;
	border-radius:10px;
	box-shadow:2px 2px 3px 0px #666;
	padding:10px;
}

.atcl_form_top-new{
	position: relative;
	display: block;
	overflow: hidden;
}
.atcl_form h1{
	text-align:center;
	font-size:2em;
	margin-top:50px;
}
@media screen and (max-width: 640px) {
	.atcl_form h1{
		margin:40px 0px 20px 0px;
	}
}
.atcl_form_top{
	max-width:650px;
	width:100%;
	margin:50px auto;
	line-height:1.2;
}
@media screen and (max-width: 640px) {
	.atcl_form_top{
		margin:0px;
	}
}
.atcl_form hr{
	border:1px dotted #ccc;
	margin:20px 0px;
}
.atcl_form form{
	margin:50px 50px 100px 50px;
}
@media screen and (max-width: 640px) {
	.atcl_form form{
		margin:10px;
	}
}
.atcl_form_taski_container{
	display:inline;
}
.atcl_form_taski_contents{
	width:350px;
	padding:20px 0px;
	background: #d43131;
	color: #fff;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 50px;
	left: -80px;
	text-transform: uppercase;
	transform: rotate(315deg);
}
@media screen and (max-width: 980px) {
	.atcl_form_taski_contents{
		width:350px;
		padding:5px 0px;
		top: 50px;
		left: -110px;
		font-size:0.8em;
	}
}
@media screen and (max-width: 640px) {
	.atcl_form_taski_contents{
		transform: none;
		width:100%;
		padding:5px 0px;
		top: 0px;
		left:0px;
	}
}

.atcl_form form label{
	width:20%;
	float:left;
}
@media screen and (max-width: 640px) {
	.atcl_form form label{
		width:100%;
	}
}
.atcl_form form textarea{
	width:80%;float:left;
}
@media screen and (max-width: 640px) {
	.atcl_form form textarea{
		width:100%;
	}
}

.atcl_form form input{
/* inputタグ全体 */
	width:80%;
	float:left;
}

.atcl_form form span{
	background-color:#1b9a5b;
	border-radius:2px;
	color:#fff;
	font-size:0.8em;
	padding:1px;
	margin-left:5px;
}

/*--------------------------------------
テキスト
---------------------------------------*/
.msr_text_03 {
  padding-bottom: 20px;
	width:100%;
}
.msr_text_03_indent{
	/* インデントの部分 */
	width:80%; /* msr_text_03のwidthを打ち消す */
	margin-right:0px;
	margin-left:auto;
}
@media screen and (max-width: 640px) {
	.msr_text_03_indent{
		/* インデントの部分 */
		width:100%;
	}
}
.msr_text_03 label {
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_text_03 input[type=text] {
  background: #fff;
  border: 1px solid #D7D7D7;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  padding: 10px;
  height: 40px;
}
@media screen and (max-width: 640px) {
	.msr_text_03 input[type=text] {
		width:100%;
	}
}
/*--------------------------------------
ラジオボタン
---------------------------------------*/

.msr_radio_03 {
  padding-bottom: 20px;
}

.msr_radio_03 p {
  font-size: 14px;
  padding-bottom: 5px;
}
/*
.msr_radio_03 input[type=radio] {
  display: none;
  margin: 0;
}
*/
.msr_radio_03 input[type=radio] + label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5px;
  margin-right: 12px;
  padding: 0 0 3px 24px;
  position: relative;
	width:100px;
	margin-top:7px;
}
@media screen and (max-width: 640px) {
	.msr_radio_03 input[type=radio] + label {
		width:60px;
	}
}
/*
.msr_radio_03 input[type=radio] + label::before {
  border: 1px solid #C3C3C3;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -9px;
  position: absolute;
  left: 0;
  top: 50%;
  height: 13px;
  width: 13px;
}
.msr_radio_03 input[type=radio]:checked + label::after {
  background: #1B73BA;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -4px;
  position: absolute;
  left: 3px;
  top: 0;
  height: 7px;
  width: 7px;
}
*/

/*--------------------------------------
チェックボックス
---------------------------------------*/

.msr_chack_03 {
  padding-bottom: 20px;
	text-align:center;
	margin:20px 0px;
}
.msr_chack_03 p {
  font-size: 14px;
  padding-bottom: 5px;
	line-height:1.2;
}
.msr_chack_03 input[type=checkbox] {
  display: none;
  margin: 0;
}
.msr_chack_03 input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5px;
  margin-right: 12px;
  padding: 0 0 0 24px;
  position: relative;
}
.msr_chack_03 input[type=checkbox] + label::before {
  border: 1px solid #D7D7D7;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -9px;
  position: absolute;
  left: 0;
  top: 50%;
  height: 14px;
/* チェックボックスのサイズ */
  width: 14px;

}
.msr_chack_03 input[type=checkbox]:checked + label::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}
.msr_chack_03 input[type=checkbox]:checked + label::after {
  border-bottom: 3px solid #1B73BA;
  border-left: 3px solid #1B73BA;
  left: 2px;
  margin-top: -6px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  height: 6px;
	/* チェックマークのサイズ */
  width: 10px;
}
.msr_chack_03_sub{
	width:180px;
	margin:auto;
}
/*--------------------------------------
プルダウン
---------------------------------------*/

.msr_pulldown_03 {
  padding-bottom: 20px;
  position: relative;
}
.msr_pulldown_03 p {
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_pulldown_03 select {
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
/*
  background: url(../images/material_arrow_blue02.png) no-repeat;
*/
  background-position: 210px center;
  border: 1px solid #D7D7D7;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  text-indent: .01px;
  text-overflow: "";
  padding: 10px;
  height: 40px;
  width: 230px;
}

/*--------------------------------------
テキストエリア
---------------------------------------*/
.msr_textarea_03 {
  padding-bottom: 10px;
	width:100%;
}
.msr_textarea_03 label {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}
.msr_textarea_03 textarea {
  border: 1px solid #D7D7D7;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  padding: 10px;
  height: 210px;
  width: 460px;
}

/*--------------------------------------
送信ボタン
---------------------------------------*/
.msr_sendbtn_03{
	margin:auto;
	width:300px;
}
@media screen and (max-width: 640px) {
	.msr_sendbtn_03{
		width:100%;
	}
}


.msr_sendbtn_03 input[type=submit] {
/*
  background: #0d3387 url(../images/arrow_white.png) no-repeat;
*/
  background-color: #0d3387;
  border: none;
  border-radius: 2px;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  color: #fff;
  cursor: pointer;
	font-size:1.75em;
  height: 50px;
}
.msr_sendbtn_03 input[type=submit]:hover {
  opacity: 0.6;
}
.msr_sendbtn_03 input[disabled=disabled] {
/*
  background: #B4B4B4 url(../images/arrow_gray.png) no-repeat;
*/
  background-color: #B4B4B4;
  background-position: 20px;
  color: #7E7E7E;
  cursor: default;
}
.msr_sendbtn_03 input[disabled=disabled]:hover {
  opacity: 1;
}

.confirm{
	border:1px solid #ccc;
	width:80%;
	max-width:500px;
	padding:5%;
	margin:5% auto 5% auto;
	border-radius:10px;
	background-color:#f9eedc;
}
.confirm h1{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:3%;
}
.confirm ul{
	margin-bottom:20px;
}
.confirm li{
	line-height:2;
}
.after_sendmail{
	border:1px solid #ccc;
	width:80%;
	max-width:500px;
	padding:5%;
	margin:5% auto 5% auto;
	border-radius:10px;
	background-color:#f9eedc;
	text-align:center;
}
.after_sendmail h1{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5%;
}
.after_sendmail div{
	margin-top:20px;
	line-height:1.5;
}
.atcl_footer_container {
	padding-top:0px;
	padding-bottom:0px;
}
@media screen and (max-width: 640px) {
	.atcl_footer_container {
		margin-bottom:55px;
	}
}
.atcl_footer_top {
	display:table;
	width:100%;
	height:30px;
	background-color:#1b9a5b;
	text-align:center;
}
.atcl_footer_top p{
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
.atcl_footer_bottom {
	display:table;
	max-width:980px;
	width:100%;
	height:70px;
	margin:auto;
	background-color:#fff;
}
@media screen and (max-width: 980px) {
	.atcl_footer_bottom {
		margin:5px;
	}
}
.atcl_footer_bottom_img {
	display:table-cell;
	vertical-align:middle;
}
.atcl_footer_bottom_img img{
	max-width:307px;
	width:100%;
}
@media screen and (max-width: 980px) {
	.atcl_footer_bottom_img img{
		width:95%;
	}
}
@media screen and (max-width: 640px) {
	.atcl_footer_bottom_img {
		display:block;
		float:left;
	}
}
.atcl_footer_bottom_txt {
	display:table-cell;
	vertical-align:middle;
	padding:0px 5px;
}
@media screen and (max-width: 640px) {
	.atcl_footer_bottom_txt {
		display:block;
		float:left;
		margin:0px;
		padding:0px;
		margin-top:3px;
	}
}
.atcl_footer_bottom_txt p{
	display:inline-block;
	text-align:left;
	float:right;
	font-size:0.87em;
	line-height:1.5;
}
@media screen and (max-width: 640px) {
	.atcl_footer_bottom_txt p{
		font-size:0.7em;
	}
}
/* スマホ用最下部ボタン */
#sp_foot_btn_container {
	display:none;
}
@media print{
	#sp_foot_btn_container {
		display:none;
	}
}
@media screen and (max-width: 640px) {
	#sp_foot_btn_container{
		display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
	background-color:#2F307E; /* 青 */
	}
	.sp_foot_btn_cmn{
		width:45%;
		margin:1%;
		padding:1%;
		height:30px;
		border-radius:5px;
	}
	.sp_foot_btn_mail{
		background-color:#fff; /* 白 */
		float:left;
		color:#fff;
		border:1px solid #fff;
	}
	.sp_foot_btn_tel{
		color:#F3DC44;
		border:1px solid #fff;
		float:right;
	}
	.sp_foot_icon {
		float:left;
		width:20%;
		text-align:right;
	}
	.sp_foot_txt_in_btn {
		float:right;
		display:table;
		text-align:center;
		width:80%;
	}
	.sp_foot_txt_in_btn p{
		font-weight:bold;
		height:30px;
		display:table-cell;
		vertical-align:middle;
	}
	.sp_foot_txt_mail {
		color:#2F307E; /* 青 */
		font-size:0.9em;
	}
	.sp_foot_txt_tel {
		color:#fff;
		font-size:0.8em
	}
	.fa-envelope{
		color:#2F307E; /* 青 */
	}
	.fa-phone{
		color:#fff;
	}
}
/* スマホでのみ電話リンク有効 */
a[href^="tel:"] { cursor: default; }


.lazyload, .lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 5000ms;
}

/* サンプル動画＆画像 */
.atcl_sample{
	width:100%;
	text-align:center;
}
.atcl_sample h1{
	font-size:2em;
	margin-bottom:50px;
}
#sample img {
	max-width:500px;
	max-height:200px;
	object-fit:cover; /* この一行を追加するだけ！ */
}
/*-------------------
追加分
-------------------*/
.img_center {
	text-align:center;
	}
.description{
	text-align:center;
	font-size:1.2em;
	margin:1.2em;
}
.reso{
	display:block;
	margin:0 auto; 
	width:930px;
	padding:30px 0px;
}
.fl_r{
	float:right;
	font-size:2.5em;
	font-weight:bold;
	padding-top:0.7em
}
@media screen and (max-width: 640px) {
	.fl_r{
	float:none;
	}
	.reso-{
		font-size:0.8em;
		text-align:center;
		margin:0 auto;
		display:block;
		width:98%;
/*
		max-width:480px;
*/
	}

	.reso img {
		width:50%;
		border:1px solid green;
	}

}

.problem1{
	display:block;
	margin:0 auto;
}
.problem2{
	display:none;
	margin:0 auto;
}
@media screen and (max-width: 640px) {
	.problem1{
		display:none;
	}
	.problem2{
		display:block;
	}
	.atcl2 {
		background:#D5D9E0;
		padding:0;
	}
	.atcl2 img{
		width:98%;
	}
}
.tel_top{
	font-weight:bold;
	font-size:1.5em;
	padding-bottom:5px;
}
.pt30{
	padding-top:30px;
}
.pt50{
	padding-top:50px;
}
.pb50{
	padding-bottom:50px;
}
.atcl9 {
	background:#f9eedc;
	background:#6CABD6;
	text-align:center;
}
.atcl9_tl {
	margin-top:0px;
}
@media screen and (max-width: 640px) {
	.atcl9_tl {
		width:90%;
		margin:0 auto;
	}
	.atcl9_tl img{
		width:100%;
		margin-bottom:20px;
	}
}
.atcl9_img_pc{
	display:inline;
	width:100%;
	max-width:980px;
}
.atcl9_img_sp{
	display:none;
}
@media screen and (max-width: 640px) {
	.atcl9_img_pc{
		display:none;
	}
	.atcl9_img_sp{
		display:inline;
		width:100%;
		max-width:480px;
	}
}

.atcl8 {
	background:#f2f2f2;
	text-align:center;
	padding:50px;
	font-size:0.8em;
	line-height:normal;
}
.atcl8 h1{
	font-size:1.4em;
	font-weight:bold;
}
.atcl8 h2{
	margin:20px 0px 10px 0px;
	font-size:1.2em;
	font-weight:300;
}
.atcl10 {
	background:#f9eedc;
	text-align:center;
}
.atcl10_tl {
	margin-top:0px;
}
@media screen and (max-width: 640px) {
	.atcl10_tl {
		width:90%;
		margin:0 auto;
	}
	.atcl10_tl img{
		width:100%;
		margin-bottom:20px;
	}
}
.atcl10_img_pc{
	display:inline;
	width:100%;
	max-width:980px;
}
.atcl10_img_sp{
	display:none;
}
@media screen and (max-width: 640px) {
	.atcl10_img_pc{
		display:none;
	}
	.atcl10_img_sp{
		display:inline;
		width:100%;
		max-width:480px;
	}
}
.atcl11 {
	text-align:center;
}
.atcl11_top {
	width:auto;
	margin:20px auto 30px auto;
	max-width:980px;
	width:80%;
	text-align:center;
}
@media screen and (max-width: 980px) {
	.atcl11_top {
		text-align:left;
		line-height:1.2;
	}
}
.atcl11_img_pc{
	display:inline;
	width:100%;
	max-width:980px;
}
.atcl11_img_sp{
	display:none;
}
@media screen and (max-width: 640px) {
	.atcl11_img_pc{
		display:none;
	}
	.atcl11_img_sp{
		display:inline;
		width:100%;
		max-width:480px;
	}
}
.atcl12{
	background:#FEF9F8;
	background-size:cover;
}
.atcl12_wrap{
	max-width:980px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
@media screen and (max-width: 980px) {
	.atcl12_wrap{
		width:100%;
		margin:auto;
	}
}
@media screen and (max-width: 980px) {
	.atcl12_wrap img{
		display:none;
	}
}
.atcl12 section{
	float:left;
	width:306px;
}
@media screen and (max-width: 980px) {
	.atcl12 section{
		float:none;
	  display: block;
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
}
.atcl12 section h1{
	text-align:center;
	font-weight:bold;
	color:#333;
	font-size:1.5em;
	text-shadow:1px 1px 0px #fff;
	padding-top:45px;
	padding-bottom:45px;
	border-bottom:1px solid #ccc;
}
@media screen and (max-width: 980px) {
	.atcl12 section h1{
		padding-top:10px;
		padding-bottom:10px;
	}
}
.atcl12 section p {
	font-size:1.1em;
	margin:20px 0px 20px 0px;
	line-height:1.8;
}
.atcl12_sec1{
	margin-right:15px;
}
.atcl12_sec2{
	margin:0px 16px 0px 16px;
}
.atcl12_sec3{
	margin-left:15px;
}
.top_info_mail{
	float:right;
	display:block;
	margin-top:20px;
	padding-left:10px;
}
.top_info_mail img:hover {
	opacity: 0.5 ;
}
.image_l img{
	display:inline;
	width:95%;
	max-width:980px;
}
.image_s img{
	display:none;
}
@media screen and (max-width: 640px) {
	.image_l img{
		display:none;
	}
	.image_s img{
		display:inline;
	}
	.image_s img{
		text-align:center;
		width:100%;
		max-width:640px;
	}	
}
.sm{
	font-size:0.8em;
}