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

/* 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;
}
a{
	text-decoration:none;
}
/* Clearfix */
.clearfix:after{
    content:" ";
    display:block;
    clear:both;
}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb13{margin-bottom:13px;}
.mb15{margin-bottom:15px;}
.mb18{margin-bottom:18px;}
.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;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}


.border_bottom{
	border-bottom:1px solid #00779c;
	padding-bottom:10px;
	margin-bottom:10px;
}

.text{
	display:inline-block;
}
/*
font-family: 'M PLUS Rounded 1c', sans-serif;　丸ゴシック
weight:300/400/500/700
font-family: 'Noto Sans JP', sans-serif;　ゴシック
weight:300/400/500/700
font-family: 'Noto Serif JP', serif;　明朝
weight:300/400/500/600/700
font-family: 'Josefin Sans', sans-serif;　英字のみ
500/600
*/


/*body
****************************/
html {
 height: 100%;
}

body{
	height: 100%;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#38383A;
	background-color:#dfedf4;
}



/*container
****************************/
#heder_container1{
	width:100%;
	background-color:white;
	height:100px;
	padding-top:40px;
	padding-bottom:10px;
}
#heder_container2{
	width:750px;
	margin:0 auto;
	display:table;
	height:100px;
}
#heder_container2 h1{
	display:table-cell;
	vertical-align:bottom;
	height:100px;
}
#heder_container2 p{
	display:table-cell;
	text-align:right;
	vertical-align:bottom;
	height:100px;
}



/*title_container
*****************************/
#title_container{
	width:100%;
}
#title_container1{
	width:100%;
	background-color:#00779c;
}
#title_container h2{
	width:90%;
	margin:0 auto;
	color:white;
	height:auto;
	font-size:36px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align:center;
	line-height:42px;
	padding:20px 0 28px 0;
}
#title_container h5{
	width:90%;
	margin:0 auto;
	color:white;
	height:auto;
	font-size:25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align:center;
	line-height:30px;
	padding-top:28px;
}
#title_container2{
	width:100%;
	background-color:#ebe9e6;
	padding-top:26px;
}
#title_container3{
	width:680px;
	margin:0 auto;
	display:table;
}

#title_container4{
	width:100%;
	background-color:#ebe9e6;
	padding-top:14px;
	padding-bottom:28px;
}
#title_container4 p{
	width:680px;
	margin:0 auto;
	font-size:16px;
	line-height:24px;
}


/*container2
****************************/
#container2{
	width:100%;
	margin:0 auto;
	padding-top:0px;
	position:relative;
}
.menu-container-sp{
	display:none;
}
#menu_btn{
	display:none;
}


/*nav
****************************/
.menu-container-pc{
    background-color: #fff;
	opacity: 0.9;
    width: 100%;
	z-index: 10;
	padding: 20px 0 15px 0;
}
.menu-container-pc.fixed{
    position: fixed;
    top: 0;
}
#g_navi{
	width: 100%;
	margin:0 auto;
}
#g_navi ul{
	display:table;
	width:85%;
	margin:0 auto;
	text-align:center;
}
#g_navi ul li{
	display:inline-block;
	vertical-align:middle;
	border-left:1px solid #00779c;
	padding:0 15px 0 15px;
}
#g_navi ul li:first-child{
	padding:0;
	border-left:none;
}
#g_navi ul li:nth-child(2){
	border-left:none;
	padding-left:25px;
}
#g_navi ul li img{
	width: 50px;
}
#g_navi ul li a{
	color:#00779c;
	font-size:15px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight:300;
}
#g_navi ul li a:hover{
	color:#ea5514;
	transition:0.8s;
}




/*#article_container
****************************/
#article_container{
	width:750px;
	margin:0 auto;
	background-color:white;
	padding-top:20px;
}
/*
ページトップに戻る
********************/
#article_container .pagetop{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight:400;
	font-size:25px;
	text-align:center;
	color:#00779c;
	width:400px;
	height:60px;
	line-height:60px;
	border:1px solid #00779c;
	border-radius:10px;
	display:block;
	margin:0 auto;
	margin-top:80px;
}
#article_container .pagetop:hover{
	color:white;
	background-color:#00779c;
	transition: 0.5s;
}


/*#article_container2
****************************/
#article_container2{
	width:680px;
	margin:0 auto;
}



/*もくじ
***********/
#contents_pc{
	width:680px;
}
#contents_sp{
	display:none;
}
#contents_pc p{
	font-size:18px;
	font-weight:400;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:20px;
	color:#ff6666;
}
#contents_pc ul{
	font-size:18px;
	font-weight:300;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#contents_pc ul li{
	margin-bottom:28px;
	text-decoration:underline;
}
#contents_pc ul li a{
	color:#38383A;
}
#contents_pc ul li a:hover{
	color:#ff6666;
	transition:0.8s;
}
#contents_pc ul li:last-child{
	margin-bottom:0px;
}
#hajimeni,#contents_1,#contents_2,#contents_3,#contents_4,#contents_5,#contents_6,#contents_7,#owarini{
   margin-top:-100px;
   padding-top:100px;
   height:30px;
}



/*本文
***********/
#article_container2 #article_box2{
	margin-top:20px;
}
#article_container2 #article_box2 p{
	font-size:18px;
	line-height:38px;
}
#article_container2 #article_box3 p{
	font-size:14px;
	line-height:20px;
    padding-left:2em;
    text-indent:-2em;
	}
	
#article_container2 #article_box3 h4{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:20px;
	line-height:28px;
	font-weight:500;
	margin:15px 0 15px 0;
}
		
#article_container2 #article_box2 h3{
	background-color:#fa3e67;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#ffffff;
	font-size:30px;
	line-height:38px;
	text-align: center;
	font-weight:bold;
	border-radius: 30px;
	vertical-align:middle;
	padding:2px 10px;
	line-height:2;
	margin:36px 0 36px 0;
}
#article_container2 #article_box2 h4{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:24px;
	line-height:34px;
	font-weight:500;
	margin:36px 0 36px 0;
}
#article_container2 #article_box2 h5{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:18px;
	line-height:23px;
	font-weight:500;
	margin:16px 0;
}
#article_container2 #article_box2 h6{
	background-color:#1060a1;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#ffffff;
	font-size:30px;
	line-height:38px;
	text-align: center;
	font-weight:bold;
	border-radius: 30px;
	vertical-align:middle;
	padding:2px 10px;
	line-height:2;
	margin:36px 0 36px 0;
}
#article_container2 #article_box2 img{
	width:100%;
}
.gothic{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight:400;
}
.small{
	font-size:10px;
	vertical-align:5px;
}
#article_container2 #article_box2 .caption1{
	font-size:18px;
	font-weight:400;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-top:20px;
}
#article_container2 #article_box2 .caption2{
	font-size:14px;
	font-weight:300;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align:right;
	line-height:18px;
}


#article_container2 #article_box2 cite p{
	font-size:14px;
	margin-top:60px;
}
#article_container2 #article_box2 cite ul li{
	font-size:14px;
	line-height:20px;
	margin-bottom:6px;
	text-indent:-30px;
	padding-left:30px;
}
#article_container2 #article_box2 cite .addresslink{
	color:#38383A;
	text-decoration:underline;
}
#article_container2 #article_box2 cite .addresslink:hover{
	color:#ff6666;
	transition:0.8s;
}
.li_box{
	font-size:18px;
	line-height:38px;
	font-weight:300;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.li_box li{
	text-indent:-18px;
	padding-left:18px;
}
.li_box .circle_pink{
	color:#ff6666;
}
.img_btm:hover{
	opacity:0.4;
	transition:0.6s;
}



/*
footer
*******************/
#footer{
	width:750px;
	margin:0 auto;
	padding-bottom:180px;
	padding-top:120px;
	background-color:white;
}
#footer_contactcontainer{
	width:680px;
	margin:0 auto;
}
#footer_contactcontainer p{
	font-size:15px;
	font-weight:300;
	line-height:21px;
	text-align:center;
}
#footer_contactcontainer p a{
	color:#00779c;
}
#footer_contactcontainer p .freedial{
	font-size:16px;
	font-weight:400;
}
#footer_contactcontainer p .desk{
	color:tomato;
	text-decoration:underline;
}
#footer hr{
	width:90%;
	margin:40px 5%;
}


/*
コピーライト
********************/
#copywriter{
	width:100%;
	margin:0 auto;
	height:20px;
}
#copywriter2{
	width:60%;
	float:left;
	padding-left:2%;
	font-size:15px;
	font-weight:300;
	line-height:20px;
}
#copywriter1{
	width:35%;
	float:left;
	text-align:right;
	position:relative;
	top:6px;
}